Создаем этикетку для круглого мыла ручной работы с помощью фотошоп

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

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

Открываем редактор Adobe Photoshop. И создаем новый документ Файл – Создать. Я собиралась распечатывать сразу несколько этикеток, поэтому создала документ формата А4 с такими настройками:делаем этикетку для мыла

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

Зажав клавишу shift, рисуем круг необходимого диаметра (у меня это 6 см). Для наглядности я всегда включаю Линейки (Просмотр-Линейки).этикетка для мыла

Нажимаем сочетание клавиш ctrl+J, таким образом дублируя наш слой. Выбираем  Слой 1 копия. Трансформируем его: Редактирование- Трансформирование – Масштабирование (или просто жмем сочетание клавиш ctrl+T). Вверху изменяем процент длины и ширины до 90%. Применяем настройки (нажимаем на галочку вверху или просто enter).этикетка для круглого мыла в фотошоп

Пока изменений не видно, сейчас исправим. Идем в Редактирование – Выполнить обводку и устанавливаем следующие настройки: меняем основной цвет на #584407, ширина 10 пикс., снаружи.этикетка в фотошоп

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

Выбираем круглую кисть, настроим ее так:этикетка в фотошоп

Теперь аккуратно пройдемся ей по Cлою 1 копия, имитируя стежки:стежки этикетка для мыла

Давайте избавимся от ненужного фона на этом слое. Для этого идем в Выделение – Цветовой диапазон и пипеткой выбираем фоновый цвет (бежевый). Нажимаем ОК, а потом Del. Не забудьте потом снять выделение с помощью сочетания клавиш Ctrl+D.

Придаем текстуру нитке: дважды кликаем по слою в палитре слоев или идем в Слои – Стиль слоя . Применим следующие настройки:

Тень – настройки по умолчанию;

Текстура  — выбираем узор «Мешковина», масштаб – 146%, глубина 60%;

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

текстура на этикетке фотошоп

Выбираем нижний слой (Cлой1) и жмем на кнопочку «Создать новый слой», она находится рядом с корзинкой в панели слоев или идем в меню Cлои – Новый – Слой.

Выбираем круглую кисть с жесткостью 100% и диаметром 20 пикс. Цвет устанавливаем черный или близкий к черному (ведь в природе не бывает идеально черных вещей!). Цвет кисти в фотошоп выбирается в панели инструментов в самом низу. Проходимся  ею по кончикам каждого стежка. Таким образом, мы получим дырочки.
урок фотошоп этикетка для мыла

Далее советую сгруппировать все слои, особенно если вы будете делать сразу несколько этикеток в фотошоп.  Зажав shift, выделяем все слои, кликая по ним в панели слоев, а потом нажимаем Ctrl+G.

Открываем картинку с цветком, например, вот эту. Нам необходимо освободиться от фона. Идем в меню Выделение – Цветовой диапазон и кликаем по белой области. Жмем ОК. Мы получили выделение ненужного фона. Кстати, есть еще несколько способов вырезать объект, о них Вы можете узнать в этой статье.этикетка урок фотошоп

Теперь инвертируем выделение комбинацией клавиш Ctrl+Shift+I. Копируем цветок Редактирование – Скопировать или просто Сtrl+C.

Переходим на наш документ. Вставляем цветок поверх Группы 1, для чего идем в меню Редактировать – Вставить или Ctrl+V.

Теперь необходимо подогнать по размеру наш цветок. Нажимает ctrl+T и изменяем размер, заодно и перемещаем цветок на нужное место. Не забудьте при трансформации зажать клавишу Shift. Этот прием позволяет изменять размер по длине и ширине, не меняя пропорции объекта.этикетка для мыла урок фотошоп

Применим текстуру к нашему декору. Двойной клик по слою (или в меню Слои – Стиль слоя – Параметры наложения), в открывшемся окне выбираем вкладку Наложение узора и применяем следующие настройки: узор – «белый с волокнами древесины», масштаб – 80%.

А также сделаем тиснение с настройками, как на скриншоте . У кого более старая версия фотошопа, вместо режима подсветки «Экран» выбирайте «Осветление».
этикетка для мыла фотошоп декор

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

Вот что у нас получилось.этикетка фотошоп декор

Теперь осталось сделать все необходимые надписи, ведь мыло ручной работы должно выглядеть достойно! Выбираем инструмент Горизонтальный текст, затем на нужном месте кликаем мышкой и если надо, открываем вкладку настроек текста (меню Окно — Символ). Шрифты Вы можете использовать любые, в интернете можно скачать множество красивых каллиграфических шрифтов, единственное, нужно смотреть, чтобы они были кириллическими, если надписи будут на русском языке.этикетка для мыла в фотошоп

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

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

А вот еще варианты моих этикеток для овсяного  и для апельсинового мыла.этикетки для овсяного и апельсинового мыла

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

А хотите освоить фотошоп до уровня мастера? Я Вам подскажу, где этому умению могут научить очень быстро и это не так сложно, как кажется. Сложнее будет потом остановиться 🙂 А это волшебное место находится здесь:
Фотошоп с нуля

