Мастер-класс Как сделать собственную коробочку в Photoshop

Краткое содержание:

Как сделать собственную коробочку в Photoshop

Добрый день, уважаемые жители Ярмарки матеров. Думаю каждый уважающий себя мастер хоть раз задумывался над тем, как лучше преподнести работу покупателю. Изначально я хотела использовать в качестве упаковки пластиковые пакетики, со вложенной визиткой магазина, но вспомнила об одной замечательной статье, где говорилось: «Относись к покупателю так, как хочешь, чтоб к тебе относились в магазинах!» (с) (да простит меня автор за не точную формулировку и память девичью, ибо не помню я имя автора). Тут я поняла, что не хочу получать покупки в прозрачных пластиковых пакетиках, и уж тем более в китайских коробочках. Нужно что-то особенное, отличительное. чтоб покупатель не забыл где он приобрел ту или иную вещь! Чтоб упаковка была универсальной!

Итак, задача сводилась к следующему:

1. Коробочка должна носить отличительные черты

2. Коробочка может быть разноразмерной.

3. На создание коробочки должно уходить минимум времени. (3-5 мин./шт).

Вот тогда и пришла в мою блондинистую голову идея: почему бы не нарисовать и не распечатать нужную коробочку?

Предупреждаю: МК рассчитан прежде всего на тех людей, у кого большие обороты продаж и некогда заниматься коробочками, кто не любит возиться с клеем, множеством бумаги, ленточками и пр. (это про меня). или для тех, кто любит простоту!

Что нам потребуется:

1 — компьютер работающий (1 шт.)

2 — фотошоп установленный

3 — принтер цветной (или друг с принтером, или фотосалон под боком)

4 — шаблон коробочки (будет предоставлен ниже)

6 — бумага для коробочек (я использую бумагу для черчения. По плотности она идеально подходит)

8 — не пишущая ручка

Экспресс-дизайн упаковки в PSE-10

9 — терпение и вдохновение

Для начала задачей было определиться с размером коробочки. В МК будет предоставлен размер: 9*8*3 (ширина*высота*глубина). А потом уже определиться с формой. Вот что я предлагаю:

Думаю все встречались с такими коробочками. Суть в том, что их просто собирать.

Запустим фотошоп и создадим новый файл:
Файл — Новый.

Укажем правильные размеры нашего холста: вместо пикселей выберем сантиметры, и укажем размеры листа А4:
ширина:21, высота: 29

Вот, имеем чистый лист:

Для облегчения работы откроем вспомогающие линии:

Просмотр — показать — сетку.

Получается следующее (примерное фото, сетка у всех разная):

ШАГ 2. Вставка фона

Откроем интересующий нас фон коробочки:

Файл — открыть — выбираем интересующую нас картинку.

Жмем «Открыть» и получаем:

В активном окне с фоном жмет сочетание клавиш Ctrl+A, благодаря чему весь фон выделится. Далее нажимаем Редактировать — скопировать

Переходим на наш созданный белый лист, жмем

редактировать — вклеить (Для особо продвинутых эти функции можно заменить сочетанием клавиш Ctrl+C, Ctrl+V) и получаем фон нужных нам размеров. Если вдруг фон слишком маленикий, то жмем сочетание клавиш Ctrl+T, растягиваем картинку под наши размеры, жмем Enter.

ШАГ 3. Правильно расположение схем, примочек и пр.

Теперь нам требуется загрузить на нашу картинку-макет коробочки. Повторяем процедуру из шага 2. Как видите, на картинке ниже в правом окне со слоями мы получили 3 слоя: Задний план (основной слой), Слой 1 (слой с фоном коробочки), Слой 2 (Слой со схемой коробочки).

Как видите, схема коробки значительно больше фона. Жмем сочетание клавиш Ctrl+T, уменьшаем картинку под наши размеры, т.е. наводим мышку на уголок с квадратиком и тянем вниз. Для того, чтоб выровнять картинку по центру, просто переводим мышку на серединку, зажимаем левую кнопку мыши и тянем картинку в нужное нам место.

Если отвести курсор мышки от угла с квадратиком буквально на полсантиметра, то курсор превращается в полукруглую линию — это значит, что картинку можно повернуть по оси, что мы собственно и делаем. Жмем Enter.

Перетаскиваем картинку в нужное нам место.

Не забывайте про ширину и высоту коробочки.

Далее возвращаемся в окно со слоями. Правой кнопкой мыши жмем по слою со схемой коробочки и выбираем «Создать дубликат слоя»

Поскольку это будет та же коробка, просто назовем его «Слой 2 (копия)«

Располагаем наши коробочки друг под другом.

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

Вот так выглядят два полупрозрачных слоя.

ШАГ 5. Оформление.

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

Как видите создается новый слой (Слой 3) с вашим логотипом. Дублируем его, размещаем на второй коробочке, аналогично вставляем QR-code вашего магазина (здесь просто черный квадрат) или просто ссылку на магазин (я использую и код и ссылку). Благодаря сетке вы можете более точно и ровно разместить все примочки, которые пожелаете. Размещать логотип нужно внутри этох самых квадратиков, т.е. между линиями сгиба:

Далее возвращаемся к окошку со слоями и убираем глаз со Слоя 2 и Слоя 2 (копия). (просто щелкните по ним мышкой)

Загружаем бумагу в принтер, печатаем получившийся фон с примочками:

Напечатали, порадовались, перевернули лист изнаночной стороной, заправили его в принтер, вернулись к компьютеру.

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

Ура, у нас теперь есть практически готовая коробочка! На изнаночной стороне (будет внутренней) как раз отпечаталась схема коробочки, которую мы будем вырезать. Отложили все, что напечатали и вернулись к компьютеру. Для того, чтобы не повторять эту процедуру n-ное количество раз, сохраняем макет на компьютер в формате .psd

Файл — сохранить как — Имя файла «Коробочка» — формат «.PSD». Теперь вы всегда сможете открыть вашу коробочку и напечатать. Благодаря такому формату все слои сохраняются по отдельности (а не одной картинкой), из-за чего можно с легкостью (для меня по крайней мере) вносить изменения в дизайн. Например, писать индивидуальные пожелания на коробочках каждому клиенту!

Мастер-класс фотошоп. Три способа убрать фон фотографии

А теперь вырежем и соберем нашу коробочку. Предлагаю небольшую схемку, найденную в интернете. Думаю многие из вас знают о такой схеме:

Причем в том месте, где используется клей, я рекомендую использовать двусторонний скотч, т.к. коробочка на клею у меня почему — то всегда расклеивалась, а двусторонний скотч — это быстро и надежно! В том месте, где написано «Поцарапать и согнуть» я советую просто обвести линии не пишущей ручкой, желательно по линейке. Ручка оставляет хорошие борозды, по которым удобно складывать коробочку.

Фото готовой коробочки:

Сторону с QR-codom и ссылку не показываю намеренно, ибо правила запрещают это делать.

Плюсы такой электронной схемы:

— Во-первых я распечатываю по 4 коробочки на лист (под мои украшения идеально подходит). А если требуется коробочка больше — то у меня не возникает проблемы с перерисовыванием схем.

— Во -вторых я печатаю всегда по 20-30 листов с такими коробочками, с запасом так сказать. И стараюсь их все сразу вырезать.

— В-третьих, на сборку такой вот вырезанной коробочки (обводка ручкой, приклеивание скотча и сложения коробки) у меня уходит где-то 1-1,5 минут! Это выручает, когда нужно сделать много штук разом. Быстро,и удобно. Кончились коробочки — пошел еще напечатал!

Рисуем свечу в Adobe Photoshop | уроки для новичков

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

— В — пятых, я могу спокойно изменить схему коробочки по тому же принципу.

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

“Подарочные коробочки своими руками”. Мастер Александра Сергеевна от 22.05.2017

