Этикетка для мыла. Урок фотошоп для начинающих
Рубрика: Полезные уроки Photoshop
Опубликовано 21.06.2012 · Комментарии: 35 · На чтение: 5 мин
Здравствуйте, дорогие мои читатели! Сегодня открываю новую рубрику, посвященную графическому редактору Adobe Photoshop. Ведь он дает нам поистине безграничные возможности проявить свою художественную фантазию. Но это при условии, что Вы уже знакомы достаточно хорошо с программой. Знаю, многие хотели бы научиться создавать хотя бы элементарные вещи, поэтому мой раздел в первую очередь посвящен так называемым чайникам, т.е. мои уроки будут ориентированы для начинающих. Но это все лирическое отступление.
Мой первый урок посвящен мыловарению. Каждый мыловар хочет сделать неповторимое мыло ручной работы, и упаковка, соответственно, должна быть уникальной, лучше всего — если это упаковка своими руками. На ней, как правило, указывается очень много важной информации: состав (полезности) мыла ручной работы, срок годности, да и название, в конце концов.
Открываем редактор Adobe Photoshop. И создаем новый документ Файл – Создать. Я собиралась распечатывать сразу несколько этикеток, поэтому создала документ формата А4 с такими настройками:
Выбираем правой кнопкой в панели инструментов Эллипс. В верхнем меню необходимо поменять цвет заливки, для чего жмем на прямоугольник с цветом и устанавливаем значение fff3ce.
Зажав клавишу shift, рисуем круг необходимого диаметра (у меня это 6 см). Для наглядности я всегда включаю Линейки (Просмотр-Линейки).
Нажимаем сочетание клавиш ctrl+J, таким образом дублируя наш слой. Выбираем Слой 1 копия. Трансформируем его: Редактирование- Трансформирование – Масштабирование (или просто жмем сочетание клавиш ctrl+
T). Вверху изменяем процент длины и ширины до 90%.
Применяем настройки (нажимаем на галочку вверху или просто enter).Пока изменений не видно, сейчас исправим. Идем в Редактирование – Выполнить обводку и устанавливаем следующие настройки: меняем основной цвет на #584407, ширина 10 пикс., снаружи (фото кликабельно).
Таким образом, мы сделали основание для нашей будущей нити, которой будет «обшита» по краю этикетка для мыла ручной работы. Добавим слой маску: нажимаем на прямоугольник с точкой в панели слоев.
Выбираем круглую кисть, настроим ее так (нажмите для увеличения):
Теперь аккуратно пройдемся ей по Cлою 1 копия, имитируя стежки:
Давайте избавимся от ненужного фона на этом слое. Для этого идем в Выделение – Цветовой диапазон и пипеткой выбираем фоновый цвет (бежевый). Нажимаем ОК, а потом
Придаем текстуру нитке: дважды кликаем по слою в палитре слоев или идем в Слои – Стиль слоя .
Применим следующие настройки:
Тень – настройки по умолчанию;
Текстура — выбираем узор «Мешковина», масштаб – 146%, глубина 60%;
Тиснение – заменяем черный цвет режима тени на коричневый, чтобы не так грубо выглядела наша веревочка, непрозрачность 65%.
Выбираем нижний слой (Cлой1) и жмем на кнопочку «Создать новый слой», она находится рядом с корзинкой в панели слоев или идем в меню Cлои – Новый – Слой.
Выбираем круглую кисть с жесткостью 100% и диаметром 20 пикс. Цвет устанавливаем черный или близкий к черному (ведь в природе не бывает идеально черных вещей!). Цвет кисти в фотошоп выбирается в панели инструментов в самом низу. Проходимся ею по кончикам каждого стежка. Таким образом, мы получим дырочки.
Далее советую сгруппировать все слои, особенно если вы будете делать сразу несколько этикеток в фотошоп. Зажав shift, выделяем все слои, кликая по ним в панели слоев, а потом нажимаем Ctrl+G.
Открываем картинку с цветком, например, вот эту. Нам необходимо освободиться от фона. Идем в меню Выделение – Цветовой диапазон и кликаем по белой области. Жмем ОК. Мы получили выделение ненужного фона. Кстати, есть еще несколько способов вырезать объект, о них Вы можете узнать в этой статье.
Теперь инвертируем выделение комбинацией клавиш Ctrl+Shift+I. Копируем цветок Редактирование – Скопировать или просто
Переходим на наш документ. Вставляем цветок поверх Группы 1, для чего идем в меню Редактировать – Вставить или Ctrl+V.
Теперь необходимо подогнать по размеру наш цветок. Нажимает ctrl+T и изменяем размер, заодно и перемещаем цветок на нужное место. Не забудьте при трансформации зажать клавишу Shift. Этот прием позволяет изменять размер по длине и ширине, не меняя пропорции объекта.
Применим текстуру к нашему декору. Двойной клик по слою (или в меню Слои – Стиль слоя – Параметры наложения), в открывшемся окне выбираем вкладку Наложение узора и применяем следующие настройки: узор – «белый с волокнами древесины», масштаб – 80%.
А также сделаем тиснение с настройками, как на скриншоте . У кого более старая версия фотошопа, вместо режима подсветки «Экран» выбирайте «Осветление».
Как-то пока для упаковки мыла скромновато. Ниже слоя с цветком создадим еще один слой. Скачиваем с файлообменника красивые кисти с завитками (например, неплохие узоры тут) . Я свои давно уже скачивала, так что могут отличаться от этих. Выбираем инструмент Кисть и загружаем скачанные наборы. Ну, а дальше чистый эксперимент. Кстати, угол наклона кисти можно менять: идем в меню Окно – Кисти и там вращаем, как на скриншоте (клик для увеличения), в нужном Вам направлении. Подробней о работе с кистями Вы можете узнать из этого урока фотошоп.
Вот что у нас получилось.
Теперь осталось сделать все необходимые надписи, ведь мыло ручной работы должно выглядеть достойно! Выбираем инструмент Горизонтальный текст, затем на нужном месте кликаем мышкой и если надо, открываем вкладку настроек текста (меню
Обратите внимание, что слой с текстом должен находиться поверх других слоев.
Ну и последний штрих: мне не нравится, что текст и декор наползают на нитки (ведь наш шов должен быть поверх всего остального). В Группе 1 кликаем по иконке Слоя 1 копия, тем самым вызывая выделение этого слоя, и на активном слое с текстом нажимаем клавишу Del. Тоже самое проделываем с декором.
А вот еще варианты моих этикеток для овсяного и для апельсинового мыла.
Ну вот и все. Теперь Вы знаете, как сделать этикетку для мыла ручной работы. Надеюсь, мой первый урок фотошоп для начинающих был понятен. Если вопросы остались, не стесняйтесь, спрашивайте в комментариях, чем смогу – помогу.
Кстати, этикетку для мыла можно сделать не только в фотошопе, но и своими руками. Заходите ко мне в гости еще! Буду делиться своими секретами.
Понравилась статья? Поделитесь ссылкой с друзьями:
Создание упаковки с изображением в Photoshop
НАЧАЛЬНЫЙ УРОВЕНЬ · 10 MIN
Разместите 2D-изображение на 3D-макете продукта.
Вам потребуется
Скачать материалы к уроку
Скачать Photoshop бесплатно
Теперь попробуйте сами
1. Скачайте материалы к уроку и откройте файл 3d-model-wrapping.psd в Photoshop.
Оформление продукта
2.
Выбрав слой под названием Packaging graphic, перейдите к 3D > Новая сетка из слоя > Стиль сетки > Газированная вода, чтобы разместить на 3D-упаковке изображение. Photoshop спросит, хотите ли вы переключиться в трехмерное рабочее пространство. Нажмите Да, чтобы продолжить.
3. Переключитесь с панели слоев в 3D. Если панель 3D не отображается, выберите Окно > 3D.
4. Установите для сцены Текущий вид на панели 3D.
5. Выберите Переместить 3D-камеру по дуге на верхней панели. Курсор примет вид миниатюрной орбиты, с помощью которой вы сможете вращать трехмерную модель. Теперь можно вращать экран в разных направлениях, чтобы изменить вид банки в пространстве. Выберите вид, при котором частично видны верхняя часть банки и отбрасываемая ею тень.
6.
Теперь поверните банку так, чтобы этикетка была обращена на зрителя. Для этого нажмите на банку, чтобы отобразить ось 3D. Наведите курсор на красный маркер оси y, так чтобы отобразился желтый круг.
7. Вращайте банку перетаскиванием до тех пор, пока этикетка не окажется посередине.
Применение реалистичного материала
8. В качестве финального штриха на макете можно настроить параметры материала банки. Выберите Label_Material в категории Газированная вода на панели 3D и настройте свойства на панели выше. Установите Свечение на 9%, а Металлические свойства — на 16%.
9. Нажмите на значок трехмерного куба в нижней части панели 3D для рендеринга макета. Рендеринг может занять некоторое время — в зависимости от мощности компьютера. После завершения рендеринга можно сохранить макет.
Вот и всё! Теперь ваша очередь.
Разместите 2D-изображение на 3D-макете продукта в Photoshop. Скачайте наши материалы или используйте собственные. Опубликуйте готовую работу в Facebook, Twitter или Instagram с хештегом #MadewithPhotoshop. Получайте отзывы и общайтесь с другими творческими людьми.
Скачайте материалы к уроку.
ПРИСОЕДИНЯЙТЕСЬ
Facebook: http://facebook.com/adobecreativecloud
Twitter: http://twitter.com/creativecloud
Instagram: http://www.instagram.com/adobecreativecloud
YouTube: https://www.youtube.com/channel/UCL0iAkpqV5YaIVG7xkDtS4Q
Behance: https://www.behance.net/live Настоящие профессионалы. Реальные проекты. Смотрите наши трансляции в прямом эфире и вдохновляйтесь.
Вот как создавать удивительные наклейки (учебник по Photoshop)
Создайте то, что понравится вашим клиентам! В этой статье мы предоставим все необходимые этапы проектирования и информацию, чтобы ваши клиенты могли начать покупать то, что им нравится.
Сразу же вы заметите несколько вещей: 1) Стикеры не активируются автоматически в вашем магазине; 2) Каждый дизайн можно приобрести в виде белой или прозрачной наклейки; и 3) наклейки вырезаются по форме вашего произведения искусства.
В этом руководстве рассматриваются:
- Важная информация о наклейке
- Что нужно знать о наклейках перед созданием
- Как преобразовать JPG в PNG в Photoshop
- Как загрузить новую наклейку в Society6
- Получите URL вашего продукта, чтобы начать продавать
Информация об активе стикера
Минимальные характеристики актива стикера:
- Коэффициент активов: 1:1 (квадрат)
- Размер актива: 1800 x 1800 пикселей (минимум)
- Рекомендуемое разрешение: 300
- Рекомендуемый тип файла: PNG
Важное примечание перед проектированием
Будут напечатаны любые пиксели с прозрачностью 50% или выше.
Это означает, что вы не хотите, чтобы какие-либо непреднамеренные пиксели плавали за пределами вашей предпочтительной области печати. Убедитесь, что вы выполнили следующие шаги. Это будет иметь больше смысла, когда вы будете работать с учебником.
Это должна быть стандартная процедура, если это не уже. Сохраняйте заранее. Сохраняйте чаще. Не могу не подчеркнуть это. Вы не хотите пройти половину процесса только для того, чтобы потерять все в результате сбоя программного обеспечения.
Начните продавать свои работы сегодня
Шаг 3: Создайте дубликат фонового слояЩелкните правой кнопкой мыши на слое «Фон» и выберите «Дублировать слой».
Горячие клавиши: Mac: Cmd + J, Win: Ctrl + J
Затем сделайте слой «Фон» невидимым, щелкнув маленький глаз слева от текста «Фон».
Повторяю, любые пиксели с прозрачностью 50% или выше будут напечатаны. Чтобы клиент не вернул ваш продукт из-за непреднамеренной и/или неудобной области печати, обязательно удалите все лишние пиксели, используя описанный ниже метод.
Шаг 4a: Выберите ТОЛЬКО предпочтительную область печати.
Используйте инструменты выделения (Область, Лассо или Волшебная палочка). Это нужно для того, чтобы установить область дизайна, которую вы хотите напечатать для своей наклейки.
Шаг 4b: Инвертируйте ваш выбор.
Перейти в меню: Select > Inverse
Комбинации клавиш: Mac: Cmd + Shift + I, Win: Ctrl + Shift + I
Шаг 4c: Удалите инвертированное выделение из 3b.
Выбрав нужный слой, нажмите клавишу удаления. Теперь у вас есть чистый образ.
В будущем в блоге мы расскажем о более продвинутом методе неразрушающего редактирования с использованием масок слоя (т.
е. о том, как это делают профессионалы). Это позволяет редактировать, не разрушая исходное изображение.
Перейдите в меню Photoshop: «Файл» > «Сохранить как…» > выберите PNG из раскрывающегося списка > «Сохранить»
Загрузите только что созданный PNG в Society6Нажмите «Управление моим произведением искусства» в раскрывающемся меню пользовательской навигации (в правом верхнем углу окна браузера).
*В этом примере мы предполагаем, что ваш дизайн уже доступен для продажи. Если вам нужно сначала загрузить свой дизайн, нажмите «Продать» на панели навигации и следуйте инструкциям.
Найдите дизайн, к которому вы хотите добавить наклейки, и щелкните вертикальный эллипс в крайнем правом углу продуктов. Выберите «Редактировать товары».
Нажмите «Технологии» в категории навигации и затем наведите указатель мыши на наклейку. Нажмите «Изменить».
Перетащите только что созданный файл PNG в поле «Загрузить изображение клиента».
Теперь отрегулируйте размер и положение по своему вкусу.
Убедитесь, что ваш дизайн простирается до краев зоны безопасного поля, не пересекая их. Таким образом, ваши наклейки будут напечатаны в правильном размере и с красивым закругленным краем. Например, когда покупатель покупает 3-дюймовую наклейку, он получает наклейку размером 3 дюйма. Нажмите «Сохранить и закрыть», когда закончите.
Если это новое произведение искусства, нажмите «Опубликовать», как только вы активируете продукты, которые хотите продать.
*В зависимости от активности сайта может возникнуть небольшая задержка, прежде чем ваш новый продукт появится в вашем магазине.
Найдите URL своего продукта и начните продавать Вернитесь на страницу управления произведениями искусства. Вы можете сделать это, нажав «< Назад ко всем сообщениям» в правом верхнем углу Artist Studio. Кроме того, вы можете навести курсор мыши на аватар своего профиля и нажать «Управление моей работой» (как вы делали раньше).
Найдите дизайн, который вы только что отредактировали. Нажмите «Просмотреть включенные продукты» чуть ниже названия вашего произведения искусства. Затем перейдите к новой наклейке. Нажмите на значок, который выглядит как глаз.
Вуаля! Мы с нетерпением ждем всех дизайнов!
Чтобы узнать больше обо всех аспектах продажи своих произведений искусства в Интернете, обязательно посетите раздел «Руководство для продавцов» в нашем блоге или сразу же перейдите на наш учебный курс для художников.
Начните продавать свои работы сегодня
Бен Реншен
Фотограф
Society6.com/benrenschen
Ранее: Менеджер по развитию художников в Society6
Посмотреть сообщения
Отмечен как образование художника, новости, фотошоп, обучение продукту, учебник,
Как легко создавать листы с наклейками в Adobe Photoshop
Хотите создать лист с наклейками, но не знакомы с Adobe Illustrator? Хотя мы всегда отдаем предпочтение векторному документу в отношении конечного результата, мы в Jukebox даем вам возможность создавать и экспортировать файл с помощью Adobe Photoshop.
Пройдите эти шаги вместе с нами, и вы будете готовы создать свой собственный лист с наклейками еще до того, как узнаете об этом.
Если вы предпочитаете работать в Adobe Illustrator, прочитайте этот учебник здесь.
Шаг 1. Настройте файл
Создайте новый документ Photoshop желаемого размера.
Добавьте 0,625 дюйма к ширине и высоте, которые будут работать как кровотечение. Например: 8,5″ x 5,5″, так как ваш конечный размер будет 8,625″ x 5,625″ после добавления выпуска за обрез.
Убедитесь, что для параметра Цветовой режим выбрано значение CMYK, а для разрешения — 300 PPI. Наклейки производятся в CMYK, а не в RGB. Узнайте больше о CMYK и RGB.
Для цветового профиля выберите U.S. Sheetfed Coated v2.
Нажмите «Создать».
Шаг 2. Задайте ориентиры
Хорошо иметь четкое представление о Dieline (конечный размер вашего листа) и запас безопасности при проектировании, чтобы убедиться, что вы работаете в правильных областях.
Для этого создайте прямоугольник (U), установите размер 8,5 х 5,5 дюймов и назовите этот слой «Дилайн».
Затем создайте еще один прямоугольник, установите размер 8,375 дюймов на 5,375 дюймов и назовите этот слой «Запас безопасности».
Убедитесь, что оба прямоугольника расположены в центре вашего документа, и держите эти два слоя поверх документа во время проектирования.
Не забудьте отключить видимость этих двух слоев перед экспортом перед печатью!
Шаг 3: Добавьте цвет фона
Создайте для этого отдельный слой и назовите его «Фон». Добавьте простой фоновый цвет, градиент, узор, фотографию или что-то еще, с чем вы хотели бы работать.
Шаг 4: Создайте свой рисунок
Начните создавать иллюстрации в Photoshop или импортируйте иллюстрации из других программ, таких как Adobe Illustrator.
Шаг 5: Расположите иллюстрации в желаемом порядке
Создайте интересную компоновку, вращая элементы и/или делая некоторые наклейки больше других.
Это поможет выделить макет и сделать лист наклеек более привлекательным.
Держите важные элементы в пределах запаса прочности, чтобы избежать обрезки каких-либо из этих элементов в процессе производства.
Шаг 6: Добавьте дополнительные элементы
Чтобы придать вашему листу наклеек дополнительный характер, вы можете добавить дополнительные элементы на фоновый слой, которые не будут напечатаны как наклейка. Когда вы довольны результатом, выберите слой добавленных элементов и фоновый слой, щелкните правой кнопкой мыши и выберите «Объединить слои».
Шаг 7: Организация слоев
Если ваши иллюстрации разделены на разные слои, нам нужно объединить их в один слой.
На панели «Слой» выделите все слои, содержащие ваши стикеры, и перейдите в «Слой» > «Объединить слои». Назовите этот слой «Наклейки».
Шаг 8: Создание Easy-Peel
Чтобы определить, где следует разрезать наклейку, нам нужно добавить еще один слой для Easy-Peel.
Cmd + щелкните слой «Наклейки», и вы должны увидеть, что все элементы в этом слое теперь выделены.
Перейдите в Select > Modify > Expand и установите 35 пикселей.
Создайте из этого новый слой и назовите его «Easy-Peel».
На панели слоев выберите «Сплошной цвет» и установите нужный цвет.
Нет необходимости добавлять белую рамку, поэтому, если вы предпочитаете стикеры без визуальной рамки, выберите тот же цвет, что и фон.
Добавьте обводку, выбрав «Слой» > «Стиль слоя» > «Обводка» и установите размер на 2 пикселя.
Во избежание проблем важно также оставлять достаточно места между наклейками.
Убедитесь, что расстояние между Easy Peels составляет не менее 0,2 дюйма, и все готово.
После того, как вы закончите, щелкните правой кнопкой мыши слой и выберите «Растрировать слой».
Шаг 9: Добавьте слой Сквозной вырез
Если вы предпочитаете определенный тип выреза для вашего листа, например, закругленные углы в нашем примере, добавьте его как отдельный слой и назовите его «Сквозной вырез».
Шаг 10. Экспортируйте файл
Когда вы будете довольны результатом, вам нужно правильно экспортировать файл.
Но сначала давайте быстро проверим ваш документ:
- Проверьте ваш файл на наличие неточностей в тексте или дизайне
- В вашем файле TIFF должна отображаться область выпуска за обрез, но не будет меток обрезки.
Метки обрезки будут добавлены к вашему файлу перед печатью. - Убедитесь, что слои Safety Margin и Dieline отключены, чтобы это не было напечатано.
- Если вы использовали какие-либо эффекты или стили слоя, вы должны свести эти слои перед экспортом, чтобы избежать каких-либо проблем с печатью и/или различий. Для этого щелкните правой кнопкой мыши слой и выберите «Растрировать стиль слоя».
Когда все будет проверено, выполните следующие действия:
— Выберите «Файл» > «Сохранить копию»
— Назовите файл
— Выберите «TIFF» в качестве формата
— Нажмите «Сохранить»
Вот и все! Теперь ваш лист наклеек готов к загрузке, и нам не терпится начать производство этих замечательных листов с наклейками.