Разное

Узоры для текста в фотошопе: Абстрактный узор для текста в Фотошоп / Creativo.one

05.04.2021

Содержание

Абстрактный узор для текста в Фотошоп / Creativo.one

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

Шаг 1

Установите цвет переднего плана на # 002741 и цвет фона # 040022. Выберите инструмент Градиент (Gradient Tool), нажмите на значок Радиальный градиент (Radial Gradient) в панели опций. Затем проведите радиальный градиент от центра документа к одному из углов.

Напишем текст, цветом # FFFFFF (белый). Шрифт, используемый в уроке Dan, Вы можете скачать его здесь, размер 220 пикс. Если текст длинный, при необходимости можно отрегулировать значение Интерлиньяж (Leading), чтобы уменьшить пространство между линиями.

Зажмите Ctrl и щелкните на миниатюру слоя с текстом (значок), чтобы создать выделение.

Установим цвет переднего плана на # 00f6ff и цвет фона # 201948. Далее создадим новый слой (Ctrl + N) поверх слоя с текстом и назовем его «Texture», а затем сделаем текстовый слой невидимым, нажав на иконку глаза рядом с ним.

Шаг 2

На этом этапе мы будем применять пару фильтров для создания абстрактных текстур.

Во-первых, перейдем Фильтр-> Рендеринг-> Облака (Filter-> Render-> Clouds). Затем перейдем Выделение-> Отменить (Select-> Deselect) или нажмите Ctrl + D, чтобы избавиться от выделения.

Далее перейдем Фильтр-> Рендеринг-> Волокна (Filter-> Render-> Fibers). Установим Несовпадения (Variance) до 10 и Интенсивность (Strength) 2.

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

Рандомизировать (Randomize), пока не понравится результат. Затем нажмите кнопку OK.

У Вас должно получиться, что-то вроде этого.

Наконец, перейдем Фильтр-> Имитация-> Шпатель (Filter-> Artistic-> Palette Knife). Изменим Размер штриха (Stroke Size) до 25, Детализация (Stroke Detail) до 3, и Сглаживание (Softness) 0.

Мы закончили с текстурой.

Шаг 3

На этом этапе мы будем применять некоторые Стили слоя (Layer Style), чтобы добавить немного глубины в тексте, чтобы он не выглядел плоским. Таким образом, дважды щелкните на слое «Texture», чтобы добавить следующие эффекты:

Тень (Drop Shadow): Просто используйте значения по умолчанию.

Тиснение (Bevel and Emboss): Изменим Глубина (Depth) до 800, Размер (Size) до 1 , Контур (Gloss Contour) — Слабый уклон-долины (Shallow Slope – Valleys) проверим, галочку Сглаживание (Anti-aliased) и изменим Режим подсветки (Highlight Mode) на Режим подсветки (Highlight Mode).

Контур (Contour): Просто проверьте галочку Сглаживание (Anti-aliased).

Вы можете использовать различные оттенки цвета, если захотите.

Надеюсь, Вам понравился этот урок! Всего Вам доброго и творческих успехов.

Автор: TEXTUTS
 

Ржавый текст для страшных надписей в Photoshop

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

 

Результат

Исходники

  • Шрифт Ghoulish Fright AOE.
  • Текстура дерева Wood grain texture 2 от Salitas91.
  • Текстура BG Texture – DT Original 44 от Hehayo.
  • Облезшая ржавая текстура Peeling Rust от LogicalXStock.
  • Вам также понадобятся дополнительные паттерны. Чтобы их подгрузить выберите в меню Edit > Presets > Preset Manager/Редактировать>Библиотеки>Менеджер библиотек, выберите Patterns/Узоры из выпадающего меню. Затем кликните по маленькой стрелке в правой части выпадающего меню Preset Type/Тип библиотеки, и выберите набор узоров Nature Patterns/Природные узоры. В появившемся диалоговом окне выберите Append/Добавить.

Шаг 1

Создайте новый документ размером 850 x 550px. Поместите в него текстуру дерева «Wood grain texture 2» поверх фонового слоя. Переименуйте новый слой в «Wood Texture».

Шаг 2

Кликните дважды по слою Wood Texture и примените к нему стиль слоя Color Overlay/Перекрытие цвета, использовав следующие параметры:

Так мы затемним текстуру.

Шаг 3

Поместите в документ текстуру «BG Texture – DT Original 44». При необходимости масштабируйте ее и переименуйте слой в «Texture Overlay», сменив Blend Mode/Режим наложения на Darker Color/Темнее.

Шаг 4

Возьмите инструмент Elliptical Marquee/Овальная область и нарисуйте овал вокруг центра документа.

Шаг 5

В меню выберите Select > Modify > Feather/Выделение>Модификация>Растушевка, и укажите желаемый радиус растушевки. В нашем примере это 50. Чем больше значение, тем мягче будут края.

Шаг 6

В меню выберите Select > Inverse/Выделение>Инвертировать, затем создайте новый слой поверх остальных, назовите его Vignette и залейте выделение черным цветом.

В меню выберите Select > Deselect/Выделение>Снять выделение, смените Opacity/Непрозрачность верхнего слоя на 60%, или как вам покажется лучше.

Шаг 7

Создайте текст, используя шрифт Ghoulish Fright AOE. Размер шрифта: 250pt, а цвет: #a2a2a2.

Шаг 8

Дублируйте слой с текстом дважды, затем укажите оригинальному слою и второй копии слоя значение Fill/Заливка в 0%.

Кликните дважды по оригинальному слою с текстом, и укажите ему следующие стили слоя с указанными параметрами:

Шаг 9

– Bevel and Emboss/Тиснение

Шаг 10

– Contour/Контур

Шаг 11

Texture/Текстура

  • Узор: Leaves/Листья

Шаг 12

– Stroke/Обводка

Кликните дважды по первой копии слоя с текстом и укажите следующие стили слоя:

Шаг 13

– Bevel and Emboss/Тиснение

Шаг 14

– Contour/Контур

Шаг 15

Texture/Текстура

  • Узор: Leaves/Листья

Шаг 16

– Outer Glow/Внешнее свечение

Шаг 17

Drop Shadow/Тень – 1

Шаг 18

В окне стилей слоя кликните по значку + напротив стиля Drop Shadow/Тень, чтобы добавить еще один стиль слоя этого типа:

Drop Shadow/Тень – 2

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

Кликните дважды по второй копии слоя с текстом, и укажите следующие стили слоя:

Шаг 19

– Bevel and Emboss/Тиснение

Шаг 20

– Contour/Контур

Шаг 21

Texture/Текстура

  • Узор: Leaves/Листья

Шаг 22

– Inner Shadow/Внутренняя тень

Шаг 23

– Inner Glow/Внутреннее свечение

Шаг 24

– Satin/Глянец

Шаг 25

– Outer Glow/Внешнее свечение

Вот что получится:

Шаг 26

Поместите текстуру «Peeling Rust» между слоями с копиями текста и в меню выберите Edit > Transform > Rotate 90° Clockwise/Редактировать>Трансформировать>Повернуть на 90° по часовой стрелке. При необходимости масштабируйте текстуру.

Кликните правой кнопкой по слою с текстурой и выберите Create Clipping Mask/Создать обтравочную маску. Затем смените Blend Mode/Режим наложения на Darker Color/Темнее.

Результат

Автор урока Rose

Перевод — Дежурка

Смотрите также:

Узоры для текста в фотошопе

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

Что такое узор Photoshop?

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

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

В этом руководстве мы будем говорить о:

  • Изучение предустановленных узоров с инструментом «Управление наборами» (Preset Manager)
  • Применение узоров Photoshop с использованием трех различных методов
  • Создание пользовательского узора
  • Создание и применение диагонального узора из линий (для практики)
  • Установка библиотеки узоров
  • Создание шаблона библиотеки

Предустановленные узоры в менеджере наборов

Вы найдёте узоры, предустановленные Photohop, в окне управления наборами (Preset Manager), открывается оно через Редактирование –> Наборы –> Управление наборами или Edit –> Presets –> Preset Manager (Редактирование –> Управление наборами или Edit –> Preset Manager в ранних версиях).

По умолчанию, в окне отображаются наборы кистей, нам необходимо переключиться на «Узоры» (Patterns):

По умолчанию представлено всего лишь несколько моделей, чтобы их было больше, нам необходимо загрузить их из встроенных библиотеки Photoshop. Библиотека узоров (Pattern Library) представляет собой набор из одной или более моделей и имеет расширение файла PAT.

Чтобы загрузить библиотеку, которые поставляются в комплекте с Photoshop, нажмите на иконки шестерёнки (треугольника в ранних версиях) справа, Это откроет Вам меню предустановленных наборов:

Выберите один из наборов из раздела, который я обвёл красной рамкой, например, «Скалы» (Rock Patterns).

При выборе шаблона для загрузки, вам будет задан вопрос, хотите ли Вы заменить существующие модели, или добавить к ним. Нажмите на кнопку «Добавить» (Append):

Это действие добавит набор к текущим образцам вместо их замены. Кроме того, для удобства выбора, можете увеличить миниатюры образцов, кликнув по пункту «Большие миниатюры» (Large Thumbnail):

Применение узоров Photoshop

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

Инструмент «Заливка» (Fill, Shift+F5): заливка узором выделенной области

Самый простой способ применения узора – это выделить область, которую необходимо заполнить вашим рисунком, а затем с помощью команды Редактирование –> Выполнить заливку (Edit –> Fill) залить выделение.
Например, вы можете использовать инструмент «Прямоугольная область» (Rectangular Marquee Tool), чтобы создать выделение где-либо на холсте, пройти о вкладке Редактирование –> Выполнить заливку, откроется диалоговое окно «Заполнить» (Fill), в окне в разделе «Использовать» (Use) выбираете пункт «Регулярный» (Pattern), затем кликаете по цветному квадратику, выбираете узор из тех, которые мы загрузили в менеджере, нажимаете ОК:

Команда «Заливка» (Fill) является самым простым способом нанесения узора на весь холст или его часть, кроме того, Вы можете использовать её на отдельном слое, а это означает, что вы можете вносить изменения в этот слое, не затрагивая другие слои.

Стиль слоя «Наложение узора» (Pattern Overlay)

Подробно работа с этим стилем слоя описывается здесь.

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

Откройте диалоговое окно этого стиля слоя, выберите узор и примените стиль, подробнее читайте здесь:

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

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

Инструменты рисования

Кроме этого, узоры на холст можно накладывать с помощью инструментов «Узорный штамп» (Pattern Stamp Tool) и «Заливка» (Paint Bucket Tool).

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

Тем не менее, работа этими инструментами займет гораздо больше времени, чем применения стиля слоя или заливки. Кроме того, при использовании «Узорного штампа» результаты могут быть непредсказуемыми.

Сводная таблица: применение узоров Photoshop:

Способ нанесения Преимущества Недостатки
Инструмент «Заливка»
(Shift+F5)
  • Простота в использовании
  • Может находиться на отдельном слое, которым Вы можете манипулировать независимо от других слоёв
  • Отлично подходит для заполнения больших площадей
  • Зависит от инструментов выделения Photroshop, а, значит, возможны трудности с заливкой некоторых объектов
Режим наложения
«Добавление узора»
(Pattern Overlay)
  • Легко наносится на сложные объекты и формы
  • Имеет множество вариантов нанесения, Вы можете настроить такие параметры, как непрозрачность, масштаб и режим наложения
  • Возможность перемещать узор по холсту курсором мыши
  • Находится на одном и том же слое с объектом нанесения, а значит, любые изменения влияют на слой
Инструменты рисования
  • Лучшая управляемость и контроль
  • Может быть сделана на отдельном слое, которым вы можете манипулировать независимо от других слоёв
  • Отлично подходит для нерегулярного применения шаблонов
  • Результаты можно смотреть в процессе нанесения
  • Займет более длительное время и требует навыков при применении узора по сравнению с другими методами
  • Результаты могут получиться неожиданные и нежелательные

Как создать собственный пользовательский узор Photoshop

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

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

Я продемонстрирую создание узора на примере. Создаю документ размером 40 на 40 пикселей и рисую в центре чёрный круг диаметром примерно 30 пикселей:

Чтобы создать узор на основе этого изображения, надо пройти по вкладке Редактирование –> Определить узор (Edit –> Define Pattern), после чего откроется диалоговое окно, где нужно задать имя:

Всё, узор сохранён в стеке. Если мы сейчас откроем менеджер наборов, мы его увидим:

Далее создадим документ, к примеру, 640 на 480 пикселей с белым фоном и нанесём на него это узор с помощью инструмента «Заливка». Нажимаем Ctrl+F5, открывается диалоговое окно, где выбираем «Регулярный» (Pattern), а затем наш узор:

Нажимаем ОК. Вот, что получилось:

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

Создание собственного узора

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

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

Сохранение собственного узора

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

Сделать это очень просто. Надо открыть диалоговое окно менеджера управления наборами и кликнуть мышкой по нужному узору. Если Вам необходимо сохранить несколько узоров, зажмите клавишу Ctrl и кликните по нужным. Вокруг выбранных узоров появится тонкая синяя рамка. При этом станет активной кнопка «Сохранить. » (Save Set. ). Вам осталось лишь нажать на неё и выбрать папку для сохранения на Вашем компьютере.

Загрузка узоров в Photoshop

Для начала надо скачать набор узоров (файл .pat) и сохранить его на компьютере. Затем заходим в менеджер узоров и нажимаем кнопку «Загрузить» (Load):

