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

| Категория: Уроки по созданию спец эффектов в Фотошопе | Сложность урока: Высокая

В данном уроке мы рассмотрим, как можно нарисовать шкафчик с полками для книг в Фотошопе.
Внимание: Сложный урок. ВНИМАНИЕ: Урок предназначен для уже продвинутых пользователей Фотошопа.


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

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

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


Материалы использованные в уроке:

Все картинки одним архивом - тут (3 обложки книг);


Шаг 1.


Создаем новый документ размером 768 x 1030 px, разрешением 300 pixels/inch в формате RGB (File > New (Файл > Новый / Сочетание клавиш "Ctrl+N")).


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

Шаг 2.


Создайте новый слой и назовите его "Back". Залейте слой любым цветом. Установите основной цвет равным #e0ad5e и фоновый цвет равным #eec375. Примените к слою фильтр Filter > Render > Fibers (Фильтр > Рендеринг > Волокна) с параметрами Variance (Несовпадения) = 15 и Strength (Интенсивностью) = 25. Затем примените фильтр Filter > Blur > Motion blur (Фильтр > Размытие > Размытие в движении) с параметрами Angle (Угол) = 90° и Distance (Смещение) = 100 px.


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

Шаг 3.


Нажмите Ctrl+T и установите точку начала отсчёта трансформации посередине левого края. Установите Horizontal scale (Горизонтальная шкала) (W) = 50 и примените трансформацию. Продублируйте слой "Back" и переместите дубликат в правую часть холста. Слейте оба слоя, нажав Ctrl+E.


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

Шаг 4.


Откройте фильтр Filter > Liquify (Фильтр > Пластика / Сочетание клавиш "Shift+Ctrl+X"). Выберите инструмент Turbulence (Турбулентность / Клавиша "T") и в настройках инструментов установите такие параметры: Brush Size (Размер кисти) => 60, Brush Density (Плотность кисти) => 100, Brush Pressure (Нажим кисти) => 70, Brush Rate (Скорость кисти) => 100 and Turbulent Jitter (Колебание) => 100. Проведите от 3 до 5 линий сверху вниз лёгко трясущейся рукой.


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

Шаг 5.


Теперь примените к слою стиль слоя Inner Shadow (Внутренняя тень) с такими настройками: Blend Mode (Режим наложения) => Linear Burn (Линейный затемнитель), Color (Цвет) => Black (Черный), Opacity (Непрозрачность) => 70%, Distance (Смещение) => 0 и Size (Размер) => 250.


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

Шаг 6.


Выберите инструмент Rectangular Marquee Tool Инструмент - Прямоугольная область выделения (Прямоугольная область выделения / Клавиша "M"), установите такие параметры Style (Стиль) => Fixed Size (Фиксированный размер), Height (Высота) и Width (Ширина) = 64 px и создайте выделение, как показано ниже. Установите направляющую по нижнему краю выделения, как показано ниже.


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

Шаг 7.


Создайте новое выделение. На этот раз установите Width (Ширина) = 128 px and Height (Высота) = 768 px и разместите выделение в любой части холста. На панели слоёв выберите слой "Back", нажмите Ctrl+C, затем нажмите Ctrl+V, чтобы вставить выделение в новый слой. Назовите новый слой "Top". Нажмите Ctrl+Т и поверните слой на 90 градусов. Разместите слой на холсте, как показано ниже.


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

Шаг 8.


Создайте новый слой поверх остальных. Выберите инструмент Line Tool Инструмент - Линия (Инструмент Линия / Клавиша "U"), установите режим Fill Pixels (Заливка пикселов) и параметр Weight (Ширина) = 1 px. Установите основной цвет равным #c9984d. Удержывая нажатой клавишу Shift, нарисуйте 14 горизонтальных линий, как показано на рисунке. Откройте фильтр Filter > Liquify (Фильтр > Пластика / Сочетание клавиш "Shift+Ctrl+X"). Выберите инструмент Twirl Clockwise Tool (Скручивание) и установите такие параметры: Brush Size (Размер кисти) => 130, Brush Density (Плотность кисти) => 50, Brush Pressure (Нажим кисти) => 15 и Brush Rate (Скорость кисти) => 80. Проведите несколько раз мышкой по линиям справа налево, затем слева направо, немного трясущейся рукой. Если результат не устроил, вернитесь на шаг назад и повторите попытку. Нажмите Ctrl+E, чтобы слить слои "Layer 1" (Слой 1) и "Top".


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

Шаг 9.


