Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

Конечный результат:

Индустриальная иконка папки


Начинаем
Создайте новый документ размером 700х700 пикселей. Залейте фон любым цветом на свой выбор. Я использовал градиент белого и серого цветов.

Индустриальная иконка папки


Создание фронтальной части папки
Выберите инструмент Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) в режиме фигуры и установите значение радиуса – 10 пикселей.

Индустриальная иконка папки


Создайте фигуру размером 495х300 пикселей. Потом перейдите в режим Перспективы (Transform – Perspective) и потяните левый нижний угол вправо на 10-49 пикселей.

Индустриальная иконка папки


Назовите этот слой “Folder Front 1” и примените следующие стили в меню Стилей слоя (Layer Style - Blending Options):

Наложение градиента: Режим – Нормальный.

Индустриальная иконка папки


Обводка: Положение – Снаружи, Режим – Нормальный, Тип обводки – Цвет.

Индустриальная иконка папки

Индустриальная иконка папки


Создание второй фронтальной части
Сделайте копию слоя “Folder Front 1” и очистите стили с неё (через контекстное меню). Назовите копию “Folder Front 2”. Инструментом Перемещение (Move Tool) опустите копию на 5 пикселей вниз (лучше использовать стрелки на клавиатуре).

Индустриальная иконка папки


К слою “Folder Front 2” примените следующие стили:

Тиснение: Стиль – Внутренний скос, Метод – Плавный, Режим подсветки – Осветление, Режим тени – Умножение.

Индустриальная иконка папки


Наложение градиента: Режим – Нормальный, Стиль – Радиальный.

Индустриальная иконка папки


Обводка: Положение – Снаружи, Режим – Нормальный, Тип обводки – Цвет.

Индустриальная иконка папки

Индустриальная иконка папки


Создание тени от папки
Инструментом Овальная область (Elliptical Marquee Tool) создайте выделение под папкой, как показано ниже:

Индустриальная иконка папки


Создайте новый слой над фоновым (Create New Layer) и назовите его “Shadow”. Залейте выделение чёрным цветом и уберите его (Ctrl+D). Примените фильтр Размытие по гауссу (Gaussian Blur Filter) со значением 2-3 пикселя. Установите Непрозрачность – 55%.

Индустриальная иконка папки


Создание второй тени
Инструментом Многоугольное лассо (Polygonal Lasso Tool) создайте выделение, показанное ниже.

Индустриальная иконка папки


Создайте новый слой над слоем “Shadow” и назовите его “Shadow 2”. Залейте выделение чёрным цветом.

Индустриальная иконка папки


Понизьте Непрозрачность слоя “Shadow 2” до 11% и добавьте маску слоя (Layer Mask). Выберите инструмент Градиент (Gradient Tool) и сделайте линейную заливку в верхней части чёрной фигуры. Нужно добиться того, что тень будет исчезать по мере отдаления от объекта (папки).

Индустриальная иконка папки


Создание задней стороны папки
Инструментом Прямоугольная область (Rectangular Marquee Tool) с радиусом 10 пикселей создайте фигуру позади двух фронтальных частей. Назовите этот слой “Folder Back”.

Индустриальная иконка папки


Кликните на иконке маски слоя с фигурой в палитре слоёв (у вас появится линия, очерчивающая прямоугольник). Выберите инструмент Прямоугольник с закруглёнными углами (Rounded Rectangle Tool) и установите значение Добавить к области фигуры (Add To Shape Area) в настройках сверху.

Индустриальная иконка папки


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

Индустриальная иконка папки


Тем же инструментом создайте ещё два маленьких прямоугольника в тех местах, где последний прямоугольник встречается со слоем “Folder Back”.

Индустриальная иконка папки

Индустриальная иконка папки


В настройках того же инструмента установите значение Вычесть из области фигуры (Subtract From Shape Area).

Индустриальная иконка папки


Создайте по 2 прямоугольника на каждой стороне, чтобы закруглить внешние углы.

Индустриальная иконка папки

Индустриальная иконка папки


К слою “Folder Back” примените следующие стили в меню Стилей слоя (Layer Style - Blending Options):

Внутренняя тень: Режим – Нормальный.

Индустриальная иконка папки


Тиснение: Стиль – Внутренний скос, Метод – Плавный, Режим подсветки – Осветление, Режим тени – Умножение.

Индустриальная иконка папки


Наложение градиента: Режим – Нормальный, Стиль – Радиальный.

Индустриальная иконка папки


Обводка: Положение – Снаружи, Режим – Нормальный, Тип обводки – Цвет.

Индустриальная иконка папки

Индустриальная иконка папки


Добавление металлической текстуры
Загрузите эту металлическую текстуру. Поместите её над слоями с папкой в нашем документе. Потом сделайте выделение слоя “Folder Front 2” (Ctrl+Click). Инвертируйте выделение (Select – Inverse) и нажмите Delete.

Индустриальная иконка папки


Установите Режим наложения – Мягкий свет (Blending Mode – Soft Light):

Индустриальная иконка папки


Создание и добавление дополнительного узора
Создайте новый документ размером 25х25 пикселей. Нарисуйте такой узор:

Индустриальная иконка папки


Потом перейдите в меню Редактирование»Определить узор (Edit > Define Pattern) и сохраните узор. Вернитесь в наш документ и инструментом Прямоугольная область (Rectangular Marquee Tool) создайте выделение в нижней части на расстоянии 10-20 пикселей от нижней границы.

Индустриальная иконка папки


Выберите инструмент Заливка (Paint Bucket Tool) и в настройках сверху установите заливку узором.

Индустриальная иконка папки


Создайте новый слой над слоем с металлической текстурой и назовите его “Black and Yellow Lines”. Залейте выделение узором с чёрно-желтыми полосками.

Индустриальная иконка папки


Обрежьте части узора, выходящие за пределы папки. Потом создайте ещё один такой же узор в верхней части папки. Установите Режим наложения этого полосатого узора – Перекрытие (Blending Mode – Overlay).

Индустриальная иконка папки


Создание заклёпок
Выберите инструмент Перо (Pen Tool) в режиме контуров:

Индустриальная иконка папки


Создайте новый слой “Rivets” и нарисуйте такой контур:

Индустриальная иконка папки


Выберите инструмент Кисть (Brush Tool) и перейдите в палитру кистей (F5), настройте так:

Индустриальная иконка папки


Кликните правой кнопкой на контуре инструментом Перо (Pen Tool) и выберите Выполнить обводку контура (Stroke Path). В появившемся окне выберите Кисть (Brush), нажмите ОК. После этого в том же контекстном меню выберите Удалить контур (Delete Path).

Индустриальная иконка папки


Примените следующие стили к слою с заклёпками:

Отбрасывание тени: Режим – Нормальный.

Индустриальная иконка папки


Наложение цвета:

Индустриальная иконка папки

Индустриальная иконка папки


Добавление деталей
В заключении можно добавить текст в центре папки.

Индустриальная иконка папки


Также нужно создать отражение. Скройте фоновый слой и нажмите Shift+Ctrl+Alt+E. Все видимые слои объединятся в один отдельный слой. Полученный слой создастся над фоновым, если нет, то поищите его в вашей палитре слоёв. Примените Отражение по вертикали (Transform – Flip Vertical) к этому слою и фильтр Размытие по гауссу (Gaussian Blur Filter) со значением 2 пикселя.

Индустриальная иконка папки


Добавьте маску слоя к отражению и сделайте линейную градиентную заливку (от чёрного к белому) снизу вверх. Нижняя часть отражения должна исчезнуть.

Индустриальная иконка папки


Финальный результат:
Индустриальная иконка папки


Изображение в оригинальном размере можете посмотреть здесь.



Обсудить данный урок на форуме






PSD файл

Ссылка на источник урока