Как сделать бирку в фотошопе
Перейти к содержимому

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

  • автор:

Mannodesign

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

yarlyk1.jpg

yarlyk2.jpg

yarlyk3.jpg

Сегодня я покажу, как можно нарисовать в Фотошопе такой симпатичный ярлычок с ниткой.

Создадим в фотошоп новый документ 570х400 пикселей с белым фоном. Добавим новый слой (Ctrl+Shift+N). Затем включаем инструмент Polygonal Lasso Tool и, удерживая нажатой клавишу Ctrl, создаем выделение для будущего ярлыка. Клавиша Ctrl помогает вести мышку строго под углами в 90° и 45° .

Заливаем выделение при помощи ведерка (Paint Bucket Tool) цветом #5C3710.

Теперь заходим: Select – Modify – Contract и в окошке Contract by выставляем значение 4 пиксела. Выделение «сожмется» ровно на 4 пискела. Зальем теперь выделенный участок другим цветом — #8A5011

Снимаем выделение (Ctrl+D). Создаем новый слой. На новом слое при помощи инструмента Овальное Выделение (Elliptical Marquee Tool), удерживая нажатой клавишу Shift, выделим круглый участок под будущее металлическое колечко:

Далее, выставляем в палитрах два различных по светлоте серых цвета #666565 и #A5A2A3, включаем инструмент Градиент (Gradient Tool), в котором выставляем значение Radial Gradient, и проводим вертикально мышкой из центра выделенной окружности вверх и немного за край выделения:

Снимем выделение (Ctrl+D) и добавим колечку немного теней:

Из этой пуговки теперь сделаем колечко. Снова включим инструмент Овальное Выделение (Elliptical Marquee Tool) и удерживая уже одновременно две клавиши Alt + Shift, устанавливаем курсор в центр «пуговки» и из нее строим круглое выделение чуть меньших размеров. Если все же с центровкой промахнулись, то при помощи клавиш стрелок подгоните выделение ровно по центру. А затем нажмите клавишу Delete.
«Пробили» отверстие в пуговке, а теперь то же самое надо проделать и с самим ярлыком. Не снимая выделения, переключитесь на слой с ярлыком и снова нажмите клавишу Delete. Снимаем выделение и получаем вполне объемное металлическое колечко.

Создадим новый слой и, используя различные кисти и шрифты, нарисуем на ярлыке какую-нибудь полезную (или не очень) информацию.

Теперь нужно объединить все слои кроме фона-подложки. У последнего выключаем «глазик», затем заходим: Layer – Merge Visible. Снова сделаем видимым слой с фоном. Получим уже вполне похожий на ярлык образ. Теперь мы его немного развернем, добавим тень и нарисуем ниточку.

Сначала сделаем поворот. Заходим в Edit – Transform – Rotate, поворачиваем ярлык по часовой стрелке и немного сдвигаем его вниз. Нажимаем Enter.

Теперь добавим тень.

yarlyk16.jpg

И нарисуем нитку. Для чего создадим новый слой, на котором будем рисовать при помощи инструмента Перо (Pen Tool). Но сначала активируем в панели инструментов обычную кисть (Brush Tool), которой в настройках зададим размер в 3 пикселя.

Переключаемся на инструмент Перо (Pen Tool), в настройках которого должен быть включен режим Paths.

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

yarlyk19.jpg

Когда закончили рисовать контур нитки, кликаем правой клавишей мышки по любому кусочку контура (только не по самим точкам-анкорам!). В выпадающем контекстном меню выбираем пункт Stroke Path. Появится диалоговое окно с предложением выбрать инструмент. Выбираем кисточку.

А теперь еще раз проделаем этот же трюк. Снова кликнем правой клавишей на участке контура, но уже выберем пункт Delete Path. Получим настоящую черную нитку.

yarlyk21.jpg

Правда она у нас лежит поверх ярлыка, а надо, чтобы проходила через отверстие. Для этого включаем инструмент Резинка (Eraser Tool) и стираем часть нитки.

yarlyk22.jpg

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

Требования к макету для бирки на одежду

Если Вы приняли решение, делать макет дизайна бирки самостоятельно, для Вас мы подготовили шаблон.

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

PDF

Шаблон дизайна бирки вертикал .pdf

Ai

Шаблон дизайна бирки вертикал .ai

Шаблон дизайна бирки вертикал .psd

