Бирка для фотошопа: Рисуем картонную бирку в Фотошоп / Фотошоп-мастер

13.04.2018 alexxlab

Содержание

Рисуем картонную бирку в Фотошоп / Фотошоп-мастер

В этом уроке мы создадим фотореалистичную картонную бирку, используя базовые средства Adobe Photoshop CS6.

Конечный результат:

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) размером 800х800 пикселей.

Шаг 2

Выберите инструмент Перо (Pen Tool) (P) и нарисуйте основу для бирки цветом #c09d77.

Шаг 3

Добавьте якорные точки и закруглите правые углы.

Шаг 4

Нужно вырезать дырку. Создайте новый слой и инструментом Эллипс (Ellipse Tool) (U) создайте круг цветом #c09d77. Диаметр круга – 44 пикселя.

Шаг 5

Выберите оба слоя и перейдите в меню Слой > Объединить фигуры > Вычесть переднюю фигуру (Layer > Combine Shapes > Subtract Front Shape).

У Вас должна появиться дырка.

Шаг 6

Сейчас мы создадим текстуру картона. Выделите форму бирки (удерживая Ctrl, кликните на миниатюре слоя), создайте новый слой (Ctrl + Shift + Alt + N) и залейте выделение цветом #c09d77. Примените к этому слою фильтр шума (Фильтр > Шум > Добавить шум) (Filter > Noise > Add Noise).

Шаг 7

К бирке примените стиль Отбрасывание тени (Drop Shadow) через иконку fx в нижней части панели слоёв.

Шаг 8

Выберите инструмент Прямоугольник со скругленными углами (Rounded Rectangle Tool) (U). На панели параметров выберите пунктирную обводку, выключите заливку и установите толщину обводки на 1,24pt. Цвет обводки — #362f2d. Создайте прямоугольник на бирке, как показано на скриншоте.

Шаг 9

К пунктирной обводке примените стиль Отбрасывание тени (Drop Shadow).

Шаг 9

Выберите инструмент Эллипс (Ellipse Tool) (U), на верхней панели выключите заливку, включите обводку толщиной 7,06pt цветом #76726f. Создайте кольцо вокруг дырки.

Шаг 10

Примените к кольцу следующие стили:

Тиснение (Bevel & Emboss):

Контур (Contour):

Обводка (Stroke):

В результате получится пластмассовое кольцо.

Шаг 11

Инструментом Перо (Pen Tool) (P) нарисуйте верёвку цветом #745029. Уберите заливку и включите обводку толщиной 2,99pt.

Шаг 12

К верёвке примените следующие стили:

Тиснение (Bevel & Emboss):

Текстура (Texture):

Отбрасывание тени (Drop Shadow):

Результат:

Шаг 13

Выберите инструмент Горизонтальный текст (Horizontal Type Tool) (T), настройте его, как показано на скриншоте, и напишите текст на бирке цветом #222526. Среднюю линию текста напишите шрифтом размером 40pt.

Шаг 14

Теперь мы создадим штрих-код. Инструментом Прямоугольник (Rectangle Tool) (U) создайте вертикальную фигуру цветом #bdbfbe. Поверх чёрного прямоугольника создайте серый, без заливки, но с чёрной обводкой.

Шаг 15

Выберите шрифт «Calibri» и напишите цифры.

Шаг 16

Создайте множество вертикальных прямоугольников одинаковой высоты без заливки с чёрной обводкой. Все прямоугольники поместите в одну группу.

Шаг 17

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

Шаг 18

Поместите штрих-код на бирку.

В завершение можете добавить какой-нибудь текстурный фон.

Автор: Shaina

PSD исходник — Бирки / Фотошоп-мастер

Размещаем подборку с работами пользователей со статусами PRO и Master. Давайте поддержим каждого лайками и отзывами в комментариях.

951 7

Если вы давно хотели узнать, как в реальности проходит процесс создания рекламных материалов у профессионалов, предлагаем небольшой бэкстейдж.
1336 5

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