— В — седьмых, моим клиентам очень нравятся такие коробочки! Они приходят в восторг получая свои заказанные работы в таких ярких упаковках! Прям как в фирменном магазине!

Минусы такой коробочки:

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

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

— В-третьих. Я не знаю что может быть в-третьих, ибо меня все устраивает в этом варианте. Буду благодарна, если вы напишете еще какие-то минусы такого способа.

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

Бусинка

Бусинка — сообщество бисерных мастеров

У нас вы можете создать бесплатное портфолио своих бисерных работ, научиться делать украшение с нуля, или задать вопрос об интересующей технике/материале

Создание шаблона для коробочки с помощью Photoshop (приложение к МК по созданию коробочки)

  • Мастер-классы
  • 15 ноября 2022, 00:28

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

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

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

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

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

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

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

Мк по сборке основания для шокобокса

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

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

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

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

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

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

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

ШОКОБОКС в фотошопе своими руками с нуля | Сборка и презентация

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

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

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

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

Где взять шаблоны эскизы бонбоньерок?

В общем-то всё) Дальше по окончании рисования можно отправлять наши линии на печать нажатием Ctrl+P и рисовать вторую часть коробки.

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

Мастер-класс: Как сделать собственную коробочку в Photoshop

Хотите узнать, как можно самим создать реалистичную упаковку продукта (Mockup Box) в Photoshop? Тогда этот урок для вас.

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

УРОК — Как сделать mockup в Photoshop | Sachet Mockup

Из дополнительных материалов, которые нам потребуются для урока – это парочка бесплатных шрифтов, если же у вас есть свои, то можете использовать их.
Non – Dafont
Antipasto – Dafont

Создание и настройка документа

Давайте начнем создав в Photoshop холст размером 1588×1191 пикселей, затем, изменим цвет фона на #d2d3d5;

Для удобства и обеспечения более аккуратного вида в работе над уроком, нам нужны линейки и сетка. Вы можете получить доступ к вспомогательным линейкам, перейдя в View> Rulers (или нажмите Ctrl + R), а для включения сетки выберите View> Show> Grids (или нажмите Ctrl + ,). Ниже вы можете посмотреть на мои настройки для сетки:

Рисуем коробку