Примените фильтр Filter > Noise > Add noise (Фильтры > Шум > Добавить шум) с Amount (Степень) = 2% и нажмите OK. Нажмите Ctrl+T и трансформируйте слой "Top", как показано ниже. Примените к слою стиль слоя Gradient Overlay (Наложение градиента) с такими параметрами: Blend Mode (Режим наложения) => Soft light (Мягкий свет), Opacity (Непрозрачность) => 50%, Gradient (Градиент) => Black (Черный), White (Белый), Style (Стиль) => Linear (Линейный) и Angle (Угол) => 90 degrees (градусов).


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

Шаг 10.


Загрузите выделение слоя "Top", кликнув мышкой с нажатой клавишей Ctrl на иконке слоя в панели слоёв. Создайте новый слой "Top Shadow" под слоем "Top". Залейте выделение цветом #552200. Снимите выделение, нажав Ctrl+D, и примените к слою фильтр Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу) с радиусом размытия 40 пикселей. Выберите инструмент Move Tool Инструмент - Перемещение (Перемещение / Клавиша "V") и переместите слой с тенью на 40 пикселей вниз.


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

Шаг 11.


Выберите инструмент Rectangular Marquee Tool Инструмент - Прямоугольная область выделения (Прямоугольная область выделения / Клавиша "M"), убедитесь, что параметр Style (Стиль) установлен на Fixed Size (Фиксированный размер) и установите Width (Ширина) = 20 px и Height (Высота) = 177 px. Создайте выделение на левом краю холста, как показано ниже и установите горизонтальную и вертикальную направляющие по краям выделения. Затем переместите выделение на правый край холста и установите вертикальную направляющую по левому краю выделения. Снимите выделение (Ctrl+D).


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

Шаг 12.


Создайте новый слой "Sides" над слоем "Back". Создайте выделение, как показано на рисунке ниже (для этого измените параметр Style (Стиль) на Normal (Нормальный)), заполните выделение цветом #552200 и снимите выделение. Установите непрозрачность слоя равной 70% и режим наложения слоя измените на Multiply (Умножение).


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

Шаг 13.


Создайте новый слой над слоем "Sides" и назовите его "Side Corners". Выберите инструмент Line Tool Инструмент - Линия (Инструмент Линия / Клавиша "U"), установите режим Fill Pixels (Заливка пикселов) и Weight (Ширина) = 2 px. Нарисуйте две вертикальные линии по вертикальным направляющим (на рисунке я спрятал направляющие, чтобы вы смогли увидеть линии). Примените к слою фильтр Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу) с радиусом размытия равным 1,5 px.


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

Шаг 14.


Выберите инструмент Rectangular Marquee Tool Инструмент - Прямоугольная область выделения (Прямоугольная область выделения / Клавиша "M"), снова установите Style (Стиль) = Fixed Size (Фиксированный размер), Width (Ширина) = 768 px и Height (Высота) = 14 px. Создайте выделение, как показано на рисунке. Выберите слой "Top" на панели слоёв, нажмите Ctrl+C. Нажмите Ctrl+V, чтобы вставить выделение на новый слой и назовите полученный слой "Shelf 1". Выберите инструмент Move Tool Инструмент - Перемещение (Перемещение / Клавиша "V") и переместите слой так, чтобы его верхний край совпал с горизонтальной направляющей, как показано на рисунке.


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

Шаг 15.


Выберите слой "Top Shadow". Создайте выделение, как показано ниже и нажмите Ctrl+C. Затем нажмите Ctrl+V, назовите только что созданный слой "Shelf Shadow" и разместите его на холсте ниже слоя с полкой.


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

Шаг 16.


Снова выберите инструмент Rectangular Marquee Tool Инструмент - Прямоугольная область выделения (Прямоугольная область выделения / Клавиша "M"), установите Style (Стиль) = Fixed Size (Фиксированный размер), Width (Ширина) = 768 px и Height (Высота) = 10 px. Создайте выделение и разместите его точно над полкой. Затем установите горизонтальную направляющую на верхнем краю выделения. Установите режим выделения на Normal (Нормальный), выберите слой "Top" на панели слоёв и создайте выделение вверху холста, как показано на рисунке. При этом высота выделения должна быть приблизительно равна высоте слоя "Top". Скопируйте и вставьте выделение на новый слой, как мы делали в предыдущих шагах, и назовите полученный слой "Shelf Top". Нажмите Ctrl+T, трансформируйте и переместите слой, как показано ниже.


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

Шаг 17.


Нажмите Ctrl+L, чтобы вызвать диалоговое окно уровней, установите уровень Shadow Input Level (Входные значения тени) равным 50 и нажмите ОК. нажмите Ctrl+U и в появившемся окне установите такие параметры: Saturation (Насыщенность) = -15 и Lightness (Яркость) = -5. Затем примените к слою стиль слоя Gradient Overlay (Наложение градиента) с такими настройками: Blend Mode (Режим наложения) => Linear Burn (Линейный затемнитель), Opacity (Непрозрачность) => 10%, Gradient (Градиент) => Black (Черный), White (Белый), => Reverse (Инверсия) => Checked (Выбрано), Style (Стиль) => Linear (Линейный градиент) и Angle (Угол) => 90° градусов. Выберите Edit > Transform > Perspective (Редактирование > Трансформация > Перспектива) и переместите верхний левый угол слоя так, как показано на рисунке.


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

