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





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

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


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

Подсказка

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

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

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


Корзина для мусора


Шаг 1: Создание документа
Создайте новый документ:


Корзина для мусора

Корзина для мусора


Шаг 2: Верхняя часть корзины
Создайте новый слой (Create New Layer) и назовите его “top”. Выберите инструмент Прямоугольник с закруглёнными углами (Rounded Rectangle Tool) с радиусом 10 пикселей и создайте фигуру.


Корзина для мусора


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


Корзина для мусора


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

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


Корзина для мусора


Наложение градиента (Режим – Нормальный, Стиль – Линейный, Цвет – от #89bef9 к #99d9fa):


Корзина для мусора

Корзина для мусора


Шаг 3: Отражение света на верхней части корзины
Создайте новый слой (Create New Layer) и назовите его “top-shine”, инструментом Прямоугольная область (Rectangular Marquee Tool) создайте выделение, как показано ниже.


Корзина для мусора


Выберите инструмент Градиент (Gradient Tool) и настройте, как показано ниже:


Корзина для мусора


Сделайте заливку из центра выделения к одной из его сторон.


Корзина для мусора


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


Корзина для мусора

Корзина для мусора


Шаг 4: Иллюзия глубины
Создайте новую фигуру в центре нашего слоя “top”, используя инструмент Прямоугольник с закруглёнными углами (Rounded Rectangle Tool) и режима Наклон (Transform – Skew). Назовите слой с этой фигурой "top-depth".
Вы также можете просто сделать копию слоя “top” и уменьшить её.


Корзина для мусора


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

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


Корзина для мусора


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


Корзина для мусора

Корзина для мусора


Шаг 5: Разбираемся со слоями
Создайте новую группу (Create New Group):


Корзина для мусора


Перетащите все слои, кроме фонового, в эту группу. Можете свернуть её, чтобы слои не мешали ориентироваться в палитре.


Корзина для мусора


Назовите эту группу “top”.


Корзина для мусора


Шаг 6: Рисование фронтальной части корзины
Кликните на фоновом слое, чтобы следующий слой располагался над ним. Создайте ещё одну фигуру (фронтальную часть) и назовите слой “front”. Используйте тот же инструмент Прямоугольник с закруглёнными углами (Rounded Rectangle Tool) и режим Наклон (Transform – Skew).


Корзина для мусора


Шаг 7: Добавляем цвет на фронтальную часть
К слою с передней стороной корзины примените стиль Наложение градиента (Layer Style - Gradient Overlay):


Корзина для мусора

Корзина для мусора


Шаг 8: Тень на правой стороне корзины
Создайте фигуру на правой стороне и назовите слой "side-shade".


Корзина для мусора


Примените к этому слою стиль Наложение цвета (Layer Style - Color Overlay):

Режим – Нормальный, Цвет - #1f456f


Корзина для мусора

Корзина для мусора


Добавьте маску слоя (Layer Mask) к слою “side-shade” (Layer Mask).


Корзина для мусора


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


Корзина для мусора

Корзина для мусора


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


Корзина для мусора


Шаг 9: Тень на левой стороне корзины
Сделайте копию слоя “side-shade” и примените Отражение по горизонтали (Transform – Flip Horizontal).


Корзина для мусора


Инструментом Перемещение (Move Tool) переместите копию на другую сторону.


Корзина для мусора


Шаг 10: Отражение света
Создайте новый слой “front-light”и инструментом Овальная область (Elliptical Marquee Tool) и заливкой создайте полукруг.


Корзина для мусора


Примените фильтр Размытие по гауссу (Gaussian Blur Filter) со значением 18,6 пикселей.


Корзина для мусора

Корзина для мусора


Сделайте выделение свечения над корзиной инструментом Прямоугольная область (Rectangular Marquee Tool) и нажмите Delete.


Корзина для мусора


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


Корзина для мусора


Шаг 11: Символ переработки
Инструментом Произвольная фигура (Custom Shape Tool) создайте символ “Recycle 2” из набора "Symbol".


Корзина для мусора


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

Отбрасывание тени (Режим – Умножение, Цвет - #3c6a99):


Корзина для мусора


Внутренняя тень (Режим – Нормальный, Цвет – белый):


Корзина для мусора


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


Корзина для мусора

Корзина для мусора

Корзина для мусора


Шаг 13: Рисование мятой бумаги
Над группой “top” создайте новый слой “paper”. Любым инструментом рисования нарисуйте белый клочок бумаги.


Корзина для мусора


Шаг 14: Стилизация бумаги
Примените эти стили для слоя с бумагой:

Отбрасывание тени (Режим – Умножение, цвет – чёрный):


Корзина для мусора


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


Корзина для мусора

Корзина для мусора


Шаг 15: Детали на мятой бумаге
Создайте новый слой “paper-shade1” и нарисуйте чёрную фигуру вдоль краёв бумаги:


Корзина для мусора


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


Корзина для мусора


Создайте ещё один слой “paper-shade2” и нарисуйте ещё одну фигуру:


Корзина для мусора


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


Корзина для мусора


Шаг 16: Больше кусков бумаги
Создайте новую группу (Create New Group) и назовите её “paper”, все слои бумаги поместите в эту группу.
Сделайте копию группы и расположите её в другом месте на холсте.


Корзина для мусора

Корзина для мусора


Чтобы внести некоторое разнообразие, просто немного поверните одну из бумаг (Transform – Rotate).


Корзина для мусора


Создайте ещё несколько кусков бумаги разного размера, угла и т.д.


Корзина для мусора

Корзина для мусора


Шаг 17: Делаем корзину полупрозрачной
Выберите все группы “paper” кроме той, которая находится в самом низу палитры слоёв. Сделайте копию всех этих групп.


Корзина для мусора


Выберите все эти копии и объедините их:


Корзина для мусора


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


Корзина для мусора


Объедините все эти копии в один слой и назовите полученный "translucent-property". Добавьте к нему маску слоя (Layer Mask) и сделайте градиентную заливку от чёрного к белому снизу вверх.


Корзина для мусора

Корзина для мусора


Шаг 18: Создание теней от бумаги
Создайте новый слой “extra-shadow” и нарисуйте чёрные фигуры на краях бумаги.


Корзина для мусора


Установите Непрозрачность слоя – 10%.


Корзина для мусора


Создайте новую группу “papers” и поместите туда все слои, касающиеся мятой бумаги.

Шаг 19: Создание тени от корзины
Создайте новый слой “main-shadow” над фоновым слоем. Инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) создайте чёрную фигуру, как показано ниже.


Корзина для мусора


К прямоугольнику примените фильтр Размытие по гауссу (Gaussian Blur Filter) с радиусом 18-19 пикселей.


Корзина для мусора


Инструментом Свободное трансформирование (Free Transform) сожмите тень.


Корзина для мусора


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


Корзина для мусора

Корзина для мусора


Шаг 20: Тень от бумаги на полу
Создайте новый слой “paper-shadow” над слоем с тенью от корзины из предыдущего шага.
Выберите эту кисть:


Корзина для мусора


Кликните один раз на холсте:


Корзина для мусора


Инструментом Свободное трансформирование (Free Transform) сожмите и расположите её, как показано ниже.


Корзина для мусора

Корзина для мусора


Сделайте копию слоя “paper-shadow” и ещё больше сожмите её. Расположите эту тень справа от бумаги. Благодаря такому сочетанию мы усилим глубину изображения.


Корзина для мусора

Корзина для мусора


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


Корзина для мусора


Сделайте заливку градиентом от белого к прозрачному.


Корзина для мусора


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


Корзина для мусора


Нажмите Delete, чтобы удалить некоторые части отражения света.


Корзина для мусора


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


Корзина для мусора


Шаг 22: Больше складок на бумаге
Добавим больше детализации бумаге. Создайте новый слой “crumples” и нарисуйте чёрную фигуру на краях бумаги.


Корзина для мусора


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


Корзина для мусора


Шаг 23: Создание отражения света на краях корзины
Создайте новый слой “add-shine” и инструментом Кисть (Brush Tool) размером 45 пикселей белого цвета сделайте одиночный клик на середине верхней грани, как показано ниже.


Корзина для мусора


Установите Непрозрачность этого слоя – 60%.


Корзина для мусора


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


Корзина для мусора




PSD файл

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

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

Ваше Имя

Ваш E-mail

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

Введите код: