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





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

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


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

Подсказка

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

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

3D книга

не нравится   +8   нравится

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

3D книга


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

3D книга


Шаг 2 – Рисование обложки
Инструментом Перо (Pen Tool) нарисуйте фигуру, показанную ниже. Обратите внимание на то, что левые углы закруглены.

3D книга


Примените к слою с фигурой стиль Наложение градиента (Layer Style - Gradient Overlay):

Режим – Нормальный, Стиль – Линейный

3D книга

3D книга


Шаг 3 – Создание переплёта книги
Нарисуйте ещё одну фигуру тем же инструментом:

3D книга


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

3D книга

3D книга


Шаг 4 – Верхние края книги
Нарисуйте зелёные фигуры (вам не обязательно делать их зелёными, главное чтобы их было видно):

3D книга


Примените следующие стили:

Наложение цвета (#fc9271):

3D книга


Отбрасывание тени:

3D книга

3D книга


Шаг 5 – Боковые края книги
Нарисуйте эти фигуры:

3D книга


Примените к ним стиль Наложение цвета: #9b4737.

3D книга


Шаг 6 – Закруглённая верхняя граница
Нарисуйте такую фигуру:

3D книга


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

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

3D книга


Отбрасывание тени:

3D книга

3D книга


Все слои книги объедините в группу (выберите их и Ctrl+G).

Шаг 7 – Внутренняя часть книги
Создайте новый слой над фоновым слоем и инструментом Перо (Pen Tool) нарисуйте такую фигуру:

3D книга


Примените стиль Наложение цвета: #d74f34.

3D книга


Инструментом Перо (Pen Tool) нарисуйте такую фигуру:

3D книга


Примените Наложение цвета: #323657.

3D книга


Шаг 8 – Создание страниц
Нарисуйте эту фигуру:

3D книга


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

Наложение цвета: #e0dfdf
Отбрасывание тени: Режим – Умножение, Цвет - #000000

3D книга


Нарисуйте ещё одну фигуру сверху и примените стиль Наложение цвета: цвет – белый.

3D книга


Нарисуйте вертикальные линии на боковой стороне и понизьте их Непрозрачность до 18%.

3D книга


Нарисуйте ещё линии сверху и понизьте Непрозрачность до 8%.

3D книга


Нарисуйте белую фигуру сверху на сгибе книги:

3D книга


Шаг 9 – Тень от обложки
Инструментом Перо (Pen Tool) нарисуйте фигуру, показанную ниже, и понизьте её Непрозрачность до 5%. Тень будет почти не видна потому, что между листами и обложкой совсем маленькое расстояние.

3D книга


Шаг 10 – Затемнение и детализация обложки
Создайте новый слой над слоем с обложкой. Инструментом Многоугольное лассо (Polygonal Lasso Tool) сделайте выделение фронтальной части. Выберите инструмент Градиент (Gradient Tool), стиль – радиальный, цвет – от белого к прозрачному, и сделайте заливку из правого верхнего угла к левому нижнему.

3D книга


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

3D книга


Создайте тонкую белую линию на правом крае обложки, установите Режим наложения – Перекрытие (Blending Mode – Overlay) и Непрозрачность – 50%.

3D книга


Инструментом Многоугольное лассо (Polygonal Lasso Tool) создайте два выделения на краях обложки книги (удерживайте Shift, чтобы создать два выделения). Инструментом Градиент (Gradient Tool) сделайте линейную заливку сверху вниз внутри выделения, цвет – от белого к прозрачному. Установите Режим наложения – Перекрытие (Blending Mode – Overlay) и Непрозрачность – 15%.

3D книга


Сделайте копию этого слоя и установите Непрозрачность – 15%.

3D книга


Нарисуйте чёрную тонкую линию. Примените стиль Наложение цвета: #be715a.

3D книга


Чтобы соединить передний верхний и правый край (который отмечен зелёным), нарисуйте белую линию.

3D книга


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

3D книга


Инструментом Многоугольное лассо (Polygonal Lasso Tool) создайте выделения на верхней части книги. Создайте новый слой и сделайте линейную заливку от белого к прозрачному. Установите Режим наложения – Перекрытие (Blending Mode – Overlay) и Непрозрачность – 27%.

3D книга


Шаг 11 – Создание свечения и детализация на переплёте
Инструментом Многоугольное лассо (Polygonal Lasso Tool) создайте выделение, показанное ниже. Создайте новый слой и залейте его линейным градиентом от белого к прозрачному. Режим наложения – Перекрытие (Blending Mode – Overlay) и Непрозрачность – 40%.

3D книга


На новом слое создайте белую полоску. Режим наложения – Перекрытие (Blending Mode – Overlay) и Непрозрачность – 20%.

3D книга


Теперь создайте 1-пиксельную чёрную линию на стыке переплёта и передней части обложки. Сделайте 5 копий этой линии и расположите их на переплёте, как показано ниже. Объедините все слои с линиями (Ctrl+E) и понизьте Непрозрачность до 20%.

3D книга


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

3D книга


Шаг 12 – Рисунок на обложке
Рисунок на обложке – самая отличительная черта книги. Я выбрал тему йоги.
Выберите инструмент Произвольная фигура (Custom Shape Tool), выберите фигуру “Flower 6”, цвет заливки – белый. На новом слое нарисуйте фигуру. Чтобы вырезать центральную часть, используйте инструмент Овальная область (Elliptical Marquee Tool): создайте выделение и нажмите Delete.

3D книга


К слою с цветком примените стиль Наложение градиента (Layer Style - Gradient Overlay) и Обводка (Положение – Снаружи, Режим – Перекрытие, Тип обводки – Цвет).

3D книга


Текстовым инструментом напишите “YOGA SECRETS” и примените такие же стили слоя, что и к цветку. Можете просто их скопировать с одного слоя на другой.

3D книга


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

3D книга


Инструментом Перемещение (Move Tool) расположите картинку по центру.

3D книга


Можете также добавить знак штрих-кода.

3D книга


Шаг 13 – Световой эффект на обложке
Выберите инструмент Кисть (Brush Tool), мягкую кисть размером 100 пикселей и на новом слое поставьте белое пятно, как показано ниже.

3D книга


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

3D книга


Создайте ещё несколько таких свечений.

3D книга


Шаг 14 – Создание свечения на краю
Инструментом Перо (Pen Tool) создайте белые линии справа и сверху на сгибах. Потом добавьте маску слоя (Layer Mask) к этому слою.

3D книга


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

3D книга


Шаг 15 – Создание тени от книги
Создайте новый слой над фоновым. Инструментом Многоугольное лассо (Polygonal Lasso Tool) создайте выделение, показанное ниже. Инструментом Градиент (Gradient Tool) сделайте заливку цветом от чёрного к белому.

3D книга


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

3D книга


Тем же инструментом выделения сделайте выделение, как показано ниже. На холсте кликните правой кнопкой внутри выделения и выберите Вырезать на новый слой (Layer via Cut). У вас появится новый слой с тенью. Понизьте его Непрозрачность до 10%.

3D книга


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

3D книга





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






PSD файл

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