Создаем ленту — этикетку для упаковки мыла в фотошопе

Здравствуйте, дорогие любители рукоделия и красивых вещей! Я знаю, что среди наших читателей есть мыловары. Сегодняшний урок фотошоп будет полезен в первую очередь всем, кто хоть раз задумывался над тем, как упаковать мыло ручной работы, изготовленное дома.

Ленты для мыла ручной работы в фотошопе

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

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

Как упаковать мыло ручной работы лентой

Такие ленты можно купить. Но вся сложность заключается в том, что магазинные заготовки не содержат нужной информации о составе мыла, на них нет места для названия Вашего творения, да и авторство указать также негде. Но ведь у нас есть фотошоп! И сегодня я Вам покажу, как сделать ленту для упаковки мыла в фотошопе.

Подготовительный этап создания ленты-этикетки для мыла в фотошопе

Открываем фотошоп и создаем новый документ Файл – Создать и в наборе выбираем Международный формат бумаги. Я рекомендую работу делать в формате листа А4, это удобно для дальнейшей распечатки

lenta-dlya-myla-sozdaem-dokument

Повернем холст в горизонтальное положение. Идем в меню Изображение – Вращение изображения — 90° по часовой 

lenta-dlya-myla-vrasshenie-xolsta

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

linejki-dlya-pazmetki-upakovki-dlya-myla

Теперь левой кнопкой мыши хватаемся за вертикальную линейку и тянем до нужной нам отметки (в данном случае 2 см)

Стандартная длина ленты около 20-25 см. Вторая вертикальная направляющая будет на отметке 27 см, сделаем с запасом, потом лишнее можно будет отрезать.

vspomogatelnaya-pryamaya-1-lenta-dlya-myla-v-fotoshope

Ширина полоски этой этикетки будет 3,5 см. Протягиваем нужные направляющие.

lenta-etiketka-dlya-myla-napravlyayusshie

Теперь находим центр будущей ленты этикетки для мыла. А также протянем две направляющие  на расстоянии 3 см от центра. Это будут наши ограничители.

lenta-etiketka-dlya-myla-vse-napravlyayusshie

Подготовительный этап создания упаковочной ленты для мыла окончен

Как создать этикетку – ленту для мыла ручной работы

Начнем с фона. Ищем подходящий. Я буду делать упаковку для лавандового мыла. В сети я нашла фон, но размером он маловат. Сделаем из него узор, чтобы потом можно было играть с настройками масштаба и всего остального в стилях слоя.

Открываем фон в фотошопе. Далее идем в меню Редактирование – Определить узор, даем ему имя и жмем Ок.

kak-sozdat-uzor-v-fotoshope-nachalo

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

instrument-pryamougolnik-sdelat-upakovku-dlya-myla

Создаем новый слой (меню Слои- Новый — Слой или жмем на соответствующую пиктограмму). И протягиваем прямоугольник от одного угла ленты для мыла к противоположному.

Теперь зальем нашим фоном. Дважды кликаем по Слою 1 в Панели слоев и в выпавшем окне выбираем Наложение узора. Находим наш фон, можно поиграть с настройкой масштаба, если нужно. Вот что вышло у меня:

фон для ленты этикетки для мыла в фотошопе

А теперь начнем писать основную информацию на нашей этикетке – ленте для мыла. Создаем новый слой (Слой 2). От центра на расстоянии 2 см в каждую сторону я провела еще 2 направляющие.

napravlyayusshie-3-lenta-dlya-myla

Устанавливаем основной цвет, который будет на подложке под надписями (у меня это f7f3e6).

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

И сразу же нарисуем вертикальные границы этой подложки. Для чего выбираем инструмент Линия, толщина линии 5 пикс, цвет – темно-коричневый.

linii-obvodki-podlozhka-etiketki-lenty-dlya-myla

Проводим на этом же слое по направляющим 2 линии. Вот, какая заготовка упаковки для мыла вышла у меня

этикетка лента для мыла в фотошопе промежуточный результат

Наверху сделаем красивую рамочку с названием мыла. Создаем новый слой (Слой 3). Выбираем инструмент Эллипс. Основной цвет устанавливаем тот, каким заливали подложку.

lenta-dlya-upakovki-myla-v-fotoshope-ramochka1

И, немного не доходя до крайней направляющей, рисуем овал. У меня он выступает вверх на 5 мм

лента для упаковки мыла в фотошопе овальная рамочка

Кликаем дважды по слою в Панели слоев и добавим следующий стиль нашему овалу.

лента для упаковки мыла в фотошопе стиль рамочки

Открываем клипарт рамочки. Скачать клипарт рамочки и дополнительные материалы (1,6 МБ) можно здесь.

 

klipart-ramochki-lenta-etiketka-dlya-myla-v-fotoshope

Выделяем его (Ctrl+A), копируем (Ctrl+C), а затем вставляем (Ctrl+V)в наш документ с будущей упаковочной лентой для мыла ручной работы.

klipart-ramochki-vstavili-lenta-dlya-myla-v-fotoshope

Жмем Ctrl+T и уменьшаем размеры рамочки, а также передвигаем ее на нужное место. Жмем галочку или Enter

ramochka-transform-lenta-mylo

Зададим стиль этому слою

ramochka-stil1-etiketka-lenta-dlya-myla-v-fotoshope

ramochka-stil22-etiketka-lenta-dlya-myla-v-fotoshope

ramochka-stil3-etiketka-lenta-dlya-myla-v-fotoshope

Вот так теперь выглядит наша этикета-лента для упаковки мыла:

лента этикетка для мыла в фотошопе промежуточный 2

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

пишем текст на упаковке для мыла в фотошопе

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

пишем текст на упаковке трансформация

Аналогичным образом делаем все остальные необходимые надписи, ставим свой логотип и т.д.

этикетка лента для мыла ручной работы в фотошопе

Вот такая этикетка – лента для мыла ручной работы получилась у меня при помощи фотошопа.

И вот так она выглядит целиком:

Упаковочная лента для мыла ручной работы в фотошопе

Обязательно сохраните этот документ в формате PSD, чтобы потом в любой момент можно было поменять фон, текст и пр.

А также сохраняем в формате jpg для печати (меню Файл – Сохранить как)

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

Если остались какие-либо вопросы по уроку или просто хотите высказать свое мнение, пожелания, пишите в комментариях ниже.

А для тех, кто не знает, как сделать этикетку для круглого мыла , на блоге Домовенок-Арт есть урок фотошопа и на эту тему.

Всего Вам самого светлого! Удачных фотошоп экспериментов! Ваш домовенок Елена.