PDF

Шаблон дизайна бирки горизонтал.pdf

Ai

Шаблон дизайна бирки горизонтал .ai

Шаблон дизайна бирки горизонтал .psd

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

ВАЖНО! Если Ваш макет не соответствует «ПОЖЕЛАНИЯ К ПОДАЧЕ МАКЕТА», претензии по срокам и качеству не принимаются.

Пожелания к подаче макета:

Мы принимает к печати только следующие форматы файлов:
Adobe PhotoShop (*.psd, *.tiff); Adobe Illustrator (*.ai, *.eps); Adobe PDF (*.pdf)
При использовании формата *.jpeg для растровых изображений следует помнить, что степень сжатия достигается за счет потери качества изображения.
Применение форматов *.gif, *.bmp, *.pict, а также изображений, помещенных в верстку через «буфер обмена» просто недопустимо.

1. ОБЩИЕ ТРЕБОВАНИЯ К ФАЙЛАМ

Не используйте в названии файлов русских букв.
Не допускать использования цветовых моделей кроме CMYK, Pantone — (RGB, HSB, LAB).
Вылеты за обрез (по 2 мм для листовой продукции и 5 мм для многополосной продукции), если макет в EPS или TIFF вылеты должны быть симметричными.
Элементы дизайна должны находиться от края изделия (внутрь) на 3–4 мм..
В макетах, сверстанных в программах Illustrator все шрифты должны быть в кривых.
Разрешение для растровых изображений должно быть не менее 300 dpi.
Заливка черным по формуле — С:60; М:40; Y:40; K:100.
При выборе цветов не стоит доверять изображению вашего монитора. Не стоит, также, ориентироваться на отпечаток, полученный на принтере.
Один файл должен содержать одно изделие! Если у Вас продукция имеет лицо и оборот — нужно готовить два файла.
Макет не должен содержать никаких ICC-профилей. При наличи цветовых профилей растровый процессор автоматически их применяет, что далеко не всегда приводит к желаемому результату.
Подтверждением корректности и соответствия макета является утвержденный по e-mail электронный макет, высланный заказчику.

2. ПРАВИЛЬНОЕ МАКЕТИРОВАНИЕ ПЕЧАТНОЙ ПРОДУКЦИИ

Для всех макетов, готовящихся в печать, действует универсальное правило: к размерам готового изделия необходимо добавлять по 2 мм под обрез с кажой стороны. А все надписи и важные элементы дизайна, необходимо размещать на расстоянии 3 мм от краев готового изделия.
Размер бирки в готовом виде — 50х90 мм., в макете же необходимо задать 54х94.

3. РАЗРЕШЕНИЕ МАКЕТОВ

Сохраняя изображение для размещения в публикации, используйте форматы TIFF или EPS. Файл должен соответствовать цветовой модели CMYK. Убедитесь, что файл не содержит в себе каких-либо дополнительных каналов, слоев и путей, за исключением пути обтравки (Clipping Path) в файлах EPS. Без необходимости применения сложных эффектов к тексту, не набирайте его в пакетах растровой графики. Если текст все-таки набран, не меняйте параметров Image Size, будьте готовы к тому, что напечатанный текст (особенно мелкий) может оказаться размытым, неразборчивым, с «рваными» краями. Убедитесь в правильном разрешении изображения — 300 dpi.

4. RGB, CMYK И PANTONE

Режим RGB (red — красный, green — зеленый, blue — синий) используется светоизлучающими устройствами, такими, например, как мониторы или проекторы.

Режим CMYK (cyan — голубой, magenta — пурпурный, yellow — желтый, black — черный) является цветовым режимом в сфере профессиональной печати.

Каждый цветовой режим имеет свою гамму, или диапазон цветов, который с его помощью может быть воспроизведен. Цветовая гамма RGB шире, что накладывает определенные ограничения при переводе изображения в режим CMYK. Цветовая гамма, которая может быть воспроизведена с помошью красителей CMYK, зависит также от свойст самих красителей бумаги, на которую эти красители наносятся. Незначительные цветовые отклонения могут быть вызваны и самим печатным устройством.

. На печати можно передать далеко не весь цветовой диапазон

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

ПРАВИЛЬНЫЙ ЧЕРНЫЙ

Черный текст в макете должен быть в одну краску по формуле С:0; М:0; Y:0; K:100.
Заливка черного цвета должна соответствовать формуле С:60; М:40; Y:40; K:100.

