Выделение печати в фотошопе. Рисуем реалистичную печать

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

Как видите, третьего пункта нет, потому как изготовлением печатей для подделки документов я не занимаюсь, чего и вам не рекомендую!

Итак, приступим.

1. Создайте новый документ в фотошопе. Для этого, нажмите «ФАЙЛ» => «СОЗДАТЬ» или нажмите на клавиши клавиатуры (Ctrl+N) . Установите размеры 170 х 176 пикс.

2. Выберите инструмент «Карандаш» или нажмите на клавишу (В) и установите кисть на 2 пикселей

Задайте цвет #4170d6

3. Теперь, создайте новый слой и выберите инструмент , установите режим контуров .

Удерживая клавишу «Shift» , нарисуйте круг

4. Выберите инструмент «Выделение контура» или нажмите (А) . Наведите стрелочку на контур окружности и кликните левой кнопкой мыши по окружности.
Откроются дополнительные функции, в которых выберите «Выполнить обводку контура…»

Выберите и жмите «ОК»

У вас появится синий контур.
Нажмите на птичку вверху с левой стороны и контур вспомогательной линии исчезнет

5. Таких кружков нужно сделать три штуки. Правой кнопкой мыши нажмите на слой с синим кружком, и в появившемся меню нажмите «Создать дубликат слоя…» . Я назвал слой «Круг-1» , не обращайте на это внимание, у вас он будет называться «Слой-1»

В результате у вас будет три слоя с одинаковым кружком

6. Выберите последний слой и нажмите на (Ctrl+T) или «Редактирование» => . Придерживая клавишу «Shift» тяните за уголок, чтобы равномерно уменьшить или увеличить кружок.

Проделайте такой фокус и со вторым слоем. Если круги сместились с центра, вы можете их выровнять, нажав инструмент «Перемещение» или (V) и курсором право/лево/верх/вниз, выстройте их по центру.

Вот так примерно должно получиться у вас:

7. Теперь нужно сделать текст на круглой печати.
Для этого выключите все слои, нажав на «глаз» возле слоя, и выбрав инструмент «Форма эллипса» , установите режим контуров . Удерживая клавишу «Shift» , нарисуйте круг примерно так, как у меня:

Выберите инструмент «Текст» и установите размер 18пт., шрифт «Calibri», цвет #4170d6. Наводите на линию окружностей и кликаете

Теперь можно писать текст по контуру окружности. Напишите любое слово, например «Уроки фотошоп»

Теперь, включите все слои, нажав на «глаз» возле каждого слоя. Выберите слой с текстом «Уроки фотошоп». Нажмите на кнопки (Ctrl + T) или «Редактирование» => «Свободное трансфармирование контура» и, придерживая кнопку «Shift» , тяните за уголок, чтобы равномерно уменьшить или увеличить текст по контуру.

Следующие исходные материалы были использованы для создания данного урока:

Портрет Мужчины

1. Создаём Гранжевый Задний Фон

Шаг 1

Создайте новый документ со следующими размерами 850 x 550px . Вы, конечно же, можете использовать другие размеры рабочего документа для своей работы, но при этом, вы должны пропорционально скорректировать все размеры, которые будут использованы в этом уроке.

Добавьте гранжевую текстуру бумаги на наш рабочий документ.

Шаг 2

2. Создаём Форму Почтового Штампа

Шаг 1

Выберите инструмент Эллипс (Ellipse Tool). Удерживайте клавишу (Shift ), чтобы создать идеальный круг. Назовите этот слой Круг 1 (Circle 1).

Шаг 2

Трижды продублируйте слой Круг 1 (Circle 1), нажав клавиши (Ctrl+J ). Назовите дубликаты слоёв Круг 2 (Circle 2), Круг 3 (Circle 3) и Круг 4 (Circle 4).

Уменьшите значение Заливки (Fill) для слоя Круг 1 (Circle 1) до 0% Обводка (Stroke), размер обводки 6 px , цвет обводки #000000 .

Шаг 3

Для слоя Круг 2 (Circle 2), нажмите клавиши (Ctrl+T Сохранить пропорции 95% .

Уменьшите значение Заливки (Fill) для слоя Круг 2 (Circle 2) до 0% , а затем добавьте стиль слоя Обводка (Stroke), размер обводки 4 px , цвет обводки #000000 .

Шаг 4

Для слоя Круг 3 (Circle 3), нажмите клавиши (Ctrl+T ) для масштабирования фигуры. Не забудьте нажать на значок Сохранить пропорции (Maintain Aspect Ratio), а также установите масштаб на 75% .

Уменьшите значение Заливки (Fill) для слоя Круг 3 (Circle 3) до 0% , а затем добавьте стиль слоя Обводка (Stroke), размер обводки 6 px , цвет обводки #000000 .

Шаг 5

Для слоя Круг 4 (Circle 4), нажмите клавиши (Ctrl+T ) для масштабирования фигуры. Не забудьте нажать на значок Сохранить пропорции (Maintain Aspect Ratio), а также установите масштаб на 75% .

Уменьшите значение Заливки (Fill) для слоя Круг 4 (Circle 4) до 0% , а затем добавьте стиль слоя Обводка (Stroke), размер обводки 4 px , цвет обводки #000000 .

Шаг 6

Скачайте исходные Круглые Фигуры Photoshop, а затем загрузите файл CSH в свою программу Photoshop. Далее, идём Редактирование - Управление наборами (Edit > Preset Manager) и в выпадающем меню Тип набора (Preset Type), выберите опцию Заказные фигуры (Custom Shapes). Щёлкните по кнопке Загрузить (Load), чтобы загрузить файл CSH.

Установите цвет переднего плана на чёрный цвет #000000 . Выберите инструмент Произвольная фигура (Custom Shape Tool), а также в выпадающем меню, выберите опцию Сохранить пропорции (Defined Proportions). Для этого урока, я использовал фигуру №17, но вы можете использовать любую фигуру на своё усмотрение.

3. Добавляем Текст на Почтовый Штамп

Щёлкните по миниатюре векторной маски слоя Круг 3 (Circle 3), чтобы она стала активной. Выберите инструмент Горизонтальный текст (Horizontal Type Tool), а затем наведите курсор прямо на дорожку круга. Курсор изменится на значок "I", окружённый пунктиром.

Я использовал шрифт Intro , цвет шрифта #000000 . Вы можете использовать другой шрифт и цвет для текста.

4. Создаём Эффект Печати с Фотографией

Шаг 1

Добавьте исходное изображение с портретом мужчины на наш рабочий документ.

Шаг 2

Удерживая клавишу (Ctrl ), щёлкните по векторной маске слоя Круг 4 (Circle 4), чтобы загрузить активное выделение.

Шаг 3

Убедитесь, чтобы цвет переднего плана был установлен на #000000 , а цвет заднего плана на #ffffff , в противном случае, следующий фотоэффект будет выглядеть не так, как нужно.

Идём Фильтр - Эскиз - Линогравюра (Filter > Sketch > Stamp). Установите Тоновый баланс (Light/Dark Balance) на 4 , а Смягчение (Smoothness) на 1 .

Шаг 4

Дважды щёлкните по слою с портретом мужчины, чтобы открыть окно Стилей слоя (Layer Style). Функция Наложение, если (Blend If) расположена в нижней части окна. Используйте бегунки параметра Данный слой (This Layer), чтобы удалить белый цвет. Просто сместите правый бегунок до 180 , чтобы скрыть белый цвет.

Щёлкните правой кнопкой мыши по слою с портретом мужчины и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object).

5. Добавляем Гранжевый Эффект

Шаг 1

Выделите все слои со штампами (слои с кругами, слой с текстом и слой с портретом мужчины), щёлкните правой кнопкой мыши по выделенным слоям и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object).

Добавьте слой-маску к объединённому слою со смарт-объектом. Выберите инструмент Кисть (Brush Tool), установите размер кисти, примерно 800 px , а также установите цвет переднего плана на #000000 . Используя гранжевые кисти, добавьте гранжевый эффект на штамп; используйте различные кисти. Примечание переводчика: не забудьте перейти на маску слоя.

Шаг 2

Создайте новый слой, назовите этот слой Штамп Линии (Stamp Lines). Выберите инструмент Кисть (Brush Tool), а из набора кистей Резиновые Печати , выберите кисть Штамп Линии .

Добавьте слой-маску к слою Штамп Линии (Stamp Lines). Ещё раз с помощью гранжевой кисти, добавьте гранжевый эффект на линии штампа, а также скройте отдельные участки линии штампа, которые закрывают основной штамп.

6. Создаём Цветную Печать

Если вы хотите создать цветную печать, то вы можете добавить стиль слоя Наложение цвета (Color Overlay) к объединённому слою со смарт-объектом, используйте следующий оттенок в качестве цвета наложения #d9a4ae или вы можете использовать другие цветовые оттенки для слоёв смарт-объекта.

В качестве заключительных штрихов, создайте новый слой, назовите этот слой Старый конверт (Old Envelope). С помощью кисти Старые конверты, добавьте реалистичный эффект старого конверта. Используйте следующие цветовые оттенки: #b24659 и #b24659 , чтобы добавить различные типы печатей.

Поздравляю! Мы завершили урок!

В этом уроке вы узнали, как создать почтовый штамп в Photoshop с нуля, используя кисти и текстуры. Надеюсь, что вам понравился этот урок!

Данный эффект почтового штампа является частью Экшена Резиновые Печати , который доступен в моём профиле на Envato Market .

18.11.2014 27.01.2018

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

Примечание: Этот урок не предназначен и не является пособием для создания поддельных печатей для документов. Урок учит создавать шуточные печати для открыток или просто для украшения любых изображений не являющимеся документами. Ни в коем случае не нарушайте законов РФ.

Создаем круг для печати

Первое, что нужно сделать это с прозрачным цветом внутри, но с синей обводкой в 3 пикселя. Наилучший синий цвет для печати — #013fcd

Чтобы создать круг с пустой заливкой, но с цветовой обводкой — воспользуйтесь инструментом Эллипс :

Настройки инструмента в верхней панели выглядят так — основной цвет прозрачный, цвет обводки #013fcd

Теперь когда настройки круга установлены, нарисуйте круг.

Для этого зажмите SHIFT и Левую Кнопку Мыши . Далее тяните курсор в сторону, создавая круг. Таким образом, у вас получится идеально ровный круг.

Дублируем круг

Сделайте копию слоя с кругом. Для этого выберите этот слой и нажмите CTRL+J .

Появится копия слоя с кругом. С ним будем дальше работать.

Измените размер обводки нового круга на 1 пиксель .

Нажмите CTRL+T для масштабирования и уменьшите круг зажав SHIFT+ALT (чтобы круг уменьшался пропорционально центру).

Отлично! Мы подготовили каркас для печати и место для надписи.

Добавляем надпись для печати

Скопируйте последний круг с тонкой обводкой и сделайте этой копии у круга обводку прозрачной — по сути круга не будет видно, но он будет сверху оригинального. Далее активируйте инструмент Text Tool чтобы добавить надпись.

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

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

Осталось добавить главную надпись по центру.

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

Можно добавить фон бумаги для эффекта. Красивее и реалистичнее будет если вы покрутите печать.

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

Инструменты

Иллюстратор (Adobe Illustrator);
Фотошоп (Adobe Photoshop);
монохромный дизайн, на который будем применять эффект (1) ;
дополнительно: классный паттерн
резиновый штамп для наглядного пособия (взгляните на наш , если вам угодно).

(1) эффект можно использовать и для многоцветного изображения, просто повторите процесс отдельно для слоя каждого цвета, так как эффект основан на обесцвечивании.

Инструкция

Первый шаг

Откройте Иллюстратор. Создайте квадратный холст, со стороной около 4000-6000 пикселей. В примере мы будем работать с текстом, но вы можете брать что угодно: леттеринг, иконку или иллюстрацию.

Выделите ваше изображение и откройте меню Эффекты → Исказить и трансформировать → Огрубление… (Effect → Distort & Transform → Roughen… ) Используйте наши настройки как пример, но не бойтесь самостоятельно экспериментировать со значениями для достижения наилучшего результата.

Не ставьте галочку в пункте Относительный (Relative) - результат получается странный.

Мы не стали делать эффект слишком выразительным - только чтобы показать неравномерную заливку чернил по краям штампа.

Теперь откроем наш макет в Фотошопе, чтобы добавить текстуру.

Добавляем текстуру

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

Вот такую текстуру мы выбрали на сайте Textures.com :

Как только вы определились с текстурой, запускайте Фотошоп и создавайте новый большой холст. Загружайте ваш макет через меню Файл → Поместить связанные… (File → Place linked… ) и поместите текстуру бетона сверху. Зажмите Alt/Option и поместите курсор между слоями на вкладке Слои (Layers) . Вы увидите такой символ:

Кликайте мышкой и слой с бетонной текстурой будет подрезан по границам текста:

Теперь нам нужно обесцветить текстуру бетона, используя инструмент Цветовой Тон/Насыщенность (Hue/Saturation ). Вы можете найти его во вкладке Окно → Коррекция (Window → Adjustments ) или по нажатию на иконку в окне Слои (Layers ). Установите Насыщенность (Saturaion ) на -100 .

Сейчас мелкие точки и вкрапления, которые должны создавать нашу текстуру штампа, являются темными участками в изображении. Нам нужно получить обратную картину, поэтому выберите Инвертировать (Invert ) во вкладке Корректировки (Adjustments ), и поместите этот слой поверх остальных.

Теперь добавьте слой Яркость/Контраст (Brightness/Contrast ) из этой же вкладки. Установите значение Контраст (Cotrast ) на 90 , и поиграйте со значением Яркость (Brightness ). Чем яркость больше, тем резче текстура.

Ваш макет должен выглядеть примерно так.

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

