Шкатулочка из бумаги от Astoria. Шаблон шкатулки

В сегодняшнем очень простом уроке мы научимся создавать реалистичный макет коробки для продукта в Photoshop.

Это изображение было сделано, чтобы помочь вам создать свой макет. Сперва мы нарисуем коробку, затем добавим ей немного оформления. В конце урока я покажу, как создать тени и блики, придав работе реалистичности. Для выполнения урока потребуется Photoshop CS3 или новее.

Шаг 1

Начнем с создания документа размером 1588 х 1191 пикселей. Изменим фоновый цвет на # d2 d3 d5 .

Чтобы работа была более аккуратной и организованной, нам потребуются Линейки (Rulers) и Сетки (Grids). Первые можно найти в меню Просмотр > Линейки (View > Rulers) или вызвать по нажатию Ctrl + R . Второй важный инструмент находится в Просмотр > Показать > Сетку (View > Show > Grids). Также сетку можно включить, нажав Ctrl + " . Вот мои настройки для сеток, исправьте свои таким же образом и проходить этот урок будет проще.

Шаг 2

Создайте Новую группу (New Group), назовите ее "Правая сторона". Создайте новый слой, назовите его так же. При помощи инструмента Прямоугольная область (Rectangular Marquee Tool) выделите участок размером 795 х 1078 пикселей. Заполните выделение любым цветом. Я выбрал белый (#FFFFFF).

Теперь сделайте слой смарт-объектом. Для этого кликните по нему правой кнопкой мыши и выберите Преобразовать в смарт-объект (Make A Smart Object). Это позволит изменять содержимое слоя, не "разрушая" его.

Шаг 3

Создайте группу под названием "Левая сторона". Создайте слой, назовите его аналогично. Как и в предыдущем шаге, нужно выделить участок и заполнить его цветом. На этот раз создайте выделение размером 483х1078 пикселей. Превратите этот слой в смарт-объект.

Шаг 4

Перед переходом к самому дизайну давайте подкорректируем слои и превратим их в реалистичную 3D коробку. Начнем с правой стороны. Выберите этот слой, нажмите Ctrl + T . Прежде всего, нужно стянуть прямоугольник (примерно до 75%), пока его высота не будет равна, приблизительно, 814. Не забудьте кликнуть по иконке цепи в верхней панели параметров. Затем перейдите в меню Редактирование > Трансформирование > Перспектива (Edit > Transform > Perspective) и измените фигуру как на скриншоте ниже (перетягивать нужно только правую сторону):

Затем нажмите Ctrl + T , удерживайте нажатой клавишу Ctrl и немного стяните правую сторону, чтобы фигура выглядела как прямоугольник, а не толстый квадрат.

Шаг 5

Для левой стороны нужен немного другой подход. Сперва уменьшите ее до 75%. Выделите ее, нажмите Ctrl и трансформируйте, чтобы получилась трехмерная форма. Убедитесь, что высоты скошенных сторон левой и правой грани параллельны, не забудьте стянуть левую сторону коробки. В итоге должно получиться что-то такое.

Шаг 6

Теперь можно переходить к дизайну. Начнем с правой стороны. Выделите слой и дважды кликните по смарт-объекту, открыв его. На этом этапе вы можете либо создать свое оформление, либо следовать уроку.

Для своего дизайна я выбрал небесно-синюю цветовую гамму. Если хотите следовать уроку со мной, установите фоновый цвет на # e1 ebe4 ; у меня все будет довольно просто. Когда фон готов, займемся заголовком (он будет в центре верхней части). Я использовал такие шрифты (цвет - #1 f1 f20 ):

Шаг 7

После того, как закончили с этой гранью, сохраните ее. Вы сразу же увидите изменения в оригинальном документе. Теперь давайте перейдем ко второй секции. Дважды кликните по смарт-объекту, чтобы открыть окно для его редактирования. Заполните фон цветом # a5 dfda, затем просто скопируйте и разместите заголовок из предыдущего шага. Теперь останется только повернуть текст. Сделайте галочку белой, добавьте больше символов. Всё, что я использовал, можно найти в меню инструмента Произвольная фигура (Custom Shape Tool).

Таким же образом добавьте произвольный текст в нижней части.

После того, как всё готово, сохраните документ. Вот как выглядит мой дизайн:

Шаг 8

Теперь давайте добавим освещение, сделав коробку реалистичной. Начнем с новой группы под названием "Тени". Создайте новый слой, назовите его "Задняя тень". Выделите участок размером с нашу коробку и заполните его черным цветом. Затем "положите" слой, исказив его с зажатой клавишей Ctrl . После этого примените Размытие по Гауссу (Gaussian Blur) и измените Режим наложения (Blending Mode) на Мягкий свет (Soft Light).

Шаг 9

Добавьте новый слой - "Нижняя тень". Установите основной цвет #000000 ; при помощи Кисти (Brush Tool) достаточно большого размера с Жесткостью (Harndess) 0% нарисуйте тень под коробкой, после чего измените режим наложения на Мягкий свет (Soft Light), а Непрозрачность (Opacity) установите на 85%.

Шаг 10

Нам нужен еще один слой. Назовите его "Свет". Установите фоновый цвет на # ffffff , сделайте кисть больше и три раза проведите по центру коробки. Установите режим наложения Мягкий свет (Soft Light).

Шаг 11

Создайте слой "Нижняя тень 2". Затем выберите кисть и настройте ее, как на скриншоте ниже.

Выберите инструмент Перо (Pen Tool), нарисуйте контур вокруг нижней части коробки. Кликните правой кнопкой мыши, выберите Выполнить обводку контура (Stroke Path). Убедитесь, что галочка Имитировать нажим (Stimulate Preassure) установлена. Измените непрозрачность (Opacity) и заливку (Fill) до 50% и 55% соответственно.

Шаг 12

Откройте группу "Правая сторона", создайте два слоя - "Тени", "Тени 2". Убедитесь, что оба они являются обтравочными для слоя с дизайном. Используйте мягкую кисть с 0% жесткости (Hardness). Установите оба слоя на Мягкий свет (Soft Light). На первом нарисуйте большую U-образную фигуру по краю коробки. На втором слое используйте ту же кисть, но с меньшей непрозрачностью, сделав обводку вокруг текста. Это придаст рисунку больше глубины и акцентирует внимание.

Шаг 13

Создайте еще два слоя - "Детали: Тени", "Детали: Блики". Здесь нужно просто повторить шаг 11. Используйте # ffffff для бликов, а #000000 для теней. Контуров над и под коробкой будет достаточно.

Шаг 14

Повторите два предыдущих шага с левой стороной коробки.

Шаг 15

Теперь нам нужна группа. Назовем ее "Детали". После этого нужно создать новый слой - "Левая створка". При помощи инструмента Перо (Pen Tool) нарисуйте треугольную фигуру с очень плоским центром. Затем кликните по ней правой кнопкой мыши и заполните цветом. Теперь нужно добавить ей Внутреннюю тень (Inner Shadow)…

… а также Внутреннее свечение (Inner Glow).

Шаг 16

Создайте слой "Тень". Теперь снова повторите шаг 11, но с большим размером кисти (4-6 пикселей) создайте линию рядом с гранью коробки (линия должна быть ближе к правой стороне). Затем примените Размытие по Гауссу (Gaussian Blur), а режим наложения выберите Мягкий свет (Soft Light). На скриншоте ниже линия помечена красным.

Шаг 17

Повторите процесс предыдущего шага, но на этот раз назовите слой "Блики", а в качестве основного цвета используйте # ffffff . Расположите линию ближе к левой грани (на скриншоте она помечена синим).

Шаг 18

Последний штрих! Создайте слой под названием "Линия" и при помощи инструмента Линия (Line Tool) создайте прямую (2-3 пикселя толщиной, цвет #000000 ), разделяющую левую и правую секции. Установите ее режим наложения на Мягкий свет (Soft Light). На скриншоте она помечена белым.

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

Мы закончили! Если вам удалось получить финальный результат без запинок, отличная работа! Можете гордиться собой. Если что-то в уроке было непонятно, дайте мне знать.

Каждому дизайнеру однажды приходится выполнять заказы по дизайну CD или DVD обложек. Многие компании используют фирменные CD/DVD в работе с клиентами или персоналом, поэтому дизайн фирменной упаковки компакт-диска обязательно входит в разработку фирменного стиля компании.

Если вы риступаете к дизайну обложки для DVD, вам понадобится заготовка (шаблон, болванка) CD / DVD и обложки для компакт-диска. Обложка может также быть различного формата – от простой картонной обложки до пластиковой с несколькими буклетами-вкладышами.

На сайте junglejar.com собрана интересная подборка шаблонов для компакт-дисков и обложек для CD / DVD . Все шабловы выполнены в Фотошопе. Для скачивания предлагаются PSD исходники. Все элементы предлагаемых шаблонов могут редактироваться независимо друг от друга.

Источник – http://www.junglejar.com/2009/08/10/dvd-templates/.

Заготовка для компакт-диска

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

Заготовка для обложки DVD Amarey Box (DVD Case Template)

DVD Amarey Box – пластиковая коробочка черного (реже белого или матового) цвета – всем знакомая упаковка для DVD, который иногда используется и для CD. Упаковка может содержать от одного до 12 дисков. Под внешней прозрачной оболочкой находится вклейка полиграфии.

В набор входят шаблоны для DVD лейбла и DVD обложки.

Внешняя обложка для DVD (DVD Case Inlay)

Еще одна обложка для DVD (DVD Cover)

DVD Plastic Case

Бумажный конверт для DVD/CD (DVD/CD Paper Case Cover)

Наиболее простая и дешевая упаковка для компакт-дисков, выпоняемая из бумаги/картона. Линии на макете показывают линии сгиба готовой обложки.

Обложка для Jewel box и лейбл для CD диска (CD Case)

Jewel box - наиболее часто встречающаяся упаковка для компакт-дисков, представляющая собой пластиковую коробочку размером 142 х 125 мм и толщиной 10 мм. В Джевел-боксах под крышку помещаются цветные двусторонние полиграфические вкладыши. Еще один вкладыш может находиться под треем на задней стенке упаковки.

Я сама себя избаловала - делаю коробочки под каждое украшение подбирая размеры. Поэтому приходится чертить много шаблонов для коробочек с различным соотношением сторон. И вот тут возникла проблема - меня напрягает черчение карандашом пусть и по линейке. Получается долго и всё равно криво.
Я вышла из положения таким образом: для создания шаблонов стала пользоваться программой Photoshop . Расскажу как я это делаю - есть смутная надежда, что кому-то это тоже пригодится)))
Букв и картинок будет много, но делается на самом деле всё просто и быстро, и справится с этим сможет даже новичок.

