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





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

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


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

Подсказка

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

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

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


Объёмная иконка папки


Шаг 1: Настройка холста
Создайте новый документ:


Объёмная иконка папки

Объёмная иконка папки


Шаг 2: Создание передней части
Создайте новый слой (Create New Layer) и назовите его “front”.


Объёмная иконка папки


Создайте такую фигуру на этом слое любым способом. Заметьте, что углы, отмеченные красным, не должны быть острыми.


Объёмная иконка папки


Перейдите в меню Стилей слоя (Layer Style - Blending Options) и настройте так:


Объёмная иконка папки


Внутренняя тень (Режим- Перекрытие):


Объёмная иконка папки


Обводка (Положение – Внутри, Режим – Нормальный, Тип обводки – Цвет, Цвет - #a8924d).


Объёмная иконка папки


Наложение градиента:


Объёмная иконка папки

Объёмная иконка папки


Шаг 3: Добавление деталей на переднюю часть
Создайте новый слой (Create New Layer) и инструментом Прямоугольная область (Rectangular Marquee Tool) создайте несколько фигур, потом в режиме Наклона (Transform – Skew) измените их в соответствии угла передней части.


Объёмная иконка папки


К этим фигурам нужно применить такие стили слоя:

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


Объёмная иконка папки


Внутренняя тень (Режим – Умножение):


Объёмная иконка папки

Объёмная иконка папки


Шаг 4: Радиальное свечение
Создайте новый слой и создайте круглое выделение, потом залейте его белым цветом.


Объёмная иконка папки


Примените фильтр Размытие по гауссу (Gaussian Blur Filter):


Объёмная иконка папки

Объёмная иконка папки


Понизьте Непрозрачность слоя с белым свечением до 30%.


Объёмная иконка папки


Теперь нужно избавиться от свечения вне папки. Для этого сделайте выделение передней части папки любым инструментом выделения, например инструментом Многоугольное лассо (Polygonal Lasso Tool). Либо просто сделайте выделение слоя с передней частью (Ctrl+Click).


Объёмная иконка папки


Инструментом выделения кликните внутри выделение правой кнопкой мыши и выберите Инверсия выделенной области и нажмите Delete.


Объёмная иконка папки


Установите Режим наложения этого слоя – Перекрытие (Blending Mode – Overlay) и Непрозрачность – 30%.


Объёмная иконка папки

Объёмная иконка папки


Шаг 5: Создание верхнего края
Сделаем переднюю часть толще. Создайте новый слой и нарисуйте тонкую белую полосу на верхней стороне по краю. Я для этого использовал инструмент Перо (Pen Tool).


Объёмная иконка папки


Если вы работали инструментом Перо (Pen Tool), то у вас будут созданы две векторные фигуры. Нужно объединить оба слоя (Ctrl+E).


Объёмная иконка папки


Установите Режим наложения слоя с полоской – Перекрытие (Blending Mode – Overlay):


Объёмная иконка папки

Объёмная иконка папки


Сделайте копию этого слоя, можете назвать копию "front-top-xtra". Добавьте маску слоя (Layer Mask) к копии.


Объёмная иконка папки


Установите цвет заливки – белый, цвет фона – чёрный. Выберите инструмент Градиент (Gradient Tool) и настройте, как показано ниже:


Объёмная иконка папки


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


Объёмная иконка папки


Шаг 6: Добавление эмблемы Инь-Янь
Инструментом Произвольная фигура (Custom Shape Tool) создайте символ Инь-Янь.


Объёмная иконка папки


Перейдите в режим Наклона (Transform – Skew) и измените фигуру так, чтобы она сочеталась с углом передней части.


Объёмная иконка папки


Правый верхний угол нужно потянуть вверх, а левый нижний вниз.


Объёмная иконка папки


К слою с символом примените эти стили:

Отбрасывание тени (Режим – Нормальный, Цвет - #f9f4e4):


Объёмная иконка папки


Наложение цвета (Режим – Нормальный, Цвет - #bd8a3b):


Объёмная иконка папки

Объёмная иконка папки


Шаг 7: Создание правого края
Толщину передней части также нужно создать на правом боку. Создайте новый слой и подобно верхнему краю создайте фигуру справа.


Объёмная иконка папки


Установит Режим наложения – Перекрытие (Blending Mode – Overlay) и Непрозрачность – 59%.


Объёмная иконка папки

Объёмная иконка папки


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


Объёмная иконка папки


Установите цвет заливки – белый, выберите инструмент Градиент (Gradient Tool), градиент – от заливки к прозрачному, стиль – линейный. Залейте выделение, как показано ниже.
Потом создайте такое выделение:


Объёмная иконка папки


Нажмите Delete.


Объёмная иконка папки


Установите Режим наложения - Перекрытие (Blending Mode – Overlay) и Непрозрачность – 28%.


Объёмная иконка папки


Выберите все слои кроме фонового и сгруппируйте их (Ctrl+G). Группу назовите “Front”.

Создайте новый слой прямо над фоновым и инструментами Многоугольное лассо (Polygonal Lasso Tool) и Заливка (Paint Bucket Tool) создайте чёрную фигуру, как показано ниже.


Объёмная иконка папки


Понизьте Непрозрачность слоя до 95%.


Объёмная иконка папки


К чёрной фигуре примените эти стили:

Внутренняя тень (Режим – Перекрытие):


Объёмная иконка папки


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


Объёмная иконка папки


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


Объёмная иконка папки

Объёмная иконка папки


Шаг 10: Создание объёмности задней части
Создайте белую полоску на верхней стороне задней части, как мы делали это ранее.


Объёмная иконка папки


Установите Режим наложения – Перекрытие (Blending Mode – Overlay):


Объёмная иконка папки


Потом создайте чёрную фигуру сбоку:


Объёмная иконка папки


Режим наложения – Перекрытие (Blending Mode – Overlay) и Непрозрачность – 58%.


Объёмная иконка папки


Наша папка создана. Объедините слои задней стороны папки в группу и назовите группу “Back”.

Шаг 11: Создание листов бумаги
Создайте новый слой между группами “Front” и “Back”.
На этом слое создайте прямоугольную фигуру. Не забудьте про перспективу.


Объёмная иконка папки


К прямоугольнику примените эти стили:

Наложение цвета (Режим – Нормальный):


Объёмная иконка папки


Обводка (Положение –Внутри, Режим – Нормальный, Тип обводки – Цвет, Цвет - #a7a6a6):


Объёмная иконка папки

Объёмная иконка папки


Шаг 12: Тень от бумаги
Создайте новый слой под бумагой и нарисуйте чёрную фигуру:


Объёмная иконка папки


Установите Режим наложения – Перекрытие (Blending Mode – Overlay) и Непрозрачность – 39%.


Объёмная иконка папки


Шаг 13: Больше бумаги
Таким же образом создайте больше листов бумаги. Но не нужно менять режим наложения тени других листов бумаги. Только понизьте непрозрачность до 7%.


Объёмная иконка папки


Шаг 14: Улучшение верхней обводки
Верхние края бумаги слишком толстые. Это мы сейчас и исправим.
Любым инструментом выделения создайте белые линии в новом слое над всеми листами бумаги.


Объёмная иконка папки


Понизьте Непрозрачность этого слоя до 40%.


Объёмная иконка папки


Объедините все слои бумаги в группу (Ctrl+G).

Шаг 15: Создание переплёта
Вы можете не продолжать создавать переплёта, а оставить иконку такой, какая она сейчас.
Создайте новый слой над группой “Front”. Нарисуйте чёрную фигуру в нижней части папки, как показано ниже:


Объёмная иконка папки


Примените к ней эти стили:

Отбрасывание тени (Режим – Перекрытие):


Объёмная иконка папки


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


Объёмная иконка папки


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


Объёмная иконка папки

Объёмная иконка папки


Создайте новый слой и нарисуйте ещё одну фигуру справа внизу.


Объёмная иконка папки


Шаг 16: Детализация на переплёте
Создайте новый слой и нарисуйте белую полоску вдоль переплёта.


Объёмная иконка папки


Понизьте Непрозрачность до 40-45%.


Объёмная иконка папки


Теперь нужно создать разделитель справа. Эта деталь очень мелкая, но она изменит вид. Создайте новый слой и нарисуйте очень маленькую белую фигуру. Потом понизьте её Непрозрачность до 40-45%.


Объёмная иконка папки


Шаг 17: Создание тени от папки
Создайте новый слой над фоновым и создайте выделение, как показано ниже:


Объёмная иконка папки


Установите цвет заливки – чёрный, выберите инструмент Градиент (Gradient Tool), от заливки к прозрачному, и залейте выделение снизу вверх:


Объёмная иконка папки


Понизьте Непрозрачность этого слоя до 25-30%.


Объёмная иконка папки


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


Объёмная иконка папки





PSD файл

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

написал : Егор

круто

---------------


Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: