Разное

Этикетки для фотошопа: Этикетки » PSD-Shablon.ru

19.10.2023

Этикетка для мыла. Урок фотошоп для начинающих

Рубрика: Полезные уроки 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 копия, имитируя стежки:

Давайте избавимся от ненужного фона на этом слое. Для этого идем в Выделение – Цветовой диапазон и пипеткой выбираем фоновый цвет (бежевый). Нажимаем ОК, а потом 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. Тоже самое проделываем с декором.

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

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

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


Понравилась статья? Поделитесь ссылкой с друзьями:

  Метки: мыло ручной работы, уроки фотошоп

Создание упаковки с изображением в 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: умное создание пользовательских этикеток (объектов)

SHARES

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

Линни Дейтон и Кристен Гиллеспи, авторы книги Photoshop CS/CS2 Ух ты! Книга (Peachpit Press). Этот учебник поддерживается worldlabel.com.

Шаг 1.

Откройте шаблон этикетки, чтобы использовать его в качестве ориентира для определения размера и размещения изображения этикетки.
(Совет: когда мы искали формат этикетки для 4,25-дюймовой квадратной поверхности коробки для производителя свечей, мы зашли на сайт www.worldlabel.com. Они предоставляют бесплатные шаблоны дизайна в формате PDF, которые можно открыть непосредственно в Photoshop. разрешение, которое мы хотели для этикеток

Чтобы лучше видеть развивающееся изображение, добавьте новый слой под шаблоном этикетки (Mac: нажмите кнопку «Создать новый слой», удерживая клавишу «Command», внизу палитры «Слои»; нажмите ее, удерживая клавишу «Ctrl», на ПК). Залейте новый слой белым цветом; (введите D для цветов по умолчанию, а затем нажмите Command-Delete на Mac или Ctrl-Backspace на ПК).

Шаг 2.

Создайте этикетку в верхнем левом углу шаблона. Мы используем файл с обрезанной, тонированной фотографией со сглаженными краями. Используйте инструмент «Перемещение» (клавиша V), чтобы перетащить фотографию в файл шаблона этикетки. Затем используйте Свободное преобразование (Cmd/Ctrl-T), чтобы масштабировать импортированную фотографию (перетаскивая ее за угол, удерживая нажатой клавишу Shift) и позиционировать ее (перетаскивая внутри поля преобразования). Нажмите клавишу Enter, чтобы завершить трансформацию.

Затем откройте файл с логотипом торговой марки (в нашем примере: One Candle™, сохраненный как слой формы), затем перетащите этот слой в файл. Чтобы интегрировать тип с фотографией, нажмите кнопку «Добавить стиль слоя» в нижней части палитры «Слои», а затем выберите «Тень». Для мягкого, ровного «темного свечения» по краям в диалоговом окне «Стиль слоя» уменьшите непрозрачность тени до 60% и установите для параметра «Расстояние» значение 0, затем нажмите «ОК». В палитре «Слои» уменьшите непрозрачность заливки слоя, чтобы немного просвечивало фоновый цвет.

Чтобы добавить название аромата к дизайну этикетки, выберите инструмент «Текст» (T), щелкните образец цвета на панели параметров и щелкните фотографию, чтобы выбрать фиолетовый цвет. Выберите шрифт, стиль и размер, а затем введите «Лаванда». Нажмите клавишу Enter, чтобы закончить ввод, и перетащите, удерживая нажатой клавишу «Command/Ctrl», чтобы поместить слово в нужное место.


Шаг 3.

Чтобы упростить повторение этикетки, используйте смарт-объект. Внутри палитры «Слои» щелкните соответствующие миниатюры (в данном случае текст, логотип и фото), удерживая нажатой клавишу «Command»/«Ctrl», и выберите «Слой» > «Смарт-объекты» > «Сгруппировать в новый смарт-объект».

Теперь продублируйте новый слой смарт-объекта (Command/Ctrl-J) столько раз, сколько вам нужно, чтобы заполнить одну строку вашего шаблона (мы сделали две копии). Выберите инструмент «Перемещение» (V), удерживайте нажатой клавишу Shift и перетащите вправо, используя шаблон в качестве ориентира, чтобы расположить последнюю копию в верхней правой рамке этикетки. В палитре «Слои» щелкните, удерживая клавишу Command/Ctrl, все остальные слои смарт-объектов, чтобы также нацелить их, и на панели параметров выберите горизонтальное распределение, чтобы завершить ряд меток. В этом примере мы использовали «Распределить левые края», но любой из трех горизонтальных вариантов сделает то же самое.

Когда все смарт-объекты по-прежнему выделены в палитре слоев, щелкните, удерживая клавишу Shift, кнопку «Создать новую группу» в нижней части палитры, чтобы сгруппировать их.


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

(Для маленьких надписей в нижней части листа выберите инструмент «Текст» и введите название аромата, номер телефона и URL-адрес компании в верхнем левом поле надписей. Затем превратите этот текстовый слой в другой смарт-объект («Слой» > «Смарт-объекты» > «Сгруппировать в новый смарт-объект»), чтобы мы могли повторить его, как мы сделали для основной этикетки. На этот раз сделайте пять дубликатов смарт-объекта, распределите их, сгруппируйте их и продублируйте группу, чтобы получился второй ряд.)

Шаг 4.

Теперь подготовьтесь к печати этикеток. Вы не хотите, чтобы контуры этикеток печатались, поэтому в палитре «Слои» щелкните значок глаза для слоя шаблона этикетки, чтобы отключить его видимость. Сохраните файл (Ctrl/Command-S). Затем вставьте запас этикеток в принтер, выберите «Файл» > «Печать» и напечатайте столько копий, сколько хотите.

Шаг 5.

После разработки макета этикетки вы можете легко изменить весь лист этикетки, отредактировав один слой смарт-объекта. В палитре «Слои» щелкните крошечный треугольник слева от значка папки группы, чтобы отобразить содержимое группы — в этом случае группа содержит слои смарт-объектов. Затем дважды щелкните любую миниатюру смарт-объекта, чтобы открыть сам файл смарт-объекта (.psb); палитра слоев нашего смарт-объекта показана здесь:

Теперь внесите изменения. Например, в этом примере мы изменили метку «Лаванда» на «Эвкалипт и лаванда». Чтобы внести изменения, выберите слой с фотографией в палитре «Слои» и добавьте над ним корректирующий слой «Цветовой тон/Насыщенность», нажав кнопку «Создать новый слой-заливку или корректирующий слой» в нижней части палитры «Слои» и выбрав его во всплывающем меню. В диалоговом окне «Цветовой тон/Насыщенность» включите параметр «Раскрасить», переместите ползунок «Оттенок», уменьшите насыщенность и увеличьте яркость, пока не получите зеленый цвет, затем нажмите «ОК».

Чтобы ограничить зеленый цвет верхней левой половиной этикетки, примените градиент к маске. Выберите инструмент «Градиент» (G) и на панели параметров выберите градиент «Черный, белый» из раскрывающегося списка. Перетащите из верхнего левого квадранта изображения в нижний правый квадрант; градиент формируется в маске слоя слоя Hue/Saturation. Оставив слой Hue/Saturation в палитре Layers, закрасьте пламя черным цветом, который затемнит маску, чтобы защитить пламя от изменения цвета.

Затем выберите текстовый слой в палитре «Слои», выберите инструмент «Текст», щелкните строку текста непосредственно перед «L» в «Лаванде» и введите «Эвкалипт &»; затем нажмите Enter, чтобы завершить редактирование.
После того, как вы внесли все необходимые изменения в эту метку, используйте магию смарт-объектов. Просто сохраните измененный файл .psb (Command/Ctrl-S), чтобы обновить ВСЕ этикетки на листе.

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

Сохраните новый лист этикеток под другим именем файла (Ctrl/Command-Shift-S), чтобы защитить исходный лист этикеток.

Нужно больше этикеток? Ваш шаблон смарт-объекта готов для следующего пакета. Изменения этикетки, отражающие изменение продукта, сезона или даже просто вашего «корпоративного настроения», теперь выполняются быстро и легко!

Как создавать этикетки продуктов в Photoshop

Всем привет, у нас есть учебник по дизайну/иллюстрации.

Мы работаем над этикеткой для пива Micro brew.

Шаг 1

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

Вот набросок на бумаге перманентным маркером. Отсканируйте свою работу и сохраните файл с разрешением 300 dpi. Чем больше, тем лучше, так лучше всего работает уменьшение масштаба! Эскиз был сделан красным, поэтому мы могли легко отделить штриховой рисунок от эскиза. Как? Супер легко! Сначала назовите свой слой, дважды щелкнув по нему.

Шаг 2

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

Вы копируете этот уровень канала ctrl+c на ПК command+c на MAC. И вы снова нажимаете на композитный канал (RGB), чтобы выбрать их все. Вы возвращаетесь на панель слоев и вставляете красный канал как слой ctrl+v на ПК или command+v на MAC. Назовите новый слой LINE ART.

Шаг 3

Перейдем к настройке уровней ctrl+L на ПК или command+l o MAC и настроим ползунки, чтобы получить чистое черно-белое изображение. Постарайтесь избавиться от всего серого. Легкий! Теперь, чтобы избавиться от белого и сохранить чистое искусство залога! Итак, мы можем избавиться от нашего первого наброска или оставить его, если вам нравится история. Лично мне нравится иметь все свои слои в конце и видеть, насколько изображение изменилось от начала до конца. (Я знаю, что многие из вас, возможно, умирают из-за левого глаза ниндзя, но я доберусь до этого!) Хорошо, теперь мы избавляемся от белого фона. Скройте все свои слои, кроме штрихового рисунка, нажав Alt+щелчок на ПК или optn+щелкнув MAC над значком маленького глаза на слое. Мы открываем параметры смешивания нашего слоя LINE ART, дважды щелкнув пробел рядом с именем или просто перейдя к кнопке «FX».

После этого выбираем параметры наложения. Там у вас будет 3 блока, а третий — тот, который нам нужен: «Смешать, если: серый». Здесь вы хотите сдвинуть белый треугольник влево, пока белый полностью не исчезнет! Нажмите OK, когда закончите.

Шаг 4

Отлично! Теперь нам нужно заблокировать эти изменения, поэтому нам нужно нажать Ctrl + щелчок на ПК или команду + щелчок по MAC на значке создания нового слоя, чтобы новый слой появился под нашим слоем штрихового рисунка. Затем выберите оба и нажмите ctrl+e на ПК или command+e на MAC, чтобы объединить оба слоя в один и сохранить прозрачность. Потрясающий! Теперь мы можем, наконец, продублировать этот глаз и подготовиться к его раскрашиванию.

Шаг 5

После того, как все в порядке, мы можем перейти к процессу рисования. Создайте новый слой под лайн-артом и разместите все свои плоские цвета.

Шаг 6

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

Шаг 7

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

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

Шаг 8

Поскольку вы закончили с персонажем. Пришло время поработать над этикеткой. Установите свой размер и разрешение в новом документе. Помните, что разрешение 300+dpi лучше всего подходит для печати. Во-первых, мы устанавливаем цвет фона зеленым. Нажмите Alt+Backspace на ПК или option+Backspace на MAC, чтобы заполнить слой цветом по вашему выбору.

Шаг 9

С помощью мягкой кисти, Dodge и Burn Tool вам нужно проработать тени и свет. Затем выберите зелень с тем же осветлением и затемнением, но с текстурированной кистью, как показано ниже.

Шаг 10

Теперь приступим к работе над эффектом звездообразования. Создайте новый слой; а затем нарисуйте линию и темно-серые прямоугольники следующим образом:

Шаг 11

Перейдите в главное меню и выберите «Фильтры», затем «Искажение» и, наконец, «Полярные координаты» и используйте ПРЯМОУГОЛЬНЫЙ В ПОЛЯРНЫЙ. БАМ! Звездообразование. Теперь уменьшите непрозрачность примерно до 50% и измените режим наложения на «Перекрытие».

Шаг 12

Пришло время овалов. Во-первых, мы создаем наш овал в темно-зеленом цвете. Затем примените следующие стили слоя и примените следующие настройки, как показано ниже:

Шаг 13

Мы дублируем слой, нажав ctrl+j на ПК или command+j на MAC. Затем измените цвет на более темно-зеленый и настройте параметры обводки на:

Затем добавьте слой с иллюстрацией

.

Добавить комментарий

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