Итак, открываем Photoshop. Версия не важна. Единственное, не уверена на счёт Portable. А CS2 или CS6, CC2014 - это неважно.

Создаём документ.
На верхней панели выбираем Файл->Создать Или сочетание клавиш Ctrl+N (картинки кликабельны)

Появляется панель с параметрами. Т.к. у нас для печати используется формат А4, то и выбирать будем его. В верхней части появившейся таблички в строчке параметра «Набор» выбираем «Международный формат бумаги» .


Жмём «Enter» на клавиатуре

Все параметры меняются с параметров по умолчанию на параметры для формата А4. Жмём ОК
На рабочем пространстве появляется белый лист. Далее нам нужен будет такой инструмент как линейки . Если они есть, хорошо, если нет, жмём на клавиатуре сочетание клавиш Ctrl+R и они появятся.

Далее будем работать с направляющими, по которым мы потом начертим наш шаблон. Их можно просто «доставать» из линейки (горизонтальной или вертикальной), просто зажав левую кнопку мыши на линейке и переместить курсор на лист на нужное место. Но так мы долго будем примеряться. Куда проще задать направляющей координату. Т.к. они бывают вертикальные и горизонтальные, то указать потребуется только один параметр. Итак. Где можно задать параметр для направляющей?
На панели меню (над рабочей поверхностью) выбираем Просмотр->Новая направляющая , попутно обращая внимание на то, чтобы чуть выше пункта «новая направляющая» рядом с пунктом привязка стояла галочка. Если её нет, ставим…

Когда мы нажмём на пункт «Новая направляющая», появится такая табличка:

Обращаем внимание на ориентацию (горизонтальная, вертикальная), задаём в единственном окошке этой таблички параметр - отступ от левого края (вертикальная направляющая) или от верхнего края (горизонтальная направляющая) в сантиметрах . Жмём ОК и получаем нашу направляющую

Если хотим вертикальную, в той же табличке ставим точечку напротив «вертикальная»

И получим вертикальную направляющую.

И вот тут очень важный момент - каждый раз выбирать пункт меню Просмотр->Новая направляющая не знаю как вам, а для меня слишком муторно. Ведь нам для создания шаблона потребуется аж 20 направляющих - 10 для крышки и 10 для нижней части коробки. Поэтому мы можем настроить вызов таблички с параметрами направляющей с помощью клавиатурных сокращений. Сделать это надо будет один раз . При следующем запуске Фотошопа это сокращение так же будет работать.
Как его настроить?
Выбираем в меню (над рабочей областью) Редактирование->Клавиатурные сокращения

Во всплывающем окошке находим наш «Просмотр» и нажимаем его

Прокручиваем вниз всплывающий список пока не найдём тот же пункт «Новая направляющая»

Выбираем эту строчку. Правее пункта возникнет пустое окошко. И дальше просто зажимаем на клавиатуре любое удобное нам сочетание клавиш. Если таковое занято под другую функцию, программа скажет вам об этом. Я зажала Ctrl+Shift+/. Вроде бы сложно, но после третьего-четвёртого раза сочетание нажимается уже автоматически.

