Як намалювати Apple iCloud Icon - Підручник з Photoshop
iCloud, найновіша служба хмарного зберігання, представлена Apple, має досить простий, але гарний логотип. Піктограма зроблена з металевого матеріалу і на ній розташована екструдована хмарна піктограма. Можливо, ви не знаєте цього, але створення цього типу піктограм насправді дуже просте, а внизу - значок iCloud, який ми навчимо вас малювати на цій посаді, використовуючи Photoshop!
Виглядає трохи складніше, але насправді все, що нам потрібно, - це деякі стилі шарів, основні векторні фігури і трохи ручного малювання. Давайте потрапимо в це!
Крок 1
Почніть з створення нового файлу розміром 512 x 512 px. Активуйте закруглений прямокутник. На панелі опцій встановіть його радіус до 75 px. Натисніть і перетягніть, щоб намалювати округлий прямокутник. Встановіть його колір на # 5d5d5d.
Двічі клацніть на шарі, щоб відкрити діалогове вікно Стиль шару. Додати накладання градієнта з градієнтом за замовчуванням, чорний на білий і зменшити його непрозорість до 76%.
Крок 2
Натисніть Ctrl + J, щоб дублювати форму шару. Натисніть Редагувати> Вільне перетворення або натисніть Ctrl + T, щоб виконати перетворення. З рядка параметрів встановіть його розмір до 98%.
На панелі "Шари" видаліть "Стиль шару", перетягнувши піктограму fx на значок кошика, який знаходиться внизу праворуч на панелі "Шари". Далі двічі клацніть на мініатюрі шарів, щоб відкрити діалогове вікно Layer Style. Додати внутрішнє накладання тіней і градієнтів.
У налаштуванні накладання градієнта встановіть стиль градієнта на кут. Клацніть на вікні попереднього перегляду градієнта, щоб відкрити редактор градієнтів і використовуйте комбінацію кольорів з # 8e8e8e, # a5a4a4 і # d8d8d8. Не соромтеся грати з кожною позицією маркера, просто переконайтеся, що в першому та останньому маркері встановлено однаковий колір.
Це результат після додавання стилів шарів.
Крок 3
Створіть новий шар. Заповніть його радіальним градієнтом від білого до чорного.
Утримуйте Alt і перетягніть векторну маску з попереднього шару на поточний шар. Тепер градієнт вписується в значок.
Відкрийте стиль шару і змініть його режим накладання на екран.
Крок 4
Намалюйте прямокутник із закругленими кутами всередині піктограми. Встановіть його радіус до 75px кольором # 2a2a2a.
Додайте ще 2 форми кола (виберіть інструмент "Еліпс", потім утримуйте Shift і перетягніть його). На панелі параметрів встановіть режим шляху на область Додати.
Двічі клацніть шар хмари, а потім додайте Inner Shadow, Bevel and Emboss і Stroke.
Крок 5
Дублюйте шар хмари, натиснувши Ctrl + J. Видаліть його стиль шару, перетягнувши значок fx з ескізу шару на піктограму смітника. Змінити розмір (Ctrl + T) до 89%.
Змініть колір форми на # 5d5d5d. Змінюйте порядок розташування кожної форми, поки невеликий розмір хмари не буде пропорційний більшій хмарі.
Двічі клацніть на шарі хмари і додайте наступні стилі шарів.
Для накладання градієнтів обов'язково використовуйте точне налаштування з накладання градієнта на етапі 2.
Ось що ми маємо після додавання стилів шарів до невеликої хмари.
Крок 6: Додайте металеву текстуру
Поточна конструкція дуже плоска і дуже чиста. Додамо тонку металеву текстуру на поверхню. Створіть новий шар. Натисніть "Правка"> "Заповнення" та виберіть "Використовувати": Чорний, щоб заповнити новий шар чорним.
Натисніть Фільтр> Шум> Додати шум.
Натисніть Фільтр> Розмиття> Радіальне розмиття. Виберіть метод розмивання: Spin і Quality: Best.
Цей фільтр буде обертати шум і створює кругову хвилю.
Крок 7
Натисніть "Зображення"> "Коригування"> "Рівень" або натисніть Ctrl + L. У діалоговому вікні перетягніть повзунок "Чорний" на рівні "Вихідні рівні" до центру, щоб освітлити кругову хвилю.
Утримуйте Alt і перетягніть векторну маску з базового шару піктограми на поточний шар. Кругова хвиля тепер знаходиться всередині ікони.
Активуйте інструмент вибору шляху та виберіть шлях хмари, який ми створили на кроці 4. Натисніть Ctrl + C, щоб зберегти його в буфер обміну. Натисніть Ctrl + V, щоб вставити його на векторну маску кругової хвилі. Встановіть режим шляху для віднімання.
Нарешті, скопіюйте та вставте менший шлях хмари, який ми створили на кроці 5. Встановіть режим шляху, щоб додати до форми.
Ось результат. Кругова хвиля знаходиться всередині поверхні ікони.
Змініть режим накладання шару на екран.
Крок 8: Тінь
Створіть новий шар і розмістіть за всіма шарами. Створіть еліптичний вибір (за допомогою інструмента еліпса) під піктограмою. Заповніть виділення чорним.
Пом'якшити тінь за допомогою фільтра, розмивання по Гауссу. Натисніть Фільтр> Розмиття> Розмивання по Гауссу.
Дублюйте тінь, натиснувши Ctrl + J. Додати інше розмивання по Гауссу, для цього часу використовуйте більший Радіус, щоб отримати більш м'яку тінь. Якщо тінь все ще занадто сувора, ви можете зменшити непрозорість шару.
Кінцевий результат
Це результат нашого підручника. Як бачите, процес створення цієї іконки дуже простий. Нам просто потрібно використовувати деякі основні векторні фігури та стилі шарів. Сподіваюся, вам сподобається цей посібник. Якщо у Вас виникли питання, не соромтеся запитати!
Завантажити PSD
Неможливо досягти певного кроку? Ось PSD файл результату для тестування та відтворення.
- iCloud Icon Підручник PSD-файл
