Вы находитесь на странице: 1из 22

Урок № 5

Создание
обложки журнала

Ч
асто журналы, равно как и книги, откры-
вают благодаря привлекательной обложке
и/или броскому названию, а на смысл обра-
щают внимание в последний момент.
Поэтому дизайн обложки  –  крайне важное дело.
Она должна быть яркой, интриговать, завлекать бу-
дущего читателя.

Сегодня мы научимся создавать обложку для жур-


нала в комиксовом стиле.

Материалы к уроку прикреплены к данному PDF-файлу.


Для доступа к материалам необходимо открыть урок
в программе Adobe Acrobat Reader.

2
Создание обложки журнала

Для начала зададим правильные параметры нашему


рабочему документу (рис. 1).

Рисунок 1

Установим исчисление в миллиметрах, выберем


цветовое разрешение CMYK, чтобы не было проблем с
печатью, и 16-битную глубину изображения, чтобы все
переходы между цветами получались более плавными.
Мы устанавливаем значение Resolution (Разреше-
ние) 150 ppi (Pixels/Inch), чтобы файл занимал меньше
места. Но вам рекомендуем ставить только 300 ppi, ведь
для качественной печати необходимо высокое разреше-
ние.
3
Урок № 5

Перенесем в рабочий документ все изображения из


дополнительных материалов, которые нам понадобятся,
и разместим в правильном порядке (рис. 2).

Рисунок 2

Масштабируйте изображения, расставьте их в компо-


зицию.
На рабочем холсте это будет выглядеть, приблизи-
тельно, как на рисунке 3.

4
Создание обложки журнала

Рисунок 3

Перейдем к соединению слоев в цельную картину.


На время отключим видимость слоям t-shirt и man,
перейдем на слой roof. С помощью инструмента Pen
Tool выделим крышу по краю. Далее щелкнем правой
кнопкой мыши по изображению с крышей и выберем
Create Vector Mask (Создать векторную маску).
5
Урок № 5

Таким образом мы скроем часть изображения, кото-


рая нам не нужна, оставив только крышу (рис. 4).

Рисунок 4

Перейдем на слой clouds, затем в режим трансфор-


мирования (хоткей Ctrl  +  T) и выберем опцию Flip
Vertical (Вертикальное отображение) (рис. 5a–5b).

Рисунок 5a

6
Создание обложки журнала

Рисунок 5b

С помощью Polygonal Lasso Tool выделим по конту-


ру луну и скопируем ее на новый слой с помощью хот-
кея Ctrl + J. Вы можете использовать так же Lasso Tool,
Magnet Lasso Tool или Pen Tool > Make Selection.
То, какой инструмент вы выберете, зависит от того,
как вам удобнее.
В результате нам нужно получить аккуратное выде-
ление (рис. 6)

Рисунок 6

7
Урок № 5

Теперь скопируем луну на новый слой с помощью


хоткея Ctrl + J.
Попробуйте на время отключить видимость слоя
clouds и посмотрите, что получится (рис. 7).

Рисунок 7

Переименуем Layer 1 как moon или любым другим


понятным вам названием. На время отключим види-
мость этому слою и продолжим работу с clouds. Созда-
дим для него маску слоя, чтобы сделать плавный пере-
ход между облаками и небом города (рис. 8).

Следите за тем, чтобы активна была именно маска


слоя, иначе испортите сам слой!
Так на рисунках 9–10 (см. стр. 9), например, слева
активнен слой, а справа – маска.

8
Создание обложки журнала

Рисунок 8

Рисунок 9 Рисунок 10

9
Урок № 5

С помощью Lasso Tool выделим по контуру небо за


облаками (рис. 11).

Рисунок 11

Активируем инструмент Gradient Tool (Градиент),


выберем черно-белый градиент, уменьшим Opacity
(Непрозрачность) и выберем Mode > Multiply (Режим > 
Умножение) (рис. 12).

Рисунок 12

10
Создание обложки журнала

Теперь добавим градиент на нашу маску слоя.


Протяните курсор по выделенной части изображе-
ния несколько раз. Затем снимите выделение, добавьте
еще несколько градиентов. Помните, что действие всег-
да можно отменить с помощью хоткея Ctrl + Z. Если вы
хотите отменить два, три или больше действий, исполь-
зуйте хоткей Ctrl + Alt + Z.
Должен получиться результат приблизительно, как
на рисунке 13.

Рисунок 13

11
Урок № 5

На маске слоя это будет выглядеть примерно, как на


рисунке 14.

Рисунок 14

Переместим слой clouds вниз, под слой town. Затем


по такому же алгоритму сделаем градиентную маску для
town (рис. 15).

Рисунок 15

12
Создание обложки журнала

Теперь включим видимость слоя moon. Уменьшим


