Вебсайттын баскычтарын кантип тартуу керек

Мазмуну:

Вебсайттын баскычтарын кантип тартуу керек
Вебсайттын баскычтарын кантип тартуу керек

Video: Вебсайттын баскычтарын кантип тартуу керек

Video: Вебсайттын баскычтарын кантип тартуу керек
Video: Launchpads жана Whitelists = Xs Fast | Redkite Polkafoundry 2024, Май
Anonim

Колдонуучуга ыңгайлуу интерфейс, жакшы тартылган графика, элементтердин беттеги туура жайгаштырылышы - сайттын кирүүчүнүн ийгилигинин жарымы. Вебсайттын баскычтарын тартуу - бул онлайн долбоордо иштөөнүн кичинекей, бирок маанилүү бөлүгү.

Вебсайттын баскычтарын кантип тартуу керек
Вебсайттын баскычтарын кантип тартуу керек

Нускамалар

1 кадам

Тегерек баскычты тартып көрүңүз. Төмөндө келтирилген ыкма логотиптерди жана аватарларды түзүү үчүн универсалдуу. Жасоо керек болгон иш-аракеттердин санына карабастан, сүрөт тартуу кыйын эмес.

2-кадам

Adobe Photoshop программасын ачыңыз. "Ctrl + N" айкалышын басуу менен жаңы документ түзүңүз. Сүрөттүн параметрлери 300 * 300, чечим 72 ppi. Демейки фон жана түс режими, тиешелүүлүгүнө жараша, ак жана RGB.

3-кадам

Эң жакшысы векторлор менен сүрөт тартып, баскычы төмөндөгөндө анын сапаты начарлап кетпейт. Oval куралын тандап, Shift баскычын басып, ортосунан тегерек сызыңыз.

4-кадам

Эми пайда болгон айланага бир нече эффекттерди колдонуңуз. "Катмарлар" - "Катмар Стили" - "Аралаштыруунун Жолдору" менюсуна өтүңүз. Бул жерде сизге градиент колдонуу керек болот.

5-кадам

Андан кийин, бул жерде, "Бедерлөөнүн" жанындагы кутучаны белгилеп, баскычка керектүү томпокту берип, төмөнкү параметрлерди коюңуз: стиль - контурдук бедер, метод - жумшак кесүү, тереңдик - 220%, көлөм - 1 пиксель, жумшартуу - 5 пиксел, бурчу - глобалдык жарыксыз 135о, бийиктиги - 32, бөлүп көрсөтүү режими - 30% тунуктук менен кадимкидей, көлөкө режими - 25% тунуктук менен көбөйтүү

6-кадам

Дагы бир көлөм берүү үчүн, аралаштыруу параметрлеринде, "Көлөкө" кутучасын белгилеп, төмөнкү параметрлерди коюңуз: аралаштыруу режими - көбөйтүү, тунуктук - 40%, бурч - 125o глобалдык жарыктандырууну колдонуп, офсет - 5 пиксель, көлөмү - 20 пиксел.

7-кадам

Аткарылган иш-аракеттердин натыйжасы сүрөттө көрсөтүлгөндөй сүрөттөлүш болот.

8-кадам

Эми жаңы катмар түзүп, кайрадан "Овалды" тандап, биринчи формасына караганда кичине радиуста тегерек сызыңыз. "Аралаштыруу Жолдорун" ачып, "Ички көлөкө" жанындагы кутучаны белгилеп, параметрлерди коюңуз: Аралаштыруу режими - Жумшак жарык, Бурч - 125o, Офсет - 0px, Кичирейтүү - 45%, Өлчөм - 21px.

9-кадам

Андан кийин, бул жерде аралаштыруу параметрлеринде, "Градиенттин үстүнкү катмарын" текшерип, сүрөттөгүдөй параметрлер менен градиент түзүңүз. ОК баскычын чыкылдатыңыз

10-кадам

Кийинки аралаштыруу стилин Радиал, Масштабын 124% кылып коюңуз

11-кадам

Эми "Штрих" кутучасын белгилеп, төмөнкү параметрлерди коюңуз: көлөмү - 5 пиксель, абалы - сыртта, аралаштыруу режими - нормалдуу, тунук эместиги - 100%, инсульт түрү - градиент.

12-кадам

Ушул иш-аракеттердин натыйжасында сиз кнопкага көбүрөөк окшош нерсени алышыңыз керек. Аралаштыруу параметрлерин кайрадан ачып, алар менен тажрыйба жүргүзсөңүз болот.

13-кадам

Эми биз баскычтын айнек текстурасын алышы үчүн, негизги баскычтарды кошушубуз керек. Ал үчүн кайрадан жаңы катмар түзүп, Oval Selection куралын тандап, баскычтын үстүнөн овал жасап, Fill куралынын жардамы менен ак менен толтуруңуз. Ctrl кармаңыз, түстүү тегерек менен катмарды чыкылдатып, тандоону тескери буруңуз ("Тандоо" - "Инверсия"). Эми Жок кылуу баскычын басыңыз. Сопакты тегерек периметри боюнча тегиздөө керек.

14-кадам

Катмарлар панелинен Нормалдуу параметрин Жумшак жарыкка өзгөртүңүз, андан кийин вектор маскасынын сүрөтчөсүн чыкылдатып, Толтуруу куралы - Градиентти тандаңыз. Бөлүктү төмөндөн жогору карай толтуруңуз. Баскыч дээрлик даяр.

15-кадам

Баскычка жазууну кошо аласыз. Ага аралаштыруу эффекттерин колдонсоңуз болот, мисалы, ички, сырткы жаркыроо, градиент ж.б. Эксперимент жасоодон коркпоңуз, канчалык элестетүүнү өз ишинде колдонсоңуз, ошончолук редактордун өзүн жана веб-дизайнды өздөштүрөсүз.

Сунушталууда: