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

уроки

3Dzon.ru

Создаем бейдж в Photoshop

В этом уроке мы узнаем, как нарисовать в Photoshop красочный бейдж с ленточками, и как “прошить” его, создав красивый эффект швейной строчки.

В качестве дополнительных материалов нам понадобится небольшой набор бесшовных, природных гранжевых текстур (http://brushsoulz.com/seamless-natural-grunge-textures) .

Шаг1

Создайте новый документ с размерами 1400 х1000 px.

Шаг2

Прежде всего, сделаем фон. Создайте новый слой, перейдя в Layer > New > Layer (Слои > Новый > Слой) и, включив paint bucket tool (заливка), окрасьте его таким #bdb293 цветом. Теперь откройте в Photoshop файл с текстурой дерева “webtreats-grunge-1.jpg” из набора гранж текстур и перенесите в свой документ. Измените blending mode (режим смешивания) этого слоя на Hard light (Жесткий свет) и уменьшите opacity (непрозрачность) до 75%. Теперь перейдите в Filter > Texture (Фильтр > Текстура) и выберите Texturizer (Текстуризатор), чтобы придать больше выразительности текстуре этого слоя. Затем, добавив эффект Spatter (Разбрызгивание), выбранный в меню Filter > Brush strokes (Фильтр > Штрихи), мы получим красивый, готовый к работе фон.

Шаг3

Переходим к созданию основы нашего бейджа. Для этого возьмите ellipse tool (эллипс) и нарисуйте три круга разных размеров, которые я обозначил, как основной, средний и передний. Залив эти фигуры оттенками любого цвета, который вам по нраву, вы должны получить нечто похожее на рисунок ниже.

Шаг 4

Теперь добавим немного текстуры нашему бейджу. Откройте одну из гранжевых текстур и перенесите ее на холст, расположив этот слой прямо над слоем основного круга. Выберите слой текстуры и, нажав Ctrl, кликните на слое большого круга, выделив, таким образом, его контур, а затем нажмите на иконку add layer mask (добавить слой-маску). В результате применения маски, текстура будет отображаться только в пределах круга. Теперь для текстурного слоя измените blending mode (режим смешивания) на overlay (перекрытие) и уменьшите fill (заливка) до 80%. Повторив предыдущие действия, добавьте текстуру двум другим фигурам.

Шаг 5

Теперь можно добавить стили для каждого круга, чтобы придать изображению больше глубины. Начните с основного круга, перейдя в Layer > Layer style > Blending options (Слои > Стиль слоя > Параметры наложения) и выбрав указанные ниже настройки стиля.

Шаг 6

Для средней фигуры выберите следующие настройки стиля слоя:

Шаг 7

Настройки стиля для переднего круга.

Шаг 8

Теперь мы “прошьем” большой круг по периметру, чтобы сделать наш бейдж более привлекательным. Установите первым такой # d36b42 цвет. Возьмите brush tool (кисть) и, открыв панель настроек (brush panel), выберите указанные ниже параметры, которые позволят кисти имитировать стежки швейной строчки.

После этого создайте новый слой и, выбрав pen tool (перо), нарисуйте окружность диаметром чуть меньше большого круга. Затем кликните на контуре правой кнопкой и выберите Stroke path > Brush (Выполнить обводку контура > Кисть). Кликнув еще раз правой кнопкой, выберите команду delete path (удалить контур). Теперь добавьте строчке тень (drop shadow), перейдя в Layer > Layer style (Слои > Стиль Слоя). Сделав это, мы получим красивую окружность швейной строчки.

Шаг 9

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

Я написал на передней фигуре Quality Template (Качество шаблона), расположив надпись полукругом. Чтобы сделать так, выберите ellipse tool (эллипс) и, указав на панели настроек опцию path (контуры), нарисуйте внутри передней фигуры круг. Теперь выберите type tool (текст) и подведите мышку к линии круга. Когда форма курсора изменится, щелкните левой кнопкой мыши, и тогда на линии появится мигающий курсор, разрешающий ввод текста, который будет располагаться вдоль линии с внешней стороны окружности. А чтобы “затолкать” надпись внутрь и перевернуть, нужно, нажав клавишу Ctrl, взяться за нее мышкой и потащить в направлении центра круга. Для того чтобы расположить текст, как на рисунке, в нижней половине круга, выберите path selection tool (выделение контура) и, взявшись за текст, просто перемещайте его внутри окружности. При этом мы заметим на линии круга два управляющих узелка, крестик и кружочек. Крестик задает место, где надпись начинается, а кружок указывает, где она должна закончиться, поэтому, сначала передвиньте кружок на конец нижней половины круга, а затем крестик перетащите в начало. Вот и все.
Чтобы немного украсить текст, я еще добавил в композицию звезды и линию.

Шаг 10

Теперь мы сделаем ленточку для нашего бейджа. Выберите pen tool (перо) и нарисуйте контур ленты.

Кликните правой кнопкой по контуру и выберите Make selection (Образовать выделенную область), затем залейте ее таким # 024678 цветом.

Шаг 11

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

После этого “прострочите” ленточку голубоватой (#e2e8e8) нитью таким же образом, как описано на шаге 8. Учитывая, что у вас уже настроена кисть, имитирующая стежки, просто обведите пером (pen tool) границы ленты и, выбрав команду Stroke path (Выполнить обводку контура), примените кисть и затем добавьте шву тень (drop shadow).
Мы все сделали, и я надеюсь, что этот урок вам понравился.

Небольшие программы – 3D TopoGun – MARI 2D PixPlant – Bitmap2Material – CrazyBump

Рисуем бейдж в фотошоп

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

Шаг 1. Создадим рабочий файл 400х400 пикселей (CTRL+N), зальем пространство линейным градиентом (G).

Шаг 2. Создадим форму бейджа. Пусть это будет многоконечная звезда. Создаем новый слой (Shift+CTRL+N). Выбираем Polygon Tool (U), указываем количество сторон (sides) 30 и настроиваем polygon option.

Указываем в панели инструментов желаемый тип заливки и создаем звезду.

Шаг 3. Немного украсим получившуюся звезду. Нажимаем правую кнопку мыши на слое со звездой, выбираем blending options и заполняем данные как на табличках ниже.

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

Шаг 4. Придадим форме объем. Копируем слой с бейджем. С нажатой клавишей CTRL нажимаем мышкой на новый слой, должна выделиться звезда. Выполняем команду select > modify > contract, ставим значение 3. Звезда чуть уменьшится. Слегка поворачиваем звезду и смешаем ее влево или вправо. Затем в свойствах слоя выбираем Overlay и прозрачность уменьшаем до 70%.

Шаг 5. Копируем слой с которым мы только что работали и повторяем select > modify > contract, ставим значение 3. Затем заливаем звезду белым.

Шаг 6. Выбираем Polygonal Lasso Tool, пересекаем весь бейдж по диагонали и замыкаем лассо, затем нажимаем клавишу Delete.

В свойствах слоя выбираем Soft Light и уменьшаем прозрачность (Opacity) до 30%.

Бейдж готов. Пишем на нем текст, добавляем к тексту тень (drop shadow) синего цвета и получаем законченое решение.

Как сделать и распечатать бейдж на принтере? Размер стандартного бейджа, шаблоны и инструкция, как сделать бейдж в Word самому

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

Скачать шаблон бейджа >>>

Стандартный размер бейджа

Главная сложность в том, что нет готовых шаблонов бейджей, заключается в том, что бейджи могут быть разных размеров. Мы нашли в интернете размеры от 30 мм до 60 мм по высоте — и все они обычные горизонтальные бейджи. В то же время лично мне всегда попадались бейджедержатели одного размера, поэтому предлагаю исходить из размера стандартного бейджа 90х55 мм.

Как сделать и распечатать бейджик?

Предлагаю инструкцию, как сделать бейджи любого размера.

Шаг 1

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

Шаг 2

Откройте новый документ Word и выберите ориентацию листа. Для стандартного бейджа лучше всего сделать альбомную ориентацию, для вертикального — оставить по умолчанию.

На вкладке Разметка страницы выберите Альбомная.

Далее сделаем отступы от границ страницы поменьше: Разметка страницы — Поля — Узкие.

Шаг 3

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

Получится вот такая таблица

Далее выделим таблицу. Для этого наведем курсор на левый верхний угол таблицы, пока не появится крестик.

Далее нажнем правой кнопки мыши на крестик. Появится контекстное меню, в котором выберем пункт Свойства таблицы.

В свойств таблицы на вкладке Строка:

• задаем высоту строки — 5,5 (см);
• размер — точно;
• убираем галочку Разрешить перенос строк на новую страницу.

На вкладке Столбец ставим ширину столбца — 9 (см).

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

Шаг 4

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

Ставим курсор мыши в первую ячейку и начинаем работать.

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

Чтобы уменьшить размер рисунка, его нужно выделить, щелкнув по нему, подвести курсор мыши к углу и, когда курсор изменится, «схватить» левой кнопкой мыши и потянуть внутрь. Более подробно о работе с рисунками смотрите в соответствующей статье или в нашем дистанционном курсе по Word.

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

Полностью форматируем содержимое первой ячейки — первого бейджа.

Шаг 5

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

Шаг 5. Как распечатать бейджик?

Для распечатки бейджика нажимаем CTRL + P и в открывшемся окне нажимаем Печать.

Таким образом мы рассмотрели создание бейджика в Word, и вы сможете создать свои бейджи под любой нестандартный размер — нужно только создать таблицу с ячейками нужного размера. Обратите внимание, что нужно один раз отформатировать бейджик и далее уже просто копировать текст и менять ФИО и надписи, а не делать оформление в каждой ячейке отдельно.

Видеоурок

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

Есть мнение?
Оставьте комментарий

Понравился материал?
Хотите прочитать позже?
Сохраните на своей стене и
поделитесь с друзьями

Вы можете разместить на своём сайте анонс статьи со ссылкой на её полный текст

Ошибка в тексте? Мы очень сожалеем,
что допустили ее. Пожалуйста, выделите ее
и нажмите на клавиатуре CTRL + ENTER.

Кстати, такая возможность есть
на всех страницах нашего сайта

2007-2020 “Педагогическое сообщество Екатерины Пашковой — PEDSOVET.SU”.
12+ Свидетельство о регистрации СМИ: Эл №ФС77-41726 от 20.08.2010 г. Выдано Федеральной службой по надзору в сфере связи, информационных технологий и массовых коммуникаций.
Адрес редакции: 603111, г. Нижний Новгород, ул. Раевского 15-45
Адрес учредителя: 603111, г. Нижний Новгород, ул. Раевского 15-45
Учредитель, главный редактор: Пашкова Екатерина Ивановна
Контакты: +7-920-0-777-397, info@pedsovet.su
Домен: https://pedsovet.su/
Копирование материалов сайта строго запрещено, регулярно отслеживается и преследуется по закону.

Отправляя материал на сайт, автор безвозмездно, без требования авторского вознаграждения, передает редакции права на использование материалов в коммерческих или некоммерческих целях, в частности, право на воспроизведение, публичный показ, перевод и переработку произведения, доведение до всеобщего сведения — в соотв. с ГК РФ. (ст. 1270 и др.). См. также Правила публикации конкретного типа материала. Мнение редакции может не совпадать с точкой зрения авторов.

Для подтверждения подлинности выданных сайтом документов сделайте запрос в редакцию.

сервис вебинаров

О работе с сайтом

Мы используем cookie.

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

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

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

Источники:

http://www.3dzon.ru/photoshop/sozdaem-beydg-v-photoshop.html

http://www.fotokomok.ru/rusuem-bejdzh-v-fotoshop/

http://pedsovet.su/word/6120_kak_raspechatat_beydg_v_worde