Рубрика: Photoshop Уроки | Урок прочитали: 636
 (голосов: 0)

Рисуем иконку строительной каски

Шаг 1. В качестве основы, мы будем использовать эту фотографию. Это не самая лучшая фотография, но ее можно использовать, чтобы определить основные формы будущей иконки шлема.

Шаг 2. Для начала, вырежьте изображение шлема с фона. Это можно сделать инструментом Pen Tool (Перо), Lasso (Лассо) или другим удобным для вас способом. Затем скопируйте эту фотографию в новый документ и измените размер изображения в соответствии с вашей будущей иконкой, например 128х128px. Вы можете создать, например, новый документ размером 128x128px и перенести на него изображение шлема, но я рекомендую использовать документ большего размера, чтобы было больше пространства для рисования.

Шаг 3. Выберем инструмент  Pen Tool (Перо) и обведем каждую часть шлема. Начнем с козырька. Перед обводкой  не забудьте выбрать на панели Опций инструмента Pen Tool (Перо) первый значок Shape Layer (Слой-фигура), чтобы в дальнейшем можно было редактировать этот слой.

Обратите внимание, что мы просто обводим края козырька, не обязательно его обводить очень точно (мы подкорректируем его после).

Шаг 4. Создайте вторую часть козырька, скопировав предыдущий слой командой (Ctrl + J). И переместите выбранные точки вверх инструментом Direct Selection Tool  (Белая стрелка).

Шаг 5. Затем обведите основную часть шлема, как показано ниже.

Шаг 6. Не забудьте про выступ средней полосы (увеличение на следующем скриншоте). Вы можете не бояться сделать его больше, так как выступ придаст шлему объем.

Шаг 7. Нарисуйте боковую часть полосы на новом слое (смотрите скриншот). Начните с правой части - которая находится в тени.

Шаг 8. Затем дублируем этот слой (Ctrl + J) и  инструментом Direct Selection Tool  (Белая стрелка) перемещаем точки справа налево. Таким образом, правая часть формы идеально состыкуется с левой частью предыдущего слоя.

Шаг 9. Мы готовы начать следующий этап. Скройте фотографию (или переместите ее в сторону), теперь вы можете увидеть, что основная форма нашей иконки сделана. У вас должно быть пять слоев-форм. Я буду обращаться  к ним, в порядке их создания от  1 до 5.

