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

Урок № 9

Создание дизайна
упаковки для
подарка

М ногие думают, что дизайн служит исклю-


чительно украшением. Однако это не так.
Дизайн, в первую очередь, призван быть прак-
тичным и удобным для использования, а уже по-
том – красивым.
Помимо этого, дизайн задает много вопросов. Где
это будет размещаться? Как это будут использовать?
Кто будет этим пользоваться? От этого зависит форма,
функционал, размер итогового продукта. И, что очень
важно, цвет. 

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


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

2
Создание дизайна упаковки для подарка

Сегодня мы на простом примере разберем, как


цвет влияет на восприятие предметов и как подби-
рать цвета под конкретную задачу.
Представим, что мы открываем свою собственную
студию по упаковке подарков. Для этого мы разработа-
ем дизайн различных упаковок с разными цветовыми
сочетаниями.
Сначала сделаем стандартную модель упаковки.
Создадим заготовку – форму упаковки нашего продук-
та. Но, прежде чем приступить к работе, не забудьте за-
дать проекту настройки для печати (рис. 1).

Рисунок 1

Пускай это будет обычная упаковочная коробка.


Используя Rectangle Tool, нарисуем 3 квадра-
та  –  нижнюю и две боковые стороны. Зальем фигуры
понравившимися цветами. Размещаем квадраты при-
мерно на равном расстоянии от краев листа. Чтобы сде-
лать процесс выравнивания легче, можно использовать
линейки и направляющие (рис. 2).
3
Урок № 9

Рисунок 2

Затем, воспользовавшись Rectangle Tool, сделаем


заднюю и переднюю стенки, а также крышку нашей упа-
ковочной коробки (рис. 3).
Теперь сделаем области для склейки коробки. Вос-
пользовавшись Polygon Tool, нарисуем шестиугольник.
С помощью Scissors Tool (хоткей C) «разрежем» его
пополам, щелкнув по очереди на две крайние опорные
точки (рис. 4a–4b).

4
Создание дизайна упаковки для подарка

Рисунок 3

Рисунок 4a

5
Урок № 9

Рисунок 4b

Удалим нижнюю половину и продолжим работу.


С помощью Pen Tool соединим две нижние опорные
точки, чтобы закрыть контур фигуры (рис. 5).

Рисунок 5

Воспользуемся Direct Selection Tool и подредак-


тируем фигуру. Нужно сдвинуть две крайние опорные
точки на одинаковое расстояние. Для этого мы можем
вручную изменить Х и Y координаты точек на панели
Properties (рис. 6a–6b).
6
Создание дизайна упаковки для подарка

Программа считывает команды + (сложить), – (вы-


честь), * (умножить), / (поделить). Передвинем коор-
динаты Х верхних опорных точек на одинаковое коли-
чество пикселей.
Обратите внимание, мы двигаем точки в разные
стороны.
Поэтому к координате Х правой точки пиксели сто-
ит прибавлять (+), а от координаты Х левой точки пик-
сели стоит отнимать (–).

Рисунок 6a

Рисунок 6b

В результате получим приблизительно такую фигу-


ру, как на рисунке 7 на странице 8.

7
Урок № 9

Рисунок 7

Закруглим верхние углы фигуры. Затем расставим


области для склейки. Если мы хотим масштабировать
фигуру, воспользуемся опцией Scale (правая кнопка
мыши > Transform > Scale > Uniform) (рис. 8–9).

Рисунок 8

8
Создание дизайна упаковки для подарка

Рисунок 9

Если мы хотим ровно развернуть фигуру, сле-