луну, сдвинем ее ближе к центру рабочего холста. На
панели Layer установим режим наложения слоя Screen
(Осветление) вместо Normal (Обычный) (рис. 16). Так
мы сделали светлые участки еще светлее, а черные скры-
ли (рис. 17–18).

Рисунок 16

Рисунок 17 Рисунок 18

13
Урок № 5

Включим видимость слоя man. Используя Pen Tool,


обведем фигуру парня кривыми. Превратим кривые в
контур выделения, щелкнув правой кнопкой мыши по
парню и выбрав Make Selection из меню. Затем создаем
маску слоя (рис. 19).

Рисунок 19

Теперь все так же с помощью пера обводим руку


студента, не закрывая контур.
Затем включаем видимость слоя t-shirt, обводим по
контуру логотип супермена. Щелкнув правой кнопкой
мыши и выбрав Create Vector Mask (рис. 20).

14
Создание обложки журнала

Рисунок 20

Теперь перейдем на слой Background (Фон) и сни-


мем блокировку со слоя. Photoshop автоматически пере-
именует слой в Layer 1 (рис. 21).

Рисунок 21

Воспользовавшись Eyedropper Tool (Пипетка), вы-


берем для фона темно-синий цвет. Теперь с помощью
Paint Bucket Tool зальем им Layer 1 (рис. 22).

Рисунок 22

15
Урок № 5

Приступим к обработке текста.


Путем View  >  Rulers или же с помощью хоткея
Ctrl + R включим линейки. Чтобы создать «рамки» для
текста, левой кнопкой мыши тянем от числовых отме-
ток вниз или влево. Обратите внимание на то, чтобы
отступы от краев листа были одинаковыми. В нашем
случае (зависит от масштаба просмотра) значение од-
ной отметки  –  5 мм. Мы сделали отступы от краев на
20 мм (рис. 23).

Рисунок 23

На обложку следует поместить название издания,


номер выпуска или главы, логотип. Иногда пишут и
дату, но это не обязательно.
Подбору шрифтов можно посвятить отдельный
курс, но для комиксовой тематики мы рекомендуем вы-
бирать достаточно толстый, широкий шрифт без засе-
чек. Также помните, что название должно легко читать-
ся даже с большого расстояния. Здесь мы использовали
шрифт Verdana Bold, но вы можете использовать свой
(рис. 24).
16
Создание обложки журнала

Рисунок 24

На финальном этапе добавим несколько Adjustment


Layers (Корректирующих слоев). Adjustment Layer
влияет одновременно на все слои, которые находятся
под ним. Так, на панели Layers щелкаем на опцию Create
new fill or adjustment layer (рис. 25).

Рисунок 25

В разворачивающемся меню выберите нужный ва-


риант (рис. 26).
17
Урок № 5

Рисунок 26

Для нашей обложки мы использовали Hue/


Saturation (Цветовой тон/Насыщенность), чтобы сде-
лать цвета более насыщенными и свести все в один тон,
Posterize (Постеризация), Color Balance (Цветовой
баланс). На рисунке 27 видно, как изменяется изобра-
жение под действием каждого из них.

Рисунок 27

18
Создание обложки журнала

Поэкспериментируйте с разными слоями и их настрой-


ками.
Вот, что получилось в итоге у нас (рис. 28).

Рисунок 28

19
Урок № 5

Также посмотрите на примеры обложек в других


стилях (рис. 29–31). Возможно, вам понравятся некото-
рые приемы и вы добавите их в свой дизайн.

Рисунки 29–31

20
Урок № 5
Создание обложки журнала

© Компьютерная Академия ШАГ


www.itstep.org

Все права на охраняемые авторским правом фото-, аудио- и видеопроизведения,


фрагменты которых использованы в материале, принадлежат их законным владель-
цам. Фрагменты произведений используются в иллюстративных целях в объёме,
оправданном поставленной задачей, в рамках учебного процесса и в учебных целях,
в соответствии со ст. 1274 ч. 4 ГК РФ и ст. 21 и 23 Закона Украины «Про авторське
право і суміжні права». Объем и способ цитируемых произведений соответствует
принятым нормам, не наносит ущерба нормальному использованию объектов
авторского права и не ущемляет законные интересы автора и правообладателей.
Цитируемые фрагменты произведений на момент использования не могут быть
заменены альтернативными, не охраняемыми авторским правом аналогами, и
как таковые соответствуют критериям добросовестного использования и честного
использования.
Все права защищены. Полное или частичное копирование материалов запрещено.
Согласование использования произведений или их фрагментов производится
с авторами и правообладателями. Согласованное использование материалов
возможно только при указании источника.
Ответственность за несанкционированное копирование и коммерческое исполь-
зование материалов определяется действующим законодательством Украины.

Вам также может понравиться