Шаг 10. Скройте все слои кроме первого и заполните этот слой желтым цветом (#FFDF14). Далее создайте новый слой (Ctrl + Shift + Alt + N), и сгруппируйте его с предыдущим (Ctrl + Alt + G). На этом скриншоте, это слой  (2). В этом слое сделаем несколько мазков большой мягкой кистью с более темным цветом (#D59D00), таким образом, слой будет более темным на правой стороне. Затем, загрузите выделение слоя (4), инвертируйте выбор (Ctrl + Shift + I), создайте новый слой (3) и снова используйте большую мягкую кисть, чтобы создать тень на правой стороне (#3B1C02).

Шаг 11. Сделайте видимым слой (4), и установите opacity (прозрачность) 50 %. Таким образом, вы можете увидеть тень от предыдущего слоя — слегка выраженную. На данном этапе козырек сделан, и мы можем продолжить работать с остальной частью шлема.

Шаг 12. Теперь, отобразите форму основной части и залейте ее в желтый цвет (# FDDB13). Снова, создайте новый слой, сгруппируйте его с предыдущим (Ctrl + Alt + G), и в отмеченных областях (смотрите скриншот), используйте большую мягкую кисть с более темным цветом, чтобы сделать очень большую тень ...

Шаг 13. Отобразите слой со средней полосой, перекрасьте его в темно-желтый (# AA6F00) и добавьте маску слоя . В этой маске нарисуйте большой черной мягкой кистью (как показано ниже), эффект тени будет виден только по краям.

Шаг 14. Отобразите последний слой, основной части полосы. Перекрасьте его в желтый цвет (# FBD500). В этом шаге вы можете также затемнить главную часть шлема, чтобы соответствовать картинке.

Шаг 15. Чтобы сделать форму шлема более подчеркнутой, используйте этот простой метод: сделайте обводку каждой формы шлема в один пиксель.

Начните со второго слоя козырька. Загрузите выделение (Ctrl+клик на слое), создаем новый слой и в меню Edit (Правка) выберите функцию Обводка (Stroke). Установите ширину в 1px, цвет белый.

Шаг 16. Добавьте маску слоя и заполните его черным цветом. Затем выберите большую мягкую кисть и, находясь в маске слоя, проведите там, где должен сиять свет.

Шаг 17. Используйте тот же метод для других форм.

Шаг 18. Нарисуйте тени в других частях шлема в местах, где контраст между частями шлема является слишком низким.

Шаг 19. Для того чтобы иконка была лучше, можно добавить подсветку с другим цветом.

Загрузите выбор всех слоев формы (Ctrl + Shift - нажмите на слоях). Создайте новый слой, выберите Select > Modify > Contract (Выбор - Модификация – Сжать) в 1рх, используйте большую мягкую кисть, чтобы нарисовать подсветку, как показывают стрелки. Используйте любой цвет, который вам нравится: голубой или фиолетовый хорошо подойдет.

Шаг 20. Создайте новый слой, выберите инструмент Pen Tool (Перо), на панели опций включите средний квадратик Paths (Контуры) и нарисуйте фигуры окон.

Шаг 21. Скопируйте этот слой (Ctrl + J) и размойте его фильтром Filter > Blur > Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу) и установите небольшой радиус.

Шаг 22. Теперь большой белой мягкой кистью сделайте несколько мазков (как показано ниже), чтобы придать свет окнам.

Шаг 23. Вот и все! Посмотрим на наш конечный вариант.

Как вы можете видеть на этой картинке, шлем более выражен на темном фоне, так что не бойтесь экспериментировать и пытаться создавать иконки из разных фотографий. Удачи вам в вашей работе!

Автор: Vaclav.
Перевод: Екатерина Гаврыш
Ссылка на источник

           

Похожие файлы и публикации:

Рисуем иконку строительной каски
Шаг 1: Создание формы Создайте новый документ в Фотошоп, залейте его белым (#FFFFFF). Создайте new layer (новый слой) и используйте инструмент Pen (Перо), чтобы нарисовать фигуру бейсболки (вы можете использовать в качестве  ориентира изображение бейсболки или этот контур, представленный ниже). После чего нажмите Ctrl+Enter, чтобы трансформировать контур в выделение. Затем залейте его цветом #1c1812.
Рисуем иконку строительной каски
Вот такой домик получится после данного урока
Рисуем иконку строительной каски
В этом уроке мы узнаем, как нарисовать веселого мальчика в Фотошоп. Вот, что должно у нас получиться.
Рисуем иконку строительной каски
Вот что мы должны получить:
Рисуем иконку строительной каски
Привет друзья! Вы знаете, как создать изображение женской туфельки в программе Фотошоп? Давайте посмотрим, как это можно сделать.
Рисуем иконку строительной каски
Финальное изображение
Рисуем иконку строительной каски
В этом уроке я буду создавать реалистичную кружку, наполненную черным чаем. Я делал ее, используя очень простые приемы  в Photoshop: Базовые фигуры (Basic shapes), Перо (Pen); Кисти (Brush); инструменты Осветлитель (Dodge)/Затемнитель (Burn); Размытие по Гауссу (Gaussian Blur).
Рисуем иконку строительной каски
В этом уроке я дам Вам несколько советов о том, как создать праздничную открытку для Дня святого Валентина.  Вы узнаете, как добавить стиль слоя, нарисовать сердце инструментом Перо, применять Кисти и т.д. Так давайте начнем!
Рисуем иконку строительной каски
В этом уроке я хотел бы показать вам интересный способ смещения текста.
Рисуем иконку строительной каски
В этом уроке мы научимся рисовать губную помаду. Вот, что у нас получится.
Рисуем иконку строительной каски
Шаг 1. Создайте новый документ размером 900 на 790 px (пикселей) и залейте фон черным цветом. Создайте новый слой и назовите его "Создание формы". Выберите инструмент  Ellipse Tool (Эллипс) (U) на панели инструментов:
Рисуем иконку строительной каски
Шаг 1. Откройте Photoshop и создайте новый документ. Я использовал размер 2560x1440 пикселей. Затем используя Градиент (Gradient Tool (G)) залейте фон радиальным градиентом двух цветов 3d2626 и 060404.
Рисуем иконку строительной каски
В этом уроке мы рассмотрим способ наложения текстуры на большую букву для создания уникального эффекта. Основная цель урока – это понимание обтравочной маски.
Рисуем иконку строительной каски
В этом уроке я покажу, как нарисовать красную сумку для покупок. В этом уроке будут приведены основные приёмы рисования, такие как создание фигур, затемнение, и добавление теней.
Рисуем иконку строительной каски
Программа Photoshop – фантастическая программа, с помощью которой можно обрабатывать не только фотографии, но и создать реальные объекты. В сегодняшнем уроке, мы продемонстрируем, как создать изображение реалистичного ножа похожего на фотографию в программе Photoshop, используя векторные инструменты для рисования, стили слоя, текстуры, и эффекты.
Рисуем иконку строительной каски
В этом уроке вы узнаете, как создать стильные удивительно красивые алмазы и научитесь создавать обои из них.
Рисуем иконку строительной каски
Совместно с Sohan Negi мы разработали урок, который в подробностях покажет вам, как создать иконку для сабвуфера и пары динамиков. Урок получился длинным, поэтому мы его разбили на две части.
Рисуем иконку строительной каски
Изображение - существенный элемент в наборе любого дизайнера. Независимо от того - простой Ваш проект или что-то эксклюзивное, хорошее изображение будет всегда кстати. В этом уроке продемонстрированы способы того, чтобы помочь Вам создать своё собственное глянцевое изображение.
Рисуем иконку строительной каски
Шаг 1. Откроем изображение, я буду использовать эту картинку, так как она подходит для моей работы:
Рисуем иконку строительной каски
 Чтобы приступить к работе, давайте сначала посмотрим на конечный результат.