Итак, теперь табличка с параметрами для направляющей будет вызываться с клавиатуры, и дело пойдёт намного быстрее.
Создаём все необходимые направляющие, не забывая про их ориентацию. И можем начинать чертить сам шаблон. Прелесть в том, что если галочка напротив пункта «Привязка» у нас стоит, то рисуемые нами прямые будут как бы магнититься к направляющим, и при небольшом отклонении мыши не будут сдвигаться. В этом вторая помимо точности прелесть такого способа
Чтобы нарисовать прямую слева на панели инструментов выбираем инструмент «Линия» (если у вас там по умолчанию стоит другая фигура нажатием правой кнопки мыши меняем на линию)
Задаём вверху толщину линии. Заливка левее параметра толщины должна быть чёрной, штрих можно убрать.

Зажимаем левую кнопку мыши в начале линии и ведём до её конца не отпуская кнопки. Отпускаем только в конце. Рисуем так по направляющим все нужные нам линии. Скрыть направляющие, чтобы посмотреть всё ли линии на месте, можно нажатием Ctrl+H .


Тем же сочетанием клавиш возвращаем их назад.

Маленькое уточнение для тех, у кого принтер лазерный. Лазерники обычно не печатают поля - где-то по пол сантиметра по краям не пропечатываются. Поэтому при печати на превью лучше чуть отодвинуть наши линии от краёв за заштрихованные поля. Они будут двигаться одним рисунком.
Теперь точно всё)

Шкатулка сделана на заказ, с учётом пожеланий заказчика.
Размер 15см х 11,5см. Высота 7см (с ножками). Глубина коробочки 5см.
Коробочка сделана из перламутровой бумаги (на фото жаль не видно) плотностью 320 и 90g/㎡.
Использованные материалы:
Застёжка - магнит, бусины, лента атласная и из органзы. Все цветы сделаны вручную.

Шкатулочка из бумаги. Шаблон шкатулки

Башмачки связанные по чудесному МК Mu-Ha

Размер бумаги как минимум 54 х 25 см. Чертим сетку по схеме.

Конечно лучше взять довольно плотную бумагу 230-260 гр. или плотнее. Т.к. я немного поиздержалась после 8 марта и с плотной бумагой проблема, мастер класс делала из простых материалов. Можно увеличить плотность и изменить вешний вид следующим образом.

Например, у меня один лист бледно-бежевый, похож по текстуре и плотности на акварельную. Второй - бумажные...обои, текстурные с золотом. И клеевая "паутинка", продаётся метражом, шириной более метра в магазинах ткани.

Паутинку вырезать по размеру бумаги и проложить между листами. Прогладить, горячим утюгом (режим хлопок) без использования пара. Водите утюгом не спеша, чтобы клей расплавился, но и на одном месте подолгу не задерживайтесь - пожелтеет бумага.
Таким методом я делаю подложки для панно на толстом картоне и оклеиваю блокноты. Клеится бумага очень хорошо, быстро, надёжно, без пузырей и при сгибании не отслаивается. В общем стоит попробовать.

В нижней части высечь места сгиба.

Приклеить двухсторонний скотч как показано на фото.

Если у вас встраиваемая застёжка, то сейчас самое время ею заняться.

Приклеить части крышки, оставив места сгибов открытыми.

В нижней части по сторонам отмерить по 3 см и 1 см в высоту. Сгладить углы (я это сделала при помощи шаблона, вырезанным дыроколом 2,5 см). Вырезать по скруглённым линиям канцелярским ножом от руки, затем по прямой под линейку.