Кстати, этикетку для мыла можно сделать не только в фотошопе, но и своими руками. Заходите ко мне в гости еще! Буду делиться своими секретами.

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

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

    • Елена:

      Ирина, пожалуйста! Буду рада новым визитам!!! На самом деле фотошоп кажется сложным только до определенного уровня, пока не изучишь основные инструменты и алгоритм выполнения основных эффектов. Но на все это нужно терпение и время, и естественно, работа над собой, выполнение всевозможных уроков. А потом то, что я показала здесь, получится за пять минут.

  2. Irina:

    С открытием новой рубрики, Елена! Очень интересная программа и классный урок! Хотя, честно говоря, мне как «чайнику» пока немного сложновато, но будем осваивать, спасибо!

    • Елена:

      Пожалуйста, Ирина! Фотошоп для блоггера — очень полезная штука. Будут вопросы-обращайтесь!

  3. Сашенька:

    Здравствуйте, Елена! Подскажите, пожалуйста, почему когда Вы создаете элипс — он у Вас выглядит как слой, а у меня миниатюра слоя и миниатюра векторной маски? может я что-то не так делаю?

    • Елена:

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

  4. Анна:

    Здравствуйте!Так как я «чайник», я хочу спросить.У меня не получается нажать Редактирование- Выполнить обводку. Выполнить обводку не получатся, вообще не высвечивается, в чём причина, что я не так нажала?

    • Елена:

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

      • ОЛЬГА:

        У МЕНЯ ТОЖЕ НЕ ГОРИТ ВЫПОЛНИТЬ ОБВОДКУ. УЖЕ И НА ГАЛОЧКУ ЖАЛА И ЗАНОВО ВСЕ СОЗДАВАЛА-ТОЛКУ НОЛЬ. ПОМОГИТЕ ПОЖАЛУЙСТА

      • ОЛЬГА:

        ВСЕ ПОЛУЧИЛОСЬ СПАСИБО БОЛЬШОЕ

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

        Пожалуйста, Ольга! Хорошо, что все получилось 🙂

      • Диана:

        У меня тоже не получается. все перепробовала!!! Помогите,пожалуйста! Не сделать обводку!(

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

        Диана, надо внимательно пересмотреть все настройки:
        -должен быть выбран именно тот слой, который обводим;
        -цвет обводки должен отличаться, для этого мы либо меняем перед обводкой основной цвет (два квадратика слева внизу, кликаем по верхнему из них), либо изменяем параметр цвета в окне «Выполнить обводку»;
        -в этом же окне Непрозрачность на 100%, режим наложения нормальный.
        Если опция не подсвечивается, то совет выше либо бывает, что просто нужно еще раз нажать на меню Редактирование. Удачи!

      • Диана:

        Елена, у меня все равно не получается, я отправила вам в контакте свои скриншоты))) Очень жду помощи))

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

        Диана, ответила вконтакте!

  5. Елена:

    Елена, а я наверное по вашему уроку открытки круглые попробую нарисовать.Идея мне понравилась, спасибо фотошоп-мастеру.

    • Елена:

      Елена, пожалуйста! Удачи! А в фотошопе на самом деле можно очень многое нарисовать.

  6. Александр:

    Этот урок никакого отношения к начинающим не имеет, это скорее всего имеет отношение к совершенствущимся, уже владеющими фотошопом.

  7. Татьяна:

    Здравствуйте, Елена! Большое спасибо за такую нужную информацию, сейчас буду пытаться осваивать фотошоп, несколько раз пыталась, плохо дается. Варю мыло с нуля, хотелось бы красиво украсить лентой, сделанной своими руками, ищу, не могу найти как их делать, может поможете? Думаю благодарна буду не только я.

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

      Татьяна, здравствуйте! Я немножко не поняла, о каких именно лентах идет речь? Может, у Вас есть фотографии примеров. Если это фото из интернета, можете ссылки через контактную форму выслать. Либо в нашей группе вконтакте загрузить.
      И, конечно же, желаю удачи в освоении фотошопа! 🙂

      • Татьяна:

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

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

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

  8. Татьяна:

    Жду с нетерпением! Еще раз СПАСИБО за отзывчивость!!! 😉

  9. Наталья:

    Спасибо огромное за этот мастер класс! С фотошопом не особо дружу, а красоты хочется)))

  10. Oly:

    Лена, на 4-ом этапе, где нужно выполнить обводку, в редактировании опция обводки некликабелна. не пойму что не так….

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

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

  11. Oly:

    вот тут тоже не совсем понятно:
    «Теперь аккуратно пройдемся ей по Cлою 1 копия, имитируя стежки»
    прохожусь, ничего не происходит…..

  12. Oly:

    как у вас такие ровненькие стежки получились? у меня все размазывается….

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

      Кисть для этого должна быть с жёсткостью почти 100%, чтобы не было размытия. И рисовать стежки лучше не просто нажатием в одном месте, а как бы проводя поперёк линии коричневой. Я так поняла, раз пошло дело со стежками, то с предыдущим вопросом разобрались? 😉

  13. Арайлым:

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

  14. Татьяна:

    Здравствуйте, очень интересный мастер класс! Я в фотошопе вообще чайник, а он у меня еще и на английском, сижу с переводчиком, почему-то у меня только одна текстура. Какие-то камушки и они только серые, цвет поменять никак не получается.

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

      Татьяна, здравствуйте! Насчёт текстуры — дело поправимое. Их можно добавить из стандартных библиотек либо закачать из интернета.
      Чтобы добавить из стандартной библиотеки, нужно сначала открыть окно добавления стилей двойным щелчком по слою, выбрать «Наложение узора», а затем нажать на стрелочку рядом с пиктограммой текстуры (1). Потом нажать на маленькую стрелочку в выпавшем окне (2) и выбрать из предлагаемых в самом фотошопе (3) либо загрузить узоры (это чуть выше), скачанные с других ресурсов. Картинку-шпаргалку прилагаю
      Подсказка по уроку
      Удачи Вам!!!

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

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

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

Немножко полезностей
Загрузка...
domovenokartunical
© 2016 Домовёнок-Арт