Еще больше интересного и полезного:
Понравилась статья? Поделитесь ссылкой с друзьями:
Обсуждение: 55 комментариев
  1. Татьяна:

    Елена, Вы такая молодец! 😛 Срочно начинаю корпеть, кстати, это не так просто…А какой Photoshop Вы используете? У меня Adobe Photoshop Elements 10, никак не могу в нем сделать круглую этикетку, обводка не получается, только заливка… 😥

  2. Ольга:

    Лена, ну какая ты молодец! Такой замечательный урок фотошопа!

  3. Татьяна:

    Ура! Заработало! Получилось, вот только линии, которые мы проводим коричневым цветом 5 пикс у меня не видно, наверное что то упустила?!

    • Елена Голоштенко:

      Татьяна, рада, что урок понравился и у Вас получается ! На данный момент у меня установлен PhotoShop CS5, на нем и написан данный урок. С elements я не имела дело, поэтому не могу сказать, в чем проблемы. А с линиями можно поступить хитрее: взять круглую кисть с жесткостью и непрозрачностью 100 %, размер 5 пикс. зажать клавишу shift, чтоб получлось ровно, и нарисовать линии в нужных местах.

  4. Гульнара:

    Лена, огромное спасибо за мастер класс! Как нельзя к стати, задумала делать этикетки к мылу, придумала, но все не то, а вот теперь буду изучать и применять на практике Ваш урок. Еще раз огромное спасибо!

    • Елена Голоштенко:

      Гульнара, пожалуйста!!! Особенно приятно, что урок оказался Вам полезен. Желаю успешного создания своих этикеток! 😉

  5. Татьяна:

    Хорошо, спасибо, попробую.

  6. Ольга Мамина:

    Лена, замечательный урок! Кажется, что все так просто… И такая красота получается! Кусаю локти, неумеха 😛 …

    • Елена Голоштенко:

      Да ладно, Оль! Каждый из нас когда-то не умел писать, читать и т.д., научились же! Главное, практиковаться.
      И спасибо за комплимент! 😉

  7. Бронислав:

    Классная этикетка получилась, Елена! Здорово Вы все разложили по полочкам, здесь даже ребенок разберется!

    • Елена Голоштенко:

      Спасибо, Бронислав! Стараюсь писать как можно более доступно.

  8. Lada:

    Леночка, да Вам уже целую фабрику можно открывать по производству…чего угодно, — список будет длинный! А на фабрике: администрация, конструкторское бюро, разные цеха, склады, отдел сбыта и рекламы, студия Голоштенко-фильм, транспортный цех, магазин… чего-то ещё не хватает…Ааа, — бытовки, медпункт, ДК, детсады…)))))

    • Елена Голоштенко:

      Ой, Лада! Спасибо за такой позитивный комментарий!!! И правда, чем мы только дома не занимаемся 😆 Зато скучать не приходится.

  9. Sergey:

    Такие удобные и подробные уроки в этой довольно сложной программе очень необходимы! Спасибо!

    • Елена Голоштенко:

      Пожалуйста, Сергей! Да, без наглядного примера использования фотошопа трудно по началу сделать что-то свое.

  10. Наталья:

    Урок ваш мне понравился, видимо воспользуюсь им в ближайшее время, а вам спасибо за науку.

  11. Ирина Зайцева:

    Лена, ну тебе надо курсы и книгу уже с такими уроками выпускать. Все так подробно. Только посидеть надо поразбираться со всем…

    • Елена Голоштенко:

      Ой, Ирина, я вот тоже задумывалась над инфопродуктом по фотошопу, но как-то пока не созрела я до этого морально (надо придумать кардинально что-то новое, ведь эта ниша уже давно занята).

  12. Светлана:

    Елена, Вы молодец. Все очень подробно и понятно, спасибо за статью.

  13. Анатолий:

    Я вот если честно, не умею работать в фотошопе, но думаю, что при желании можно всему научиться. 😛

  14. Инна:

    Лена, вообще такая бумажная лента — просто шикарный вариант упаковки для мыла ручной работы. Смотрится эффектно, профессионально, а трудозатрат гораздо меньше, чем при изготовлении тех же коробочек или мешочков. Для массового производства лучше не придумаешь. Да и для подарка тоже классно подходит. Главное, сделать дизайн в фотошопе (как, ты уже объяснила :)). А дальше весь процесс изготовления — вопрос 5-10 минут.

    • Елена Голоштенко:

      Это точно. Имея пару заготовок лент в формате PSD, можно варьировать цвет, текст, да и рамочки тоже. А распечатать и завернуть мыло, как ты правильно заметила, дело нескольких минут.
      Но с другой стороны, эксклюзивные коробочки никто не отменял 🙂 Я просто видела лица тех, кому дарила необычные коробочки (из твоей романтической коллекции).

      • Инна:

        Ну, это само собой 🙂 Но хорошо, когда в упаковочном арсенале есть разные варианты.

  15. Евгения Шкрылёва:

    Лена, очередной подробный урок по работе в фотошопе мне пригодится, но позже. Я пока «1 класс, 1 четверть». Даже не получается ровную стрелочку на фотке нарисовать (только кистью криво). Я раньше в программе Иллюстратор рисовала. В Фотошопе панель вроде похожа, но не то…

    • Елена Голоштенко:

      Евгения, я тоже часто для рисования стрелочек использую кисть. а чтобы линии получались ровными, нужно паралленьно при рисовании зажимать shift.
      Думаю, если эта тема интересна, то все у Вас впереди.

  16. Елена:

    Я использую фотошоп для обработки фото, но фотошоп онлайн. Хотя вот сделала вывод, чем качественнее фото тем приятнее с ними работать.

    • Елена Голоштенко:

      Елена, это безусловно! С хорошими фотографиями больше вероятность получить идеальную картинку после обработки.

  17. фиалка молчаливая:

    а я покупаю за 10 рублей такие этикетки, что то про фотошоп даже не подумала!

    • Елена Голоштенко:

      Ну, теперь и про такой вариант знаете. Покупные наклейки не такие информативные, как те, что делаются индивидуально под каждый вид мыла.

  18. Лариса:

    Лена, умничка! Правда, такое кол-во шагов несколько пугает, зато если взяться повторять, все будет ясно и понятно.

    • Елена Голоштенко:

      Ларис, спасибо! Тут очень много шагов было по разметке листа, а сам процесс создания не такой уж и трудоемкий. Это действительно надо пробовать.

      • Лариса:

        Ага, ага… Уже такой список у меня, чего надо попробовать… Что даже заглядывать не хочется 😀

  19. ирина:

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

    • Елена Голоштенко:

      Я не так давно посмотрела, что это за онлайновый фотошоп. Конечно, для профессиональной работы он вообще не годится.

  20. Оригами:

    Елена, большое спасибо! Настолько подробно описали процесс, я с фотошопом пока что на «вы», но используя ваш урок можно не только к мылу этикетки делать ))

    • Елена Голоштенко:

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

  21. Ольга:

    Ничего не понятно! А эти жуткие схемы просто приводят в УЖАС 🙁

  22. Лора:

    Фотошоп- отличный помощник в вопросах создания чудесных идей и претворения их в жизнь!!!
    Спасибо за чудесный урок! Уверена, многим начинающим фотошопперам этот урок очень-очень поможет!!! Упаковка получилась очень красивая и главное- функциональная и информативная!!!

    • Елена Голоштенко:

      Спасибо, Лорочка! К этому и стремилась, чтобы не просто написать на упаковке «Мыло ручной работы», как на покупных, а одеть мыльце в индивидуальную ленточку. Главное, чтобы начинающие фотошопперы не паниковали от обилия шагов, а просто делали, наслаждаясь процессом, и получали результат.

      • Лора:

        Полностью тебя поддерживаю! главное- не бояться! потому что как говорится — «Не Боги горшки обжигают!»
        Фотошоп освоить любому желающему под силу!

  23. Лариса:

    Лена, кстати, я случайно узнала, что сегодня — День домового!
    Так что поздравляю с профессиональным праздником!!! 😀

  24. Татьяна:

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

    • Елена Голоштенко:

      Спасибо, Татьяна! Думаю, любое мыло, сделанное с душой, найдет своего обладателя. А вот такой вариант упаковки значительно упрощает жизнь мыловарам 🙂

  25. Мадина:

    Спасибо Вам большое за подробную пошаговую инструкцию, наконец-то, у меня получилось…учитывая, что ранее фотошопом не пользовалась. Подскажите ,пож-та, как можно цвет рамы изменить. Хотела зеленым сделать, но никак(((….Спасибо Вам за Ваш труд.

    • Елена Голоштенко:

      Мадина, пожалуйста!!! Очень радостно, что у Вас получилось 😀
      А цвет какой именно рамы Вы хотели бы изменить? Той, которая прилагалась в материалах (коричневого цвета)? Если речь о ней, можно, зажав клавишу Ctrl, нажать на пиктограмму этого слоя с рамкой. Загрузится выделение этой рамочки. А потом просто взять кисть нужного цвета и закрасить выделенную область. Если речь шла о чем-то другом, то уточните, пожалуйста. Разберемся и с этим вопросом.

  26. Мадина:

    Елена, благодарю Вас за быстрый ответ!.Речь шла именно об этой раме, что в коричневом цвете…Удалось и это сделать))) 😆 …уже который день в свободное время бегу к компу и загружаю фотошоп)))))))))….Всех благ Вам, Елена!

    • Елена Голоштенко:

      Спасибо, Мадина! Здорово, что разобрались 🙂 И Вам всего самого наилучшего!

  27. Андрей Зенков:

    Очень интересное применение знаний фотошопа, буду рекомендовать ваш блог посетительницам моего))

Поделитесь своим мнением
Для оформления сообщений Вы можете использовать следующие тэги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

домовенок-арт
Новая весенняя «Мастерклассница»
Наша группа
Хочу Всё Знать. Полезные Советы
Подписка

Хотите получать новые статьи прямо на почту? Введите Ваш email:

Немножко полезностей
domovenokartunical
© 2017 Домовёнок-Арт