Шаг 18.


И снова выберите инструмент прямоугольного выделения, установите Style (Стиль) = Fixed Size (Фиксированный размер) и Height (Высота) = 194 px. Создайте выделение и разместите его, как показано на рисунке. Установите горизонтальную направляющую на нижнем крае выделения. Снимите выделение. На панели слоев выберите слои "Shelf 1", "Shelf Top" и "Shelf Shadow" и слейте их, нажав Ctrl+E.


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


Шаг 19.


Продублируйте слой "Shelf 1" и назовите дубликат "Shelf 2". Переместите продублированный слой, как показано на рисунке. Чтобы разместить ещё одну полку, повторите операции с выделением и установкой направляющей, как в предыдущем шаге.


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

Шаг 20.


Повторите предыдущий шаг ещё два раза, чтобы создать ещё две полки...


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

Шаг 21.


Создайте новый слой под названием "Shelf Shadows" поверх остальных слоёв. Выберите инструмент Line Tool Инструмент - Линия (Инструмент Линия / Клавиша "U"), установите Weight (Ширина) = 1 px и нарисуйте горизонтальные линии в местах стыков полок с задней стенкой. Примените к слою фильтр Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу) с радиусом размытия 2 пикселя.


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

Шаг 22.


Теперь нам надо удалить выступающие части созданных в предыдущем шаге линий. Кликните мышкой с нажатой клавишей Ctrl на слое "Sides" в панели инструментов, чтобы загрузить выделение. Затем, удерживая нажатыми клавиши Ctrl+Alt кликните на каждом слое с полками, чтобы вычесть их из выделения. Выберите на панели слоёв слой "Shelf Shadows" и нажмите клавишу Backspace, чтобы очистить содержимое внутри выделения и снимите выделение.


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

Шаг 23.


Создайте новый слой над слоем "Back" и назовите слой "Parts". Нажмите клавишу D, чтобы сбросить цвета на черный и белый. Примените к слою фильтр Filter > Render > Clouds (Фильтр > Рендеринг > Облака). Затем примените фильтр Filter > Pixelate > Mosaic (Фильтр > Оформление > Мозайка) с параметром Cell Size (Размер ячейки) = 100. Далее примените фильтр Filter > Blur > Motion blur (Фильтр > Размытие > Размытие в движении) с такими параметрами: Angle (Угол) ° = 90 градусов и Distance (Смещение) = 999 px. Затем примените этот фильтр ещё три раза, нажав три раза Ctrl+F.


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

Шаг 24.


Измените режим наложения слоя на Overlay (Перекрытие). Загрузите выделение слоя "Sides" и нажмите Backspace, чтобы очистить область внутри выделения. Снимите выделение.


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

Шаг 25.


Выберите Image > Canvas size (Изображение > Размер холста). Установите галочку на Relative (относительно) и установите Width (Ширина) равным 28 пикселей, нажмите ОК. Это даст нам по 14 пикселей с каждой стороны холста.


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

Шаг 26.


Выберите слой "Top" на панели слоёв. Выберите инструмент Rectangular Marquee Tool Инструмент - Прямоугольная область выделения (Прямоугольная область выделения / Клавиша "M"), установите Style (Стиль) = Normal (Нормальный) и создайте выделение, как показано на рисунке. Скопируйте в вставьте выделение на новый слой. Снимите выделение. Нажмите Ctrl+T, поверните слой на 90 градусов, разместите слой на пустой области слева холста и подгоните слой под эту область. Продублируйте слой и переместите дубликат на правый край холста.


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

Шаг 27.


Пришло время добавить книги. Откройте загруженное изображение с обложкой книги, переместите его в наш документ поверх остальных слоёв. Подгоните размер обложки под размер книжных полок. Создайте новый слой под слоем с книгой, выберите инструмент Polygonal Lasso Tool Инструмент - Многоугольное лассо (Инструмент Многоугольное лассо / Клавиша "L") и создайте выделение, как показано на рисунке. Заполните выделение черным цветом. Снимите выделение и примените к слою фильтр Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу) с радиусом размытия 4 пикселя. Уменьшите непрозрачность слоя до 70%.


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

Я поместил ещё две книги на полку и вот финальный результат. Надеюсь, урок вам понравился и вы почерпнули из него что-нибудь полезное для себя.


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

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

Оригинал;

Перевод: Starrrley;

Текст доработан командой сайта PhotoshopPro.ru