Реклама
REKLAMA
Стать автором

Если вы хотите принять участие в развитии проекта ps-tutorials.ru с выгодой для себя (вы публикуете материалы, а мы платим деньги за вашу работу). Просим написать нам через обратную связь.

Создан: 19 январь 2013

Создание иконок папок

Начну урок с конца, покажу то, что должно получиться у вас в итоге:

Создание иконок папок

 

Иконки одна из важных составляющих веб-дизайна. Сегодня мы рассмотрим создание в Фотошопе иконки папки закачек.

Приступим.

 

Шаг первый.

Сочетанием клавиш (Ctrl + N) откроем в Фотошопе новый документ соответственно установив для него параметры:

Resolution (Разрешение): 72dpi

Color Mode (Цветовая модель) RGB color

Dimensions (Размер): 600×600 px

При помощьи инструмента Pen tool (Перо) нарисуем следующую форму:

Создание иконок папок

Шаг второй.

Аналогичным инструментом и приемами дорисуем папке заднюю часть, не забыв нанести контрастные полосы, как на скриншоте:

Создание иконок папок

Шаг третий.

Закончив рисование папки приступим к изображению оставшихся элементов - бумаги и стрелки, как в образце ниже. Чтобы не запутаться — проверим: у вас должны быть 5 слоев. Каждая форма располагается на собственном слое. Убедитесь, что каждый слой имеет уникальное имя.

Создание иконок папок

Шаг четвертый.

К лицевой части папки установим параметры в соответствии со скриншотом, понизив непрозрачность до показателя 90%.

Создание иконок папок

Слою с бумагой установим следующие настройки стиля, уменьшив непрозрачность до 95% включительно:

Создание иконок папок

Добавим стили и к полосам:

Создание иконок папок

К слою с задней частю папки:

Создание иконок папок

К слою со стрелкой:

В итоге иконка будет иметь примерно такой вид:

Создание иконок папок

Шаг пятый.

Создадим новую группу слоев. Выбрав Pen Tool (убедитесь, что перо настроено как Путь (Path)), нарисуем отражения показанным образом. После того, закрыв Path, кликаем правой кнопкой и выбираем Make Selection (Сделай выбор), feather- 0 (растушевка- 0). Теперь возьмем большую кисть, диаметром около 470 пикселей, жесткость нулевая и нарисуем круг в правой части выделения, как на скриншоте:

Создание иконок папок

Шаг шестой.

Создадим новую группу слоев еще раз, добавив туда новый слой (Ctrl + Shift + N). Добавим блики на краях, придв иконке объемный эффект. Так, возьмем Pen Tool и нарисуем линии по углам и краям папки, бумаги и стрелки. Щелкнем правой кнопкой и выберем stroke path – brush. Важно: Настройки кисти необходимо изменить – уменьшить диаметр до 8 пикселей, жесткость равна 0.

Создание иконок папок

Шаг седьмой.

Вновь созданный для теней слой (Ctrl + Shift + N) поместим в новой группе (Ctrl + G). Создадим выделение точно как в Шаге 5,где мы работали с отражениями. Заполнив выделения черным цветом, размажем края с помощью blur tool (Размытие кистью). Если тени окажутся чересчур насыщенными, то просто понизим слою непрозрачность примерно до 40%.

Создание иконок папок

Шаг восьмой.

Добавим текст, используя любой понравившийся шрифт. В данном случае я взял Agency FB. Размер 40, непрозрачность слоя порядка 75%.

Создание иконок папок

Шаг девятый.

Добавим на бумагу в папке отражения, используя тот же прием, что применяли в Шаге 5

Создание иконок папок

С помощю ellipse tool (Эллипс(E)) добавим теней, нарисовав эллипс (показан на скриншоте) и использовав slight motion blur (эффект небольшой размытости). Уменьшим непрозрачность исходя из своего желания.

Создание иконок папок

Вот результат нашей работы:

Подобным образом я создал еще несколько иконок:

Создание иконок папок

Надеюсь урок понравился вам.

Создание иконок папок

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

Копирование дизайна строго запрещено. © 2012 - 2016
Яндекс.Метрика
Материалы сайта предоставляются исключительно в ознакомительных целях. Если Вы считаете, что какой-либо из материалов нарушает Ваши права - свяжитесь с Администрацией.