В данном уроке Фотошопа мы рассмотрим процесс создания стильной иконки в виде щита.
Сложность: Средняя
Дата: 09.08.2009
Обновлено: 17.03.2012
В данном уроке Фотошопа мы рассмотрим процесс создания стильной иконки в виде щита.
Финальный результат
Приступаем к уроку Фотошопа
Создайте документ 450x450 px и 72 dpi (File > New (Файл > Новый / Сочетание клавиш ‘Ctrl+N’)).
Выбираем инструмент Custom Shape Tool (Инструмент ‘Произвольная фигура’ / Клавиша ‘U’), после берем фигуру как на изображении ниже: ↓
Если его у вас нет, то просто нажмите на черный треугольник в круглешке и выберите All.
Рисуем данную фигуру с цветом #383838.
Теперь применим настройки смешивания (Blending Options, двойной клик на слое): ↓
Stroke (Обводка): ↓
Вот что получается: ↓
Теперь берем мягкую кисточку (Brush Tool (Инструмент Кисть / Клавиша ‘B’)), цвет белый.
И ставите на новом слое ‘точку‘, снижая непрозрачность слоя до 30%. Не забудьте применить Clipping mask (Создать обтравочную маску).
Создаем белую фигуру прямоугольника на половину фигуры (Rectangle Tool (Инструмент ‘Прямоугольник’ / Клавиша ‘U’ )). Не забудьте применить Clipping mask (Create Clipping Mask (Создать обтравочную маску)). Теперь опять берем мягкую кисточку, черного цвета и с непрозрачностью кисти 10% делаем маску этому слою. Теперь берем Elliptical Marquee Tools (Инструмент ‘Овальная область выделения’ / Клавиша ‘M’) и вырезаем часть слоя, зажав Alt. Можете снизить Opacity (Непрозрачность) этого слоя.
Теперь создайте какое-нибудь изображение. Автор взял это: ↓
Поставьте этому слою Fill (Заливка) на 0%, а режим смешивания на Overlay (Перекрытие).
Применим стили слоя — Blending Options (Параметры наложения): ↓
Inner Shadow (Внутренняя тень): ↓
Outer Glow (Внешнее свечение): ↓
Gradient Overlay (Наложение градиента): ↓
Вот что получится: ↓
Создайте фигуру прямоугольника цвета E1E1E1 (Rectangle Tool (Инструмент ‘Прямоугольник’ / Клавиша ‘U’ )). С помощью элипса вырезаем часть. Добавляем маску слоя и кисточкой: ↓
Затемняем верхние и нижние части.
Продублируйте нижний слой (если связь слоев разорвется- восстановите) и уменьшите его (дубль).
Теперь измените параметры слоя — Blending Options (Параметры наложения): ↓
Рисуем щит в Фотошоп
В этом уроке вы узнаете, как нарисовать щит Капитана Америка, создать текстуру металла, работать со стилями слоя.
Шаг 1. Откройте Photoshop и создайте новый документ. Я использовал размер 2600×2600 пикселей. Залейте фоновый слой черным цветом с помощью инструмента Paint Bucket (Заливка) (G).
Шаг 2. С помощью Ellipse Tool (Эллипс) (U) создайте круг в центре документа, используйте цвет #d51a37
Шаг 3. С помощью Magic Wand Tool (Волшебная палочка) (W) выделите круг, а затем, не снимая выделения, создайте новый слой поверх слоя с красным кругом.
Шаг 4. Залейте новый слой белым цветом внутри выделения с помощью инструмента Paint Bucket (Заливка) (G).
Шаг 5. Воспользуемся фильтром Filter> Noise> Add Noise (Фильтр> Шум> Добавить шум). Убедитесь, что цвет переднего плана – чёрный, а цвет заднего – белый. Установите настройки: Эффект- 150%, По Гаусу, Монохромный.
Шаг 6. Не снимая выделения, используем Filter> Blur> Radial Blur (Фильтр> Размытие> Радиальное Размытие). Настройки: Количество – 40, Метод – Кольцевой, Качество – Наилучшее.
Читать еще: Самая клевая фамилия. Фамилии для девушки ВКонтакте
Шаг 7. Переходим к коррекции изображения Image> Adjustment> Levels (Изображение> Коррекция> Уровни). Изменяем входные значения: 103 для черного маркера, 1,00 для серого и 192 для белого маркера .
Шаг 8. Измените режим наложение на Darken (Замена тёмным) и установите непрозрачность — 100%.
Шаг 9. Повторите предыдущие пункты, чтобы создать серый круг щита.
Шаг 10. Повторите те же шаги, выполненные ранее, чтобы создать три других круга и звезду.
.
Шаг 11. Пришло время придать щиту реалистичность. Первое, что нужно сделать, это использовать стили слоя.
Layer> Layer Styles> Drop Shadow (Слой> Стиль Слоя> Тень). Используйте белый цвет, Режим наложения – Линейный осветлитель, Непрозрачность – 70%, угол – -4 градуса, Смещение – 5 пикс., Размер – 4 пикс. Контур выберите, как на изображении ниже.
Шаг 12.Применим стиль слоя Внутренняя тень (Inner Shadow).
Используйте Линейный Затемнитель для режима наложения, черный цвет, 90% непрозрачность, 45 градусов угол, Смещение – 5 пикс., Размер – 3 пикс., Контур, как на изображении ниже.
Шаг 13. Применим стиль слоя Обводка (Stroke). Используйте размер 2 пикселя, Положение – Внутри, чёрный цвет.
Шаг 14. Примените эти стили слоя для всех кругов и звезды. Вы можете корректировать стили слоя в зависимости от размеров ваших фигур.
Шаг 15. Пришло время добавить текстуру. Я выбрал текстуру с Shutterstock, вы можете найти её по ссылке .
Шаг 16. Добавьте маску слоя в форме круга и также измените режим наложение на Soft Light (Мягкий свет).
Шаг 17. Ещё одну текстуру я взял с DeviantArt и вы можете скачать её здесь . Возьмите Brush Tool (Кисть) (B), Жёсткость -0%, цвет – белый и нарисуйте в центре текстуры небольшой круг, как на изображении ниже. При соответствующем режиме наложения это добавит блик на щит.
Шаг 18. Измените режим наложения на Color Burn (Затемнение основы), непрозрачность – 30%.
Шаг 19. Создайте новый слой и возьмите Gradient Tool (Градиент) (G), тип градиента – конусовидный и залейте градиентом документ. Для этого эффекта я создал свой собственный градиент, как на изображении ниже.
Шаг 20. Измените режим наложения на Overlay (Перекрытие), непрозрачность – 80%.
Шаг 21. Дублируйте слой (Ctrl+J) и измените режим наложения на Color Dodge (Осветление основы), непрозрачность – 30%. Затем перейдите в Layer> Layer Mask> Reveal All (Слой> Слой-Маска> Показать всё). Выберите Brush Tool (Кисть)(B). Возьмите очень мягкую кисть чёрного цвета начните зарисовывать области, которые необходимо скрыть. В нашем случае это области 1,2 и 3 (см. скриншот).
Читать еще: Сообщение о панках. Все виды «панка»
Шаг 22. Создайте новый слой поверх всех остальных, нажмите Ctrl+клик по миниатюре самого большого круга, чтобы получить выделение. Затем примените Filter> Render> Clouds (Фильтр> Рендеринг> Облака). Убедитесь, что цвет переднего плана – чёрный, а заднего – белый цвет.
Шаг 23. Измените режим наложения на Soft Light (Мягкий свет) и непрозрачность – 50%.
Заключение
Выделите все слои и дублируйте их, после чего объедините новые слои в один с помощью Layer> Merge Layers (Слой> Объединить слои).
Затем перейдите в Image> Adjustment> Desaturate (Изображение> Коррекция> Обесцветить). Измените режим наложения на Soft Light (Мягкий свет), непрозрачность – 50%.
Как вы видите, весь урок был достаточно прост, мы использовали основные фильтры и текстуры и режимы наложения для создания световых эффектов.
Рисуем щит в Фотошоп
Шаг 1. Откройте Photoshop и создайте новый документ. Я использовал размер 2600×2600 пикселей. Залейте фоновый слой черным цветом с помощью инструмента Paint Bucket (Заливка) (G).
Шаг 2. С помощью Ellipse Tool (Эллипс) (U) создайте круг в центре документа, используйте цвет #d51a37
Шаг 3. С помощью Magic Wand Tool (Волшебная палочка) (W) выделите круг, а затем, не снимая выделения, создайте новый слой поверх слоя с красным кругом.
Шаг 4. Залейте новый слой белым цветом внутри выделения с помощью инструмента Paint Bucket (Заливка) (G).
Шаг 5. Воспользуемся фильтром Filter> Noise> Add Noise (Фильтр> Шум> Добавить шум). Убедитесь, что цвет переднего плана — чёрный, а цвет заднего — белый. Установите настройки: Эффект- 150%, По Гаусу, Монохромный.
Шаг 6. Не снимая выделения, используем Filter> Blur> Radial Blur (Фильтр> Размытие> Радиальное Размытие). Настройки: Количество — 40, Метод — Кольцевой, Качество – Наилучшее.
Шаг 7. Переходим к коррекции изображения Image> Adjustment> Levels (Изображение> Коррекция> Уровни). Изменяем входные значения: 103 для черного маркера, 1,00 для серого и 192 для белого маркера.
Шаг 8. Измените режим наложение на Darken (Замена тёмным) и установите непрозрачность — 100%.
Шаг 9. Повторите предыдущие пункты, чтобы создать серый круг щита.
Шаг 10. Повторите те же шаги, выполненные ранее, чтобы создать три других круга и звезду.
.
Шаг 11. Пришло время придать щиту реалистичность. Первое, что нужно сделать, это использовать стили слоя.
Layer> Layer Styles> Drop Shadow (Слой> Стиль Слоя> Тень). Используйте белый цвет, Режим наложения — Линейный осветлитель, Непрозрачность — 70%, угол – -4 градуса, Смещение — 5 пикс., Размер — 4 пикс. Контур выберите, как на изображении ниже.
Читать еще: Пригласительные на круг света. Мастерские и семинары
Шаг 12.Применим стиль слоя Внутренняя тень (Inner Shadow).
Используйте Линейный Затемнитель для режима наложения, черный цвет, 90% непрозрачность, 45 градусов угол, Смещение – 5 пикс., Размер — 3 пикс., Контур, как на изображении ниже.
Шаг 13. Применим стиль слоя Обводка (Stroke). Используйте размер 2 пикселя, Положение — Внутри, чёрный цвет.
Шаг 14. Примените эти стили слоя для всех кругов и звезды. Вы можете корректировать стили слоя в зависимости от размеров ваших фигур.
Шаг 15. Пришло время добавить текстуру. Я выбрал текстуру с Shutterstock, вы можете найти её по ссылке .
Шаг 16. Добавьте маску слоя в форме круга и также измените режим наложение на Soft Light (Мягкий свет).
Шаг 17. Ещё одну текстуру я взял с DeviantArt и вы можете скачать её здесь . Возьмите Brush Tool (Кисть) (B), Жёсткость -0%, цвет — белый и нарисуйте в центре текстуры небольшой круг, как на изображении ниже. При соответствующем режиме наложения это добавит блик на щит.
Шаг 18. Измените режим наложения на Color Burn (Затемнение основы), непрозрачность — 30%.
Шаг 19. Создайте новый слой и возьмите Gradient Tool (Градиент) (G), тип градиента — конусовидный и залейте градиентом документ. Для этого эффекта я создал свой собственный градиент, как на изображении ниже.
Шаг 20. Измените режим наложения на Overlay (Перекрытие), непрозрачность — 80%.
Шаг 21. Дублируйте слой (Ctrl+J) и измените режим наложения на Color Dodge (Осветление основы), непрозрачность — 30%. Затем перейдите в Layer> Layer Mask> Reveal All (Слой> Слой-Маска> Показать всё). Выберите Brush Tool (Кисть)(B). Возьмите очень мягкую кисть чёрного цвета начните зарисовывать области, которые необходимо скрыть. В нашем случае это области 1,2 и 3 (см. скриншот).
Шаг 22. Создайте новый слой поверх всех остальных, нажмите Ctrl+клик по миниатюре самого большого круга, чтобы получить выделение. Затем примените Filter> Render> Clouds (Фильтр> Рендеринг> Облака). Убедитесь, что цвет переднего плана — чёрный, а заднего – белый цвет.
Шаг 23. Измените режим наложения на Soft Light (Мягкий свет) и непрозрачность — 50%.
Заключение
Выделите все слои и дублируйте их, после чего объедините новые слои в один с помощью Layer> Merge Layers (Слой> Объединить слои).
Затем перейдите в Image> Adjustment> Desaturate (Изображение> Коррекция> Обесцветить). Измените режим наложения на Soft Light (Мягкий свет), непрозрачность — 50%.
Как вы видите, весь урок был достаточно прост, мы использовали основные фильтры и текстуры и режимы наложения для создания световых эффектов.
Автор: abduzeedo
Переводчик: Сабчук Ангелина
Источники:
http://photoshoppro.ru/dizajn/305-ikonka-shhity.html
http://bb3x.ru/blog/risuem-shhit-v-fotoshop/
http://www.artgide.com/lessons/23539-risuem-shchit-v-fotoshop.html