Откроется стандартное окно Windows`а для выбора папки, выбираете папку, где сохранили набор и дважды кликаете по сохранённому файлу.

Откроется окно с вопросом, хотите ли Вы заменить набор или добавить к имеющемуся в стеке, или заменить (ОК или Append), выбираете:


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

Паттерны в основном используются при создании фонов для композиций.

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

Узоры в Фотошопе

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

Применение

  1. Настройка заливки.
    При помощи данной функции можно заполнить узором пустой или фоновый (закрепленный) слой, а также выделенную область. Рассмотрим способ на примере выделения.
    Берем инструмент «Овальная область».


Выделяем участок на слое.


Идем в меню «Редактирование» и кликаем по пункту «Выполнить заливку». Эту функцию также можно вызвать сочетанием клавиш SHIFT+F5.


После активации функции откроется окно настройки с названием «Заполнить».


В разделе с названием «Содержимое», в выпадающем списке «Использовать» выбираем пункт «Регулярный».


Далее открываем палитру «Заказной узор» и в открывшемся наборе выбираем тот, который считаем нужным.


Нажимаем кнопку ОК и смотрим на результат:

Заполнение при помощи стилей слоя.
Данный способ подразумевает наличие на слое какого-либо объекта или сплошной заливки.

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


В окне настроек переходим к разделу «Наложение узора».


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

Пользовательские фоны

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

Интернет предоставляет нам возможность пользоваться чужими наработками и опытом. В сети существует множество сайтов с пользовательскими фигурами, кистями и паттернами. Для поиска таких материалов достаточно вбить в Гугл или Яндекс такой запрос: «узоры для фотошопа» без кавычек.

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

Данный файл необходимо распаковать (перетащить) в папку

C:ПользователиВаша учетная записьAppDataRoamingAdobeAdobe Photoshop CS6PresetsPatterns

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

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


Откроется папка, о которой мы говорили выше. В ней выбираем наш распакованный ранее файл PAT и жмем кнопку «Загрузить».


Загруженные паттерны автоматически появятся в палитре.

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

Создание узора

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

Нам понадобится документ квадратной формы.

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

    Ограничиваем холст направляющими со всех сторон.

Урок: Применение направляющих в Фотошопе
Переходим в меню «Изображение» и жмем на пункт «Размер холста».


Добавляем по 50 пикселей к размерам Ширины и Высоты. Цвет расширения холста выбираем нейтральный, например, светло-серый.

Эти действия приведут к созданию вот такой зоны, последующая обрезка которой позволит нам удалить возможные артефакты:


Создаем новый слой и заливаем его темно-зеленым цветом.


Добавим нашему фону немного зернистости. Для этого обратимся к меню «Фильтр», откроем раздел «Шум». Необходимый нам фильтр называется «Добавить шум».

Размер зерна выбираем по своему усмотрению. От этого зависит выраженность текстуры, которую мы создадим на следующем этапе.


Далее применим фильтр «Перекрестные штрихи» из соответствующего блока меню «Фильтр».

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


Применим к фону еще один фильтр под названием «Размытие по Гауссу».

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


Проводим еще две направляющих, определяющих центр холста.

    Активируем инструмент «Произвольная фигура».

На верхней панели параметров настраиваем заливку белым цветом.


Выбираем вот такую фигуру из стандартного набора Фотошопа:

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


Растрируем слой, нажав по нему ПКМ и выбрав соответствующий пункт контекстного меню.


Вызываем окно настройки стилей (см. выше) и в разделе «Параметры наложения» снижаем значение «Непрозрачности заливки» до нуля.

Далее переходим к разделу «Внутреннее свечение». Здесь настраиваем Шум (50%), Стягивание (8%) и Размер (50 пикселей). На этом настройка стиля завершена, нажимаем ОК.


При необходимости немного снижаем непрозрачность слоя с фигурой.


Кликаем ПКМ по слою и растрируем стиль.


Выбираем инструмент «Прямоугольная область».

Выделяем один из квадратных участков, ограниченных направляющими.


Копируем выделенный участок на новый слой горячими клавишами CTRL+J.


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


Переходим обратно на слой с исходной фигурой, и повторяем действия (выделение, копирование, перемещение) с остальными участками.


С оформлением мы закончили, теперь идем в меню «Изображение – Размер холста» и возвращаем размер к исходным значениям.

Получим вот такую заготовку:

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


Для эксперимента зададим размер узора 100х100 пикселей.


Теперь идем в меню «Редактировать» и выбираем пункт «Определить узор».

Даем узору имя и нажимаем ОК.

Теперь у нас в наборе есть новый, собственноручно созданный паттерн.

Выглядит он следующим образом:

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

Сохранение набора с узорами

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

    Нужно перейти в меню «Редактирование – Наборы – Управление наборами».


В открывшемся окне выбрать тип набора «Узоры»,

Зажать CTRL и выделить нужные паттерны по очереди.


Нажать кнопку «Сохранить».

Выбрать место для сохранения и название файла.

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

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

Отблагодарите автора, поделитесь статьей в социальных сетях.

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

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

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

1. Обзор узоров программы с функцией «Управление наборами» (Preset Manager) .

2. Три различных способа применения паттернов в Фотошоп.

3. Как создать собственный узор.

4. Создание и применение линейного диагонального узора на практике.

5. Установка Фотошоп-паттерна в библиотеке программы.

6. Создание библиотеки узоров.

Изучение узоров программы с функцией «Управление наборами» (Preset Manager) .

Вы можете найти узоры программы, заданные по умолчанию через функцию «Управление наборами». Доступ к наборам осуществляется через верхнее меню программы во вкладке Редактирование-Управление наборами (Edit > Preset Manager) . По умолчанию, окно Управления (Preset Manager) отображает палитру кистей (Brushes).

В открывшемся диалоговом окне найдите опцию «Тип набора» (Preset Type) и нажмите на стрелочку вниз. Из выпадающего подменю выберите параметр «Узоры» (Patterns) и вы увидите появившийся по умолчанию программы набор.

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

Для загрузки шаблонов библиотек программы Фотошоп нажмите на стрелку справа в окне «Управление наборами». В выпадающем подменю вы увидите список наборов различные узоров.

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

Нажмите опцию «Добавить» (Append) , если не хотите изменять предыдущие узоры, а просто хотите добавить выбранные сейчас.

Применение паттернов в Фотошоп.

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

Наложение узора при помощи команды «Заливка» (Fill).

Самый простой способ наложения паттерна заключается в заполнении им выделенной области. Например, активируйте инструмент «Прямоугольное выделение» (Rectangular Marquee Tool (M)) и выделите участок любого размера на холсте. Затем, перейдите в меню Редактирование-Выполнить заливку (Edit> Fill (Shift + F5)) и в диалоговом окне заливки в опции «Использовать» (Use) укажите параметр Регулярный/Шаблон (Pattern).

Заливка узором позволяет использовать опцию «Заказной узор» (Custom Pattern) . Нажмите на стрелку параметра и вызовите подменю с библиотеками паттернов, нажав стрелочку справа. Выбрав нужный набор или узор, кликните по нему и нажмите ОК, чтобы заполнить им ваше выделение.

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

Наложение узора в «Стилях слоя».

Если вы хотите применить узор для любого выбранного слоя, двойным кликом по миниатюре этого слоя откройте окно «Стили слоя» (Layer Style) . Почти в самом низу найдите параметр «Наложение узора» (Pattern Overlay) и активируйте его. Откроется диалоговое окно опции, где вы можете так же, как и в предыдущем примере, выбрать необходимый паттерн и применить его к слою.

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

Совет: Чтобы отрегулировать положение узора на холсте, в параметре «Наложение узора» активируйте флажок Просмотр (Preview) , а затем поместите курсор мыши на холст и, удерживая ее нажатой, передвигайте ваш паттерн в основном окне программы в любом направлении.

Рисование узором при помощи инструментов «Заливка» (Paint Bucket Tool) и «Узорный штамп» (Pattern Stamp Tool) .

Если вы хотите применить узор, рисуя им по холсту, используйте инструменты Заливка и Узорный штамп. Активируйте их и настройте на применение узоров, а не цвета в верхней панели программы.

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

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

Посмотрите на сводную таблицу преимуществ и недостатков разных способов при наложении узора.

Создание собственного узора в Фотошоп.

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

Чтобы создать узор, используйте инструмент «Прямоугольное выделение» (Rectangular Marquee Tool (M)) и выделите область, которую хотите поместить в узор. Затем перейдите во вкладку Редактирование-Определить узор (Edit> Define Pattern) , чтобы определить выделенную область как паттерн и присвойте ему имя в диалоговом окне.

Совет: Многие предпочитают создавать узор для своей работы за пределами рабочего документа. Это хорошая практика. Создавая Новый документ (Ctrl+N) для своего узора, вы тем самым, концентрируетесь на данной работе, не отвлекаясь ни на что более.

Создание и применение диагонального линейного узора.

Давайте попробуем сделать один из моих любимых паттернов в фотошоп: диагональный узор, который был применен для дизайна сайта «Design Instruct».

Создаем новый документ (Ctrl+N) в Фотошоп размером 600х600 рх и разрешением 72 рх/ дюйм c белым фоном.

Активируем инструмент «Горизонтальный текст» (Horizontal Text Tool (T)) и пишем фразу Design Instruct в верхней части холста. Выберите темный цвет для текста (#000000) , чтобы ясно видеть нашу работу. В данном варианте использован шрифт Helvetica Neue Medium размером 30 pt, но можно выбрать любой другой шрифт программы (например, Arial).

Теперь переходим к созданию узора для нашего основного документа. Его мы будем рисовать в отдельном документе Фотошоп. Создаем новый документ (Ctrl+N) размером 3х3 рх и разрешением 72 рх/дюйм. Цвет фона Прозрачный (Transparent) .
При сохранении узора в программе позже будет выбран белый цвет фона по умолчанию.

Так как холст довольно маленького размера, увеличим его инструментом Zoom Tool (Z) (лупа), приблизив. Я увеличил холст до 3200% от основного размера, что является максимальным увеличением.

Теперь будем рисовать белые диагональные линии по направлению из верхнего левого угла к нижнему правому. Для этого активируем инструмент Карандаш (Pencil Tool (B)) .

Установим цвет переднего плана (Foreground) на белый (#ffffff) и настроим размер карандаша на 1 рх с жесткостью (Hardness) 100%. Убедитесь, что опции Непрозрачность (Opacity) и Нажим (Flow) равны 100%.

Я в своем примере специально переключился на другой цвет, чтобы вы могли ясно видеть весь процесс создания узора. Удерживая Shift, нажмите Карандашом (Pencil Tool) в левом верхнем углу холста, а, затем в правом нижнем. Получилось ровное диагональное соединение из квадратов.

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

После создания диагональной линии, перейдите в Выделение – Все (Select> All (Ctrl+A)) , чтобы выделить весь холст.

Теперь перейдите во вкладку Редактирование-Определить узор (Edit> Define Pattern) и в диалоговом окне присвойте имя вашей линии, т.е введите любое название для вашего узора. После нажмите ОК.

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

Команда «Заливка» (Fill).

Создаем новый слой выше слоя с текстом (Ctrl+Shift+N) . Выделим текст, удерживая Ctrl и кликнув по иконке этого слоя.

Переходим в Редактирование-Выполнить заливку (Shift+F5) . В диалоговом окне в опции Использовать (Use) выбираем Узор (Pattern) , а в опции Заказной узор (Custom Shape) находим наш нарисованный паттерн с диагональными линиями.

Нажимаем Ок, чтобы применить узор с помощью команды Заливка (Fill).

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

Совет: Хорошей практикой является использование узора на отдельном от объекта слое. Но, чтобы объект перемещался по холсту вместе с примененным к нему узором, используйте функцию Связать слои (Link Layers) . Иконка этой функции имеет форму скрепки и находится внизу панели слоев. Выделите нужные слои ( Ctrl +клик по миниатюре слоя) и нажмите на значок скрепки, или правой кнопкой мыши кликните по выделенным слоям и выберите опцию – Связать слои.

Применение диагонального узора в «Стилях слоя».

Теперь скройте верхний слой с узором (глазик напротив иконки слоя) или удалите его, перетянув слой на иконку корзины внизу панели слоев.

Дважды щелкните по текстовому слою, чтобы вызвать окно «Стилей слоя» (Layer Style) и выберите параметр «Наложение узора» (Pattern Overlay) . В окне параметра нажмите на стрелку с узором и из набора выберите ваш созданный диагональный паттерн. Включите функцию Предварительного просмотра (Preview) , чтобы контролировать процесс наложения узора и, если необходимо, изменить что-либо.

Вот вкратце разъяснение опций окна «Наложение узора» (Pattern Overlay) :

1. Изменение режима смешивания в узоре (Умножение, Перекрытие, Осветление основы и т.д.)

2. Управление непрозрачностью узора. Чем ниже уровень непрозрачности, тем прозрачнее узор.

3. Окно узора. Открыв его, можно выбрать любой узор для наложения на объект.

4. Создание нового имени для данного узора.

Нажав на окно узора, а затем на стрелку справа, вы можете выбрать функцию из выпадающего меню – Сохранить узор (Save Pattern) и сохранить его под другим именем в наборе. Если вы сделали с узором какие-либо изменения (масштаб, режим смешивания или непрозрачность), то они также будут сохранены вместе с выбранным образцом.

5. Масштаб (Scale) регулирует масштаб и разрешение узора.

6. Связать со слоем (Link with Layer)

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

Наложение узора при помощи инструмента «Узорный штамп» (Pattern Stamp Tool (S)) .

Теперь попробуем использовать в работе наш диагональный узор при помощи «Узорного штампа». По своему стилю данный инструмент похож на использование Кисти (Brush Tool (B)) , только рисуем мы не цветом, а узором по холсту.

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

Далее, активируйте инструмент «Узорный штамп» (Stamp Tool (S)) в панели инструментов.

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

На Новом слое (Ctrl+Shift+N) начните рисовать поверх текста узором. Вы можете видеть, что я использовал штамп лишь в некоторых местах текста и менял непрозрачность (Opacity) инструмента для уникального эффекта.
В отличие от предыдущих двух способов наложения узора (Заливки и Стилей слоя) этот прием немного сложнее и требует определенного навыка.

Установка узоров в Фотошоп.

Если вы хотите использовать узоры, скачанные с других сайтов, то загрузить их в программу довольно просто. Перейдите в Редактирование-Управление наборами (Edit> Preset Manager) и в диалоговом окне нажмите на функцию «Загрузить» (Load) справа. Помните, что ваш скачанный узор должен иметь расширение РАТ, чтобы программа установила его. В открывшемся окне загрузки укажите место нахождения вашего файла с узором и нажмите «Загрузить».

Обычно узоры устанавливаются программой в папку по такому пути : Adobe Photoshop [Photoshop Version] > Presets > Patterns .

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

Создание библиотеки узоров.

Чтобы создать шаблоны узоров в библиотеке программы, перейдите во вкладку Редактирование-Управление наборами (Edit > Preset Manager) . Выберите в списке образцы, которые вы хотите добавить в библиотеку, удерживая Ctrl и делая клик по нужным узорам, выделяя их. Далее нажмите кнопку «Сохранить» (Save Set) . Сохраните набор выбранных узоров в любом месте вашего компьютера.

Теперь этот файл можно установить и на других компьютерах. Успехов в освоении программы!

Категория: Уроки Фотошопа

Источник: Ссылка на источник скачиваний/переходов: 52

Обводка контура и текста в photoshop

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

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

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

Как делать простую обводку текста

Открываем фотошоп. Не забывайте, что у вас есть возможность работать в онлайн версии этой программы (https://pixlr.com). Она не проще, но некоторые вещи в ней можно выполнить быстрее, особенно если Photoshop на вашем компьютере притормаживает. Однако, хорошо, когда у вас есть своя собственная программа.

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

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

Размер не так важен. Пусть будет 600х400. Люблю прямоугольники.

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

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

Ну, а для того чтобы сделать ровную обводку, для начала надо что-либо написать. Выбираем инструмент «Текст» в панели справа. Его я пометил стрелкой.

  • Итак, мы написали текст.

В правой части экрана найдите слои. Простите за отступление, если вы и так уже знаете эту информацию. Но эта публикация предназначена для новичков, поэтому объясню, что вообще такое слои.

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

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

Посмотрите, вот так выглядит текстовый слой.

Нажмите правой кнопкой мыши, чтобы у вас появилось дополнительное меню. Здесь нам нужны «Параметры наложения».

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

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

Теперь все стало видно, кроме контура. Все дело в том, что цвет совпадает с текстом. Давайте его поменяем. Кликните по цвету.

И снова дополнительное меню. Выбирайте, пока не найдете лучший.

Сейчас цвет слабо заметен. Поэтому увеличьте размер обводки. Делать это лучше всего не ползунком, а при помощи клавиатуры. Так оно аккуратнее выходит.

  1. Теперь выделение более заметно.

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

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

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

Чуть ниже вы найдете непрозрачность. Она делает контур более заметным или менее.

Ну а теперь давайте перейдем к «фишечкам».

Контур, тень, а также градиентная и узорная обводка текста

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

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

Или добавить в текст тень, чтобы буквы были выпуклыми. Я не буду уделять этому много внимания. Тут все понятно и просто. Просто тыкайте в разные штуки и пробуйте. Все, до чего вы доходите сами – запоминается намного лучше.

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

Куча бесплатных дополнений можно найти на сайте https://photoshop-master.ru.

Тут есть кисти, рамки, красивые шрифты, шаблоны и текстуры. То, что нам сейчас и нужно.

Выберите тот узор, который вам нравится. Кстати, обратите внимание. Вам нужен не только тот раздел, который «узоры». Подойдет и металл, и цветочные, и ассорти. Скачайте то, что понравилось. Кнопка под описанием.

Теперь возвращаемся в фотошоп. Напомню путь. Текстовый слой, правая кнопка мыши — «Режим наложения», «Выполнить обводку», тип обводки: «Узор». Найдите вот такую гайку, как на скриншоте.

  Два простых и удобных способа поменять формат изображения

  1. Теперь нужно загрузить узоры.

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

То есть, вы загрузили архив в папку, допустим «Загрузка». Нашли «Загрузку» на своем компьютере. Потом отыскали по названию документ, который только что скачали, открыли ее, схватились за файл с расширением .pat и перенесли ее в папку «Загрузка». Все, вы видите нужный узор через фотошоп и в состоянии его загрузить.

Готово. Узоров стало больше! Можете применять к тексту.

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

Далее вы можете пройти [urlspan]курс для начинающих веб-дизайнеров[/urlspan]. Первые три дня вам разрешается смотреть видео с этого сайта бесплатно. Откровенно говоря, если вы усидчивы, то этого времени хватит, чтобы захватить основу и многое понять. Самое главное – хотите ли вы связываться с этим.

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

Каждому, как говорится, свое.

Однако мне, как руководителю проектов веб-студии необходимо разбираться в дизайне и контролировать работу своих сотрудников. Поэтому я не смог пройти мимо другого курса, на нетологии — Веб-дизайнер: эффективный сайт от идеи до реализации.

Жду не дождусь когда смогу услышать лекции совладельца компании Red Keds. Компания очень крутая. Безумная команда, известная не меньше, чем студия Артемия Лебедева.

Мне посчастливилось уже несколько раз бывать на выступлениях профессионалов, в том числе из команды Red Keds, и это всегда праздник. Эти истории просто невозможно забыть! Например, один из дизайнеров рассказывал о том, как он за три минуты придумал логотип. Это была точка.

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

Ну, что-то я совсем забыл о времени. Удачи вам в ваших начинаниях и до новых встреч. Совсем скоро вас ждут новые статьи о фотошопе. Не пропустите.

Источник: https://start-luck.ru/photoshop/obvesti-tekst.html

Как сделать обводку текста в Фотошопе

Обводка текста в Фотошопе

Для того чтобы сделать обводку в Фотошопе, нам понадобится непосредственно «пациент». В данном случае это будет одна большая буква «А».

Сделать обводку текста можно стандартными средствами Фотошопа. То есть дважды кликнуть по слою, вызвав стили и выбрав пункт «Обводка». Здесь можно настроить цвет, расположение, тип и толщину обводки.

Это путь дилетантов, а мы с вами настоящие профи, поэтому и действовать будем по-другому.

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

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

  1. Зажимаем клавишу CTRL и кликаем по миниатюре слоя с текстом, тем самым получив выделение, повторяющее его форму.
  2. Теперь нужно определиться, чего же мы хотим добиться. Сделаем довольно толстую обводку со скругленными краями. Идем в меню «Выделение – Модификация – Расширить».

    Здесь настройка только одна. Пропишем значение в 10 пикселей (размер шрифта 550 пикс).

    Получаем вот такое выделение:

  3. Чтобы произвести дальнейшее редактирование, необходимо активировать один из инструментов группы «Выделение».

    Ищем на верхней панели инструментов кнопку с названием «Уточнить край».

    Здесь нам необходимо изменить только один параметр – «Сглаживание». Поскольку размер текста у нас огромный, значение также будет довольно большим.

  4. Выделение готово. Далее нужно создать новый слой, нажав на значок в нижней части палитры слоев (горячие клавиши здесь не сработают).
  5. Находясь на этом слое, нажимаем сочетание клавиш SHIFT+F5. Появится окно с параметрами заливки. Здесь выбираем «Цвет», он может быть любой.
    • Получаем следующее:
  6. Снимаем выделение сочетанием клавиш CTRL+D и продолжаем. Помещаем слой с обводкой под слой с текстом.
  7. Далее дважды кликаем по слою с обводкой, вызвав стили. Здесь выбираем пункт «Наложение градиента» и нажимаем на значок, который указан на скриншоте, открывая палитру градиентов. Вы можете выбрать любой градиент. Набор, который вы сейчас видите, называется «Черно-белое тонирование» и входит в стандартную комплектацию Фотошопа.
    1. Затем выберем тип градиента «Зеркальный» и инвертируем его.
  8. Жмем ОК и любуемся…
  9. Переходим на слой с текстом и изменяем непрозрачность заливки на 0%.
  10. Дважды кликаем по слою, появляются стили. Выбираем пункт «Тиснение» и настраиваем примерно, как на скриншоте.
  • Итоговый результат у нас получился вот такой:
  • Имея немного желания и фантазии при помощи данного приема можно добиться очень интересных результатов.

Мы рады, что смогли помочь Вам в решении проблемы.

Опишите, что у вас не получилось.
Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

ДА НЕТ

Источник: https://lumpics.ru/how-to-stroke-the-text-in-photoshop/

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

Всем доброго дня! В этом уроке мы разберем такой эффект для текста, как создание для него контура или обводки. Начинаем с того, что открываем программу и создаем в ней новый документ.

Размер документа и фон выбираете любой, в зависимости от того, какой вам нужен. В этом уроке использованы такие параметры как ширина в 577 пикселей, высота – 412 пикселей. Затем дважды щелкаем по фону, что бы разблокировать его и работать с текстом.

Название слоя с «фон» переименуется в  «слой 0», исчезнет значок замка. Значит можно работать. Выбираем цвет текста и пишем его (ТЕКСТ).

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

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

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

Текст приобрел контурность. Таким образом можно сделать текст любого цвета. Но обводка будет только линейной или градиентной. А если мы хотим сделать что-то более красивое? Здесь поступаем несколько иным способом.

Зажимаем клавишу CTRL и кликаем по миниатюре слоя с текстом, в результате получим выделение текста.

Оно будет видно в виде плавающей пунктирной линии вокруг букв. Теперь необходимо будет сделать толстую обводку со скругленными краями. Для этого выбираем в меню «Выделение» раздел «Модификация – Расширить».

  • В открывшемся окне ставим размер  к примеру в 10 пикселей.
  • В результате получаем такое выделение:

Выделение отодвинулось от текста на заданное значение. Если оно не устраивает, можно изменить пиксели. Но при этом выбираем уже не «расширить«, а «сжать» и ставим размер для сжатия.

Затем проверяем, что на панели инструментов активен инструмент «выделение«. В принципе, он будет уже активным по умолчанию, поскольку вы работаете с выделением. На верхней панели находим пункт «уточнить край».

В разных версиях фотошопа этот пункт может выглядеть по разному. Нажимаем на него. Откроется окно, где изменяем параметр «сгладить«. Значение ставим примерно около 60.

  1. После этого создаем новый слой, нажав на соответствующую иконку в нижней части палитры слоев.

Далее, работаем с этим новым слоем. Нажимаем сочетание клавиш SHIFT+F5. Откроется окно «заполнить». Здесь выбираем параметр «использовать» и в выплывающем меню – «цвет…». Откроется новое окно палитры цветов, где выбираем нужный цвет. Например, серый.

Жмем ОК и получаем такую вот заливку:

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

Выделяем слой с обводкой (он теперь под слоем с текстом) и дважды кликаем по нему. Появится окно свойств слоя. Кликаем по центру полоски «градиент» и появится новое окно, где выбираем нужный стиль или создаем свой из палитры цветов. Например, такой, как показан на рисунке.

В окне стилей ставим «зеркальный» и отмечаем галочку в поле «инверсия». Жмем ОК.

  • Теперь выделяем слой текст и прозрачность заливки устанавливаем на 0.

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

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

Примерно так. Если поэкспериментировать, можно получить совершенно различные варианты. Удачи!

Источник: https://fast-wolker.ru/kak-sdelat-kontur-teksta.html

Как в Фотошопе (Photoshop) сделать обводку текста — инструкция

Вы задумывались, как сделать текст привлекательным. Оформите его красивым стилем. Рассмотрим, как в Фотошопе (Photoshop) сделать обводку текста.

А нужно ли это

Просматривая изображения с надписями, вы замечали, что тексту чего-то нахватает? Надпись смотрится не оформлено. Что предпринять? Обведите контент. Рассмотрим, как это сделать в Photoshop.

Как в Photoshop сделать обводку вокруг текста

Откройте изображение, далее: Выберите «Обводка». Настройте цвет, расположение толщину. Рассмотренный способ создает обводку одного цвета. Как сделать ее любой конфигурации.

Делаем контур текста другим цветом

Напишите текст. Перейдите: Создадим, например, контур со скругленными краями. В меню выберите: Далее: Получилось следующее: Выберите инструмент: Нажмите кнопку «Уточнить»: Далее: Создайте новый слой: Активируйте слой. Перейдите: Далее: Выберите цвет: Нажмите «Ctr+D», чтобы снять выделение. Перемещаем слой: Нажимаем два раза ЛКМ по слою с обводкой. Отметьте пункт «Наложение». Выбираем стиль градиента: Далее: Получилось следующее:

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

Теперь вопросов, связанных с тем, как сделать обводку текста в Фотошопе (Photoshop) СС не возникнет.

Обводка текста в Photoshop онлайн

Перейдите по адресу: https://online-fotoshop.ru/. Онлайн версия оснащена ограниченным набором функций. Создать сложную обводку не получится.  Выберите: Отредактируйте параметры:

Вывод

Мы рассмотрели, как в Фотошопе (Photoshop) сделать контур у текста. Используйте текстуру, чтобы добиться интересных эффектов. Экспериментируйте.

Источник: https://public-pc.com/kak-v-fotoshope-photoshop-sdelat-obvodku-teksta/

Как сделать обводку текста в Фотошопе, создание контура вокруг объекта или картинки, как выполнить окантовку букв в Photoshop

Пользователи, начинающие познавать азы работы в растровом редакторе Adobe Photoshop задаются вопросом: как правильно сделать обводку текста или картинки в Фотошопе различными способами? Ведь без нее, частенько, общая картина изображения кажется незавершенной.

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

Как сделать обводку текста в Фотошопе?

Этот способ подойдет для создания обводки текста в Фотошопе:

  1. Первым делом стоит открыть любое изображение, которое послужит в качестве фона. Далее, инструмент «Текст», указать тип шрифта, начертание и ввести слово или строку.
  2. После этого нужно перейти в меню «Стили», найти вариант «Выполнить обводку» и отметить его галочкой.
  3. В правой части окна стилей отображены настройки. Можно указать размер (толщину в пикселях), расположение (снаружи или внутри), и цвет границ. Лучший результат достигается экспериментальным путем. «Режим наложения» и «Непрозрачность» можно оставить неизменными.

Обводка с использованием двух слоев

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

  1. Сначала следует создать объект с надписью, после чего, зажав клавишу «CTRL» нажать кнопку «T», расположенную на панели слоев. Произойдет выделение надписи прерывающейся линией.
  2. После этого создать новый слой, который следует поместить сразу после надписи. Иными словами, в иерархии – надпись должна стоять в самом верху, а новый слой – ниже на одну ступень, перед фоном. Активировать его.
  3. Следующий шаг – расширение выделенной области. Делается это с помощью вкладки «Выделение» — «Модификация» — «Расширить». Откроется окно, в котором нужно ввести количество пикселей, на которые будет увеличен объект. Например, 3 пикселя.
  4. После этого нужно на панели инструментов найти вариант «Заливка», изменить цвет кисти на любой доступный и залить область. Просмотреть результат.
  5. Далее, можно перейти на панель «Стиль» и добавить еще одну окантовку. Кроме того, можно залить буквы слова цветом или текстурой.

  Базовые приемы редактирования фотографий в Фотошоп

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

Создание контура

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

  1. Для создания окантовки, легче всего кликнуть правой кнопкой мыши (ПКМ) по надписи, далее «Создать рабочий контур». После этого введенные буквы будут преобразованы в силуэт, который можно редактировать с помощью встроенных инструментов Photoshop.

    Однако этот способ работает только при соблюдении определенных условий. Перейдем к следующему способу обводки букв.
  2. Кликнуть ПКМ теперь уже по самому выделенному объекту и указать идентичный вариант из выпавшего списка: «Создать рабочий контур». Для того, чтобы данный метод заработал, нужно активировать инструмент «Текст», а также выйти из режима редактирования надписей (чтобы курсор не мигал и объект не был подчеркнут). Проще всего сделать эти две операции одновременно – нажать комбинацию клавиш «CTRL» и «Enter» на клавиатуре. В то же время слой с надписью должен быть активен.
  3. Есть еще один способ, в котором используются вкладки меню. Первым делом, перейти на вкладку «Слои», далее «Текст», после — «Создать рабочий контур». На панели должен быть выбран слой с надписью.
  • Слой не будет изменен, к нему просто будет добавлена окантовка, которую следует редактировать с помощью инструментов «Перо», «Стрелка», «Угол».
  • Вот так выглядит результат, отредактированный с помощью инструмента «Стрелка».
  • Редактированный силуэт можно будет использовать после, ведь он конвертируется в «Пользовательскую форму».

Как сделать обводку картинки?

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

Создание рамки

Первый способ сделать обводку изображения – это создание рамки:

  1. Открыть изображение.
  2. Нижний слой после загрузки изображения преобразуется в фон, который по умолчанию блокируется. Необходимо снять блокировку для редактирования.
  3. После снятия блокировки следует перейти в меню «Параметры наложения». Перейти в него можно кликнув на кнопку «fx». Найти пункт «Обводка».
  4. Настройки идентичны тем, что уже были описаны в пункте «Обводка текста». Все дальнейшие операции делаются так же.

В результате изображение будет обведено рамкой.

Окантовка объекта

Также можно выполнить обводку контура объекта:

  1. Выделить объект с помощью инструмента «Волшебная палочка».
  2. Навести курсор на выделенную область и кликнуть по нему правой кнопкой мыши. В выпадающем меню кликнуть по пункту «Образовать рабочий контур».
  3. Перейти на вкладку «Контуры» в панели слоев.
  4. Настроить кисть, выбрав цвет, толщину и прозрачность. Именно таким будет контур.
  5. На вкладке «Контуры» кликнуть ПКМ и выбрать вариант «Выполнить обводку».
  6. После этого следует кликнуть по кнопке «Ок» и просмотреть результат.

Второй вариант:

  1. Выделить объект на изображении, на клавиатуре нажать «CTRL» и «, чтобы вынести его на отдельный слой.
  2. Выбрать в меню «fx» пункт «Обводка».
  3. Дальнейшая процедура уже знакома и описывалась ранее.

Источник: http://composs.ru/sozdanie-obvodki-ili-kontura-v-photoshop/

Выделение/обводка текста в Фотошопе

Одним из самых используемых инструментов при работе в Фотошопе является “Текст”. И разработчики программы постарались наделить его широкими возможностями.

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

Этот урок будет целиком посвящен тому, как выделить текст в Фотошопе. Начнем!

Способов выделить надпись в программе немало, но мы потрудились и выбрали самые “ходовые” для работы, которыми и сами пользуемся.

Способ №1: Создаем слой с подложкой


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

и яркую фотографию. В нашем случае это будет прекрасное фото пляжа с белоснежным песком:

Логотип нужно будет разместить в правом нижнем углу. Выглядит это пока таким вот образом:

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

  1. На панели слоев создаем новый слой и размещаем его между текстовым и фоновым слоями.
  2. Затем необходимо взять инструмент “Выделение” -> “Прямоугольная область”.
  3. На созданном слое (между слоями с текстом и фоном) выделяем прямоугольную область вокруг текста. Перед тем, как это делать, мы убрали рамки вокруг логотип. Смотрите скриншот ниже:
  4. Остается только залить выделенную область желаемым цветом. Обычно для подложки используют черный цвет. Чтобы не прибегать к панели инструментов, воспользуемся комбинацией горячих клавиш SHIFT+F5. В появившемся окне выбираем в пункте “Содержание” -> “Черный” или любой другой подходящий вариант:После того, как подложка закрашена, снимите выделение горячими клавишами CTRL+D, или кликнув инструментом выделение по любому месту на холсте.
  5. Чтобы подложка не смотрелась так “грубо”, нужно поиграть со значением “Непрозрачность” на слое. В нашем случае мы установили ползунок на отметке 50%.
  6. Почти готово. Остался последний штрих – добавление тени. Да, переходим в параметры наложения слоя, на котором находится текст. Для этого кликните правой кнопкой мыши на слой и выберите “Параметры наложения”.Альтернативный способ вызова – двойной клик по нужному слою. Перед нами откроется окно с множеством настроек. Выбираем “Тень” и настраиваем, как у нас или на свой вкус:Кликаем “ОК” и получаем неплохой результат, который является одним из самых распространенных.

Экспериментируйте с подложкой, ведь главное в этом деле – практика. Идем дальше.

Способ №2: Обводка текста


Есть еще один способ выделить надпись – сделать обводку. Данный способ подходит, когда у вас очень контрастное и разноцветное изображение. Мы взяли для пример черную версию нашего логотипа и фото леса:

Как видите, логотип практически незаметен. Приступим к выделению текста.

  1. В этот раз нам не понадобится создавать дополнительный слой, как в первом случае. Все куда проще. Кликаем на слой с логотипом/текстом ПКМ и выбираем “Параметры наложения”.
  2. После, устанавливаем галочку в пункте “Выполнить обводку”. Появятся настройки обводки. В нашем случае нам достаточно установить размер обводки в 3 пикс. и выбрать белый цвет, т.к. лого у нас черного.
  3. После настройки обводки, не закрывая окно, переходим к пункту “Тень”. Здесь все параметры тоже индивидуальны, но в нашем случае они таковы:
  4. После того, как мы ввели все необходимые параметры в пунктах “Выполнить обводку” и “Тень”, кликаем ОК и получаем результат:

Способ №3: Выделение текста при резкой смене цветов


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

    Таким образом Фотошоп автоматически создаст выделенную область вокруг лого:

  2. Затем необходимо перейти на слой с нашим фоновым изображением, кликнув ЛКМ по нему и, используя горячие клавиши CTRL+J, cкопировать выделение. Программа автоматически создаст новый слой с нашим текстом в цветах фонового изображения:
  3. Переходим к волшебству.

    Убираем видимость (галочку) с самого верхнего слоя, где расположена наша надпись. Теперь нужно инвертировать цвета слоя благодаря комбинации клавиш CTRL+I. Должно получиться примерно так:

  4. Получилось недурно, но еще есть над чем поработать. Давайте добавим нашему тексту немного обводки белого цвета в пункте “Выполнить обводку” в “Параметрах наложения”.

    Затем “приправим” надпись немного тенями:

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

На этом все.

Если остались вопросы, пишите об этом в х. До встречи в наших следующих уроках.

Источник: https://MyPhotoshop.ru/vydeleniye-obvodka-teksta/

Заливка и обводка выделенных областей, слоев и контуров в Photoshop

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

Инструмент «Заливка» позволяет выполнять заливку смежных пикселов, имеющих значение цвета, подобное тем пикселам, на которых выполнен щелчок.

Примечание.

Инструмент «Заливка» не может использоваться с изображениями в битовом режиме.

  1. Выберите основной цвет. (См. раздел Выбор цветов в палитре инструментов.)
  2. Выберите инструмент «Заливка» .

    Примечание.

    Инструмент «Быстрая заливка» объединен с инструментом «Градиент» в панели инструментов. Если не удается найти инструмент «Быстрая заливка», нажмите и удерживайте в нажатом положении инструмент «Градиент», чтобы получить к нему доступ.

  3. Укажите, должна ли быть выполнена заливка выделенной области основным цветом или узором.
  4. Укажите режим наложения и непрозрачность для краски. (См. раздел Режимы наложения.)

  5. Введите допуск для заливки.

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

    При низком допуске происходит заливка пикселов цветами в диапазоне значений цветов, весьма подобных пикселу, на котором выполнен щелчок.

    При высоком допуске происходит заливка пикселов цветами в более широком диапазоне.

  6. Чтобы сгладить края выделенной области, в которой выполнена заливка, установите флажок «Сглаживание».
  7. Чтобы выполнить заливку только пикселов, смежных с тем, на котором был выполнен щелчок, выберите параметр «Смежные пикселы»; оставьте параметр «Смежные пикселы» невыбранным, чтобы была выполнена заливка всех подобных пикселов в изображении.
  8. Чтобы выполнить заливку пикселов с учетом объединенных данных о цвете, относящихся ко всем видимым слоям, установите флажок «Все слои».
  9. Щелкните часть изображения, в которой необходимо выполнить заливку. Ко всем указанным пикселам в пределах заданного допуска применяется заливка основным цветом или узором.

    Если при работе с некоторым слоем необходимо избежать заливки прозрачных областей, то следует обязательно заблокировать прозрачность этого слоя на панели «Слои». (См. раздел Закрепление слоев.)

  1. Выберите область, в которой необходимо выполнить заливку. Чтобы выполнить заливку всего слоя, выберите этот слой на панели «Слои».
  2. Выберите меню «Редактирование» > «Выполнить заливку», чтобы выполнить заливку выделенной области или слоя. Для заливки контура нужно выбрать контур и выбрать команду «Выполнить заливку контура» из меню панели «Контуры».
  3. В диалоговом окне «Заливка» выберите одно из следующих значений в качестве параметра «Определение источника для заливки» или определяемый пользователем узор:

    «Основной цвет», «Фоновый цвет», «Черный», «50 % серого» или «Белый»

    Выполняется заливка выделенной области указанным цветом.

    Примечание.

    Если происходит заливка изображения CMYK с использованием параметра «Черный», то Photoshop выполняет заливку всех каналов полностью черным цветом.

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

    Для достижения лучших результатов при заливке изображения CMYK используйте параметр «Основной цвет» с указанием в качестве основного цвета соответствующего значения черного цвета.

    Выполняется заливка цветом, выбранным в окне «Палитра цветов».

  4. Укажите режим наложения и непрозрачность для краски. (См. раздел Режимы наложения.)

  5. Если во время работы в каком-то слое необходимо выполнить заливку только областей, содержащих пикселы, выберите параметр «Сохранить прозрачность».
  6. Нажмите кнопку «ОК», чтобы выполнить заливку.

    Примечание.

    Чтобы применить заливку основным цветом только к областям, которые содержат пикселы, нажимайте клавиши «Alt» + «Shift» + «Backspace» (Windows) или «Option» + «Shift» + «Delete» (Mac OS).

    В результате этого сохранится прозрачность слоя.

    Чтобы применить заливку фоновым цветом только к областям, которые содержат пикселы, нажимайте клавиши «Ctrl» + «Shift» + «Backspace» (Windows) или «Command» + «Shift» + «Delete» (Mac OS).

Сведения по использованию функции Редактирование > Заливка с учетом содержимого, представленной в Photoshop CC 20.0 (выпуск за октябрь 2018 года), см. в разделе Заливка с учетом содержимого.

  1. Выберите часть изображения, в которой необходимо выполнить заливку.
  2. Выберите меню «Редактирование» > «Заливка».

    Примечание.

    На слое фона нажмите клавишу Delete или Backspace, чтобы быстро получить доступ к диалоговому окну «Заливка».

  3. В меню «Использовать» выберите один из следующих элементов.

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

    Примечание.

    Заливка с учетом содержимого совмещает подобные элементы изображения на случайной основе. Если результат вас не устраивает, выберите «Редактирование» > «Отменить», а затем примените другую заливку с учетом содержимого.

    (Включено по умолчанию) Алгоритмически смешивает цвет заливки с окружающим цветом

    Заливка с учетом содержимого и цветовой адаптацией

    Нажмите на инвертированную стрелку рядом с образцом узора и выберите узор из всплывающей панели. Дополнительные узоры могут быть загружены с помощью всплывающего меню панели. Выберите имя библиотеки узоров или запустите команду «Загрузить узоры» и перейдите в папку, содержащие узоры, которые вы хотите использовать.

    Можно также применить один из прилагаемых узоров на основе сценариев, чтобы с легкостью создавать различные геометрические узоры заливки. Выберите «Узоры на основе сценариев» в нижней части диалогового окна заливки, а затем выберите узор заливки во всплывающем меню «Сценарий».

    восстанавливает исходное состояние выделенной области или снимок экрана, выбранный на панели «История».

Заливка с учетом содержимого

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

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

  1. Щелкните правой кнопкой по рабочему холсту и выберите «Серый», «Черный» или «Заказной». (Чтобы определить заказной цвет, выберите «Выбор иного цвета».)

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

Примечание.

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

  1. Выберите область или слой, для которых необходимо выполнить обводку.
  2. Выберите меню «Редактирование» > «Выполнить обводку».
  3. В диалоговом окне «Обводка» укажите ширину рамки с четким краем.
  4. В качестве параметра «Позиция относительно границы» задайте значение, которое указывает, поместить ли рамку внутри или снаружи или выровнять по центру над границами выделенной области или слоя.

    Примечание.

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

  5. Укажите непрозрачность и режим наложения. (См. раздел Режимы наложения.)

  6. Если во время работы в каком-то слое необходимо выполнить обводку только областей, содержащих пикселы, выберите параметр «Сохранить прозрачность». (См. раздел Закрепление слоев.)

Чтобы нарисовать окружность или квадрат, можно применить инструменты выделения овальной или прямоугольной области, а затем добавить к области выделения линию (называемую обводкой). Обводка выделенной области — это быстрый способ создать рамку вокруг объекта или заключить объект в кадр. Можно выполнить обводку любой выделенной области, созданной с помощью инструментов выделения.

  1. На панели «Слои» нажмите кнопку «Создать слой» , чтобы создать новый слой для окружности или квадрата. Если для окружности или квадрата выделен отдельный слой, с этим объектом становится проще работать.
  2. Выберите инструмент «Овальная область» или «Прямоугольная область» на панели инструментов.
  3. Перетащите курсор в окне документа, чтобы создать форму. Нажимайте клавишу «Shift» во время перетаскивания, чтобы ограничить форму окружностью или квадратом.
  4. Выберите меню «Редактирование» > «Выполнить обводку».
  5. В диалоговом окне «Обводка» введите значение для параметра «Ширина», а затем щелкните образец цвета, чтобы открыть окно палитра цветов Adobe.
  6. В палитре цветов определите нужный цветовой диапазон с помощью треугольных шкал на спектре цветов, а затем щелкните нужный цвет в поле цвета. Выбранный цвет появляется в верхней половине образца цвета. Исходный цвет останется в нижней половине. Нажмите кнопку «ОК».
  7. Задайте местоположение обводки по отношению к области, выбрав значение «Внутри», «По центру» или «Снаружи». В случае необходимости измените другие настройки и нажмите «ОК». Photoshop выполнит обводку линии с использованием заданных значений параметров цвета и обводки.

Источник: https://helpx.adobe.com/ru/photoshop/using/filling-stroking-selections-layers-paths.html

Как сделать вязаный узор в фотошопе?

Для интересного оформления, дизайнерских поделок (ну скажем открытки на новый год)  может пригодиться метода изготовления вязаного узора или текста в фотошопе.

Главное для этой затеи  – вязаная текстура. Их много в сети, и у меня одна есть – скачать можно тут.

Суть технологии создания реалистичного вязанного узора:

1. Открываете вязанную текстуру.

2. Раскрашиваете ее. Для этого создаете слой под ней и заливаете его цветом, который необходим. Затем для слоя с текстурой ставите режим наложения “жесткий свет (Hard light)”. Можно дополнительно потаскать ползунок непрозрачности (opacity) для корректировки насыщенности цвета.

3. Создаем новый слой над текстурой вязания. Берем черную мягкую кисть размером меньше одной вязальной петли. Рисуем на созданном слое петлю по форме петли из вязанной текстуры. Копируем то что нарисовали в новый файл и создаем из этого новую кисть.

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

Суть технологии создания вязанного текста (подходит не только для текста):

1. Повторяем п.1 и 2. из предыдущей методы.

2. Создаем текст непосредственно под слоем с текстурой. Желательно брать  жирный шрифт, такой как, например, Arial Black.  Задаем ему цвет как в п.2 предыдущей методы с узором.

3. Растрируем текст. Выделяем его контур и скругляем углы выделения  – “выделение (select)” → “модификация (modify)”→ “сгладить (smooth)” – радиус определяем опытным путем. Инвертируем выделение и клавишей delete удаляем лишнее – в результате должен остаться текст с закругленными углами.

4. Задаем слою с текстом стили – “внутренняя тень (inner shadow)”, “тень (drop shadow)” и “тиснение (bevel and emboss)”. Настройки стилей подбираем так, чтобы текст выглядел слегка выпуклым (мои настройки смотрите в видео).

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

Непременно поделитесь с друзьями!

Работа с текстом photoshop

Приветствую друзья и читатели сайта fotodizart.ru! Сегодня поделюсь опытом при работе с текстом в фотошопе.

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

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

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

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

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

Работа с текстом в photoshop станет намного легче, если будите знать все параметры этих двух окон. Ну и напоследок хочу поделиться еще одним интересным моментом которому следует уделить внимание, так как он также будет экономить время при вставке изображения в блок с текстом.

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

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

Вот так обстоит работа с текстом в фотошопе.

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

Работа с узорами (паттернами) в Фотошоп., Уроки

Применение узоров в Adobe Photoshop является необходимым процессом творчества для добавления различных интересных элементов в дизайне.

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

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

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

1. Обзор узоров программы с функцией «Управление наборами» (Preset Manager) .

2. Три различных способа применения паттернов в Фотошоп.

3. Как создать собственный узор.

4. Создание и применение линейного диагонального узора на практике.

5. Установка Фотошоп-паттерна в библиотеке программы.

6. Создание библиотеки узоров.

Изучение узоров программы с функцией «Управление наборами» (Preset Manager) .

Вы можете найти узоры программы, заданные по умолчанию через функцию «Управление наборами». Доступ к наборам осуществляется через верхнее меню программы во вкладке Редактирование-Управление наборами (Edit > Preset Manager) . По умолчанию, окно Управления (Preset Manager) отображает палитру кистей (Brushes).

В открывшемся диалоговом окне найдите опцию «Тип набора» (Preset Type) и нажмите на стрелочку вниз. Из выпадающего подменю выберите параметр «Узоры» (Patterns) и вы увидите появившийся по умолчанию программы набор.

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

Для загрузки шаблонов библиотек программы Фотошоп нажмите на стрелку справа в окне «Управление наборами». В выпадающем подменю вы увидите список наборов различные узоров.

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

Нажмите опцию «Добавить» (Append) , если не хотите изменять предыдущие узоры, а просто хотите добавить выбранные сейчас.


Применение паттернов в Фотошоп.

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


Наложение узора при помощи команды «Заливка» (Fill).

Самый простой способ наложения паттерна заключается в заполнении им выделенной области. Например, активируйте инструмент «Прямоугольное выделение» (Rectangular Marquee Tool (M)) и выделите участок любого размера на холсте. Затем, перейдите в меню Редактирование-Выполнить заливку (Edit> Fill (Shift + F5)) и в диалоговом окне заливки в опции «Использовать» (Use) укажите параметр Регулярный/Шаблон (Pattern).

Заливка узором позволяет использовать опцию «Заказной узор» (Custom Pattern) . Нажмите на стрелку параметра и вызовите подменю с библиотеками паттернов, нажав стрелочку справа. Выбрав нужный набор или узор, кликните по нему и нажмите ОК, чтобы заполнить им ваше выделение.

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

Наложение узора в «Стилях слоя».

Если вы хотите применить узор для любого выбранного слоя, двойным кликом по миниатюре этого слоя откройте окно «Стили слоя» (Layer Style) . Почти в самом низу найдите параметр «Наложение узора» (Pattern Overlay) и активируйте его. Откроется диалоговое окно опции, где вы можете так же, как и в предыдущем примере, выбрать необходимый паттерн и применить его к слою.

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

Совет: Чтобы отрегулировать положение узора на холсте, в параметре «Наложение узора» активируйте флажок Просмотр (Preview) , а затем поместите курсор мыши на холст и, удерживая ее нажатой, передвигайте ваш паттерн в основном окне программы в любом направлении.

Рисование узором при помощи инструментов «Заливка» (Paint Bucket Tool) и «Узорный штамп» (Pattern Stamp Tool) .

Если вы хотите применить узор, рисуя им по холсту, используйте инструменты Заливка и Узорный штамп. Активируйте их и настройте на применение узоров, а не цвета в верхней панели программы.

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

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

Посмотрите на сводную таблицу преимуществ и недостатков разных способов при наложении узора.


Создание собственного узора в Фотошоп.

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

Чтобы создать узор, используйте инструмент «Прямоугольное выделение» (Rectangular Marquee Tool (M)) и выделите область, которую хотите поместить в узор. Затем перейдите во вкладку Редактирование-Определить узор (Edit> Define Pattern) , чтобы определить выделенную область как паттерн и присвойте ему имя в диалоговом окне.

Совет: Многие предпочитают создавать узор для своей работы за пределами рабочего документа. Это хорошая практика. Создавая Новый документ (Ctrl+N) для своего узора, вы тем самым, концентрируетесь на данной работе, не отвлекаясь ни на что более.


Создание и применение диагонального линейного узора.

Давайте попробуем сделать один из моих любимых паттернов в фотошоп: диагональный узор, который был применен для дизайна сайта «Design Instruct».

Создаем новый документ (Ctrl+N) в Фотошоп размером 600х600 рх и разрешением 72 рх/ дюйм c белым фоном.

Активируем инструмент «Горизонтальный текст» (Horizontal Text Tool (T)) и пишем фразу Design Instruct в верхней части холста. Выберите темный цвет для текста (#000000) , чтобы ясно видеть нашу работу. В данном варианте использован шрифт Helvetica Neue Medium размером 30 pt, но можно выбрать любой другой шрифт программы (например, Arial).

Теперь переходим к созданию узора для нашего основного документа. Его мы будем рисовать в отдельном документе Фотошоп. Создаем новый документ (Ctrl+N) размером 3х3 рх и разрешением 72 рх/дюйм. Цвет фона Прозрачный (Transparent) .
При сохранении узора в программе позже будет выбран белый цвет фона по умолчанию.

Так как холст довольно маленького размера, увеличим его инструментом Zoom Tool (Z) (лупа), приблизив. Я увеличил холст до 3200% от основного размера, что является максимальным увеличением.

Теперь будем рисовать белые диагональные линии по направлению из верхнего левого угла к нижнему правому. Для этого активируем инструмент Карандаш (Pencil Tool (B)) .

Установим цвет переднего плана (Foreground) на белый (#ffffff) и настроим размер карандаша на 1 рх с жесткостью (Hardness) 100%. Убедитесь, что опции Непрозрачность (Opacity) и Нажим (Flow) равны 100%.

Я в своем примере специально переключился на другой цвет, чтобы вы могли ясно видеть весь процесс создания узора. Удерживая Shift, нажмите Карандашом (Pencil Tool) в левом верхнем углу холста, а, затем в правом нижнем. Получилось ровное диагональное соединение из квадратов.

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

После создания диагональной линии, перейдите в Выделение – Все (Select> All (Ctrl+A)) , чтобы выделить весь холст.

Теперь перейдите во вкладку Редактирование-Определить узор (Edit> Define Pattern) и в диалоговом окне присвойте имя вашей линии, т.е введите любое название для вашего узора. После нажмите ОК.

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


Команда «Заливка» (Fill).

Создаем новый слой выше слоя с текстом (Ctrl+Shift+N) . Выделим текст, удерживая Ctrl и кликнув по иконке этого слоя.

Переходим в Редактирование-Выполнить заливку (Shift+F5) . В диалоговом окне в опции Использовать (Use) выбираем Узор (Pattern) , а в опции Заказной узор (Custom Shape) находим наш нарисованный паттерн с диагональными линиями.

Нажимаем Ок, чтобы применить узор с помощью команды Заливка (Fill).

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

Совет: Хорошей практикой является использование узора на отдельном от объекта слое. Но, чтобы объект перемещался по холсту вместе с примененным к нему узором, используйте функцию Связать слои (Link Layers) . Иконка этой функции имеет форму скрепки и находится внизу панели слоев. Выделите нужные слои ( Ctrl +клик по миниатюре слоя) и нажмите на значок скрепки, или правой кнопкой мыши кликните по выделенным слоям и выберите опцию — Связать слои.


Применение диагонального узора в «Стилях слоя».

Теперь скройте верхний слой с узором (глазик напротив иконки слоя) или удалите его, перетянув слой на иконку корзины внизу панели слоев.

Дважды щелкните по текстовому слою, чтобы вызвать окно «Стилей слоя» (Layer Style) и выберите параметр «Наложение узора» (Pattern Overlay) . В окне параметра нажмите на стрелку с узором и из набора выберите ваш созданный диагональный паттерн. Включите функцию Предварительного просмотра (Preview) , чтобы контролировать процесс наложения узора и, если необходимо, изменить что-либо.

Вот вкратце разъяснение опций окна «Наложение узора» (Pattern Overlay) :


1. Изменение режима смешивания в узоре (Умножение, Перекрытие, Осветление основы и т.д.)

2. Управление непрозрачностью узора. Чем ниже уровень непрозрачности, тем прозрачнее узор.

3. Окно узора. Открыв его, можно выбрать любой узор для наложения на объект.

4. Создание нового имени для данного узора.

Нажав на окно узора, а затем на стрелку справа, вы можете выбрать функцию из выпадающего меню – Сохранить узор (Save Pattern) и сохранить его под другим именем в наборе. Если вы сделали с узором какие-либо изменения (масштаб, режим смешивания или непрозрачность), то они также будут сохранены вместе с выбранным образцом.

5. Масштаб (Scale) регулирует масштаб и разрешение узора.

6. Связать со слоем (Link with Layer)

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

Наложение узора при помощи инструмента «Узорный штамп» (Pattern Stamp Tool (S)) .

Теперь попробуем использовать в работе наш диагональный узор при помощи «Узорного штампа». По своему стилю данный инструмент похож на использование Кисти (Brush Tool (B)) , только рисуем мы не цветом, а узором по холсту.

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

Далее, активируйте инструмент «Узорный штамп» (Stamp Tool (S)) в панели инструментов.

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

На Новом слое (Ctrl+Shift+N) начните рисовать поверх текста узором. Вы можете видеть, что я использовал штамп лишь в некоторых местах текста и менял непрозрачность (Opacity) инструмента для уникального эффекта.
В отличие от предыдущих двух способов наложения узора (Заливки и Стилей слоя) этот прием немного сложнее и требует определенного навыка.


Установка узоров в Фотошоп.

Если вы хотите использовать узоры, скачанные с других сайтов, то загрузить их в программу довольно просто. Перейдите в Редактирование-Управление наборами (Edit> Preset Manager) и в диалоговом окне нажмите на функцию «Загрузить» (Load) справа. Помните, что ваш скачанный узор должен иметь расширение РАТ, чтобы программа установила его. В открывшемся окне загрузки укажите место нахождения вашего файла с узором и нажмите «Загрузить».

Обычно узоры устанавливаются программой в папку по такому пути : Adobe Photoshop [Photoshop Version] > Presets > Patterns .

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



Adobe – Photoshop Exchange Patterns
deviantART
Brusheezy
The Ultimate Collection Of Free Photoshop Patterns

Создание библиотеки узоров.

Чтобы создать шаблоны узоров в библиотеке программы, перейдите во вкладку Редактирование-Управление наборами (Edit > Preset Manager) . Выберите в списке образцы, которые вы хотите добавить в библиотеку, удерживая Ctrl и делая клик по нужным узорам, выделяя их. Далее нажмите кнопку «Сохранить» (Save Set) . Сохраните набор выбранных узоров в любом месте вашего компьютера.

Теперь этот файл можно установить и на других компьютерах. Успехов в освоении программы!

Учебное пособие по повторяющимся узорам в Photoshop

Шаг 1. Создание нового документа

Начнем с создания единой плитки для узора. Для этого нам нужен новый пустой документ, поэтому перейдите в меню File в строке меню в верхней части экрана и выберите New :

.

Перейдите в Файл> Создать.

Откроется диалоговое окно «Новый документ». Введите 100 пикселей для Ширина и Высота . Размер документа будет определять размер плитки, что повлияет на то, как часто узор повторяется в документе (поскольку для меньшей плитки потребуется больше повторений, чтобы заполнить такое же пространство, чем для плитки большего размера).В этом случае мы создадим плитку размером 100 х 100 пикселей. Позже вы захотите поэкспериментировать с разными размерами, создавая свои собственные выкройки.

Я оставлю значение Resolution равным 72 пикселя / дюйм . Установите Background Contents на Transparent , чтобы у нашего нового документа был прозрачный фон:

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

Нажмите ОК, когда закончите, чтобы закрыть диалоговое окно.Новый документ появится на вашем экране. Образец шахматной доски, заполняющий документ, — это способ Photoshop сказать нам, что фон прозрачный. Поскольку документ довольно мал — всего 100 x 100 пикселей, я увеличу его, удерживая нажатой клавишу Ctrl (Win) / Command (Mac) и нажимая плюс знак ( + ). ) несколько раз. Здесь документ увеличен до 500%:

Новый пустой документ, увеличенный до 500%.

Шаг 2. Добавьте направляющие по центру документа

Нам нужно знать точный центр нашего документа, и мы можем найти его с помощью руководств Photoshop.Поднимитесь в меню View вверху экрана и выберите New Guide :

.

Перейдите в «Просмотр»> «Новое руководство».

Откроется диалоговое окно New Guide. Выберите Horizontal для Orientation , затем введите 50% для Position . Нажмите OK, чтобы закрыть диалоговое окно, и вы увидите горизонтальную направляющую, появившуюся в центре документа:

Выберите «По горизонтали» и введите 50% в поле «Положение».

Вернитесь в меню View и еще раз выберите New Guide . На этот раз в диалоговом окне New Guide выберите Vertical для Orientation и снова введите 50% для Position :

.

Выберите Вертикально и введите 50% для Позиции.

Щелкните OK, чтобы закрыть диалоговое окно, и теперь вы должны иметь вертикальную и горизонтальную направляющую, проходящую через центр документа. Точка, где они встречаются, и есть точный центр.Цвет направляющих по умолчанию — голубой, поэтому их может быть немного сложно увидеть на снимке экрана:

Вертикальная и горизонтальная направляющие проходят через центр документа.

Изменение цвета направляющей (дополнительно)

Если вам не удается увидеть направляющие из-за их светлого цвета, вы можете изменить их цвет в настройках Photoshop. На ПК перейдите в меню Edit , выберите Preferences , затем выберите Guides, Grid & Slices .На Mac откройте меню Photoshop , выберите Preferences , затем выберите Guides, Grid & Slices :

Выберите настройки направляющих, сетки и фрагментов.

Откроется диалоговое окно «Настройки» Photoshop с параметрами «Направляющие», «Сетка» и «Срезы». Самый первый вариант вверху списка — это Guide Color . Как я уже упоминал, по умолчанию установлен голубой цвет. Щелкните слово Cyan и выберите другой цвет из списка. Вы увидите предварительный просмотр цвета в окне документа.Поменяю свой на Light Red :

Выбор светло-красного в качестве нового цвета направляющих.

Нажмите OK, когда закончите, чтобы закрыть диалоговое окно «Настройки». Направляющие в окне документа теперь отображаются в новом цвете (обратите внимание, что Photoshop будет продолжать отображать направляющие в этом новом цвете, пока вы не вернетесь к настройкам и не измените цвет обратно на голубой или не выберете другой цвет):

Направляющие теперь отображаются в новом цвете, что облегчает их просмотр.

Шаг 3: нарисуйте форму в центре документа

В Photoshop можно создавать очень сложные узоры, или они могут быть такими простыми, как, скажем, повторяющаяся точка или круг. Нарисуем круг в центре документа. Сначала выберите инструмент Elliptical Marquee Tool на панели инструментов. По умолчанию он скрывается за инструментом Rectangular Marquee Tool, поэтому нажмите на инструмент Rectangular Marquee Tool и удерживайте кнопку мыши в течение секунды или двух, пока не появится всплывающее меню, затем выберите инструмент Elliptical Marquee Tool из списка:

Щелкните и удерживайте инструмент Rectangular Marquee Tool, затем выберите инструмент Elliptical Marquee Tool.

Выбрав инструмент Elliptical Marquee Tool, переместите перекрестие прямо над точкой пересечения направляющих в центре документа. Удерживая нажатыми Shift + Alt (Win) / Shift + Option (Mac), щелкните в центре документа, затем, не отпуская кнопку мыши, растяните круговое выделение. Удерживая нажатой клавишу Shift при перетаскивании, форма выделения станет идеальным кругом, в то время как клавиша Alt (Win) / Option (Mac) заставляет Photoshop рисовать контур выделения из центра.Когда вы закончите, ваш контур выделения должен выглядеть примерно так (не беспокойтесь о точном размере, пока он близок):

Удерживая Shift + Alt (Win) / Shift + Option (Mac), растяните круговой контур выделения из центра.

Шаг 4: Залейте выделение черным

Перейдите в меню Edit вверху экрана и выберите Fill :

Перейдите в меню «Правка»> «Заливка».

Откроется диалоговое окно «Заливка», в котором мы можем выбрать цвет для заливки выделения.Установите для параметра Use в верхней части диалогового окна значение Black :

Установите для параметра «Использование» значение «Черный».

Щелкните OK, чтобы закрыть диалоговое окно. Photoshop заполняет круглое выделение черным. Нажмите Ctrl + D (Win) / Command + D (Mac), чтобы быстро удалить контур выделения вокруг формы (вы также можете перейти к меню Select вверху экрана и выбрать Deselect , но сочетание клавиш быстрее).Имейте в виду, что мой документ все еще увеличен до 500%, поэтому края круга кажутся блочными:

Выбор закрашен черным.

Плагин шорткодов, действий и фильтров: ошибка в шорткоде [ ads-basics-middle ]

Шаг 5: Дублируйте слой

Добавив только один круг в центр плитки, мы могли бы сохранить плитку как узор, но давайте сделаем его немного интереснее, прежде чем мы это сделаем. Сначала сделайте копию слоя, перейдя в меню Layer вверху экрана, выбрав New , затем выбрав Layer через Copy .Или, если вы предпочитаете сочетания клавиш, нажмите Ctrl + J (Win) / Command + J (Mac):

Перейдите в меню «Слой»> «Создать»> «Слой через копирование».

В окне документа пока ничего не произойдет, но копия слоя, которую Photoshop называет «Копия слоя 1», появится над оригиналом на панели «Слои»:

Панель «Слои», на которой отображается копия слоя 1 над оригиналом.

Шаг 6: Применение фильтра смещения

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

Выберите «Фильтр»> «Другое»> «Смещение».

Откроется диалоговое окно «Фильтр смещения». Фильтр «Смещение» перемещает или смещает содержимое слоя на указанное количество пикселей по горизонтали, вертикали или по обоим направлениям. При создании простых повторяющихся шаблонов, подобных тому, который мы здесь разрабатываем, вы захотите ввести половину ширины документа в поле ввода «Горизонтальное» и половину высоты документа в поле ввода «Вертикальное». В нашем случае мы работаем с документом 100 x 100 пикселей, поэтому установите для параметра Horizontal значение 50 пикселей, а для параметра Vertical также значение 50 пикселей.В нижней части диалогового окна в разделе Undefined Areas убедитесь, что выбрано Wrap Around :

Установите для параметров «По горизонтали» и «Вертикаль» половину размеров документа и убедитесь, что установлен флажок «Обтекание по периметру».

Щелкните OK, чтобы закрыть диалоговое окно. В окне документа мы видим, что фильтр «Смещение» взял копию круга, который мы создали на предыдущем шаге, и разделил ее на четыре равные части, разместив их по углам документа.Круг, оставшийся в центре, — это исходный круг, который мы нарисовали на слое 1:

.

Изображение после запуска фильтра смещения.

Шаг 7. Определите плитку как узор

Создав плитку, давайте сохраним ее как фактический узор. Этот процесс в Photoshop называется «определение узора». Поднимитесь в меню Edit вверху экрана и выберите Define Pattern :

.

Перейдите в Edit> Define Pattern.

Photoshop откроет диалоговое окно с просьбой назвать новый узор.Если вы создаете несколько одинаковых плиток разных размеров, рекомендуется указать размеры плитки в названии рисунка. В этом случае назовите плитку «Круги 100×100». Когда вы закончите, нажмите OK, чтобы закрыть диалоговое окно. Плитка теперь сохранена как узор!

Назовите узор «Круги 100×100».

Шаг 8: Создайте новый документ

Мы разработали нашу плитку и определили ее как узор, что означает, что теперь мы можем использовать ее для заполнения всего слоя! Создадим новый документ для работы.Как и на шаге 1, перейдите в меню File и выберите New . Когда появится диалоговое окно «Новый документ», введите 1000 пикселей для Ширина и Высота . Оставьте Разрешение равным 72 пикселя / дюйм , а на этот раз установите Background Contents на White , чтобы фон нового документа был залит сплошным белым цветом. Когда вы закончите, нажмите OK, чтобы закрыть диалоговое окно.На вашем экране появится новый документ:

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

Шаг 9: Добавьте новый слой

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

Щелкните значок «Новый слой».

Новый пустой слой с именем «Слой 1» появляется над фоновым слоем:

Появится новый слой.

Шаг 10: Залейте новый слой узором

Добавив наш новый слой, давайте заполним его нашим узором! Поднимитесь в меню Edit и выберите Fill :

.

Перейдите в меню «Правка»> «Заливка».

Обычно команда Photoshop «Заливка» используется для заливки слоя или выделения сплошным цветом, точно так же, как мы это делали на шаге 4, когда использовали ее для заливки круглого выделения черным цветом.Но мы также можем использовать команду Заливка, чтобы заполнить что-либо узором, и мы делаем это, сначала установив для параметра Использовать в верхней части диалогового окна значение Узор :

Измените параметр «Использовать» на «Образец».

При выбранном шаблоне прямо под ним появляется второй вариант, Custom Pattern , где мы выбираем шаблон, который хотим использовать. Нажмите на эскиз шаблона для предварительного просмотра :

Щелкните непосредственно на миниатюре Custom Pattern.

Откроется окно выбора паттернов , в котором отображаются маленькие эскизы всех паттернов, из которых мы в настоящее время должны выбирать. Только что созданный нами узор круга будет последним эскизом в списке. Если у вас включены подсказки в настройках Photoshop (они включены по умолчанию), имя рисунка будет отображаться при наведении курсора на миниатюру. Дважды щелкните по нему, чтобы выбрать его и выйти из окна выбора узоров:

.

Выберите узор «Круги 100×100» в палитре узоров.

После того, как вы выбрали узор, все, что осталось сделать, это нажать OK, чтобы закрыть диалоговое окно «Заливка». Photoshop заполняет пустой слой документа круговым узором, повторяя плитку столько раз, сколько необходимо:

Слой 1 теперь заполнен повторяющимся круговым узором.

Куда идти дальше …

Вот и все! Очевидно, что наш черно-белый узор круга не принесет нам много наград, но важные вещи, которые следует извлечь из этого первого урока, — это шаги, которые мы использовали для его создания, проектирование единой плитки, определение плитки как узор, а затем использование Photoshop Команда «Заливка» для заполнения всего слоя узором.Далее мы начнем двигаться дальше, изучая, как добавлять цвета и градиенты к нашим узорам ! Или посетите наш раздел Основы Photoshop, чтобы узнать больше об основах Photoshop!

Эффект текстурированного текста в Photoshop

Автор Стив Паттерсон.

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

Вот пример эффекта, над которым мы будем работать:

Последний эффект текстурированного текста.

Приступим!

Загрузите это руководство в виде готового к печати PDF-файла!

Шаг 1. Создайте новый документ

Первое, что нам нужно, это новый документ для работы. Подойдите к меню File вверху экрана и выберите New или нажмите сочетание клавиш Ctrl + N (Win) / Command + N (Mac).В любом случае открывается диалоговое окно Photoshop New Document . Выберите размер, который вам нужен для вашего документа. Для этого урока я создам документ шириной 800 пикселей и высотой 600 пикселей, и, поскольку я не планирую его печатать, я оставлю разрешение 72 пикселей на дюйм. По завершении нажмите OK, чтобы выйти из диалогового окна. На вашем экране появится новый документ:

Диалоговое окно «Новый документ» в Photoshop.

Шаг 2. Заполните новый документ черным цветом

Я собираюсь использовать черный в качестве фона для своего текстового эффекта, а это значит, что мне нужно будет заполнить документ черным цветом.Для этого перейдите в меню Edit вверху экрана и выберите Fill . Откроется диалоговое окно «Заливка». Выберите Black для опции Contents в верхней части диалогового окна. Также убедитесь, что Blending Mode установлен на Normal и Opacity установлен на 100% (это настройки по умолчанию, поэтому вам, вероятно, не нужно их менять):

Выберите «Черный» для параметра «Содержимое» в диалоговом окне «Заливка».

Щелкните OK, чтобы закрыть диалоговое окно «Заливка». Photoshop заполняет новый документ сплошным черным цветом:

Теперь документ закрашен черным.

Шаг 3. Добавьте текст

Выберите инструмент Type Tool на палитре инструментов или нажмите букву T на клавиатуре, чтобы быстро выбрать его с помощью сочетания клавиш:

Выберите инструмент «Текст».

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

Щелкните значок переключения палитры «Символы и абзацы», чтобы просмотреть дополнительные параметры форматирования шрифта.

Я собираюсь использовать фотографию ряби на воде для своей текстуры, поэтому я выберу синий цвет для текста и наберу «рябь на воде» в свой документ:

Щелкните внутри документа и добавьте текст.

Когда вы закончите, щелкните галочкой на панели параметров, чтобы принять тип и выйти из режима редактирования текста:

Щелкните галочку на панели параметров, чтобы подтвердить текст.

Теперь весь ваш текст должен быть на одном слое прямо над фоновым слоем в палитре слоев:

Весь ваш текст должен быть на одном текстовом слое.

Шаг 4. Откройте текстуру фото

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

Откройте фотографию, которую вы будете использовать в качестве текстуры.

Шаг 5. Скопируйте фотографию в буфер обмена

Нам нужно временно скопировать изображение в буфер обмена Photoshop, что просто означает, что мы копируем его в память компьютера. Подойдите к меню Select вверху экрана и выберите All или нажмите Ctrl + A (Win) / Command + A (Mac) для более быстрого сочетания клавиш.В любом случае выбирается все изображение, и вы увидите контур выделения по краям фотографии. Затем перейдите в меню Edit и выберите Copy или нажмите Ctrl + C (Win) / Command + C (Mac), чтобы скопировать изображение в буфер обмена.

Шаг 6. Добавьте маску слоя к текстовому слою

Теперь, когда фотография текстуры временно хранится в памяти, вернитесь к исходному документу (содержащему текст). Убедитесь, что текстовый слой выделен синим цветом в палитре слоев, что означает, что это текущий выбранный слой.Если он не выбран, щелкните по нему, чтобы выбрать. Затем щелкните значок Layer Mask в нижней части палитры слоев. Это не будет выглядеть так, как будто что-то произошло в документе, но если вы снова посмотрите на текстовый слой, вы увидите, что теперь появилась миниатюра маски белого слоя:

Щелкните значок «Маска слоя» в нижней части палитры «Слои». Миниатюра маски слоя появится на текстовом слое.

Шаг 7. Вставьте фотографию в маску слоя

Мы собираемся вставить нашу фотографию текстуры прямо в только что добавленную маску слоя.Обычно Photoshop не позволяет нам вставлять изображение в маску слоя, но вот трюк. Удерживая нажатой клавишу Alt (Win) / Option (Mac), щелкните миниатюру маски слоя в палитре слоев:

Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), щелкните непосредственно по миниатюре маски слоя.

Вы увидите, что окно вашего документа залито сплошным белым цветом. На самом деле вы видите саму маску слоя, которую мы обычно не видим при работе в Photoshop.Теперь, когда маска слоя видна внутри окна документа, перейдите в меню Edit и выберите Paste или нажмите Ctrl + V (Win) / Command + V (Mac), чтобы вставить фотографию текстуры в маску слоя. Чтобы очистить контур выделения вокруг фотографии, перейдите в меню Select и выберите Deselect или нажмите Ctrl + D (Win) / Command + D (Mac). Поскольку маски слоя имеют дело только с черным, белым и оттенками серого, фотография текстуры внутри маски слоя будет черно-белой:

Фотография текстуры отображается внутри маски слоя в черно-белом режиме.

Теперь, когда фотография вставлена ​​в маску слоя, снова зажмите Alt (Win) / Option (Mac) и щелкните миниатюру маски слоя в палитре слоев:

Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), щелкните еще раз по миниатюре маски слоя.

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

.

Теперь фотография появится внутри текста.

Шаг 8: примените настройку порога к маске слоя

Чтобы изображение внутри текста выглядело не так, как фотография, а больше походило на интересную текстуру, мы воспользуемся настройкой изображения Photoshop Threshold . Photoshop позволяет нам применять некоторые (но не все) настройки изображения непосредственно к маскам слоя, и настройка «Порог» — одна из тех, что мы можем использовать. При настройке «Порог» все цвета (или оттенки серого) изображения преобразуются в черный или белый, что значительно снижает количество деталей изображения.

Вы должны увидеть белую рамку выделения вокруг миниатюры маски слоя в палитре слоев. Это говорит нам о том, что маска слоя в данный момент выбрана. Если вы не видите границы выделения вокруг миниатюры, щелкните по ней, чтобы выбрать ее. Затем перейдите в меню Image вверху экрана, выберите Adjustments , а затем выберите Threshold :

.

Выделив маску слоя в палитре слоев, перейдите в меню «Изображение»> «Коррекция»> «Порог».

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

Области текста исчезают из поля зрения, как только выбирается настройка «Порог».

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

Перетаскивание ползунка порогового значения влево и вправо влияет на то, какая часть текста скрыта от просмотра.

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

Больше текста теперь видно после регулировки ползунка «Порог».

Шаг 9. Отключите маску слоя от текстового слоя

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

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

Шаг 10. Измените размер и / или переместите текстуру фото с помощью свободного преобразования

Когда фотография текстуры на маске слоя и текст больше не связаны вместе, нажмите Ctrl + T (Win) / Command + T (Mac), чтобы открыть окно Photoshop Free Transform и обработать его вокруг фотографии текстуры. .Перетащите любой из угловых маркеров, чтобы изменить его размер. Удерживайте Shift при перетаскивании маркеров, чтобы ограничить пропорции фотографии, если вы не хотите искажать ее форму. Добавьте клавишу Alt (Win) / Option (Mac) при перетаскивании маркера, чтобы изменить размер фотографии от центра, а не от угла. Чтобы переместить фотографию внутри текста, просто щелкните в любом месте внутри поля Free Transform и перетащите изображение с помощью мыши:

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

Нажмите Введите (Win) / Верните (Mac), чтобы выйти из команды Free Transform, и все готово! Вот мой окончательный результат текстурированной фотографии:

Последний эффект текстурированного текста.

Куда идти дальше …

И вот оно! Ознакомьтесь с разделами «Текстовые эффекты» или «Фотоэффекты», чтобы получить дополнительные уроки по эффектам Photoshop!


советов Photoshop: текстуры, узоры и градиенты

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

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

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

JD Sartain

Обложки книг с узорами, градиентами, текстурами, стилями и эффектами PS

Настройка документа

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

1. Откройте Photoshop и создайте новый файл ( Файл > Новый ). Подтвердите свои настройки для дюймов, ширины, высоты и ориентации на панели «Сведения о предустановке».

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

2. Выберите инструмент «Текст» и введите строку текста.

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

3. Я ввел слова Park City , используя шрифт Impact, обычный шрифт (в отличие от полужирного, курсивного, расширенного и т. Д.), Размер 100 пунктов и автоматический интерлиньяж на холсте 8×8.

Примечание: Если ваше текстовое поле автоматически заполняется абзацем латинского текста, не паникуйте — это просто текст-заполнитель, который вы можете легко удалить. Выберите Edit > Preferences > Type , затем снимите флажок с надписью Заполните слои нового типа текстом-заполнителем .

4. Откройте панели «Слои», «Стиль», «Абзац» и «Символ», если они еще не отображаются на экране. Объедините абзац и символ в одну панель, а слои и стили — в другую. Откройте панель «Узоры и градиенты», затем удалите «Образцы» и «Цвет». В них нет необходимости, потому что все, что вам нужно сделать, это дважды щелкнуть цветные квадраты переднего плана / фона (на панели инструментов), чтобы увидеть / использовать палитру цветов и библиотеки цветов.

Работа с текстурами Photoshop

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

Photoshop содержит множество отличных текстур, которые можно применить к тексту или изображениям с помощью меню «Фильтры». Например:

1. Выберите текстовый слой под названием Park City.

2. Выберите Фильтр > Галерея фильтров .

3. Прочтите всплывающее диалоговое окно и выберите Преобразовать в смарт-объект .

4. Откроется Галерея фильтров и отобразит текстовый слой.Щелкайте стрелки вверх или вниз, чтобы просмотреть всю страницу на экране.

5. Обратите внимание на папки на панели справа. Щелкните, чтобы открыть папку «Текстуры» (или любую другую интересующую вас папку).

6. Просмотрите текстуры и выберите одну. (Я выбрал Texturizer.)

7. На правой панели щелкните стрелку вниз и выберите текстуру из списка. (Я выбрал Canvas.)

8. Используйте кнопки ниже для настройки текстуры «Canvas»: Масштабирование, Рельеф, Свет (источник) или Инвертировать.Кнопки настройки различаются в зависимости от выбранной текстуры.

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

Вы также можете применять текстуры через панель «Слои»:

  1. Щелкните правой кнопкой мыши текстовый слой и выберите Параметры наложения .
  2. Под Bevel и Emboss щелкните слово Textures , а не только поле.
  3. В разделе Элементы текстуры щелкните стрелку вниз рядом с полем Узоры .
  4. Все сохраненные рисунки появятся (в папках).
  5. Выберите папку, затем выберите узор.

Photoshop игнорирует цвета и фон выбранного узора, оставляя только текстурированные части, а затем накладывает узор на текст, объект или изображение.

6. Вы можете настроить масштаб и глубину или инвертировать текстуру.

7. Если результат вас устраивает, нажмите OK .

ПРИМЕЧАНИЕ. Следуйте приведенным ниже инструкциям по шаблонам, чтобы создавать собственные текстуры с помощью меню шаблонов.

JD Sartain / IDG

Текстуры Photoshop

Работа с узорами Photoshop

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

Photoshop поставляется с несколькими стандартными узорами, которые можно применить к тексту или изображениям через меню «Параметры наложения».Это всего лишь образцы. Вы можете скачать тысячи шаблонов бесплатно или создать свои собственные.

1. Щелкните правой кнопкой мыши текстовый слой под названием Park City.

2. Выберите Параметры наложения из раскрывающегося меню.

3. Щелкните или выделите параметр Pattern Overlay на левой панели (вы должны щелкать слова, а не просто устанавливать флажок).

4. В окне «Наложение узора» (справа) щелкните стрелку вниз рядом с полем «Узор», затем выберите папку из списка.

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

6. Обратите внимание, как узор заполняет слова Парк-Сити.

Создание собственных узоров Photoshop

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

1. Откройте файл фотографии, иллюстрации или рисунка.

2. Используйте прямоугольную область, чтобы выбрать квадратную или прямоугольную часть фотографии.

3. Выберите Edit > Define Pattern .

4. Назовите шаблон, затем нажмите OK .

5. Закройте файл фотографии.

6. Щелкните правой кнопкой мыши текстовый слой под названием Park City.

7. Выберите Параметры наложения из раскрывающегося меню.

8. Выделите опцию Наложение узора .

9. Выберите новый узор из списка и нажмите OK .

10. Теперь текст Парк-сити залит сусальным золотом.

11. Выберите значок папки на панели «Узоры» и введите имя новой папки, например Custom .

12. Поместите курсор в поле нового рисунка, удерживайте его и перетащите в новую папку.

JD Sartain / IDG

Узоры для Photoshop

Загрузите и установите бесплатные узоры Photoshop

Нужны еще узоры? Вы можете найти бесконечный запас в Интернете. Просто найдите «бесплатные шаблоны Photoshop» и начните просматривать сайты, которые появляются в результатах.

После загрузки узоров перейдите в панель «Узоры и градиенты» и щелкните значок меню в правом верхнем углу. Выберите Импортировать образцы .

6. Перейдите в папку, в которую вы сохранили загруженные рисунки. Выберите файл выкройки и нажмите Загрузить .

8. Обратите внимание на новую папку на панели «Узоры». Щелкните папку, чтобы открыть, затем разверните окно, чтобы просмотреть все свои красивые узоры.

9. Повеселитесь и поэкспериментируйте с десятками различных узоров на тексте в Парк-сити.

JD Sartain / IDG

Скачать шаблоны Photoshop

Как работать с градиентами Photoshop

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

1. Снова выберите текст Park City.

2. Щелкните слой правой кнопкой мыши и в раскрывающемся меню выберите Очистить стиль слоя (хотя технически это не был стиль).

3. Выберите Параметры наложения из раскрывающегося меню.

4. Щелкните или выделите параметр Gradient Overlay .

5. Просмотрите список папок и щелкните одну из них. Отобразятся градиенты в этой папке.

6. Щелкните тот, который вам нравится, и нажмите OK , или используйте параметры на этой панели, чтобы настроить выбранный градиент. Например, существует 27 режимов наложения, вы можете обратить градиент, выровнять его со слоем, изменить угол, масштаб, непрозрачность или стиль: линейный, радиальный, угловой, отраженный или ромбовидный.Вы также можете дизеринг и, если хотите, сохранить как стиль.

Как создавать собственные градиенты в Photoshop

1. На панели «Градиенты» щелкните поле «Добавить» (оно выглядит как знак плюса) в нижней центральной части панели.

2. Откроется диалоговое окно «Редактор градиентов » .

3. Дважды щелкните маленькие прямоугольники (слева или справа) под ползунком, и откроется палитра «Палитра цветов».

4. Выберите цвет для каждой стороны.

5. Щелкните под ползунком, чтобы добавить другие цветные поля, затем выберите другие цвета.

6. Перетащите рамку вниз и от ползунка, чтобы удалить ее.

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

8. Введите имя в поле Имя.

9. Нажмите кнопку Новый , затем нажмите ОК .

11. Выберите Blending Options из раскрывающегося меню.

12. Щелкните или выделите параметр Gradient Overlay .

13. Найдите новый градиент внизу.Выберите его и нажмите ОК.

JD Sartain / IDG

Градиенты Photoshop

Дополнительные советы по улучшению ваших изображений

Теперь, когда у вас есть четыре разных логотипа Парк-сити, добавьте немного изящества, чтобы усилить «вау» -фактор.

1. Переименуйте четыре слоя, чтобы различать, какой из них: Узор Cust, Градиент Cust, Узор загрузки и Текстура Photoshop.

2. Выберите Cust Pattern , затем щелкните правой кнопкой мыши и выберите Blending Options .

3.Выберите Bevel & Emboss > Inner Bevel > Chisel Hard . Обратите внимание на разницу.

4. Выберите Cust Gradient , щелкните его правой кнопкой мыши и выберите Blending Options .

5. Выберите Inner Shadow > Normal , затем измените угол.

6. Выберите Текстура Photoshop , щелкните правой кнопкой мыши и выберите Параметры наложения .

7. Выберите Drop Shadow > Normal , затем измените угол.

8. Выберите Загрузить узор , щелкните правой кнопкой мыши и выберите Параметры наложения .

9. Выберите Ход > Нормальный > Снаружи > Размер 6 .

Если вам нравятся любые или все комбинации этих эффектов, вы можете сохранить их как стиль. Выберите слой с эффектами, которые вы хотите сохранить, затем откройте панель Blending Options . Справа нажмите кнопку New Style , назовите ее и дважды нажмите OK .

JD Sartain / IDG

Добавьте больше спецэффектов, чтобы увеличить вау-фактор

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

Как легко применить текстуру к тексту в Photoshop с помощью обтравочных масок

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

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

PSD-файл этого руководства доступен в VIP-зоне для членов PSD Vault.

Вот предварительный просмотр финального эффекта, который я получил для этого урока: (щелкните, чтобы увеличить)

VIP-членство в PSD Vault

Вы можете скачать PSD-файл для этого руководства через VIP-зону всего за 6 долларов.95 / Месяц (или меньше)! Вы получите не только этот PSD-файл, но и более 250 других PSD-файлов + Дополнительные полезности + Эксклюзивные руководства по Photoshop. Зарегистрируйтесь сейчас и получите эксклюзив!

Для выполнения этого урока вам потребуются следующие акции:

Шаг 1

Создайте новый документ размером 1400 пикселей * 770 пикселей с черным фоном. Мы начнем с подготовки красивого фона для нашего текста.

Загрузите изображение «Металлическая текстура 1» в Photoshop, скопируйте и вставьте все изображение на наш холст.Используйте инструмент бесплатного преобразования, чтобы отрегулировать размер текстуры, чтобы она соответствовала размеру нашего документа:

Уменьшите непрозрачность этого слоя с металлической текстурой примерно до 24%:

Примените следующие настройки изображения к этому слою с металлической текстурой:

Черно-белое

Уровни

И вот результат:

Используйте скачанные фрактальные кисти, нарисуйте фрактальные узоры поверх текстуры. Фрактальная картина должна быть едва видна — поэтому убедитесь, что вы установили непрозрачность кисти примерно на 20%:

Шаг 2

Используйте загруженный шрифт и введите несколько символов на холст:

Примените следующие параметры наложения к текстовому слою, чтобы придать ему немного глубины:

Фаска и тиснение

Тень

и вот результат:

Шаг 3

На этом этапе мы будем применять металлическую текстуру к нашему тексту.Загрузите изображение «Металлическая текстура 2» в Photoshop. Сделайте выбор, как показано ниже:

Скопируйте и вставьте выделение на наш холст, закройте текст, как показано ниже:

Щелкните правой кнопкой мыши этот новый слой с металлической текстурой и выберите «Создать обтравочную маску»:

И вы увидите следующий эффект над текстом:

Чтобы затемнить металлическую текстуру поверх текста, я дважды продублировал слой с металлической текстурой и установил оба дублированных слоя как обтравочные маски. Затем я изменил режим наложения для этих двух новых слоев на «Затемнение цвета» и «Умножение» соответственно:

И это результат, который вы сделали после внесения вышеуказанных корректировок:

Шаг 4

На этом этапе мы добавим тексту огненный эффект.Загрузите текстуру огня в Photoshop и сделайте выделение, как показано ниже, с помощью инструмента «Лассо» с настройкой «Растушевка: 40 пикселей»:

.

Скопируйте и вставьте выделение в наш документ, измените режим наложения слоя на «экран», поместите его поверх текстуры, как показано ниже:

Повторите описанный выше процесс, добавьте больше огненных элементов вокруг холста:

Шаг 5

Мы почти закончили! Чтобы подправить окончательный результат, я добавил немного тонкой кисти в стиле гранж под текстом:

Далее я добавил несколько бликов для текста с помощью фрактальных кистей:

Также немного скорректировал цветовой баланс изображения, и вот мой окончательный результат: (щелкните, чтобы увеличить)

Вот и все для этого урока! Оставьте мне комментарий ниже, если у вас есть какие-либо вопросы.Наслаждайся этим? Помогите мне поделиться им, используя кнопки общего доступа в верхней части руководства!

Использование узоров в Photoshop | Джордж Орнбо

Использование узоров в Photoshop | Джордж Орнбо

Последнее обновление

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

Приблизительное время прочтения: 2 минуты

Оглавление

Узоры — время создавать свои собственные

Если вы нашли узоры, доступные в Photoshop, вы, вероятно, довольно быстро продвинулись дальше.Библиотека, поставляемая с CS2, не очень вдохновляет. Хорошая новость в том, что вы можете создавать свои собственные выкройки, которые можно использовать со своими собственными дизайнами.

Давайте начнем с создания простого фона, который будет полезен в качестве фона для веб-сайтов и кнопок. Откройте новое изображение 3 x 3. Создайте новый слой и отключите видимость фона. Затем выберите инструмент карандаш и ширину 1 пиксель. Завершите диагональную линию, как показано ниже. Я использовал здесь цвет # 999999, но вы можете использовать все, что захотите.

Чтобы добавить узор в библиотеку, выберите Edit> Define Pattern. Вам нужно будет дать шаблону имя. Вот и все — выкройка в вашей библиотеке. Вы не ограничены графикой — вы также можете использовать изображения, если хотите.

Использование шаблонов

Использование шаблонов ограничено только вашим воображением, но вот пара примеров. Сначала предположим, что мы хотим добавить фон к дизайну веб-сайта. Здесь я создал изображение размером 200 x 200 пикселей. Выберите инструмент Paint Bucket Tool (ярлык G), а затем посмотрите на параметры в верхнем левом углу экрана.Во втором раскрывающемся списке слева выберите Pattern, а затем в следующем выберите узор, который вы только что создали.

Затем в новом изображении заполните пространство своим рисунком.

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

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

У вас есть обновления или предложения по этой статье? Вы можете отредактировать его здесь и отправить мне запрос на перенос.

Теги

Последние сообщения

Об авторе

Джордж Орнбо (George Ornbo) — инженер-программист из Бакингемшира, Англия.

Он является автором Sams Teach Yourself Go за 24 часа и Sams Teach Yourself Node.js за 24 часа. Его можно найти в большинстве обычных мест в виде фигур.

← http://shapeshed.com

Содержимое находится под лицензией Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0)

Учебное пособие по повторению заливки узором в Adobe Photoshop | Small Business

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

Запустите Adobe Photoshop. Если вы создаете узор на основе уже существующего изображения, откройте это изображение. В противном случае откройте пустое изображение и нарисуйте или раскрасьте на холсте, пока не будете удовлетворены. При необходимости обрежьте изображение, чтобы удалить ненужные части.

Нажмите «Ctrl-Alt-I», чтобы открыть диалоговое окно «Размер изображения», запишите размеры изображения в пикселях и нажмите «Отмена».«

Щелкните« Фильтр », наведите указатель мыши на« Другое »и выберите« Смещение ».

Введите число, равное половине ширины изображения в текстовом поле« По горизонтали », и оставьте значение в поле« По вертикали ». на «0». Убедитесь, что выбран параметр «Обтекание», и нажмите «ОК». Это по сути разрезает ваше изображение пополам по вертикали и меняет две половины вокруг — то, что было слева и справа, теперь находится в центре и наоборот

Измените область в середине изображения, чтобы удалить все видимые швы и заполнить большие пустые пространства.Как вы это делаете, зависит от типа изображения, с которым вы работаете — инструменты, которые вы будете использовать, скорее всего, будут включать инструмент Clone Stamp и Patch Tool (см. Ресурсы).

Щелкните «Фильтр», наведите указатель мыши на «Другое» и выберите «Смещение». Введите «0» в текстовое поле «По горизонтали», а затем введите число, равное половине высоты изображения, в текстовое поле «По вертикали». Щелкните «ОК». Это повторяет процесс нарезки и переупорядочивания, но делает это по горизонтали, а не по вертикали.

Измените область в середине изображения, чтобы удалить все видимые швы и заполнить все пустые места.

Щелкните «Фильтр», наведите указатель мыши на «Другое» и выберите «Смещение». Введите число, равное половине ширины изображения в текстовом поле «По горизонтали», а затем введите «0» в текстовое поле «По вертикали». Щелкните «ОК».

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

Нажмите «Редактировать», выберите «Определить шаблон», введите имя для своего шаблона и нажмите «ОК». Теперь узор сохранен как образец узора в Photoshop.

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

Нажмите «Shift-F5», чтобы открыть диалоговое окно «Заливка». Выберите «Узор» в раскрывающемся меню «Использовать», а затем выберите новый узор из раскрывающегося меню «Пользовательский узор». Нажмите «ОК», чтобы заполнить весь документ новым шаблоном.

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

Повторяйте шаги с 10 по 13, чтобы проверить свой шаблон, пока не обнаружите больше проблем.Если вам нужно было исправить шаблон, нажмите «Изменить», наведите указатель мыши на «Presets» и выберите «Preset Manager». В раскрывающемся меню «Предустановки» выберите «Узоры». Щелкните правой кнопкой мыши все версии узора, кроме последней, и выберите «Удалить», чтобы удалить их из образцов узора в Photoshop.

Вернитесь к готовому изображению узора и сохраните его в желаемом формате.

Ссылки

Ресурсы

Советы

  • Чтобы залить выделение или слой узором, щелкните инструмент «Заливка» на панели инструментов, выберите «Узор» в первом раскрывающемся меню на панели параметров, выберите нужный узор, используя второе раскрывающееся меню на панели параметров, а затем щелкните внутри документа, как обычно.

Предупреждения

  • Информация в этой статье относится к Adobe Photoshop CC. Он может незначительно или значительно отличаться от других версий.

Writer Bio

Лорел Сторм пишет с 2001 года и гораздо дольше помогает людям с технологиями. Некоторые из ее статей были опубликованы в итальянском журнале для подростков «Messaggero dei Ragazzi». Она имеет степень магистра письменных искусств для телевидения и новых медиа Туринского университета.

(БЕСПЛАТНО) Узоры с блестками для Photoshop

Бесплатные узоры с блестками в Photoshop

Загрузите этот набор из 17 бесплатных узоров с блестками для Photoshop и используйте их для создания текстовых эффектов в стиле с блестками, логотипов с блестками и т. Д.

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

Этот набор включает 17 бесшовных текстур с блестками , которые вы можете использовать в Photoshop.

Создайте шрифтов с блестками и букв с блестками всего за несколько секунд. Эти шаблоны отлично работают со всеми типами шрифтов и типографикой.

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

Узор с золотыми блестками , вероятно, самый популярный цвет с блестками.Но в этом паке вы также найдете розовый блеск, серебряный блеск, красный блеск и так далее. Используйте Gradient Overlay Gradient Overlay для смешивания цветов блеска и получения интересных эффектов.

Для создания текста с блестками в Photoshop все, что вам нужно сделать, это добавить Pattern Overlay , используя образцы с блестками. Совместите блестящие узоры с этими классными кистями Glitter Photoshop Brushes .

Как использовать блестки в проектах графического дизайна?

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

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

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

Итак, если вам нужны узоры с блестками, эта халява отлично подойдет!

Как сделать свой собственный цифровой блеск в Photoshop?

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

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

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