Создайте новую группу и назовите ее “Right Side / Правая сторона”. Создайте в этой группе новый слой и назовите его как “Right Side / Правая сторона”, а также, используя инструмент Rectangular Marquee Tool, создайте выделенный диапазон 795×1078 пикселей. После того, как вы это сделали – залейте выделенную область любым цветом. Я сделал его белым (#ffffff).

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

Создать еще одну группу, но на этот раз назовите ее “Left Side / Левая сторона”. Создайте новый слой с таким же именем (Left Side). Так же, как мы делали ранее, нужно сделать выделение области и заливку любым цветом. На этот раз сделайте выделенную область размером приблизительно 483×1078 пикселей. Преобразуйте слой в смарт-объект.

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

Фотодизайн упаковки для шоколадки

Нажав Ctrl + T, и удерживая клавишу Ctrl вы будете изменять положение только выделенного узла.

Что касается левой части коробки, то мы сделаем следующее: Во-первых, уменьшаем слой на 75%. Удерживая клавишу Ctrl – трансформируйте его так, чтобы он стал выглядит как 3D. У вас должно получится что-то вроде этого:

Создаем оформление коробки

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

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

Чтобы не было слишком скучно я решил добавить больше деталей и вставил символ “галка” (#009a81). А также символ зарегистрированного товарного знака, используя Custom Shape Tool.

Затем, я добавил текст под заголовком, используя Paragraph Tool. Я использовал следующие параметры:

Закончим, добавив еще один текстовый блок внизу по-центру.

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

Теперь давайте продолжим с левой частью. Так же, как и прежде, выберите и дважды щелкните значок смарт-объекта в панели слоев, чтобы открыть его, а затем создайте для него свой дизайн. Для тех, кто решил последовать за моим уроком до конца – измените цвет фона на #a5dfda, а затем просто скопируйте и поместите название и описание, которые мы делали на правой части коробки, но с одним только изменением – поверните текст на 90 градусов (как показано на картинке ниже). Изменение цвета символа “галки” на белый и добавьте еще два дополнительных символа (все символы, которые я здесь использовал, можно найти во вкладке Custom Shape Tool).

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

После того, как вы будете довольны вашим дизайном, сохраните его и закройте документ с редактируемым слоем. Вот, что у нас должно получится на текущем этапе:

Дополнительные детали

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

Давайте начнем этот этап с создания новой группы и на этот раз назовем ее “Shadows / Тени”. В этой группе создайте новый слой и назовите его “Back”. Продолжим, сделайте выбор, размер которого должен быть примерно как наша коробка, и залейте его черным цветом. После того, как вы сделали это, удерживая клавишу Ctrl, сделаем его искажение, как показано ниже. После, сделайте размытие слоя с помощью фильтра Gaussian Blur, затем, измените режим смешивания этого слоя с тенью на Soft Light.

Создайте новый слой и назовите его “Bottom“. Измените цвет переднего плана на #000000, и с помощью инструмента кисти (относительно большого размера, и твердости 0%), случайным образом сделайте несколько мазков в нижней части окна, затем измените режим смешивания на Soft Light и измените непрозрачность слоя до 85%.

Создайте новый слой и на этот раз назовите его “Light“. Изменение цвета фона на #ffffff. Сделайте размер кисти немного больше и сделайте три мазка в центре коробки. Измените режим смешивания слоя на Soft Light.

Создайте новый слой и назовите его “Bottom 2“. Затем выберите инструмент кисть и измените для его настройки следующим образом:

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

Откройте группу “Right Side” и создайте два новых слоя и назовите их “Shadows / Тени” и “Shadows 2 / Тени 2”. Сделайте эти оба слоя маскированными по базовому (Ctrl+Alt+G). Используйте мягкую кисть с твердостью 0% и установив режим смешивания для обоих слоев на Soft Light. На первом слое “Shadows” нарисуйте большую форму “U” по краям коробки. На втором слое “Shadows 2”, используя ту же самую кисть, но с небольшой непрозрачностью, сделайте несколько мазков вокруг текста, чтобы придать ему больше глубины.

Создайте два новых слоя и назовите их “details:shadows / детали:тени” и “details:highlights / детали:свет».

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

Создайте новую группу и назовите ее “Details / Детали”. Далее, создайте новый слой и назовите его “Left Flap / Левый клапан”. Используя инструмент Pen Tool, вам нужно создать фигуру похожую на треугольник, но плоской формы и со сглаженным верхним углом. Затем щелкните правой кнопкой мыши и залейте его # 767676 цветом. Затем, добавьте внутреннюю тень (Inner Shadow):

А также добавьте внутреннего свечения (Inner Glow):

Создайте новый слой и назовите его “Shadow / Тень”. Повторим сделанные ранее манипуляции, но с немного большим размером кисти (размер 4-6px), нарисуйте линию вдоль грани, которая разделяет левую и правую часть коробки (разместите ее чуть правее). Затем, немного размойте ее с помощью Gaussian Blur и измените режим смешивания на Soft Light (на рисунке ниже она изображена красной линией):

Повторите предыдущий шаг, но на этот раз назовите слой “Highlights” и используйте цвет #ffffff. Сместите этот слой немного левее (как на изображении ниже синяя линия):

Как нарисовать коробку в фотошопе

Создайте еще один слой и назовите его “Line / Линия”, и используя инструмент Line Tool проведите линию (примерно 2-3px и цветом #000000) между нарисованными ранее линиями. Измените ее режим смешивания на Soft Light (На рисунке ниже я обозначил ее белой линией):

Вот, что должно получится в конечном результате:

А вот еще одна вариация:

У нас все получилось! Не стесняйтесь и пишите в комментариях, если вы столкнулись с проблемами на каких-либо этапах.

Графика компьютерная Мастер-класс 23 февраля 8 марта День рождения Новый год Цветная развертка коробочки в фотошоп

Приветствую все, зашедших на огонек! Для мастеров и рукодельниц вопрос красивой и недорогой упаковки всегда очень актуален. Я в предыдущем своем мастер-классе показывала, как делать цельную коробочку с откидной крышкой. В данном мастер-классе я хочу показать, как делаю развертку в программе «Фотошоп» (я пользуюсь Adobe Photoshop CS4 версия 11.0 – нашла в интернете и очень довольна, она на русском языке). Плюс в том, что развертки хранятся в электронном виде и не занимают место, ими всегда можно воспользоваться. При наличии цветного принтера и доступа в сеть Интернет можно делать их с разными узорами, картинками, дополнительными декоративными элементами. Первую развертку я делала методом проб и ошибок достаточно долго. Но потом, поняв принцип, за день сделала 7 коробочек (4 разных размера, 4 штуки были одинакового размера с разными расцветками, которые можно легко поменять.
МК состоит из скринов с экрана моего компьютера и пояснений. Важное на фото отмечено красными кружками. Думаю, и начинающим пользователям все будет понятно. Картинок много, т.к. я старалась все хорошо объяснить, а не потому, что так сложно.
У кого англоязычная версия – пользуемся значками инструментов, они во всех программах одинаковы.
В тексте ПКМ – правая клавиша мыши, ЛКМ – левая клавиша мыши. Если Вы какое-то действие хотите отменить, нажмите сочетание клавиш Ctrl + Alt + Z (или в верхнем меню выберете «Редактирование» — «Шаг назад».
Итак, В ИТОГЕ наших стараний получим развертку с такими размерами:

ВЫБОР ФОРМАТА БУМАГИ
Я выбрала Файл — Новый — Международный формат бумаги — А4

СОЗДАНИЕ НОВОГО СЛОЯ
В нижнем правом углу нажимаем на соответствующий значок. Вообще лучше взять за правило каждую фигуру создавать на отдельном слое – так проще редактировать. Для удобства слои можно самому назвать (дважды щелкнув ЛКМ на название «Слой №…». Но я так делаю не всегда. Помним, что работа всегда идет на активном слое, который выделен голубым.

ВЫБОР ТОЛЩИНЫ КИСТИ
В левом меню выбираем инструмент «Кисть». Вверху выбираем толщину. Для меня оптимальной оказалась толщина 7 пикселей. Такова будет толщина всех наших линий на чертеже. В нижнем кружке выбираем тип кисти (нам нужны четко очерченные края), а верхнем сам размер (бегунком либо ставя нужное число там, где указаны пиксели).

ВЫБОР ИНСТРУМЕНТОВ «ПРЯМОУГОЛЬНИК» И «КОНТУРЫ»
В левом меню выбираем инструмент «Прямоугольник», а вверху слева – «Контуры».

ЗАДАННЫЙ РАЗМЕР ПРЯМОУГОЛЬНИКА
Возьмем для примера коробочку длиной 9 см, шириной 7 см, высотой 3 см и глубиной крышки 1,5 см. Начнем построение с верхнего левого угла. Нам нужен квадрат со стороной 3 см.

КОНТУР ПРЯМОУГОЛЬНИКА И ВЫБОР ИНСТРУМЕНТА «ПЕРО»
Кружком слева показала, где выбрать инструмент «Перо», а кружок правее показывает, куда надо ставить появившийся крестик (в скане почему-то он не отражается) – это место станет верхним левым углом прямоугольника. Не стремитесь начать делать чертеж в самом углу рабочего пространства, т.к. при последующей печати поля страницы обычно срезаются.

ОБВОДКА КОНТУРА ПРЯМОУГОЛЬНИКА
Щелкаем ПКМ и выбираем «Выполнить обводку контура»

Не нужно ставить галочку в окошке рядом с пунктом «Имитировать нажим», иначе линии будут толстыми в начале и тонкими в конце.

УДАЛЕНИЕ КОНТУРА
Теперь, когда контур обведен, он нам больше не нужен. Щелкаем ПКМ и выбираем «Удалить контур»

СОЗДАЕМ ВТОРОЙ ПРЯМОУГОЛЬНИК
Создаем новый слой, выбираем нужный размер следующей детали чертежа.

Здесь показано, куда надо поставить появившийся крестик, чтобы прямоугольники «слились». Далее опять «Перо» — «Выполнить обводку контура» — «Удалить контур»

СОВМЕЩЕНИЕ КОНТУРОВ ПРЯМОУГОЛЬНИКОВ
Если второй прямоугольник встал не туда, куда надо, мы берем слева инструмент «Перемещение» и удерживая ЛКМ, ставим его в нужное место.

СОЗДАНИЕ КОПИИ ПЕРВОГО КВАДРАТА
Нам опять нужен квадрат со стороной 3 см. Мы не будем его заново рисовать, а просто скопируем. Для этого выберем справа нужный слой (он был у нас первым после слоя «Задний план») и удерживая ЛКМ, перетащим его вниз на нужный значок.

ПЕРЕМЕЩЕНИЕ КОПИИ КВАДРАТА
С помощью инструмента «Перемещение» ставим квадрат в нужное место.

ОБЪЕДИНЕНИЕ ПРЯМОУГОЛЬНИКОВ В ОДНУ ПОЛОСУ
Получившаяся «лента» из трех прямоугольников нам пригодится еще раз. Поэтому сделаем цельную деталь. Для этого справа (где указаны слои), удерживая клавишу Ctrl, щелкаем ЛКМ по названиям трех слоев («Задний план» не трогаем) и затем щелкаем ПКМ, выбираем «Объединить слои».

СЕРЕДИНА НИЖНЕЙ ЧАСТИ КОРОБОЧКИ
Создаем новый слой, выбираем инструмент «Прямоугольник», задаем размер — «Перо» — «Выполнить обводку контура» — «Удалить контур» и ставим прямоугольник в нужное место (мы ведь это уже умеем делать).

КОПИРЫВАНИЕ ВЕРХНЕЙ «ЛЕНТЫ»
Справа берем слой с «лентой» и, удерживая ЛКМ, перетягиваем его к нужному значку. Взяв инструмент «Перемещение», ставим вторую ленту в нужное место.

РИСОВАНИЕ БОКОВЫХ СТОРОН НИЖНЕЙ ЧАСТИ
Создаем новый слой. Берем слева инструмент «Линия» (нажмите на «Прямоугольник» ЛКМ и чуть придержите ее). И обязательно вверху выбираем «Слой-фигура» (иначе будет не линия, а контур). Строим линию, соединяя точки 1 и 2. Если линия сдвинулась в сторону, опять-таки исправляем ситуацию при помощи инструмента «Перемещение».

ДНО КОРОБОЧКИ
Вторую линию либо создаем при помощи соответствующего инструмента, либо копируем слой с первой линией и ставим ее в нужное место. Копируем большой прямоугольник и ставим его на свое место. Получили дно коробочки.

КРЫШКА КОРОБОЧКИ
Ориентируясь на указанные на первом фото размеры строим крышку. Повторям шаги: «Создать новый слой» — «Прямоугольник» — «Перо» — «Выполнить обводку контура» — «Удалить контур». Так делаем каждый раз, когда нам нужен прямоугольник. Не забываем, что вверху должен быть выбран пункт «Контуры», а не «Слой-фигура». Последний выбираем, когда чертим линии.
ДУГА
Теперь нам надо сделать закругления на краях крышки. Создаем новый слой. Выбираем слева инструмент «Перо». Сначала щелкаем ЛКМ на точку 1, потом 2 (можно в обратной последовательности).

Выбираем слева инструмент «Перо+» и ставим точку примерно на середине нашего контура-отрезка.

Шаблоны для круглой коробочки в Photoshop Elements 10

Удерживая ЛКМ, тянем дугу влево и чуть вверх. Далее щелкаем ПКМ — ««Выполнить обводку контура» — «Удалить контур». При необходимости перемещаем дугу.

ВТОРАЯ ДУГА
Копируем слой с дугой. Но нам нужно, чтобы она была отражена зеркально. В верхнем меню выбираем «Редактирование» — «Трансформирование» — «Отразить по горизонтали».

ОБЪЕДИНЕНИЕ СЛОЕВ В ОДИН ЧЕРТЕЖ
В окне «Слои» убираем «глаз» рядом со слоем «Задний план». Чертеж остается на прозрачном фоне.

Вверху выбираем пункт меню «Слои» и подпункт «Объединить видимые». Чертеж становится единым целым. Возвращаем «глаз» рядом со слоем «Задний план».

СТИРАЕМ ЛИШНЕЕ
Выбираем в левом меню инструмент «Ластик». Важно, чтобы фоновый цвет был задан правильно.

как отрисовать коробку по своим размерам в фотошоп 1 часть

Показываю, что стираем: лишние линии у дуг и намечаем контур, по которому будем сгибать. Вообще этот шаг необязателен, можно и не делать.
Это уж мой перфекционизм меня заставляет:)

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

ОКРАШИВАЕМ КОРОБОЧКУ
Находим на компьютере или в интернете понравившуюся картинку – фон. Мне нравятся фоны, которые я беру из скрап-наборов (спасибо огромное мастерицам, кто ими делится). Например, тут:
http://www.liveinternet.ru/search/?q=&sm=1&cb=6&cg=7&cc=3&in=1&un=alena1.
Выбирая фон на данном сайте, я попадаю на страничку в Яндексе. Здесь, чтобы скопировать изображение, надо открыть оригинал.

Щелкнули ПКМ, выбрали «Копировать изображение»

Вернувшись в «Фотошоп» вверху выбираем «Редактирование» — «Вклеить». Важно, чтобы слой с фоном был ниже слоя с разверткой! При необходимости перетянуть слой с фоном вниз (справа в окне «Слои»)

ВОЛШЕБНАЯ КИСТЬ
Теперь переходим на слой с разверкой. Слева выбираем инструмент «Волшебная кисть» и в рабочем поле щелкаем ЛКМ вне контура развертки. Эта зона (вне контура) выделяется пунктиром.

Выбираем слой с фоном и нажимаем клавишу «Delete».

Все бы ничего, но контур черный, его будет очень видно на коробочке. Меняем его цвет. Выбираем слой с разверткой и нажимаем на значок «Добавить стиль слоя».

Выбираем «Наложение цвета»

Нажимаем на окошечко с цветом.

Далее два варианта: выбрать цвет в палитре (он отражается на рабочем поле, и сразу видно, пожходит он или нет) или, переместив курсор на рабочее поле, выбрать появившейся «пипеткой» нужный цвет.

ВКЛАДЫШ
Мне еще нужен вкладыш в коробочку. Слева берем инструмент «Прямоугольная область» и выделяем при помощи него прямоугольник в центре дна (или крышки) коробочки.

Щелкаем ПКМ, выбираем «Скопировать на новый слой»

И инструментом «Перемещение» перетаскиваем полученный прямоугольник в свободное место.

ОБВОДКА ВКЛАДЫША
Рисунок на вкладыше светлый, я решила его обвести. Выбираю внизу справа «Добавить стиль слоя» — «Обводка»

Задаю нужные характеристики: выбираю ширину обводки и цвет.

Как самому создать свою ОБЛОЖКУ КОРОБКИ для курса в Photoshop

НАДПИСЬ НА ВКЛАДЫШЕ
Если на вкладыше нужен текст – создаю новый слой и слева выбираю инструмент «Текст».

В появившемся поле (если надо, изменяю его размер), набираю нужные слова, выбрав предварительно шрифт и размер.

ВСТАВКА КАРТИНКИ
А еще хочу вставить картинку на крышечку. В интернете выбираем понравившуюся и копируем изображение (щелкнув по нему ПКМ). В «Фотошопе» в верхнем меню выбираем «Редактирование» — «Вклеить». Обязательно следим, чтобы слой оказался в нужном месте. Если его не видно, этот слой надо перетащить выше.

МАСШТАБИРОВАНИЕ КАРТИНКИ
В верхнем меню выбираю «Редактирование» — «Масштабирование»

Тяну за уголки до нужного размера

ОБРЕЗАЕМ ЛИШНЕЕ
Выбираем в левом меню инструмент «Прямоугольная область» и выделяем нужный нам фрагмент картинки. Щелкаем ПКМ и выбираем «Вырезать на новый слой». Нужный нам фрагмент появляется в новом слое над тем, с которым мы только что работали.

УДАЛЕНИЕ ОСТАТКОВ КАРТИНКИ
Выбираем предыдущий слой, на котором остались «обрезки» и перетаскиваем его на значок «Удалить слой»

ТЕКСТ НА КРЫШКЕ
Мне осталось только добавить текст на картинке. Все просто.

Создание фона и декорирование коробочки в Photoshop Elements 10

Не забудьте сохранить (верхнее меню «Файл» — «Сохранить как…»)! Для печати я обычно временно сохраняю в формате .jpeg. Но для того, чтобы сделать такую же по размеру коробочку с другим рисунком и/или надписью, храню и в формате .psd. Неактуальную картинку я делаю невидимой (у слоя убираю «глаз»), а новый фон или картинку вставляю, масштабирую и обрезаю лишнее.

Мы закончили! Ура-а-а. Будут вопросы – отвечу, насколько хватит знаний и опыта.

Рисование 3d коробки в Photoshop (фотошоп)

2022-04-02 / Вр:17:55 / просмотров: 17548

В этом уроке мы попробуем нарисовать с нуля 3D коробку (упаковку) для будущего интернет-товара.

Шаг 1. Прежде, чем начать работу с 3D коробкой, нужно нарисовать переднюю и боковую часть упаковки.
— Создайте документ размером 600х500 пикселей.
— Создайте переднюю часть коробки размером 352х412 пикселей. Когда вы закончите прорисовку всех тонкостей передней части упаковки, объедините эти слои в один.
— Создайте боковую часть упаковки размером 88х412 пикселей. Когда вы закончите прорисовку всех тонкостей боковой части упаковки, объедините эти слои в один.
— Обязательно передняя и боковая части должны быть на разных слоях так, как на примере снизу.

У вас должно быть 3-и слоя.

Я не буду углубляться, как рисовать в фотошопе, так как моя задача научить вас создавать 3D коробку в фотошопе. Поэтому приступим к следующему шагу.

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

Теперь приступим к 3D моделированию коробки.
— Сведите две картинки вместе, но ни в коем случае не объединяйте слои.

Пустышка любой коробочки в Photoshop быстро и просто

— Я буду работать со слоем, где нарисованная передняя коробка. Нажмите на этот слой мышкой (активируйте слой).
— В меню в фотошопе перейдите на «Редактирование» => «Трансформирование» => «Перспектива» и регулировкой выстройте объект.

— Согласен, выглядит немного уродливо, вытянуто и не правдоподобно.
Давайте сделаем следующее.
В меню в фотошопе перейдите на «Редактирование» => «Свободное Трансформирование» или .
Двигайте переднюю часть так, как я показал в примере.

Вот теперь другое дело.

Шаг 3. Теперь приступим к боковой части упаковки.
— Нажмите на слой мышкой, где нарисованная боковая часть коробки (активируйте слой).
— В меню в фотошопе перейдите на «Редактирование» => «Трансформирование» => «Перспектива» и регулировкой выстраиваем объект.

Как оформить подарочную коробку в фотошопе

— Дальше перейдите на «Редактирование» => «Свободное Трансформирование» или .
Двигайте боковую часть так, как я показал в примере.

Вы можете добавить тень и отражение коробки.
Все, сохраните картинку в любом формате (JEPG, GIF или PNG).

Оцените статью
Скрапбукинг, вышивка, вязание и другие виды рукоделия