RSS
 

Иконка безопасности

15 Апр

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

security_icon

Создание иконок (пиктограмм) в Фотошоп

Создайте новый документ размером 300×300 пикселей и 72 пикс/дюйм. Выберите инструмент Произвольная фигура и на панели Options из раскрывающегося списка Shape [Фигура] выберите вариант Sign 6. [Прим. переводчика: поскольку мы создаём слой фигуры, активной должна быть первая кнопка на панели Options - создать слой фигур].

2

Нарисуйте фигуру цвета #383838 и размером приблизительно 198×225 пикселей.

3

Щёлкните на значке f в нижней части палитры слоёв и настройте параметры, как показано ниже:
Stroke, Structure, [Size: 5 px ]; [Position: Inside ]; [Blend Mode: Normal ]; [Opacity: 100% ]; [Fill Type: Color ]; [Color: black - чёрный ].

Создайте новый слой. Щёлкните, нажав клавишу Alt, на горизонтальной линии между слоем Layer 1 и слоем фигуры Shape 1 copy. В результате получится группа из этих двух слоёв [нижний слой в этой группе маскирует верхний]. При нажатии клавиши Alt курсор принимает вид курсора группы. Выберите мягкую кисть белого цвета, размером 300 px и создайте блеск в левой части изображения.

6 7

Выберите инструмент Прямоугольник [первая кнопка на панели Options должна быть активной] и создайте прямоугольник белого цвета, как показано ниже. [Прим. переводчика: для наглядности, можете временно изменить непрозрачность этого слоя до 50%]. Теперь выберите инструмент Эллипс, нажмите клавишу Alt и протяните инструмент, как показано ниже, чтобы удалить нижнюю часть заполнения. [Нажимая клавишу пробел, вы сможете перемещать контур]. Щёлкните на значке Добавить слой-маску в нижней части палитры слоёв. Вновь установите непрозрачность слоя 100%. Выберите мягкую Кисть чёрного цвета, размером 300 px и непрозрачностью 50% и щёлкните [возможно несколько раз] в нижней части иконки, как показано ниже.

9

Щёлкните клавишу Alt на горизонтальной линии между слоем Layer 1 и Shape 2. [Щёлкните в серой области палитры слоёв, чтобы линии контура не мешали].

10 11

Вновь выберите инструмент Произвольная фигура [первая кнопка на панели Options должна быть активной] и на панели Options из раскрывающегося списка Shape [Фигура] выберите вариант Fleur-De-Lis. Нарисуйте фигуру размером приблизительно 101×111 пикселей, как показано ниже.

12 13

Установите на этом слое Заливку 0% и режим наложения Перекрытие. Щёлкните, нажав клавишу Alt, на горизонтальной линии между слоем Shape 2 и Shape 4.

14

Щёлкните на значке f в нижней части палитры слоёв и выберите следующие эффекты:

Inner Shadow, Structure, [Blend Mode: Normal ]; [Color: black - чёрный ]; [Opacity: 100% ]; [ v (вкл.) - Use Global Light]; [Angle: 90° ]; [Distance: 5 px ]; [Choke: 0% ]; [Size: 0 px ];
Quality, [Contour: линейный ]; [ x (выкл.) - Anti-aliased]; [Noise: 0% ].

Outer Glow, Structure, [Blend Mode: Normal ]; [Opacity: 53% ]; [Noise: 0% ]; [ v (вкл.) - □, x (выкл.) - ●, gradient: 16 ];
Elements, [Technique: Softer ]; [Spread: 4% ]; [Size: 3 px ];
Quality, [Contour: линейный ]; [ x (выкл.) - Anti-aliased]; [Range: 50% ]; [Jitter: 0% ].

Gradient Overlay, Gradient, [Blend Mode: Screen - Осветление ]; [Opacity: 100% ]; [Gradient: 17 ]; [ x (выкл.) - Reverse]; [Style: Linear ]; [ v (вкл.) - Align with Layer]; [Angle: 0 ]; [Scale: 96% ].

Gradient Editor, [Name:Custom]; [Gradient Type: Solid]; [Smoothness: 100%];

18

Уделите внимание настройке средних ограничителей, чтобы линия контраста пересекла фигуру в центре.

Вновь выберите инструмент Прямоугольник [первая кнопка на панели Options должна быть активной] и нарисуйте прямоугольник цвета E1E1E1, как показано ниже. [Прим. переводчика: для наглядности можно временно изменить непрозрачность слоя до 70%]. Выберите инструмент Эллипс, нажмите клавишу Alt и протяните инструмент, как показано ниже, чтобы удалить часть заполнения. Щёлкните на значке Добавить слой-маску в нижней части палитры слоёв. Вновь установите непрозрачность 100%. Выберите мягкую Кисть чёрного цвета, размером 125 px, чтобы затемнить верхнюю и нижнюю части оставшегося заполнения, как показано ниже. [Непрозрачность кисти можно установить 20%]. [Прим. переводчика: контур эллипса можно повернуть, если выделить его чёрной стрелкой, а затем установить флажок Показывать ограничительную рамку на панели Options].

20

Щёлкните, нажав клавишу Alt, на горизонтальной линии между слоем Shape 4 и Shape 3.

21 22

[Прим. переводчика: щёлкните на значке векторной маски первоначального слоя с нажатой клавишей Ctrl, чтобы загрузить контур выделения иконки. Создайте новый слой. Выберите команду Выделение>Трансформировать выделенную область и нажав одновременно клавиши Shift и Alt перетащите угловой маркер, чтобы уменьшить контур выделения. Нажмите Enter. Закрасьте выделение любым цветом и измените параметр Заливка на 0%].

23

Щёлкните на значке f в нижней части палитры слоёв и примените эффект Обводка. Настойте параметры, как показано ниже:

Stroke, Structure, [Size: 8 px ]; [Position: Outside ]; [Blend Mode: Normal ]; [Opacity: 100% ]; [Fill Type: Gradient ]; [Gradient: 24 ]; [x (выкл.) - Reverse]; [Style: Linear]; [v (вкл.) - Align with Layer]; [Angle: 90°]; [Scale: 100%].

Gradient’s parameters: Gradient Editor, [Name: Custom]; [Gradient Type: Solid]; [Smoothness: 100%];

25

Результат! Вид полного размера.

26

 
Комментариев нет

Опубликовано в рубрике Уроки Photoshop

 

Прокомментировать