photoshop tutorial Урок photoshop Урок photoshop

В этом уроке мы узнаем как создать в Adobe Photoshop, красивую иконку папки для рабочего стола или сайта.

  1. Для начала создадим новый документ размером в 128×128 пикселей с прозрачным фоном.

create new doc

  1. Сделаем новый слой Ctrl+N и с помощью Pen Tool создадим область папки, примерно как на картинке ниже:

Урок photoshop

  1. Нажмем правой кнопкой по нашему слою с папкой, выберем в раскрывшемся меню Blending Options и сделаем там следующие настройки:

Gradient Overlay

#FFd27A -> #FFB912

Stroke

Size: 1px

Position: Outside

Color: #C07C33

Inner Glow

Blend Mode: Normal

Color: #FFFFFF

Choke: 100%

Size: 1px

Должно получиться примерно так:

Урок photoshop

  1. Скопируем слой Ctrl+J и идем в Edit -> Transform (в CS3 Transform Path) -> Perspective и потянем за правый верхний квадратик как показано на картинке ниже:

Урок photoshop

Теперь идем в Edit -> Transform (в CS3 Transform Path) -> Scale и немного уменьшаем нашу папку и тем самым придадим ей небольшой эффект 3d:

Урок photoshop

Результат:

Урок photoshop

  1. Добавим листок в нашу папку, создадим новый слой и нарисуем в нем белый прямоугольник. После этого кликаем по слою правой кнопкой мыши и снова идем в Blending options.

Урок photoshop

Делаем там следующие изменения:

Gradient Overlay:

Opacity: 10%

#000000 -> #FFFFFF

Angle: 50°

Stroke

Size: 1px

Position: Outside

Color: #D6D6D6

Должно получиться что то вроде этого:

Урок photoshop

  1. Положим листочек во внутрь папки, для этого поместим наш слой с листком между двумя слоями папки и повернем его как следует (картинка ниже) при помощи Ctrl +T.

Урок photoshop

  1. Снизим прозрачность передней части папки до 50%-60%

создаем иконку в photoshop

На этом и все.

Результаты которых добился автор этого урока добавив еще некоторые эффекты:

photoshop tutorial Урок photoshopУрок photoshop

Перевод: artslab.info{#xdl1}

Оригинал: Nico Harather{#drdb}

Опубликовано
Подробнее

ArtsLab

Блог для тех, кто интересуется разработкой сайтов, веб-дизайном и новыми событиями в интернете. В моем блоге Вы найдете записи на различные околокомпьютерные темы, обзоры сервисов и новинок, статьи по кодингу, советы, скрипты, темы и хаки для wordpress, уроки phostohop и многое другое.

4gray artslab artslabinfo