В новой подборке бесплатностей вы найдете векторную графику, бесшовные узоры, детские иллюстрации, космические фоны, крутой пак для создания комиксов.
1576 1
Мастер-класс смотреть онлайн: Делаем бирку в фотошопе
Доброго времени суток!
У меня на готове следующий урок по фотошопу.
Сегодня мы будем делать красивую бирку на наши изделия.
Начнем!
Откроем новый документ с такими параметрами (в принципе размер бирки может быть и другим, главное разрешение поставьте 300) (для распечатски бирки, откройте режим CMYK, а не RGB):

заливаем наш «Задний план» нужным цветом. Я захотела сделать темно-синим.
Вставляем 3 фотографии изделий и уменьшаем их до нужного размера. (как это делать можно посмотреть в предыдущих моих МК).
Крайние фотографии я немного исказила, чтобы был эффект удаленности. За верхние и нижние внешние уголки стягиваем слегка вверх.
Дублируем каждую картинку, нажав CTRL+J
Теперь каждое продублированное изображение нужно трансформировать по вертикали. Для этого зайдите Редактирование-Трансформирование-Отразить по вертикали.
Перетащите мышкой отраженные изображение под фотографии, состыковав с краями исходных картинок.
сейчас нужно снова исказить наши отраженнные фото, чтобы внешние края совпадали с краями исходных фото. Редактирование-Трансформирование-Искажение.
У нас должен получится такой результат.
Входим в режим быстрой маски (Q). Выбираем инструмент Градиент от белого к чёрному.
Теперь наш курсор превратился в крестик. Ведём этим крестиком от нижнего края изображения до места стыковки (можно даже зайти немного на исходные картинки) и отпускаем. Вот что получаем.
Выходим из быстрой маски (Q). У нас появилось выделение.
нажимаем Выделение-Инверсия
Активируем по очереди каждую отраженную картинку и нажимаем Delete, я нажимала по 2 раза на каждом фото, получается более прозрачное отражение.
Снимаем выделение, нажав Ctrl+D.
Теперь применияем к каждой картинки тиснение и внешнее свечение. (на панельке со слоями буква f в кружочке)
Уменьшите обязательно Непрозрачность… примерно до 20%. Увеличьте размах и размер свечения.
У тиснения на авто стоит черный цвет, я его заменила на темно-синий, получается не так грубо.
получаются объемные фотографии, стоящие на зеркальной поверхности.
теперь нажимаем на панеле инструментов букву Т и пишем более светлым цветом нужный текст поверх картинок и адрес сайта внизу. Применяем к слою текста «тиснение»,как для фото. И белое внешнее свечение, тоже как на фото.
Верхний текст я сделала немного изогнутым. Для этого эффекта сверху есть кнопочка буква с дугой.
Активируем «Задний план», берем жесткую кисть белого цвета и ставим кружочек нужного диаметра с правого края нашей бирки. Это будет обозначенно место, где дыроколом нам делать дырочку. Можно и не рисовать этот кружочек. )))
Наш результат:
По моему получилось очень красиво ))))
Спасибо всем за внимание )))
До скорых встреч )))
Кстати, таким образом можно сделать и плакатик или календарик на стену из личных фотографий )))
Это мой ПОСЛЕДНИЙ МК, больше писать свои уроки тут не буду (на ярмарке). Очень расстроилась из-за последних событий, когда из-за одной ошибки в предыдущем моем МК (с макетом пакета) на меня вылили ведро не лестных сообщений… хотя если честно… можно было просто поправить, указав на ошибку и всё… сказать, что не правильный режим выбрала… но такого я больше слушать не хочу… мне мои нервы дороже!
хотя с тем мк я просидела около 3 часов, старалась, чтобы сделать имеено для Вас… для мастером ЯМ…
так что милые мастера, которым нравились мои МК, скажите спасибо «доброму» мастеру… и обращайтесь к нему за правильными МК….
бирка PNG образ | Векторы и PSD-файлы
бирка крафт бумаги закладка мультфильм
1201*1201
бирка продажи специального предложения
1200*1200
специальное предложение распродажа 50 красных бирка скидка предложение ценник символ для рекламной кампании в рознице
1200*1200
метки винтажные бирки с цветами
2500*2500
бирка продажи
1200*1200
круглая розовая бирка
1200*1200
бирка ярлыка горячего сбывания в пламени круга пожара
1200*1200
бирка продажи лучшей цены
1200*1200
Большая распродажа бирка с прозрачным фоном
1200*1200
цветочные минималистичные бирки в стиле ретро
1200*1200
креативная распродажа баннеров в стиле комиксов с деревянными
800*800
бирка бирки сбывания цветастого предложения
1200*1200
бирка продажи
241*224
бирка со скидкой
3000*3000
бирка продажи
1200*1200
бирка продажи
1200*1200
бирка ленты
800*800
бирка продажи
1200*1200
бирка продажи лучшей цены
1200*1200
бирка дизайна знамени предложения продажи
1200*1200
бирка имбиря
1200*1200
бирка продажи
1200*1200
акварельные бирки
1200*1200
Ручная роспись бирка розовая отложена извините английская иллюстрация
2500*2500
золотой шестиугольник бирка дня рождения
1200*1200
прямоугольная бирка
1200*1200
бирка продажи
1200*1200
бирка промотирования красного геометрического полигона половинная
1200*1200
бесплатный шаблон оформления логотипа
1200*1200
современная мода черное золото бирка декоративные элементы
1200*1200
бирка ярлыка супер сбывания
2100*2100
золотая бирка ганеш чатуртхи
1200*1200
бирка продажи
1200*1200
Торт десертный хлебобулочная этикетка
1201*1201
металлические бирки
500*469
ромбоэдрическая бирка
1200*1200
бирка PNG, векторы, PSD, иконы для свободного скачивания
бирка продажи
1200*1200
бирка продажи
400*533
круглая розовая бирка
1200*1200
бирка крафт бумаги закладка мультфильм
1201*1201
бирка продажи
1200*1200
готовые бирки
2000*2000
метки винтажные бирки с цветами
2500*2500
бирка промотирования красного геометрического полигона половинная
1200*1200
бирка бирки сбывания цветастого предложения
1200*1200
бирка продажи
1200*1200
бирка дизайна знамени предложения продажи
1200*1200
бирка ярлыка горячего сбывания в пламени круга пожара
1200*1200
бирка продажи специального предложения
1200*1200
винтажная старая бумажная бирка
1773*489
бирка продажи лучшей цены
1200*1200
разнообразие изысканного торта десертной бирки
1024*1024
металлические бирки
500*469
изысканные бирки медоносной пчелы
1200*1200
Деревянная бирка
1200*1200
золотой шестиугольник бирка дня рождения
1200*1200
бирка продажи
1200*1200
бирка ленты
800*800
специальное предложение распродажа 50 красных бирка скидка предложение ценник символ для рекламной кампании в рознице
1200*1200
бирка имбиря
1200*1200
коричневый бирка продаж
1200*1200
бирка продажи
1200*1200
багажная бирка
1201*1201
акварельные бирки
1200*1200
бирка продажи
1200*1200
бирка продажи
1200*1200
красивые и чистые бирки
1200*1200
вирпурная бирка
1200*1200
бирка с квадратной скидкой
1200*1200
бирка продажи
241*224
Простой стиль подарочной бирки
2501*2501
бирка продажи
1200*1200
бирка с квадратной скидкой
1200*1200
цветочные минималистичные бирки в стиле ретро
1200*1200
бирка с квадратной скидкой
1200*1200
осенние бирки
1200*1200
бирка продажи
1200*1200
золотая бирка ганеш чатуртхи
1200*1200
бирка для фотошопа PNG, векторы, PSD, иконы для свободного скачивания
векторный баннер фотошоп дизайн
1200*1200
векторный баннер дизайн ленты фотошоп png скачать бесплатно
1200*1200
бирка продажи
1200*1200
синий световой луч фотошоп фотошоп
1200*1200
скачать векторную ленту фотошоп
1200*1200
дизайн баннера фотошоп v
1200*1200
векторный баннер дизайн фотошоп
1200*1200
векторный баннер лента фотошоп
1200*1200
фотошоп световые эффекты png скачать
1200*1200
солнечный свет png световой эффект psd фотошоп
1200*1200
бирка продажи
400*533
эффект желтого света солнечного света png фотошоп
1200*1200
круглая розовая бирка
1200*1200
бирка крафт бумаги закладка мультфильм
1201*1201
бирка продажи
1200*1200
готовые бирки
2000*2000
метки винтажные бирки с цветами
2500*2500
бирка промотирования красного геометрического полигона половинная
1200*1200
бирка бирки сбывания цветастого предложения
1200*1200
бирка продажи
1200*1200
бирка дизайна знамени предложения продажи
1200*1200
бирка ярлыка горячего сбывания в пламени круга пожара
1200*1200
бирка продажи специального предложения
1200*1200
винтажная старая бумажная бирка
1773*489
бирка продажи лучшей цены
1200*1200
вирусный клипарт в фотошопе
2500*2500
разнообразие изысканного торта десертной бирки
1024*1024
металлические бирки
500*469
книга макет фотошоп шаблон
1200*1200
стили слоев фотошопа
2000*2000
празднование годовщины фотошоп шаблон
2000*2000
звезды png прозрачный фотошоп
1200*1200
изысканные бирки медоносной пчелы
1200*1200
серебряный стиль слоя фотошопа
2000*2000
бирка для фотошопа PNG образ | Векторы и PSD-файлы
векторный баннер фотошоп дизайн
1200*1200
векторный баннер дизайн ленты фотошоп png скачать бесплатно
1200*1200
бирка крафт бумаги закладка мультфильм
1201*1201
синий световой луч фотошоп фотошоп
1200*1200
векторный баннер дизайн фотошоп
1200*1200
дизайн баннера фотошоп v
1200*1200
фотошоп световые эффекты png скачать
1200*1200
специальное предложение распродажа 50 красных бирка скидка предложение ценник символ для рекламной кампании в рознице
1200*1200
метки винтажные бирки с цветами
2500*2500
бирка продажи
1200*1200
солнечный свет png световой эффект psd фотошоп
1200*1200
бирка ярлыка горячего сбывания в пламени круга пожара
1200*1200
эффект желтого света солнечного света png фотошоп
1200*1200
вирус короны
2500*2500
дерево пнг
3696*3696
Большая распродажа бирка с прозрачным фоном
1200*1200
бирка со скидкой
3000*3000
Ручная роспись бирка розовая отложена извините английская иллюстрация
2500*2500
креативная распродажа баннеров в стиле комиксов с деревянными
800*800
бирка ярлыка супер сбывания
2100*2100
спот сумка макет шаблона фотошоп
1200*1200
легкий текстовый эффект на дороге светящийся текстовый эффект
1500*1500
векторный баннер лента фотошоп
1200*1200
скачать векторную ленту фотошоп
1200*1200
бизнес флаер
1200*1200
звезды png прозрачный фотошоп
1200*1200
Макет iphone 11 и png в psd файле можно использовать в посте или распечатать
2752*2752
день святого валентина флаер
800*800
градация 2 тело карикатура нечеткое рисование дизайн
5492*5492
Красно черная креативная текстура торопит бирки
1200*1200
красная этикетка большая распродажа 50 скидка большая бирка
640*640
цветочные минималистичные бирки в стиле ретро
1200*1200
векторный баннер дизайн ленты фотошоп скачать бесплатно
1200*1200
логотип значок adobe
1200*1200
фотография свернуть баннер
800*800
40+ Photoshop Text Styles: Лучшие из 2019
Условия использования
Политика конфиденциальности
Политика использования куки-файлов
Свяжитесь с нами
Нет результата
Посмотреть все результаты
НОВОСТНАЯ РАССЫЛКА Дом
Дизайн
Бесплатный дизайнерский товар
.
Учебники и шаблоны Adobe Photoshop для дизайнеров
Искать:
Искать:
× Все статьи
Коллекции
CSS
Фриланс
Вдохновение
JavaScript
13 900 Learn13 900 Learn13 900 Learn13 900 Learn13 900 Learn13 Маркетинг
Мобильный интерфейс пользователя
Photoshop
Типография
UX Design
Веб-дизайн
WordPress
Все статьи
Коллекции
CSS
Фриланс
Вдохновение
JavaScript
Learn
Маркетинг
Мобильный пользовательский интерфейс
Photoshop
Типография
UX Design
Веб-дизайн
WordPress
×
Бесплатные шаблоны макетов реалистичного логотипа
При разработке логотипа компании требуется способ тестированиякак это будет выглядеть, когда оно не на экране компьютера.Применение логотипа в реальных сценариях, таких как… Подробнее
Альтернативы Photoshop для дизайнеров
Одним из самых больших препятствий для становления веб-дизайнером или графическим дизайнером является стоимость. Профессиональное программное обеспечение для проектирования требует времени для изучения и стоит дорого. Фотошоп может быть… Читать дальше.
40 + Premium & Free PSD 3D Удивительные эффекты стиля текста 2018 для лучшего дизайна!
Ты любишь текстовые эффекты? Мы очень рады обратить ваше внимание на нашу новую свежую статью с 40 + Premium & Free PSD 3D Amazing Text Style Effects для лучшего дизайна!
Существует множество возможностей для дизайнеров и разработчиков получить абсолютно бесплатный профессиональный дизайн и сэкономить много времени на создание необходимого дизайна и воплощение в жизнь множества интересных идей.
Вы можете выбирать из очень профессиональных и современных PSD-текстовых эффектов, которые могут привнести оригинальность и стиль в ваш дизайн.Все они являются PSD-файлами с несколькими слоями, которые можно легко настроить в Photoshop. Замена смарт-объектов позволит вам добиться лучших результатов.
Чтобы создать профессиональный дизайн для рекламной кампании, веб-сайта или мобильного приложения, создания фирменного стиля или печатной продукции, важно следовать четким инструкциям, тенденциям и иметь план. Секрет успеха этого метода заключается в том, что существует четкий алгоритм действий, соблюдение которого приведет к хорошему результату.
Выберите любую премиальную или бесплатную версию этих интересных и очень профессиональных изолированных 3D-объектов для бумаги — Scene Generator! Вы можете сделать действительно классную сцену в Photoshop.Используйте графику для частных и коммерческих проектов. Выберите любой цвет для изображения. Все объекты разделены на .PSD со слоями и могут быть настроены!
Если вы уже работали дизайнером в течение многих лет или только в начале своей творческой карьеры, важно иметь готовые профессиональные PSD-эффекты в стиле текста в коллекциях вашего дизайнера. Для вас может быть очень легко увидеть конечный результат вашей работы, когда у вас есть из чего выбрать.Кроме того, они могут принести вам вдохновение в самый важный и необходимый момент.
Выберите любой из этих красивых и профессиональных бесплатных текстовых эффектов PSD и развивайте свое воображение вместе с бесплатными шаблонами PSD. Пусть ваши проекты будут успешными и вернутся за новыми материалами и свежим вдохновением. Использование Photoshop Получите Photoshop как часть Cre
.
Синонимов тегов ‘photoshop’ — Переполнение стека
Переполнение стека
Товары
Клиенты
Случаи использования
Переполнение стека Публичные вопросы и ответы
Команды Частные вопросы и ответы для вашей команды
предприятие Частные вопросы и ответы для вашего предприятия
работы Программирование и связанные с ним технические возможности карьерного роста
Талант Нанимать технический талант
реклама Связаться с разработчиками по всему миру
.