5.Черный текст

С:60; М:40; Y:40; K:100 — неправильно
С:0; М:0; Y:0; K:100 — правильно

6.Заливка черным цветом

С:0; М:0; Y:0; K:100 — неправильно
С:60; М:40; Y:40; K:100 — правильно

7. ТИПОГРАФИКА

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

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

Полезные статьи о полиграфии

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

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

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

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

Рисуем бирку в фотошоп

На этом уроке Фотошоп мы рассмотрим пример создания бирки и верёвки. И объединим их вместе.

Рисуем бирку в фотошоп

Шаг 1. Создайте новый документ. Создайте новый слой (Shift + Ctrl + N). Выберите инструмент Прямоугольная область (М) и нарисуйте выделенную область, как на рисунке. Выберите бежевый цвет (#c8a46d) и залейте область, нажав Alt + Backspace. Снимать выделение пока не нужно.

11-1-7-1

Шаг 2. В нижней части палитры Слои нажмите значок похожий на букву f и выберите команду Обводка. Установите следующие значения (цвет #a9834f) и нажмите ОК.

11-1-7-3

Шаг 3. Выберите команду Фильтр — Текстура — Текстуризатор (Filter — Texture — Texturizer). Установите значения и нажмите ОК.

11-1-7-4

У Вас должно получиться следующее:

11-1-7-5

Шаг 4. Выберите команду Выделение — Модификация — Сжать (Select — Modify). Укажите значение 40 пикселей и нажмите ОК. Затем скопируйте на новый слой нажав Ctrl + J.

Шаг 5. В палитре Слои два раза нажмите на только что скопированном слое и выберите команду Внутреннее свечение. Укажите следующие значения и нажмите ОК.

11-1-7-6

Шаг 6. В палитре Слои активируйте Слой 1 щёлкнув на нём. Выберите инструмент Овальная область (М) и нарисуйте выделенную область по середине, как на рисунке.

11-1-7-7

Нажмите Backspace, чтобы вырезать отверстие и снимите выделения Ctrl + D.

Шаг 7. Напишите текст на бирке подобрав подходящие шрифты. Для примера я сделал так:

11-1-7-8

Выключите самый нижний слой Заднего плана, нажав на изображении глаза в палитре Слои и объедините все слои составляющие бирку нажав Shift + Ctrl + E. Теперь включите слой с Задним планом. Нам осталось нарисовать шнурок к нашей бирке.

Шаг 8. Создайте новый документ. Создайте новый слой (Shift + Ctrl + N). Выберите инструмент Прямоугольная область (М) и нарисуйте выделенную область, как на рисунке. Выберите серый цвет и залейте область, нажав Alt + Backspace. Снимать выделение не нужно.

Возможно, вам будет это интересно: Прозрачные 3D объекты

11-1-7-9

Шаг 9. Выберите команду Фильтр — Эскиз — Полутоновый узор (Filter — Sketch — Halftone Pattern). Введите следующие значения и нажмите ОК. Затем снимите выделение Ctrl + D.

11-1-7-10

Шаг 10. Выберите инструмент Свободное трансформирование (Ctrl + T) и поверните прямоугольник, как показано ниже. Затем нажмите Enter.

11-1-7-11

Шаг 11. Выберите инструмент Прямоугольная область (М) и нарисуйте узкую выделенную область.

11-1-7-12

Скопируйте на новый слой Ctrl + J. Выберите инструмент Свободное трансформирование (Ctrl + T), щёлкните правой кнопкой мышки на рамке и выберите команду Повернуть на 90°. Нажмите Enter. Выключите слой с большим прямоугольником.

Шаг 12. Выберите команду Фильтр — Искажение — Искривление (Filter — Distort — Shear). На сетке изобразите следующую фигуру и нажмите ОК.

11-1-7-13

Шаг 13. В нижней части палитры Слои нажмите значок похожий на букву f и выберите команду Тиснение. Укажите следующие значения и нажмите ОК.

11-1-7-14

Шаг 14. С помощью инструмента Перемещение (V) перетащите шнурок на документ с биркой. Уменьшите размер бирки и шнурка, чтобы всё уместилось в рамках документа, и расположите их, как показано с помощью инструмента Свободное трансформирование (Ctrl + T).

11-1-7-15

Шаг 15. Создайте копию слоя со шнурком (Ctrl + J). В палитре Слои переместите копию со шнурком под слой с биркой.

11-1-7-16

Выберите инструмент Свободное трансформирование (Ctrl + T), щёлкните правой кнопкой мышки на рамке и выберите команду Отразить по горизонтали. Соедините верхние концы шнурков и переместите нижний конец так, как будто он выходит из отверстия с другой стороны. Ну, вот и всё, наша бирка готова.

11-1-7-2

Автор: Владимир Нестеров Источник: photoshop-virtuoz.ru

Рисуем в Photoshop весеннюю бирку к 8 марта

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

+ Эксклюзивная бирочка или этикетка всегда добавит уникальности и индивидуальности любому подарку.

+ Удобно использовать в качестве визитки и ценника на выставках-ярмарках.

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

+ Может стать и самостоятельным декоративным элементом открытки или сувенира с вашими теплыми пожеланиями.

+ Отдельные шаблоны бирочек можно самостоятельно вставить в Ворд (и любой другой редактор) и изменить размеры перед печатью.

Покажу уже готовые, распечатанные, варианты для вдохновения:

Рисуем в hotoshop весеннюю бирку к 8 марта, фото № 1Рисуем в hotoshop весеннюю бирку к 8 марта, фото № 2

Рисуем в hotoshop весеннюю бирку к 8 марта, фото № 3Рисуем в hotoshop весеннюю бирку к 8 марта, фото № 4

Сегодня научитесь рисовать круглую БИРКУ в Photoshop.

Для начала создадим новый документ (Файл-Создать). Указываем размеры, ставлю 10 на 10 см разрешение 300 пикселей.

Рисуем в hotoshop весеннюю бирку к 8 марта, фото № 5

Используем инструмент Фигура «Эллипс», зажав кнопку Shift на клавиатуре растягиваем круг на весь размер документа.

Рисуем в hotoshop весеннюю бирку к 8 марта, фото № 6

После создания круга — откроется окно Свойства (те же настройки есть в верхнем меню) выберем заливку красивого розового цвета. Используемый оттенок cc2461. Перемещайте курсор по Палитре цвета чтобы выбрать другой цвет.

Рисуем в hotoshop весеннюю бирку к 8 марта, фото № 7

Повторим действия, создав круг меньшего диаметра. Для заливки выберем светло-розовый (ff9fb2).

Рисуем в hotoshop весеннюю бирку к 8 марта, фото № 8

При помощи инструмента перемещение выравниваем расположение круга по центру.

Рисуем в hotoshop весеннюю бирку к 8 марта, фото № 9

Создаем еще один круг диаметром чуть-чуть меньше предыдущего. Уберем заливку и поставим «обводку по контуру» с пунктиром толщиной в 7 пикселей.

Рисуем в hotoshop весеннюю бирку к 8 марта, фото № 10

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

Рисуем в hotoshop весеннюю бирку к 8 марта, фото № 11

Теперь повернем: в верхнем меню Редактирование-Трансформирование-Поворот на 90 градусов против часовой.

Рисуем в hotoshop весеннюю бирку к 8 марта, фото № 12

Скопируем слой (зажимаем Ctrl+J ) с сердечком и меню Редактирования выберем «Отразить по горизонтали». Размещаем сердечки друг напротив друга. С помощью знакомого инструмента Фигура-Произвольная-Баннер3 рисуем ленточку между сердечками.

Рисуем в hotoshop весеннюю бирку к 8 марта, фото № 13

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

Рисуем в hotoshop весеннюю бирку к 8 марта, фото № 14

А вот и результат.

Рисуем в hotoshop весеннюю бирку к 8 марта, фото № 15

Чтобы сохранить изображение бирки на прозрачном фоне уберем видимость слоя Фон (нажав на глазик рядом с названием слоя) и в верхнем меню нажмем Файл-Сохранить как, обязательно укажите тип файла PNG.

Рисуем в hotoshop весеннюю бирку к 8 марта, фото № 16

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

Делюсь парой готовых бирочек:

Рисуем в hotoshop весеннюю бирку к 8 марта, фото № 17

Рисуем в hotoshop весеннюю бирку к 8 марта, фото № 18

Хотите больше готовых вариантов? В магазинчике Shokobox вас бесплатно ждут 6 дизайнов бирочек, на страничках полностью готовых для распечатки!

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

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