дует использовать Rotate (правая кнопка мыши  >
Transform > Rotate (рис. 10).

Рисунок 10

9
Урок № 9

В результате получим примерно такую фигуру (рис.


11):

Рисунок 11

Теперь, когда базовая форма упаковки готова,


начнем работу с цветом.
Давайте подберем базовый цвет заливки, а затем до-
бавим цвета из дополнительных материалов.
Отличный способ подобрать подходящие цве-
та  –  сервис Color Scheme. Он делает автоматический
подбор цветов, составляя сочетания по определенным
формулам. Его можно использовать для базового под-
бора цветов, а затем вручную находить более тонкие от-
тенки, опираясь на свое восприятие.
10
Создание дизайна упаковки для подарка

С помощью Color Scheme рассмотрим несколько


основных схем подбора цветов.
Первая из них  –  монохромная цветовая палитра.
Она состоит из цветов одного тона разной светлоты и
насыщенности. На стартовой странице Color Scheme мы
видим именно монохромную палитру (рис. 12). Двигая
курсор по цветовому кругу, мы изменяем тон. Код цвета
в RGB отражается справа от цветового круга, а цветовую
схему можно выбрать на левой верхней панели.

Рисунок 12

Перейдем во вкладку Color List, чтобы увидеть коды


всех цветов (рис. 13).

Рисунок 13

11
Урок № 9

Так мы получили представление о том, какие оттен-


ки можно использовать. В процессе работы над дизай-
ном оттенки меняются, особенно когда мы используем
растровые изображения.
Зальем упаковку светлым фоновым оттенком. Те-
перь стоит найти объекты, которые примерно соответ-
ствуют цветовой гамме.
В свободное время вы можете найти их самостоятель-
но, но сейчас мы предлагаем воспользоваться изобра-
жениями из дополнительных материалов.
Найдите изображения монохромных оттенков и ском-
бинируйте из них паттерн на упаковке. Не забудьте
встроить изображения в рабочий файл. Для этого пе-
рейдите Links > Embed Image(s). Результат можно уви-
деть на рисунке 14.
Не забывайте, что вы можете использовать любые дру-
гие изображения из дополнительных материалов.

12
Создание дизайна упаковки для подарка

Рисунок 14

13
Урок № 9

Следующий принцип подбора – контрастные цве-


та, то есть те, которые расположены диаметрально про-
тивоположно на цветовом круге (рис. 15).

Рисунок 15

В сюжетных иллюстрациях контрастные цвета ча-


сто используют, чтобы показать противодействие или
противоположности. В дизайне контрастные цвета де-
лают изображение более свежим, интересным для глаза.
Перейдем в Color List, чтобы узнать оттенки (рис.
16).

14
Создание дизайна упаковки для подарка

Рисунок 16

Найдите в дополнительных материалах изображения


подходящих оттенков и скомбинируете их на упаковке.
Один из вариантов показан на рисунке 17.

Рисунок 17

15
Урок № 9

Рассмотрим еще один принцип подбора цве-


та  –  триаду. Триада состоит из одного основного цве-
та и двух дополнительных, аналогичных контрастному
(рис. 18–19).

Рисунки 18–19

16
Создание дизайна упаковки для подарка

Также хорошей практикой является комбинирова-


ние цветов, равноудаленных друг от друга на цветовом
круге (рис. 20–21).

Рисунки 20–21

17
Урок № 9

На этой встрече мы не будем создавать отдельного ди-


зайна с триадными цветами, но знать и помнить о та-
ком сочетании нужно.
В свободное время вы можете самостоятельно подо-
брать и применить триадную цветовую схему.

18
Создание дизайна упаковки для подарка

Перейдем к тетрадному сочетанию. Данное соче-


тание состоит из одного основного, двух дополнитель-
ных и одного акцентного цветов (рис. 22–23).

Рисунки 22–23

19
Урок № 9

Вы также можете сохранить макет упаковки в формате


.png и добавить на него рисунок, используя обтравоч-
ные маски в Photoshop (хоткей Ctrl + Alt + G).
Таким образом можно сделать упаковку с тетрадными
цветами (рис. 24). Такая упаковка смотрится ярко, на-
сыщенно и свежо.

Рисунок 24

Чтобы завершить дизайн упаковки, добавьте текст.


Например, поздравление или пожелание.
Работая самостоятельно, вы можете выбрать любой
понравившийся цвет как основной, а с помощью цве-
тового круга подобрать акцентные и дополнительные
цвета по одной из рассмотренных схем.
20
Создание дизайна упаковки для подарка

Экспериментируйте, пробуйте разные сочетания, что-


бы добиться успешного результата!
Спустя некоторое время вы сможете интуитивно под-
бирать цвета. Однако на этапе обучения рекомендуем
пользоваться программами автоматического подбора.

Для вдохновения посмотрите работы дизайнеров на


сайтах Dribbble и Color Palettes. Там вы найдете уже го-
товые палитры и примеры их применения (рис. 25).

Рисунок 25

21
Урок № 9
Создание дизайна упаковки
для подарка

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


www.itstep.org

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


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

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