Фотошоп для фотографа 2013

Рисуем иконку папки используя Фотошоп

| Категория: Уроки по созданию дизайна в Фотошопе | Сложность урока: Низкая

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


Финальный результат

Рисуем иконку папки используя Фотошоп

Приступаем к уроку Фотошопа


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


Рисуем иконку папки используя Фотошоп

2. Сделаем новый слой Ctrl+N и с помощью Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша "P") создадим область папки, примерно как на картинке ниже: ↓


Рисуем иконку папки используя Фотошоп

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


↓ Gradient Overlay (Наложение градиента):
#FFd27A -> #FFB912;

Stroke (Обводка):

Size (Размер): 1px;

Position (Положение): Outside (Снаружи);

Color (Цвет): #C07C33;


Inner Glow (Внутреннее свечение):

Blend mode (Режим наложения): Normal (Нормальный)

Color (Цвет): #FFFFFF;

Choke (Стягивание): 100%;

Size (Размер): 1px;


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


Рисуем иконку папки используя Фотошоп

4. Скопируем слой Ctrl+J и идем в Edit > Transform > Perspective (Редактирование > Трансформация > Перспектива) и потянем за правый верхний квадратик как показано на картинке ниже: ↓


Рисуем иконку папки используя Фотошоп

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


Рисуем иконку папки используя Фотошоп

Результат: ↓


Рисуем иконку папки используя Фотошоп

5. Добавим листок в нашу папку, создадим новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")) и нарисуем в нем белый прямоугольник → Rectangle Tool Инструмент - Прямоугольник (Инструмент "Прямоугольник" / Клавиша "U" ). После этого кликаем по слою правой кнопкой мыши и снова идем в Blending Options (Параметры наложения).


Рисуем иконку папки используя Фотошоп

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


Gradient Overlay (Наложение градиента):

Opacity (Непрозрачность): 10%;

#000000 -> #FFFFFF; (Цвета градиента "от" и "до");

Angle (Угол): 50 °;


Stroke (Обводка):

Size (Размер): 1px;

Position (Положение): Outside (Снаружи);

Color (Цвет): #D6D6D6;


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


Рисуем иконку папки используя Фотошоп

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


Рисуем иконку папки используя Фотошоп

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


Рисуем иконку папки используя Фотошоп

На этом и все.


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


Финальный результат

Рисуем иконку папки используя Фотошоп

Оригинал;

Урок подготовлен для Вас командой сайта PhotoshopPro.ru