Создаем иконку конверта в Photoshop

Создаем иконку конверта в Photoshop

convertДобрый вечер пользователи сайта red-star.pro. В этом уроке мы научимся создавать иконку конверта в Photoshop (фотошоп). Вам нужно потратить всего лишь 15-20 минут времени.

Вот что у нас должно получится в конце урока:

post-85684-1401267113

Шаг 1
Открываем новый документ Ctrl+N размером 256×256 pix с разрешением 300 dpi. Выбираем инструмент Rectangle Tool [U] в режиме Shape белого цвета с фиксированным размером 100х75 pix и создаем основу конверта.

post-85684-1401267534

post-85684-1401267536

Шаг 2
Применяем стиль слоя Gradient Overlay со следующими значениями настроек.

post-85684-1401267616

post-85684-1401267618

В результате у вас получится следующий вид

post-85684-1401267620

Шаг 3
Далее создадим верхний отворот конверта. Дублируем слой с основой конверта Ctrl+J, очищаем стили слоя, кликнув правой клавишей мыши по пиктограмме стилей слоя в появившемся окне выберите пункт Clear Layer Style и перемещаем его в верхнюю часть конверта.

Далее с помощью инструмента Pen Tool [P] добавляем узлы, а с помощью инструмента Direct Selection Tool [A] выбирая необходимые создаем желаемую форму отворота конверта (P.S. используйте направляющие для более точной подгонки узлов).

post-85684-1401267697

Шаг 4
Применяем стили слоя Gradient Overlay и Stroke со следующими значениями настроек.

post-85684-1401267699

post-85684-1401267701

post-85684-1401267703

В результате у вас получится следующий вид

post-85684-1401267705

Шаг 5
Переместите слой с отворотом конверта ниже слоя с основой в палитре слоем и выбрав инструмент Move Tool [V] передвиньте его на 2 pix вниз чтоб скрыть белую обводку.

post-85684-1401267765

Шаг 6
Создадим боковые отвороты. Дублируем слой с основой конверта Ctrl+J, очищаем стили слоя (смотри шаг 3) и так же с помощью инструмента Pen Tool [P] добавляем новые узлы, а с помощью инструмента Direct Selection Tool [A] выбирая необходимые перемещаем их тем самым создаем желаемую форму боковым отворотам конверта.

post-85684-1401267767

Шаг 7
Применяем стили слоя Gradient Overlay, Inner Shadow и Drop Shadow со следующими значениями настроек.

post-85684-1401267769

post-85684-1401267771

post-85684-1401267773

post-85684-1401267848

В результате у вас получится следующий вид

post-85684-1401267850

Шаг 8
Добавим немного объема нашим боковым отворотам. Сделаем сначала для правой части. Дублируем слой с боковыми отворотами, очищаем стили слоя и перемещаем слой ниже в палитре слоев. Изменяем цвет на черный и и выбрав инструмент Move Tool [V] передвиньте его на 1 pix влево.

post-85684-1401267852

Шаг 9
Выбираем инструмента Direct Selection Tool [A] выбирая необходимые узлы и перемещаем их в право так, чтоб они не выходили за область конверта.

post-85684-1401267854

После уменьшите этому слою Opacity до 10%.

post-85684-1401267856

Шаг 10
Теперь приступим к левой части. Дублируем слой с боковыми отворотами, очищаем стили слоя и перемещаем слой ниже в палитре слоев. Изменяем цвет на белый и выбрав инструмент Move Tool [V] передвиньте его на 1 pix в право.

Затем так же как и в предыдущем шаге инструментом Direct Selection Tool [A] выбирая необходимые узлы и перемещаем их влево так, чтоб они не выходили за область конверта, только не уменьшайте слою Opacity!.

post-85684-1401267983

Шаг 11
Создадим нижний заворот конверта. Дублируем слой с верхним отворотами, очищаем стили слоя и перемещаем слой в нижнюю часть конверта.

post-85684-1401267985

Шаг 12
Применяем стили слоя Gradient Overlay и Stroke со следующими значениями настроек.

post-85684-1401267987

post-85684-1401267989

В результате у вас получится следующий вид.

post-85684-1401267991

Шаг 13
Самостоятельно, как в предыдущих шагах 8-10 добавим объем.
И все иконка конверта готова.

post-85684-1401267984

Добавив еще и текстуру на края можно сделать вот такой конверт.

post-85684-1401268208

 

Автор: 2 fingers
Оригинал урока: demiart.ru

Урок для Вас подготовлен командой сайта www.red-star.pro.