Чернила имеют тенденцию собираться по краям резинового штампа. Это создает эффект внутренней тени. Чтобы добиться подобного эффекта, кликайте правой кнопкой на слое с текстом и выбирайте пункт Параметры наложения (Blending Options ). Отметьте пункт Внутреннее свечение (Inner Glow ) и выставите настройки как на примере ниже:

На этом скриншоте выключен эффект Инвертирование (Invert ), чтобы вам лучше было видно влияние эффекта Внутреннее свечение (Inner Glow ).

Завершаем работу

Включите опять ваш эффект Инвертирования , и вы готовы к финальному шагу. Вначале мы огрубили края нашего текста. Это было сделано для того, чтобы показать неравномерность заполнения чернилами краев штампа. Сейчас мы усилим этот эффект. Эту технику мы уже описывали в руководстве по созданию логотипа (картинка 16 ).

Выделите слой с вашим дизайном и откройте меню Фильтр → Размытие → Размытие по Гаусс у (Filer → Blur → Gaussian Blur ). Мы установили значение радиуса размытия в 6 пикселов , но вы можете скорректировать его, в зависимости от размеров вашего холста. Выберите значение по вкусу и с гордостью осмотрите полученный результат.

Смотрится отлично! Все, что вам остается - подготовить ваш файл для удобного использования. Сейчас у вас неудобная мешанина из слоев, и в нашем следующей статье мы покажем, как превратить её в удобный для многоразового использования action , так что подписывайтесь, чтобы не пропустить.

Добавляем паттерн

Наша шрифтовая работа смотрится довольно одиноко, поэтому мы добавили специальный паттерн.

Готово!

Подписывайтесь на « ». Это еженедельная рассылка главного редактора с лучшими ссылками для графических дизайнеров.

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

В этом уроке разберем основные приемы создания качественных печатей в Фотошопе.

Для примера создадим печать нашего любимого сайта сайт.

Создаем новый документ с белым фоном и равными сторонами.

Затем протягиваем направляющие до середины холста.

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

Рисуем круглую рамку (читаем статью). Ставим курсор на пересечение направляющих, зажимаем SHIFT и, когда уже начали тянуть, зажимаем еще и ALT . Это позволит фигуре растягиваться относительно центра во все стороны.

Прочитали статью? Информация, содержащаяся в ней, позволяет создавать круговые надписи. Но есть один нюанс. Радиусы внешнего и внутреннего контуров не совпадают, а для печати это не хорошо.

С верхней надписью мы справились, а вот с нижней придется повозиться.

Переходим на слой с фигурой и вызываем свободное трансформирование сочетанием клавиш CTRL+T. Затем, применяя то же прием, что при создании фигуры (SHIFT+ALT ), растягиваем фигуру, как на скриншоте.

Пишем вторую надпись.

Вспомогательную фигуру удаляем и продолжаем.

Создаем новый пустой слой в самом верху палитры и выбираем инструмент «Овальная область» .

Ставим курсор на пересечение направляющих и снова рисуем круг от центра (SHIFT+ALT ).

Толщину обводки выбираем на глаз, цвет не важен. Расположение – снаружи.

Снимаем выделение сочетанием клавиш CTRL+D .

Создаем еще одно кольцо на новом слое. Толщину обводки делаем чуть меньше, расположение – внутри.

Теперь поместим графическую составляющую – логотип в центр печати.

Я нашел в сети вот такое изображение:

При желании можно заполнить пустое пространство между надписями какими-нибудь символами.

Снимаем видимость со слоя с фоном (белым) и, находясь на самом верхнем слое, создаем отпечаток всех слоев сочетанием клавиш CTRL+ALT+SHIFT+E .

Включаем видимость фона и продолжаем.

Кликаем по второму сверху слою в палитре, зажимаем CTRL и выбираем все слои, кроме верхнего и нижнего и удаляем – они нам больше не нужны.

Дважды кликаем по слою с печатью и в открывшихся стилях слоя выбираем пункт «Наложение цвета» .
Цвет подбираем по своему разумению.

Печать готова, но можно сделать ее немного реалистичнее.

Создаем новый пустой слой и применяем к нему фильтр «Облака» , предварительно нажав на клавишу D , чтобы сбросить цвета по дефолту. Находится фильтр в меню «Фильтр – Рендеринг» .

Затем применяем к этому же слою фильтр «Шум» . Искать в меню «Фильтр – Шум – Добавить шум» . Значение выбираем по своему усмотрению. Примерно так:

Теперь меняем режим наложения для этого слоя на «Экран» .

Добавим еще немного дефектов.

Перейдем на слой с печатью и добавим к нему слой-маску.

Выбираем кисть черного цвета и размером 2-3 пикселя.

Этой кистью хаотично чирикаем по маске слоя с печатью, создавая царапины.

Результат:

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

Давайте сделаем уже настоящую печать.

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