Примітка перекладача: при необхідності залийте фоновий шар темно-сірим кольором.
Крок 4
Крок 3
Крок 2
Крок 1
Створюємо стильну стрічку-ікону у Фотошоп.
Хід уроку
І. Організаційний момент.
Привітання, перевірка присутніх та домашнього завдання.
ІІ. Актуалізація базових знань.
У цьому уроці крок за кроком ви навчитеся створювати якісні ікони для соцсетей або просто веб-сервера-ікони для своїх потреб. В процесі роботи будуть використані режими накладення, інструмент Деформація (Warp tool), а так само ви навчитеся створювати реалістичні тіні.
Фінальне зображення.
Створіть новий документ розміром 256 х256 пікселів.
Виберіть інструмент Прямокутник (Rectangle tool) і намалюйте прямокутник, колір якого не має значення. Ви повинні отримати фігуру, приблизно як на скриншоте.
Тепер активуйте інструмент Багатокутник (Рolygon tool). У верхній панелі налаштувань інструменту поставте 3 Сторони (Sides) і включите иконкуДобавить до області фігури (Add to Shape area).
Тепер створюємо трикутник, як показано нижче.
Натисніть комбінацію клавіш CTRL+T, з'явиться рамка трансформації навколо трикутника. Посуньте його до підстави першої фігури і трансформуйте.
У вас повинна вийти фігура як на скриншоте.
Тепер давайте змінимо колір стрічки. Клацніть двічі по мініатюрі шаруючи із стрічкою і в новому вікні, що з'явилося, введіть колір # 7fd861 . Або який або інший по-вашому бажанню.
Викачайте узор і встановите його у фотошоп. Двічі клацніть по шару із стрічкою для виклику вікна стилів шаруючи. Виберіть стиль Накладення узору (Pattern Overlay) і поставте узор, який тільки що завантажили. Зменшите Непрозорість(Оpacity) до 54% ??и зміните режим накладення на Лінійний затемнювач (Linear Burn).
Тепер включите стиль Глянець (Satin). Поставте режим накладення Заміна Темним (Darken), колір чорний, Непрозорість (Оpacity) 27%, Кут (Angle) близько 90 - 95, Зсув (Distance) 47, Розмір (Size) 58 і Контур (Сontour), як на картинці нижче.
Набудуємо стиль шаруючи Обведення (Stroke), розмір 1 піксел, положення Зовні(Оutside), режим накладення Нормальний (Normal), Непрозорість (Оpacity) 100%, тип обведення Колір (Сolor) #42802a. В тому випадку, якщо ви вибрали інший колір для своєї стрічки, колір обведення просто зробіть темнішим основного.
У вас повинен вийти приблизно такий результат.
У цьому кроці створюватимемо тінь. Дублюйте шар із стрічкою, перетягнувши його на відповідну ікону внизу палітри шарів. Клацніть правою кнопкою миші по копії і очистите стилі шаруючи. Тепер двічі клацніть по мініатюрі шаруючи і виберіть для копії чорний колір.
Йдемо в меню Фільтр – Розмиття – Розмиття по Гаусу (Filter-Blur-Gaussian blur).
Поставте в налаштуваннях розмиття радіус 7 пікселів і натисніть Ок.
Розташуєте шар з тінню нижче шаруючи із стрічкою в палітрі шарів. У вас повинно вийти так:
Тепер стоячи на шарі з тінню йдемо в меню Редагування – Трансформація – Деформація (Edit-Transform-Warp). З'явиться рамка інструменту.
C допомогою цій функції відредагуйте тінь таким чином:
Зменшите Непрозорість (Оpacity) тіні до 60% і це виглядатиме от так:
Завантажите файл з узором і встановите його у фотошоп. Розблоковуйте фоновий шар, знявши замок і подвійним кликом по шару відкрийте вікно стилів шаруючи. Виберіть і застосуєте до фону завантажений в цьому кроці узор.
