Как в фотошопе сделать контур букв: Создание эффектов текста в Photoshop — DesignLessons – все о дизайне

Содержание

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

Как сделать чёрную обводку текста в Фотошопе | World-X

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

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

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

Как сделать текст с обводкой?

1. Запустите графический редактор Photoshop (фотошоп), откройте заготовленную картинку (комбинация клавиш «Ctrl + O»).

2. Далее воспользуйтесь инструментом «Текст» (буквенная клавиша «T» в английской раскладке). И напишите текст вручную или при помощи функции «Копировать / Вставить» (для вставки скопированного текста — «Ctrl + V»).

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

4. Теперь обратите внимание на правую панель со слоями. Помимо основного слоя появился текстовый. Щёлкаем по нему правой кнопкой мыши и выбираем пункт»Параметры наложения».

5. В появившемся диалоговом окне в левой колонке жмём «Обводка». А в центральной области задаём настройки отображения (толщина линии в пикселях, цвет линии и т. д.).

6. Всё, как только вы выставили параметры , жмите кнопку «ОК» для применения изменений. Готовую «открытку» можно сохранить в доступном формате «JPEG” (по сочетанию клавиш «Ctrl + Shift + S»).

Вместо послесловия

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

Делаем в Фотошоп текст с многослойной обводкой

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

Скачать архив с материалами к уроку

Шаг 1

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

Создайте текст, к которому вы хотите добавить обводку. В панели Символ (Character) установите следующие параметры: название шрифта — Anja Eliane Normal, размер — 135 pt, цвет # e7bd4f, Кернинг (Kerning) – Оптический (Optical), для того чтобы избежать перекрытия обводки установите Трекинг (Межбуквенный интервал, Tracking) – 150, нажмите на значок все прописные буквы.

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

Примечание переводчика: Для того чтобы заполнить фон паттерном (узором), скачайте архив с паттерном (узором) и разархивируйте его, затем перейдите в Файл – Открыть, в появившемся окне выберите путь к паттерну (узору) и откройте его. После того как вы открыли файл перейдите в Редактирование – Определить узор, в появившемся окне присвойте имя паттерну (узору) и нажмите ок.

Шаг 2

Дважды щелкните левой кнопкой мыши по текстовому слою для того чтобы открыть Стиль Слоя (Layer Style) и добавить обводку.

Примечание переводчика: настройки на скриншоте

Обводка (Stroke):

Размер (Size): 5 рх.
Положение (Position): Снаружи (Outside)
Режим наложения (Blend Mode): Нормальный (Normal)
Непрозрачность (Opacity): 100%
Цвет (Color): #cd4949

Шаг 3

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

Шаг 4

Нажмите на значок + справа от эффекта Обводка (Stroke). Это добавит еще один экземпляр Обводки (Stroke) поверх первого эффекта.

Выберите новый эффект Обводка (Stroke), и измените размер (Size) на 3 и непрозрачность (Opacity) на 0 %.

Примечание переводчика: настройки на скриншоте

Обводка (Stroke):

Размер (Size): 3 рх.
Положение (Position): Снаружи (Outside)
Режим наложения (Blend Mode): Нормальный (Normal)
Непрозрачность (Opacity): 0%
Цвет (Color): #cd4949

Шаг 5

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

Шаг 6

Добавьте еще один экземпляр Обводки (Stroke).

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

Переместите новый экземпляр в самый низ.

Шаг 7

После перемещения измените размер обводки на 8 и непрозрачность на 0%.

Примечание переводчика: настройки на скриншоте

Обводка (Stroke):

Размер (Size): 8 рх.
Положение (Position): Снаружи (Outside)
Режим наложения (Blend Mode): Нормальный (Normal)
Непрозрачность (Opacity): 0%
Цвет (Color): #cd4949

Шаг 8

Добавьте еще один экземпляр и переместите его в самый низ. Измените размер на 10 и непрозрачность на 100%, установите цвет #16a2b3.

Примечание переводчика: настройки на скриншоте

Обводка (Stroke):

Размер (Size): 10 рх.
Положение (Position): Снаружи (Outside)

Режим наложения (Blend Mode): Нормальный (Normal)
Непрозрачность (Opacity): 100%
Цвет (Color): #16a2b3

Шаг 9

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

Шаг 10

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

Примечание переводчика: настройки на скриншоте

Обводка (Stroke):

Размер (Size): 1 рх.
Положение (Position): Внутри (Inside)
Режим наложения (Blend Mode): Нормальный (Normal)
Непрозрачность (Opacity): 0%
Цвет (Color): #16a2b3

Шаг 11

Добавьте еще один экземпляр, переместите его в самый низ. Измените его размер на 4 и увеличьте непрозрачность до 100 %, установите цвет #c28c36.

Примечание переводчика: настройки на скриншоте

Обводка (Stroke):

Размер (Size): 4 рх.
Положение (Position): Внутри (Inside)
Режим наложения (Blend Mode): Нормальный (Normal)
Непрозрачность (Opacity): 100%
Цвет (Color): #c28c36

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

Автор: Kelby One

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

Написав текст, мы создаём для него обводку. Для этого нажимаем на Слой, появится Заголовок и нажимаем на правую кнопку мыши. Выбираем параметры наложения. В самом низу находится функция Обводка. Кликнув по ней 2 раза, открываются настройки. Мы сразу видим, что обводка появилась, но давайте сделаем её покрасивее. Для этого добавляем немного пикселей, например, пять, и меняем цвет чёрный на белый. Цвет белого шрифта шесть букв «F». Получился не плохой вариант, но мы видим, что на белом фоне обводка сливается, и её мы не видим. Для того, чтобы избавиться от этого, можно добавить тени. Для этого также кликаем два раза на вкладку Тень, открываются настройки, и мы начинаем немного редактировать.

Я для себя предпочитаю сменить угол изображения тени, чтобы она была справа и снизу. Теперь мы видим, что тень теперь здесь появилась. Кроме этого, здесь можно изменить размеры тени и её смещение. Мы видим, что установлено 5 пикселей. Давайте попробуем сместить настройку пикселей к нулю. Тень пропадает. Регулируем курсором, смотрим чёткость тени и выбираем оптимальный вариант, например восемь. Видим, что тень стала чёткой, контурной и её можно смещать на любое расстояние. Задав размер тени, например 4, смотрим. Теперь достаточно прилично выглядит обводка и тень, на этом и ограничимся.

Если вам хочется что-то ещё здесь попробовать сделать или добавить какие-то функции и визуальные настройки, то здесь очень большое поле для работы, и вы можете для себя попробовать, что-то более подходящее. Теперь я нажимаю ОК, моя картинка готова, осталось только её сохранить. Если мы готовим её для своего сайта, то мы сохраняем её для WEB. Здесь подбираем по размеру и внешнему виду. Из предложенных вариантов выбираем тот, который нам больше подходит. Нажимаем сохранить, присваиваем имя и сохраняем.

Как обвести текст в фотошопе: быстро и красиво

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Также вы можете попробовать тиснение – контур.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Текст, охваченный огнём / Creativo.one

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

Для этого мы будем использовать:
фильтр Ветер (Wind filter) -для создания пламя;

фильтр Пластика (Liquify filter) — для корректировки пламя;
Корректирующие слои (adjustment layers) — для придания цвета пламени;
Стиль слоя (layer styles) — для того чтобы добавить цвет самому тексту;
Слой-маску (layer masks) — для того чтобы более реалистично соединить огонь с текстом.

Вот результат, к которому мы будем стремиться:

Шаг 1. Создайте новый документ (Ctrl+N). Размерами 3х3 дюйма, с разрешением 300 пикс./дюйм.

Залейте документ Черным цветом. Зайдите в

Редактирование – Выполнить заливку (Edit-Fill (Shift+F5)).

В окне Заливка (Fill) установите Содержимое (Contents) – Использовать (Use) – Черный (Black).

Нажмите ДА, ваш документ зальется черным цветом.

*так же можно использовать горячие клавиши: (D, Alt+Backspace)*

Шаг 2. Теперь нужно написать текст. Выберите инструмент

«Текст» (Type Tool (Т)).

Установите любой шрифт, автор использовал шрифт Times New Roman Bold.

Установите белый цвет

И напишите слово – FIRE.

После того как напишите слова, примените текст. Нажав на галочку в правом верхнем углу Photoshop.

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

Теперь нужно увеличить текст в размере. Нажмите (Ctrl+T), чтобы вызвать Свободную трансформацию(Free Transform). Удерживая клавишу Shift, потяните за край рамки трансформирования, увеличивая текст, почти на всю ширину документа.
Поместите текст по центру, ближе к нижнему краю документа.
Примените трансформацию (Enter).

Шаг 3. Для дальнейшего шага, нам нужно Растировать (Rasterize) текст.
Слои – Растрировать – Текст (Layer- Rasterize- Type).

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

Для того чтобы создать эффект пламя, нам нужно будет воздействовать на дубликат слоя.
Создайте копию слоя с текстом (Ctrl+J), уберите видимость копии слоя (убрав глазик возле миниатюры слоя) и перейдите на первый слой с текстом.

Шаг 4. Для создания эффекта пламя, мы будем использовать несколько фильтров. Первым будет фильтр Ветер (Wind). Этот фильтр работает только слева направо (или справа налево), это означает, что нам нужно будет повернуть наш документ.
Перейдите в Изображение – Повернуть холст — 90° по часовой (Image- Rotate Canvas- 90° CW).

Текст примет вертикальное положение.

Зайдите в Фильтр – Стилизация – Ветер (Filter- Stylize- Wind).

В появившемся окне установите Метод (Method) – Ветер (Wind), а Направление (Direction) – Слева (From the Left).

Нажмите ДА.

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

Чтобы снова не заходить в Меню- Фильтры, просто нажмите Ctrl+F, несколько раз (двух будет достаточно), эта команда повторит примененный ранее фильтр.

Верните холст обратно в горизонтальное положение.
Изображение – Повернуть холст – 90° против часовой (Image- Rotate Canvas- 90° СCW).

Чтобы линии были не такие резкие, мы их размоем, используя фильтр Размытие по Гауссу (Gaussian Blur).
Зайдите в Фильтр –Размытие – Размытие по Гауссу (Filter-Blur-Gaussian Blur).

В окне Размытия по Гауссу, поставьте небольшой Радиус (Radius) – 1,2 пикс.

Нажмите ДА.

Шаг 5. Дублируйте первый слой «Задний план» (Background). Перейдите на слой «Задний план» и нажмите Ctrl+J.

Слейте слой с текстом, с копией слоя (Задний план), который мы только что создали.
Для этого перейдите на слой FIRE, зайдите в Слой – Объединить с предыдущим (Layer-Merge Down). Либо, просто нажмите Ctrl+E.
Назовите получившийся слой Flames (Пламя).

Шаг 6. Переходим к фильтру Пластика (Liquify).
Для начала нам нужно выделить область, над которой мы будем работать. Для этого возьмите инструмент «Прямоугольная область» (Rectangular Marquee Tool (М)).

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

Не снимая выделения, перейдите в Фильтр – Пластика (Filter-Liquify (Shift+Ctrl+X)).

В окне фильтра Пластика, выберите инструмент «Деформация» (Forward Warp Tool (W)).

Установите такие настройки инструмента:

Короткими движениями влево и вправо, придайте волоскам некую волнистость, пытаясь сымитировать пламя. Постарайтесь пока не деформировать сам текст. У вас должно получиться что-то похожее.

Измените — Размер Кисти (Brush Size), автор остановился на 15.

На это раз, мы будем вытягивать «языки» пламени, прямо из букв.
Щелкните на букве и тяните мышь к краю буквы, вытягивая тем самым «язычок».
Если у вас не получилось что-то и вы хотите отменить нарисованное, то нажмите Ctrl+Z, это отменить действие.

Если нужно отменить сразу несколько шагов, то жмите Ctrl+Alt+Z столько раз, сколько шагов вам нужно отменить. Попытайтесь добиться, примерно такого результата.

И в завершении, нарисуем еще немного, больших пламенных «языков».
Установите размер Кисти 50.

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

Когда закончите, нажмите ДА, чтобы применить фильтр.

Ctrl+D, снимите выделение.

Шаг 6. Теперь добавим цвета нашему огню. Для этого мы будем использовать Корректирующий слой – Цветовой тон/Насыщенность (Adjustment Layer-Hue/Saturation).

Нажмите на значок , Создать новый корректирующий слой (New Adjustment Layer) и выберите там Цветовой тон/Насыщенность (Hue/Saturation).

В окне Цветовой тон/Насыщенность, установите такие параметры:

Добавьте еще один Корректирующий слой – Цветовой тон/Насыщенность (Adjustment Layer-Hue/Saturation). И установите в нем такие параметры:

Измените этому слою, режим Наложения (Blend Mode) на Перекрытие (Overlay).

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

Шаг 7. С пламенем мы закончили, теперь осталось немного поработать с цветом текста.
Перейдите на второй слой с текстом (FIRE(копия)) и включите ему видимость.

Добавьте этому слою Стиль слоя(Layer Styles):
Наложение Градиента (Gradient Overlay) :

Параметры градиента:

Вот что получиться.

Шаг 8. Так как мы хотим сделать текст, охваченный огнем, нам придется проделать еще кое-что. Добавьте Слой-маску (Layer Mask) слою FIRE(копия), нажав на значок внизу палитры слоев.

Возьмите инструмент «Кисть» (Brush Tool (В)).

Установите Черный цвет (D).

Жесткость 0%, Размер установите небольшой, относительно вашего текста. Убедитесь, что вы находитесь на Слой-маске.
Уменьшая и увеличивая, Размер и Жесткость Кисти, сотрите все резкие границы текста, которые соприкасаются с «языками» пламени. Тем самым, попытайтесь добиться иллюзии того, как будто текст находится в огне.

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

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

Чтобы это исправить, возьмите инструмент «Перемещение» (Move Tool (V)) и нажмите на вашей клавиатуре стрелочку вниз, несколько раз, это сместит слой с тексом немного вниз и сровняет его со слоем с огнем.

Вот и наш конечный результат.

Надеюсь, урок вам понравился.

Автор: Steve Patterson

Плоттер про: надписи. Мастер-класс от Виктории Колединовой

С вами Вика. Как прошло ваше лето? Мое отлично: море счастья, море эмоций и море позитива! А чтобы закрепить все это позитивное лето, мы нашей Самаркой скрапбандой проводили его совместным вкусным «Арбузным» фотосетом! Мы с девочками сами заранее заготавливали декор: красили деревянные ящики, делали растяжки, закупали баночки и трубочки, в общем готовились очень ответственно! А самое классное это подготовка в день фотосета, навести красоту, собрать декорации самим, эти хлопоты объединяют, поэтому у нас такая дружная компания!

Вот про этот позитивный день и сложилась моя работа по нашему очередному плоттерному заданию»Плоттер про: надписи»!
Надпись, глядя на фото для странички, даже придумывать не пришлось, ведь такие дни и события всегда делают нашу жизнь HAPPY!

Макет для резки надписи создала сама в Photoshop и сейчас хочу с вами поделится небольшим, но очень подробным МК по ее созданию (особенно это думаю будет интересно новичкам)! Кстати такие надписи сейчас как раз в моде, особенно для страничек 😉
Итак, открываем Photoshop и создаем новый (заказной) документ необходимого размера именно под надпись, так как у меня страничка, я создала документ размером 30х30 см. Такой большой документ я создала для того чтобы сразу видеть как надпись будет смотреться на моей страничке, чтобы была возможность подобрать размер именно такой как надо. Открою секрет: я так создаю все свои плоттерные макеты, создаю в Photoshop документ в размер открытки или страницы альбома и на ней уже примерную раскладку элементов и смотрю какой размер мне нужен, возможно кому то это покажется лишней заморочкой, но мне это не сложно и даже часто удобнее))

Перед началом работы еще сразу предлагаю разобрать надпись по слоям: у меня их 2: 1-й — верхний слой — белый контур и 2-й слой — нижний из скрапбумаги.
Далее выбираем шрифт, я использовала (Arial) и набираем необходимый заголовок (HAPPY), цвет шрифта у меня белый.
Приступаем к созданию 1-го слоя — контура букв, это здесь сделать проще всего! Кликаем 2 раза по нашему слою с надписью и выбираем добавить обводку, цвет выбираем черный, толщина (размер, 40-60 пикс., я использовала 50 пикс.), жмем ОК и получаем готовые буквы с необходимым контуром!

Чтобы создать 2-й, нижний слой букв, для это нам достаточно всего лишь сделать дубликат слоя с надписью, сдвинуть его чтобы видно было на странице отдельно оба слоя и изменить цвет заливки текста на черный. Готово!

В случае если вы хотите вырезать сразу готовое, скомпонованное как необходимо, слово, то придется поработать в Фотошопе немного подольше, каждую букву придется написать в отдельном слое и повторить те же самые действия по обводке. Но, здесь рекомендую сразу создать и дубликат каждой буквы и временно отключить их (сделать невидимыми (неактивными) слои), для чего узнаете чуть позже 😉
Далее полученную надпись необходимо конвертировать в слой с изображением (сейчас она как текст). Это необходимо для того, чтобы возможно было скопировать и работать именно с контуром изображения. Выделяем наши буквы (все слои с буквами), выбираем вкладку слои — объединить слои, получаем слой с изображением нашего текста.

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

Для букв у которых контур состоит из нескольких слоев, в моем примере это А и Р, необходимо сразу все слои скопировать в один, чтобы это сделать так же выделяем один слой (например внешний) так же «Волшебной палочкой», затем нажимаем на клавиатуре кнопку Shift и держим ее (у волшебной палочки появится плюсик), и щелкаем «Волшебной палочкой» с плюсиком по второму (внутреннему) слою, таким образом мы выделим сразу все необходимые контуры буквы. Так же нажимаем на выделение правой кнопкой мыши и выбираем скопировать на новый слой

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

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

В завершении сохраняем полученный документ в формате JPEG и отправляем на резку в плоттер))
Если у кого-то, как у меня например, в плоттер не помещается формат 30х30, то достаточно лишь скопировать готовую надпись и скомпоновать файл для резки на формате А4.

Для слова «day» использовала шрифт (название шрифта) и применила небольшую обводку (размер обводки) сверху просто покрасила серыми дистресс чернилами.

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

В качестве завершающих акцентов конечно же брызги и немного жидких дотсов

И в завершении хочу с вами поделиться готовым макетом надписи HAPPY day в формате JPEG:

Надеюсь мой МК получился для вас полезным!
Спасибо за внимание и конечно же теперь ждем ваши работы с вырезанными на плоттере надписями в нашем задании «Плоттер про: надписи»!

Глава 16 Работа с текстом в Adobe Photoshop CS 2, добавление надписей к изображению

Глава 16

Работа с текстом в Adobe Photoshop CS 2, добавление надписей к изображению

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

Добавление надписи к изображению

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

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

СОВЕТ. К текстовым слоям применима команда Edit • Free Transform (Редактирование • Свободная трансформация), позволяющая изменять масштаб и форму выделенного объекта (фрагмента изображения, текста, векторного пути или формы).

При создании надписи с помощью инструмента Туре (Текст) для нее автоматически создается отдельный слой.

ПРИМЕЧАНИЕ. В режимах Multichannel (Мультиканальный), Bitmap (Черно-белый) и Indexed Color (Индексированные цвета) отдельный текстовый слой не создается, поскольку данные режимы использование слоев не поддерживают. Текст накладывается непосредственно на изображение и последующему редактированию не подлежит.

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

Рис. 16.1. Внешний вид панели свойств инструмента Туре

Рассмотрим кнопки и меню панели свойств инструмента Туре (Текст). Итак, по порядку, слева направо:

• кнопка изменения ориентации текста; при нажатии горизонтальная надпись становится вертикальной и наоборот;

• раскрывающееся меню выбора гарнитуры шрифта;

• раскрывающееся меню выбора начертания шрифта;

ПРИМЕЧАНИЕ. Шрифт — это математическое описание букв, цифр и символов гарнитуры. Гарнитурой называется набор символов одного шрифта или его семейства. Она включает в себя буквы обоих регистров, цифры, знаки, маркеры, фигуры. Семейство шрифтов — множество различных стилей начертания шрифта/ например таких, как курсив или полужирный.

• кнопка изменения размера шрифта

• раскрывающееся меню выбора размера шрифта;

• раскрывающееся меню выбора метода сглаживания шрифта.

• кнопка выравнивания по левому краю;

• кнопка выравнивания по центру ;

• кнопка выравнивания по правому краю;

• образец цвета текста;

• кнопка искривления текста;

• кнопка, управляющая отображением панелей инструментов Character (Символ) и Paragraph (Абзац)

Редактирование надписи

Для изменения параметровтекста используются средства двух панелей инструментов: Character (Символ) и Paragraph (Абзац). Вызвать их можно либо щелчком на кнопке панели свойств инструмента Туре (Текст), либо командами Window • Character (Окно • Символ) и Window • Paragraph (Окно • Абзац) соответственно.

Панель Character (Символ) предназначена для задания атрибутов символа.

Внешний вид панели Character (Символ) представлен на рис. 16.2.

Рис. 16.2. Внешний вид палитры Character

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

Раскрывающиеся меню первой группы позволяют выбрать гарнитуру и начертание шрифта.

Раскрывающиеся меню второй группы позволяют выбрать размер шрифта, интерлиньяж, кернинг и трекинг.

ПРИМЕЧАНИЕ. Интерлиньяж — расстояние между базовыми линиями двух соседних строк. Кернинг — расстояние между двумя соседними символами. Трекинг — дополнительное расстояние, вводимое между символами текста. Для изменения этого параметра необходимо выделить несколько символов.

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

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

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

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

Первая команда, Dock to Palette Well (Поместить палитру в пристыковываемое окно), перемещает панель в верхний правый угол панели свойств инструментов, после чего она разворачивается по щелчку мыши.

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

Третья группа команд позволяет изменить ориентацию текста с вертикальной на горизонтальную и наоборот.

Четвертая группа состоит из двух команд: Fractional Widths (Дробная ширина) и System Layout (Системные значения).

Следующая команда, No Break (Без переноса), запрещает расстановку переносов в тексте.

Шестая группа команд задает параметры проверки синтаксиса.

Последняя команда, Reset Character (Восстановить символ), восстанавливает стандартные параметры символа, заданные по умолчанию.

Панель Paragraph (Абзац) позволяетвыполнять форматирование текста. Внешний вид панели представлен на рис. 16.3.

Рис. 16.3. Внешний вид палитры Paragraph

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

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

ПРИМЕЧАНИЕ.

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

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

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

В четвертой группе расположен флажок Hyphenate (Переносы), установка которого приводит к расстановке переносов в тексте.

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

• Dock to Palette Well (Поместить палитру в пристыковываемое окно) — перемещает панель в верхний правый угол панели свойств инструментов, послечего она разворачивается по щелчку мыши.

• Roman Hanging Punctuation (Латинские правила пунктуации) — задает способ проверки расстановки знаков препинания.

Третья группа состоит из двух команд: Justification (Выключка) и Hyphenation (Расстановка переносов). Необходимые параметры задаются вдиалоговых окнах работы с этими командами.

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

• Adobe Single-line Composer (Набор в стиле единая строка) — предлагает обработку отдельной строки в каждый отдельный момент. При использовании этого метода можно вручную контролировать процесс разбиения текста на строки;

• Adobe Every-line Composer (Набор в стиле несколько строк) — предлагает единовременную обработку программой нескольких строк. При этом программа минимизирует число переносов слов, отдавая предпочтение изменению интервалов между соседними словами.

• Reset Paragraph (Восстановить абзац) — восстанавливает стандартные параметры абзаца, заданные по умолчанию.

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

Работа с текстовым слоем

Поскольку для каждой надписи создается отдельный слой, мы можем применять команды работы со слоями и слоевые стили и эффекты. Примером использования этого преимущества является применение команд меню Edit • Free Transform (Редактирование • Свободная трансформация) и Edit • Transform (Редактирование • Трансформация). Исключение составляют только две команды: Perspective (Перспектива) и Distort (Искажение).

Чтобы применить команды Edit • Transform • Perspective (Редактирование • Трансформация • Перспектива) и Edit • Transform • Distort (Редактирование • Трансформация • Искажение), необходимо растеризовать текстовый слой с помощью команды меню Layer • Rasterize • Туре (Слой • Растрирование • Текст).

ВНИМАНИЕ. После растеризации текстового слоя текст становится недоступен для редактирования.

Команды работы с текстом

При работе с текстом будут полезными команды меню Layer • Туре (Слой • Текст). Перечислим их и отметим основные особенности:

• Create Work Path (Создать рабочий контур) — создает на основе текстового слоя векторный объект (контур). Редактировать такой объект как текст уже невозможно, но вы можете использовать все возможности редактирования векторных объектов.

• Convert to Shape (Преобразовать в контуры). В результате применения этой команды мы получим вместо текстового слоя слой с векторной маской, аналогичный векторным формам. Редактировать текст после преобразованияв векторную маску невозможно.

ПРИМЕЧАНИЕ. Векторные объекты не могут быть созданы на основе растровых шрифтов, а также на основе текста, к которому применены. Изменить направлеение текста можно командами Horizontal (Горизонтальный) и Vertical (Вертикальный).

• Для того чтобы текст выглядел аккуратно, границы символов сглаживаются. Режим сглаживания переключается с помощью следующих команд: Anti-Alias None (Без сглаживания), Anti-Alias Sharp (Резкое сглаживание), Anti-Alias Crisp (Четкое сглаживание), Anti-Alias Strong (Твердое сглаживание) и Anti-Alias Smooth (Мягкое сглаживание).

• Convert to Paragraph Text (Преобразовать в текст абзаца) — эта команда позволяет преобразовать текст в текстовый блок. Для ее применения необходимо выбрать текстовый слой на панели Layers (Слои).

• Convert to Point Text (Преобразовать в текст) — эта команда позволяет преобразовать текстовый блок в обычный текст. Для ее применения также необходимо выбрать текстовый слой на панели Layers (Слои).

• Вписать текст в разнообразные формы позволяет команда Warp Text (Искривить текст). Диалоговое окно работы с этой командой представлено на рис. 16.4.

Рис. 16.4. Диалоговое окно работы с командой Warp Text

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

Рис. 16.5. Результат работы команды Warp Text

• Update All Text Layers (Обновить все текстовые слои).

• Replace All Missing Fonts (Заменить все отсутствующие шрифты). С помощью этой команды можно заменить шрифты, которые некорректно отображаются, поскольку отсутствуют в системе.

СОВЕТ. Для изменения цвета надписи можно использовать клавиатурные сокращения. Для заливки надписи основным цветом нажмите Alt+Backspace, фоновым — Ctrl+Backspace.

Практические советы

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

Создание полупрозрачной надписи, имитирующей датирование кадра фотоаппаратом:

1. Выберите инструмент Туре (Текст).

2. Щелкните мышью на нужном участке изображения.

3. Введите текст.

4. Установите желаемый цвет в качестве основного и нажмите Alt+Backspace.

5. Выберите подходящий Шрифт и и его Размер с помощью палитры Character (Символ).

6. На панели Layers (Слои) определите с помощью бегунка Opacity (Непрозоачность) желаемую степень прозрачности.

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

Рис. 16.6. Полупрозрачная надпись, имитирующая датирование кадра фотоаппаратом

Размещение комментария вдоль произвольной кривой:

1. Создайте кривую с помощью инструментов Реn (Перо), Line (Линия) или любого из инструментов формы. При работе инструментами Реn (Перо) или Line (Линия) нужно учесть следующую особенность: при рисовании кривой слева направо текст впоследствии будет расположен над ней, справа налево — под ней.

2. Установите инструмент Туре (Текст) так, чтобы он принял вид редактирования текста.

3. Введите текст.

На рис. 16.7 показан результат выполнения данной инструкции.

Эта глава была посвящена основным принципам работы с текстом в Adobe Photoshop CS 2. Подведем краткие итоги: теперь вы получили общее представление о шрифтах, умеете форматировать отдельный символ и абзац изучили основные команды работы с текстовыми слоями.

Рис. 16.7. Надпись, расположенная вдоль произвольной кривой

Как в фотошопе сделать обводку изображения – Как в фотошопе сделать обводку

Два способа создания обводки

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

Как сделать обводку текста в программе фотошоп? Для этого запускаем программу и выбираем во вкладке Файл / Открыть. Выбираем нужную нам картинку, и пишем для неё необходимый нам текст. Для этого выбираем инструмент Текст и пишем, например, призовой кубок. Если у вас заголовок ушёл за пределы картинки, то наведите курсор чуть пониже, появится стрелочка, и смещаете заголовок так, как вам нравится. Если вас не устраивает сам вид текста, то вы можете его изменить. Здесь конечно довольно скромные возможности для текста, все равно ему можно придать какой- то вид. Выберите шрифт, наклон, курсив, полужирный, размер шрифта и цвет шрифта.Написав текст, мы создаём для него обводку. Для этого нажимаем на Слой, появится Заголовок и нажимаем на правую кнопку мыши. Выбираем параметры наложения. В самом низу находится функция Обводка. Кликнув по ней 2 раза, открываются настройки. Мы сразу видим, что обводка появилась, но давайте сделаем её покрасивее. Для этого добавляем немного пикселей, например, пять, и меняем цвет чёрный на белый. Цвет белого шрифта шесть букв «F». Получился не плохой вариант, но мы видим, что на белом фоне обводка сливается, и её мы не видим. Для того, чтобы избавиться от этого, можно добавить тени. Для этого также кликаем два раза на вкладку Тень, открываются настройки, и мы начинаем немного редактировать.Я для себя предпочитаю сменить угол изображения тени, чтобы она была справа и снизу. Теперь мы видим, что тень теперь здесь появилась. Кроме этого, здесь можно изменить размеры тени и её смещение. Мы видим, что установлено 5 пикселей. Давайте попробуем сместить настройку пикселей к нулю. Тень пропадает. Регулируем курсором, смотрим чёткость тени и выбираем оптимальный вариант, например восемь. Видим, что тень стала чёткой, контурной и её можно смещать на любое расстояние. Задав размер тени, например 4, смотрим. Теперь достаточно прилично выглядит обводка и тень, на этом и ограничимся.Если вам хочется что-то ещё здесь попробовать сделать или добавить какие-то функции и визуальные настройки, то здесь очень большое поле для работы, и вы можете для себя попробовать, что-то более подходящее. Теперь я нажимаю ОК, моя картинка готова, осталось только её сохранить. Если мы готовим её для своего сайта, то мы сохраняем её для WEB. Здесь подбираем по размеру и внешнему виду. Из предложенных вариантов выбираем тот, который нам больше подходит. Нажимаем сохранить, присваиваем имя и сохраняем.Как обвести текст в фотошопе: быстро и красивоДоброго времени суток, уважаемые читатели. Продолжаем постигать основы Adobe Photoshop. Поработаем сегодня с текстом. Уже неоднократно в своих уроках я применял обводку текста, и внимательные посетители неоднократно сталкивались с этим моментом и даже могли уже самостоятельно научиться обводить текст в фотошопе.Все-таки в обучающих статьях я стараюсь давать чуть больше и выходить за рамки темы. Это ждет вас и сегодня. Я решил более подробно затронуть этот вопрос и показать вам интересные приемчики, которые помогут в вашей работе.Итак, эта публикация полностью ответит на все вопросы о том, как обвести текст в фотошопе. Давайте приступим без лишних предисловий.Как делать простую обводку текстаОткрываем фотошоп. Не забывайте, что у вас есть возможность работать в онлайн версии этой программы (https://pixlr.com). Она не проще, но некоторые вещи в ней можно выполнить быстрее, особенно если Photoshop на вашем компьютере притормаживает. Однако, хорошо, когда у вас есть своя собственная программа.Туда можно добавлять кисти, узоры или фоны, которые вам подходят и нравятся. Идеальный вариант, если в дизайне разбираешься не очень хорошо. Кстати, в сегодняшнем уроке мы научимся делать еще и это.Итак, я буду работать в своей версии, чего и вам желаю. Открываем и создаем новую картинку.Размер не так важен. Пусть будет 600х400. Люблю прямоугольники.Сейчас фон прозрачный. Мне не очень нравится эта шашка, поэтому сперва я залью рисунок другим цветом.Кстати, если вы пользуетесь большим спектром, то всегда можете вернуть черный и белый, кликнув на миниатюру под используемыми цветами. На скриншоте выделено прямоугольником.Ну, а для того чтобы сделать ровную обводку, для начала надо что-либо написать. Выбираем инструмент «Текст» в панели справа. Его я пометил стрелкой.Итак, мы написали текст.В правой части экрана найдите слои. Простите за отступление, если вы и так уже знаете эту информацию. Но эта публикация предназначена для новичков, поэтому объясню, что вообще такое слои.Представьте, у вас есть чистый лист и вы на него накладываете рисунки, текст, картинки. Делаете некий коллаж. В фотошопе все точно также и каждый накладываемый элемент называется слой, используются они для того, чтобы вы работали только над одним фрагментом, а не над целой картиной.Например, если вы захотите сделать фон ярче, то манипуляции нужно будет производить над фоном, в этом случае ваше желание не затронет все остальные элементы картинки, такие как текст. Он ярче не станет.Посмотрите, вот так выглядит текстовый слой.Нажмите правой кнопкой мыши, чтобы у вас появилось дополнительное меню. Здесь нам нужны «Параметры наложения».После того как появится еще одно меню, можно запросто выполнить обводку. Поставьте галочку.Изменения отображаются сразу же. Чтобы увидеть их, отодвиньте окно со стилем слоев. Схватитесь за верхнюю часть вылезшего меню и не отпускайте, пока не передвинете в нужное место.Теперь все стало видно, кроме контура. Все дело в том, что цвет совпадает с текстом. Давайте его поменяем. Кликните по цвету.И снова дополнительное меню. Выбирайте, пока не найдете лучший.Сейчас цвет слабо заметен. Поэтому увеличьте размер обводки. Делать это лучше всего не ползунком, а при помощи клавиатуры. Так оно аккуратнее выходит.Теперь выделение более заметно.Текст можно обвести по внешнему краю, внутреннему или из центра. Поэкспериментируйте, пока не получится идеально.А вот в режим наложения новичкам я бы лезть не советовал. Думаю, что пока будет немного сложно. Эти функции используют продвинутые пользователи, а для начинающих – это лишняя и непонятная головная боль.Вы можете, конечно, поиграться, я вам ничего запретить не могу, но, поверьте, и для вас тут есть кое-что интересное и более полезное.Чуть ниже вы найдете непрозрачность. Она делает контур более заметным или менее.Ну а теперь давайте перейдем к «фишечкам».Контур, тень, а также градиентная и узорная обводка текстаВы можете обвести текст не только одним цветом, но и использовать градиенты или узоры. Просто измените тип, как показано на моем скриншоте.Вот так может выглядеть ваш рисунок.Когда закончите, вытащите скрытую часть панели, чтобы сохранить изменения.Также вы можете попробовать тиснение – контур.Или добавить в текст тень, чтобы буквы были выпуклыми. Я не буду уделять этому много внимания. Тут все понятно и просто. Просто тыкайте в разные штуки и пробуйте. Все, до чего вы доходите сами – запоминается намного лучше. Обводка может быть узорной, однако в базовом комплекте фотошопа мало шаблонов. Но, их можно без труда скачать, как и градиенты, шрифты и так далее.Куча бесплатных дополнений можно найти на сайте https://photoshop-master.ru.Тут есть кисти, рамки, красивые шрифты, шаблоны и текстуры. То, что нам сейчас и нужно.Выберите тот узор, который вам нравится. Кстати, обратите внимание. Вам нужен не только тот раздел, который «узоры». Подойдет и металл, и цветочные, и ассорти. Скачайте то, что понравилось. Кнопка под описанием.Теперь возвращаемся в фотошоп. Напомню путь. Текстовый слой, правая кнопка мыши — «Режим наложения», «Выполнить обводку», тип обводки: «Узор». Найдите вот такую гайку, как на скриншоте.

Теперь нужно загрузить узоры.Найдите файл в папке, в которую у вас загружаются скачанные из интернета документы. Если вы не видите или не можете найти, то попробуйте разархивировать то, что только что загрузили. Вытащите документы из архива win rar.То есть, вы загрузили архив в папку, допустим «Загрузка». Нашли «Загрузку» на своем компьютере. Потом отыскали по названию документ, который только что скачали, открыли ее, схватились за файл с расширением .pat и перенесли ее в папку «Загрузка». Все, вы видите нужный узор через фотошоп и в состоянии его загрузить.Готово. Узоров стало больше! Можете применять к тексту. Если вам нравится работать в фотошопе, то можно неплохо на этом зарабатывать. В свободное время. Для начала подписывайтесь на рассылку моего блога, чтобы узнавать больше о том, как создаются и продаются сайты в интернете.Далее вы можете пройти курс для начинающих веб-дизайнеров. Первые три дня вам разрешается смотреть видео с этого сайта бесплатно. Откровенно говоря, если вы усидчивы, то этого времени хватит, чтобы захватить основу и многое понять. Самое главное – хотите ли вы связываться с этим.Мне лично очень понравилось, но в то же время я твердо определился, что в веб-дизайн меня не так уж сильно тянет, поэтому в моей команде работает Кирилл. Фотки для своего блога обработать – это классно, но заниматься этим постоянно даже за большие деньги мне не хотелось бы. Каждому, как говорится, свое.Однако мне, как руководителю проектов веб-студии необходимо разбираться в дизайне и контролировать работу своих сотрудников. Поэтому я не смог пройти мимо другого курса, на нетологии — Веб-дизайнер: эффективный сайт от идеи до реализации.Жду не дождусь когда смогу услышать лекции совладельца компании Red Keds. Компания очень крутая. Безумная команда, известная не меньше, чем студия Артемия Лебедева.Мне посчастливилось уже несколько раз бывать на выступлениях профессионалов, в том числе из команды Red Keds, и это всегда праздник. Эти истории просто невозможно забыть! Например, один из дизайнеров рассказывал о том, как он за три минуты придумал логотип. Это была точка. Красиво, стильно, но ее же надо было продать! Представляете, продать точку за бешенные деньги! Действительно понимаешь, почему они зовутся специалистами.Ну, что-то я совсем забыл о времени. Удачи вам в ваших начинаниях и до новых встреч. Совсем скоро вас ждут новые статьи о фотошопе. Не пропустите.Текст, охваченный огнём / Creativo.oneИз этого подробного урока, вы узнаете, как создать текст, охваченный реалистичным огнем.Для этого мы будем использовать:
фильтр Ветер (Wind filter) -для создания пламя;
фильтр Пластика ()Корректирующие слои ()Стиль слоя ()Слой-маску ()Вот результат, к которому мы будем стремиться:Шаг 1. Создайте новый документ (Ctrl+N). Размерами 3х3 дюйма, с разрешением 300 пикс./дюйм.Залейте документ Черным цветом. Зайдите в

Редактирование – Выполнить заливку (Edit-Fill (Shift+F5)).В окне Заливка (Fill) установите Содержимое (Contents) – Использовать (Use) – Черный (Black).Нажмите ДА, ваш документ зальется черным цветом.*так же можно использовать горячие клавиши: (D, Alt+Backspace)*Шаг 2. Теперь нужно написать текст. Выберите инструмент «Текст» (Type Tool (Т))Установите любой шрифт, автор использовал шрифт Times New Roman Bold.Установите белый цветИ напишите слово – FIRE.После того как напишите слова, примените текст. Нажав на галочку в правом верхнем углу Photoshop.Или просто кликнув один раз на слое с текстом.Теперь нужно увеличить текст в размере. Нажмите (Ctrl+T), чтобы вызвать Свободную трансформацию(Free Transform). Удерживая клавишу Shift, потяните за край рамки трансформирования, увеличивая текст, почти на всю ширину документа.
Поместите текст по центру, ближе к нижнему краю документа.
Примените трансформацию (Enter).Шаг 3. Для дальнейшего шага, нам нужно Растировать (Rasterize) текст.
Слои – Растрировать – Текст (Layer- Rasterize- Type).Либо просто правой кнопкой на слое с текстом и в выпавшем меню, выберите — Растрировать текст. Видимых изменений с текстом не произойдет, но в палитре слоев изменения будут заметны. Текстовый слой, превратиться, в обычный.Для того чтобы создать эффект пламя, нам нужно будет воздействовать на дубликат слоя.
Создайте копию слоя с текстом (Ctrl+J), уберите видимость копии слоя (убрав глазик возле миниатюры слоя) и перейдите на первый слой с текстом.Шаг 4. Для создания эффекта пламя, мы будем использовать несколько фильтров. Первым будет фильтр Ветер (Wind). Этот фильтр работает только слева направо (или справа налево), это означает, что нам нужно будет повернуть наш документ.
Перейдите в Изображение – Повернуть холст — 90° по часовой (Image- Rotate Canvas- 90° CW).Текст примет вертикальное положение.Зайдите в Фильтр – Стилизация – Ветер (Filter- Stylize- Wind).В появившемся окне установите Метод (Method) – Ветер (Wind), а Направление (Direction) – Слева (From the Left).Нажмите ДА.Однократное применение фильтра в данной ситуации вызывает незначительные изменения, для улучшения эффекта, нужно будет повторно применить фильтр.Чтобы снова не заходить в Меню- Фильтры, просто нажмите Ctrl+F, несколько раз (двух будет достаточно), эта команда повторит примененный ранее фильтр.Верните холст обратно в горизонтальное положение.
Изображение – Повернуть холст – 90° против часовой (Image- Rotate Canvas- 90° СCW).Чтобы линии были не такие резкие, мы их размоем, используя фильтр Размытие по Гауссу (Gaussian Blur).
Зайдите в Фильтр –Размытие – Размытие по Гауссу (Filter-Blur-Gaussian Blur).В окне Размытия по Гауссу, поставьте небольшой Радиус (Radius) – 1,2 пикс.Нажмите ДА.Шаг 5. Дублируйте первый слой «Задний план» (Background). Перейдите на слой «Задний план» и нажмите Ctrl+J.Слейте слой с текстом, с копией слоя (Задний план), который мы только что создали.
Для этого перейдите на слой FIRE, зайдите в Слой – Объединить с предыдущим (Layer-Merge Down). Либо, просто нажмите Ctrl+E.
Назовите получившийся слой Flames (Пламя).Шаг 6. Переходим к фильтру Пластика (Liquify).
Для начала нам нужно выделить область, над которой мы будем работать. Для этого возьмите инструмент «Прямоугольная область» (Rectangular Marquee Tool (М)).Выделите текст и убедитесь, что оставили достаточно свободного места сверху текста.
Не снимая выделения, перейдите в Фильтр – Пластика (Filter-Liquify (Shift+Ctrl+X)).В окне фильтра Пластика, выберите инструмент «Деформация» (Forward Warp Tool (W)).Установите такие настройки инструмента:Короткими движениями влево и вправо, придайте волоскам некую волнистость, пытаясь сымитировать пламя. Постарайтесь пока не деформировать сам текст. У вас должно получиться что-то похожее.Измените — Размер Кисти (Brush Size), автор остановился на 15.На это раз, мы будем вытягивать «языки» пламени, прямо из букв.
Щелкните на букве и тяните мышь к краю буквы, вытягивая тем самым «язычок».
Если у вас не получилось что-то и вы хотите отменить нарисованное, то нажмите Ctrl+Z, это отменить действие.Если нужно отменить сразу несколько шагов, то жмите Ctrl+Alt+Z столько раз, сколько шагов вам нужно отменить. Попытайтесь добиться, примерно такого результата.И в завершении, нарисуем еще немного, больших пламенных «языков».
Установите размер Кисти 50.Так же, как и в предыдущем шаге, вытягивая пламя из текста, добавьте еще немного «языков». Не забывайте о том, что нижняя граница буквы, должна остаться незатронутой, чтобы не потерять контур буквы.
Должно выглядеть примерно так.Когда закончите, нажмите ДА, чтобы применить фильтр.Ctrl+D, снимите выделение.Шаг 6. Теперь добавим цвета нашему огню. Для этого мы будем использовать Корректирующий слой – Цветовой тон/Насыщенность (Adjustment Layer-Hue/Saturation).Нажмите на значок , Создать новый корректирующий слой (New Adjustment Layer) и выберите там Цветовой тон/Насыщенность (Hue/Saturation).В окне Цветовой тон/Насыщенность, установите такие параметры:Добавьте еще один Корректирующий слой – Цветовой тон/Насыщенность (Adjustment Layer-Hue/Saturation). И установите в нем такие параметры:Измените этому слою, режим Наложения (Blend Mode) на Перекрытие (Overlay).Это добавит, более реалистичный цвет нашему пламени: желтый оттенок, в светлых участках и глубокий, насыщенный, апельсиновый оттенок в темных.Шаг 7. С пламенем мы закончили, теперь осталось немного поработать с цветом текста.
Перейдите на второй слой с текстом (FIRE(копия)) и включите ему видимость.Добавьте этому слою Стиль слоя(Layer Styles):
Наложение Градиента (Gradient Overlay) :Параметры градиента:Вот что получиться.Шаг 8. Так как мы хотим сделать текст, охваченный огнем, нам придется проделать еще кое-что. Добавьте Слой-маску (Layer Mask) слою FIRE(копия), нажав на значок внизу палитры слоев.Возьмите инструмент «Кисть» (Brush Tool (В)).Установите Черный цвет (D).Жесткость 0%, Размер установите небольшой, относительно вашего текста. Убедитесь, что вы находитесь на Слой-маске.
Уменьшая и увеличивая, Размер и Жесткость Кисти, сотрите все резкие границы текста, которые соприкасаются с «языками» пламени. Тем самым, попытайтесь добиться иллюзии того, как будто текст находится в огне.Если вы случайно стерли лишнее, то просто переключитесь на белый цвет (Х) и верните стертое (закрасив нужный участок белым).Слой с текстом получился немного выше, чем слой с огнем. Из за этого, появилась оранжевая окантовка у основания текстом.Чтобы это исправить, возьмите инструмент «Перемещение» (Move Tool (V)) и нажмите на вашей клавиатуре стрелочку вниз, несколько раз, это сместит слой с тексом немного вниз и сровняет его со слоем с огнем.Вот и наш конечный результат.Надеюсь, урок вам понравился.Автор: Steve PattersonПлоттер про: надписи. Мастер-класс от Виктории КолединовойВот про этот позитивный день и сложилась моя работа по нашему очередному плоттерному заданию»Плоттер про: надписи»!
Надпись, глядя на фото для странички, даже придумывать не пришлось, ведь такие дни и события всегда делают нашу жизнь HAPPY!
Макет для резки надписи создала сама в Photoshop и сейчас хочу с вами поделится небольшим, но очень подробным МК по ее созданию (особенно это думаю будет интересно новичкам)! Кстати такие надписи сейчас как раз в моде, особенно для страничек 😉
Итак, открываем Photoshop и создаем новый (заказной) документ необходимого размера именно под надпись, так как у меня страничка, я создала документ размером 30х30 см. Такой большой документ я создала для того чтобы сразу видеть как надпись будет смотреться на моей страничке, чтобы была возможность подобрать размер именно такой как надо. Открою секрет: я так создаю все свои плоттерные макеты, создаю в Photoshop документ в размер открытки или страницы альбома и на ней уже примерную раскладку элементов и смотрю какой размер мне нужен, возможно кому то это покажется лишней заморочкой, но мне это не сложно и даже часто удобнее))

Перед началом работы еще сразу предлагаю разобрать надпись по слоям: у меня их 2: 1-й — верхний слой — белый контур и 2-й слой — нижний из скрапбумаги.
Далее выбираем шрифт, я использовала (Arial) и набираем необходимый заголовок (HAPPY), цвет шрифта у меня белый.
Приступаем к созданию 1-го слоя — контура букв, это здесь сделать проще всего! Кликаем 2 раза по нашему слою с надписью и выбираем добавить обводку, цвет выбираем черный, толщина (размер, 40-60 пикс., я использовала 50 пикс.), жмем ОК и получаем готовые буквы с необходимым контуром!

Чтобы создать 2-й, нижний слой букв, для это нам достаточно всего лишь сделать дубликат слоя с надписью, сдвинуть его чтобы видно было на странице отдельно оба слоя и изменить цвет заливки текста на черный. Готово!

В случае если вы хотите вырезать сразу готовое, скомпонованное как необходимо, слово, то придется поработать в Фотошопе немного подольше, каждую букву придется написать в отдельном слое и повторить те же самые действия по обводке. Но, здесь рекомендую сразу создать и дубликат каждой буквы и временно отключить их (сделать невидимыми (неактивными) слои), для чего узнаете чуть позже 😉
Далее полученную надпись необходимо конвертировать в слой с изображением (сейчас она как текст). Это необходимо для того, чтобы возможно было скопировать и работать именно с контуром изображения. Выделяем наши буквы (все слои с буквами), выбираем вкладку слои — объединить слои, получаем слой с изображением нашего текста.

В завершении сохраняем полученный документ в формате JPEG и отправляем на резку в плоттер))
Если у кого-то, как у меня например, в плоттер не помещается формат 30х30, то достаточно лишь скопировать готовую надпись и скомпоновать файл для резки на формате А4.

Для слова «day» использовала шрифт (название шрифта) и применила небольшую обводку (размер обводки) сверху просто покрасила серыми дистресс чернилами.

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

В качестве завершающих акцентов конечно же брызги и немного жидких дотсов

И в завершении хочу с вами поделиться готовым макетом надписи HAPPY day в формате JPEG:
Надеюсь мой МК получился для вас полезным!
Спасибо за внимание и конечно же теперь ждем ваши работы с вырезанными на плоттере надписями в нашем задании «Плоттер про: надписи»!Глава 16 Работа с текстом в Adobe Photoshop CS 2, добавление надписей к изображениюГлава 16Работа с текстом в Adobe Photoshop CS 2, добавление надписей к изображениюПри обработке цифровых или сканированных изображений зачастую могут потребоваться не только ретушь и цветокоррекция, но и применение некоторых дополнительных спецэффектов. Например, нанесение на фотографию текста: краткого комментария, даты и времени съемки. Средствами Adobe Photoshop очень легко добавить к изображению текстовую надпись, в чем мы и убедимся, изучив эту главу.Добавление надписи к изображениюВ любую область изображения можно добавить горизонтально или вертикально расположенный текст, а также создать выделение в виде контура текста. Для добавления надписи необходимо выбрать инструмент Туре (Текст), установить курсор в требуемой области изображения и щелкнуть левой кнопкой мыши. Текст вводится, как в обычном текстовом редакторе.Таким образом создается обычный текстовый слой. Если вместо одного щелчка мышью нажать левую клавишу, переместить курсор, рисуя рамку, а затем отпустить клавишу, можно создать текстовый блок. Можно изменять размеры этого блока, перемещая его границы. При помощи маркеров текстовый блок можно поворачивать вокруг маркера центра преобразования (вы можете переместить блокили центр преобразования при помощи мыши).СОВЕТ. К текстовым слоям применима команда Edit • Free Transform (Редактирование • Свободная трансформация), позволяющая изменять масштаб и форму выделенного объекта (фрагмента изображения, текста, векторного пути или формы).При создании надписи с помощью инструмента Туре (Текст) для нее автоматически создается отдельный слой.ПРИМЕЧАНИЕ. В режимах Multichannel (Мультиканальный), Bitmap (Черно-белый) и Indexed Color (Индексированные цвета) отдельный текстовый слой не создается, поскольку данные режимы использование слоев не поддерживают. Текст накладывается непосредственно на изображение и последующему редактированию не подлежит.При выборе инструмента Туре (Текст) в верхней части рабочей области появляется панель свойств. Ее внешний вид показан на рис. 16.1.Рис. 16.1. Внешний вид панели свойств инструмента ТуреРассмотрим кнопки и меню панели свойств инструмента Туре (Текст). Итак, по порядку, слева направо:• кнопка изменения ориентации текста; при нажатии горизонтальная надпись становится вертикальной и наоборот;• раскрывающееся меню выбора гарнитуры шрифта;• раскрывающееся меню выбора начертания шрифта;ПРИМЕЧАНИЕ. Шрифт — это математическое описание букв, цифр и символов гарнитуры. Гарнитурой называется набор символов одного шрифта или его семейства. Она включает в себя буквы обоих регистров, цифры, знаки, маркеры, фигуры. Семейство шрифтов — множество различных стилей начертания шрифта/ например таких, как курсив или полужирный.• кнопка изменения размера шрифта• раскрывающееся меню выбора размера шрифта;• раскрывающееся меню выбора метода сглаживания шрифта.• кнопка выравнивания по левому краю;• кнопка выравнивания по центру ;• кнопка выравнивания по правому краю;• образец цвета текста;• кнопка искривления текста;• кнопка, управляющая отображением панелей инструментов Character (Символ) и Paragraph (Абзац)Редактирование надписиДля изменения параметровтекста используются средства двух панелей инструментов: Character (Символ) и Paragraph (Абзац). Вызвать их можно либо щелчком на кнопке панели свойств инструмента Туре (Текст), либо командами Window • Character (Окно • Символ) и Window • Paragraph (Окно • Абзац) соответственно.Панель Character (Символ) предназначена для задания атрибутов символа.Внешний вид панели Character (Символ) представлен на рис. 16.2.Рис. 16.2. Внешний вид палитры CharacterКак видно из рис. 16.2, на панели находятся несколько групп элементов, разделенных горизонтальными полосами, и кнопка вызова контекстного меню (в верхнем правом углу).Раскрывающиеся меню первой группы позволяют выбрать гарнитуру и начертание шрифта.Раскрывающиеся меню второй группы позволяют выбрать размер шрифта, интерлиньяж, кернинг и трекинг.ПРИМЕЧАНИЕ. Интерлиньяж — расстояние между базовыми линиями двух соседних строк. Кернинг — расстояние между двумя соседними символами. Трекинг — дополнительное расстояние, вводимое между символами текста. Для изменения этого параметра необходимо выделить несколько символов.Третья группа содержит элементы, позволяющие масштабировать символы по горизонтали и по вертикали, а также устанавливать величину базовой линии и цвет шрифта.Элементы четвертой группы управляют дополнительными атрибутами символов, такими как полужирное и курсивное начертания, все прописные, малые прописные, верхний и нижний индексы, подчеркивание, зачеркивание.Раскрывающееся меню, находящееся в пятой группе, позволяет установить язык выделенного текстадля последующей проверки орфографии и расстановки переносов, а также задать метод сглаживания шрифта.Контекстное меню, открывающееся при щелчке на кнопке в верхнем правом углу, содержит семь разделов.Первая команда, Dock to Palette Well (Поместить палитру в пристыковываемое окно), перемещает панель в верхний правый угол панели свойств инструментов, после чего она разворачивается по щелчку мыши.Следующая группа команд полностью дублирует четвертую вкладку панели Character (Символ), управляя дополнительными атрибутами символов (полужирное и курсивное начертания, все прописные, малые прописные, верхний и нижний индексы, подчеркивание, зачеркивание).Третья группа команд позволяет изменить ориентацию текста с вертикальной на горизонтальную и наоборот.Четвертая группа состоит из двух команд: Fractional Widths (Дробная ширина) и System Layout (Системные значения).Следующая команда, No Break (Без переноса), запрещает расстановку переносов в тексте.Шестая группа команд задает параметры проверки синтаксиса.Последняя команда, Reset Character (Восстановить символ), восстанавливает стандартные параметры символа, заданные по умолчанию.Панель Paragraph (Абзац) позволяетвыполнять форматирование текста. Внешний вид панели представлен на рис. 16.3.Рис. 16.3. Внешний вид палитры ParagraphКак видно из рис. 16.3, на панели находятся четыре группы элементов и контекстное меню, открывающееся при щелчке на кнопке в верхнем правом углу.В первой группе находятся кнопки, управляющие выравниванием и выключкой текста.ПРИМЕЧАНИЕ.Выключкой называется способ размещения текста относительно вертикали.Вторая группа содержит элементы, позволяющие задать отступы от левого и правого краев, а также величину отступа первой строки.Кнопки третьей группы управляют отступами до и после абзаца.В четвертой группе расположен флажок Hyphenate (Переносы), установка которого приводит к расстановке переносов в тексте.Контекстное меню, открывающееся при щелчке на кнопке в верхнем правом углу, содержит пять разделов:• Dock to Palette Well (Поместить палитру в пристыковываемое окно) — перемещает панель в верхний правый угол панели свойств инструментов, послечего она разворачивается по щелчку мыши.• Roman Hanging Punctuation (Латинские правила пунктуации) — задает способ проверки расстановки знаков препинания.Третья группа состоит из двух команд: Justification (Выключка) и Hyphenation (Расстановка переносов). Необходимые параметры задаются вдиалоговых окнах работы с этими командами.Четвертая группа позволяет выбрать метод расстановки переносов слов и переходов на новую строку:• Adobe Single-line Composer (Набор в стиле единая строка) — предлагает обработку отдельной строки в каждый отдельный момент. При использовании этого метода можно вручную контролировать процесс разбиения текста на строки;• Adobe Every-line Composer (Набор в стиле несколько строк) — предлагает единовременную обработку программой нескольких строк. При этом программа минимизирует число переносов слов, отдавая предпочтение изменению интервалов между соседними словами.• Reset Paragraph (Восстановить абзац) — восстанавливает стандартные параметры абзаца, заданные по умолчанию.ПРИМЕЧАНИЕ. Команды переключения методов расстановки переносов доступны только при работе с текстовым блоком. Для создания текстового блока не просто щелкните мышью в области изображения, а нажмите левую клавишу мыши, проведите мышью, как при работе с инструментом выделения, и отпустите клавишу.Работа с текстовым слоемПоскольку для каждой надписи создается отдельный слой, мы можем применять команды работы со слоями и слоевые стили и эффекты. Примером использования этого преимущества является применение команд меню Edit • Free Transform (Редактирование • Свободная трансформация) и Edit • Transform (Редактирование • Трансформация). Исключение составляют только две команды: Perspective (Перспектива) и Distort (Искажение).Чтобы применить команды Edit • Transform • Perspective (Редактирование • Трансформация • Перспектива) и Edit • Transform • Distort (Редактирование • Трансформация • Искажение), необходимо растеризовать текстовый слой с помощью команды меню Layer • Rasterize • Туре (Слой • Растрирование • Текст).ВНИМАНИЕ. После растеризации текстового слоя текст становится недоступен для редактирования.Команды работы с текстомПри работе с текстом будут полезными команды меню Layer • Туре (Слой • Текст). Перечислим их и отметим основные особенности:• Create Work Path (Создать рабочий контур) — создает на основе текстового слоя векторный объект (контур). Редактировать такой объект как текст уже невозможно, но вы можете использовать все возможности редактирования векторных объектов.• Convert to Shape (Преобразовать в контуры). В результате применения этой команды мы получим вместо текстового слоя слой с векторной маской, аналогичный векторным формам. Редактировать текст после преобразованияв векторную маску невозможно.ПРИМЕЧАНИЕ. Векторные объекты не могут быть созданы на основе растровых шрифтов, а также на основе текста, к которому применены. Изменить направлеение текста можно командами Horizontal (Горизонтальный) и Vertical (Вертикальный).• Для того чтобы текст выглядел аккуратно, границы символов сглаживаются. Режим сглаживания переключается с помощью следующих команд: Anti-Alias None (Без сглаживания), Anti-Alias Sharp (Резкое сглаживание), Anti-Alias Crisp (Четкое сглаживание), Anti-Alias Strong (Твердое сглаживание) и Anti-Alias Smooth (Мягкое сглаживание).• Convert to Paragraph Text (Преобразовать в текст абзаца) — эта команда позволяет преобразовать текст в текстовый блок. Для ее применения необходимо выбрать текстовый слой на панели Layers (Слои).• Convert to Point Text (Преобразовать в текст) — эта команда позволяет преобразовать текстовый блок в обычный текст. Для ее применения также необходимо выбрать текстовый слой на панели Layers (Слои).• Вписать текст в разнообразные формы позволяет команда Warp Text (Искривить текст). Диалоговое окно работы с этой командой представлено на рис. 16.4.Рис. 16.4. Диалоговое окно работы с командой Warp TextПример того, что может получиться в результате применения этой команды, мы видим на рис. 16.5.Рис. 16.5. Результат работы команды Warp Text• Update All Text Layers (Обновить все текстовые слои).• Replace All Missing Fonts (Заменить все отсутствующие шрифты). С помощью этой команды можно заменить шрифты, которые некорректно отображаются, поскольку отсутствуют в системе.СОВЕТ. Для изменения цвета надписи можно использовать клавиатурные сокращения. Для заливки надписи основным цветом нажмите Alt+Backspace, фоновым — Ctrl+Backspace.Практические советыДавайте попробуем применить полученные знания на практике. Рассмотрим несколько стандартных ситуаций, когда требуется разнообразить имеющееся изображение. Выполнение необходимых действий опишем пошагово.Создание полупрозрачной надписи, имитирующей датирование кадра фотоаппаратом:1. Выберите инструмент Туре (Текст).2. Щелкните мышью на нужном участке изображения.3. Введите текст.4. Установите желаемый цвет в качестве основного и нажмите Alt+Backspace.5. Выберите подходящий Шрифт и и его Размер с помощью палитры Character (Символ).6. На панели Layers (Слои) определите с помощью бегунка Opacity (Непрозоачность) желаемую степень прозрачности.На рис. 16.6 показан результат выполнения этих действий.Рис. 16.6. Полупрозрачная надпись, имитирующая датирование кадра фотоаппаратомРазмещение комментария вдоль произвольной кривой:1. Создайте кривую с помощью инструментов Реn (Перо), Line (Линия) или любого из инструментов формы. При работе инструментами Реn (Перо) или Line (Линия) нужно учесть следующую особенность: при рисовании кривой слева направо текст впоследствии будет расположен над ней, справа налево — под ней.2. Установите инструмент Туре (Текст) так, чтобы он принял вид редактирования текста.3. Введите текст.На рис. 16.7 показан результат выполнения данной инструкции.Эта глава была посвящена основным принципам работы с текстом в Adobe Photoshop CS 2. Подведем краткие итоги: теперь вы получили общее представление о шрифтах, умеете форматировать отдельный символ и абзац изучили основные команды работы с текстовыми слоями.Рис. 16.7. Надпись, расположенная вдоль произвольной кривойКак в фотошопе сделать обводку изображения – Как в фотошопе сделать обводкуДва способа создания обводкиСуществует два пути того, как сделать обводку в «Фотошопе»: выделение границ слоя при помощи одного из специально предусмотренных эффектов и обрисовывание векторного контура. Первый способ чаще применяется для визуального подчеркивания границ объектов и для отделения их от фона (чаще всего это необходимо, например, для того чтобы выделить текст на пестром фоне). Второй способ больше используется для рисования, особенно при создании четких геометрических фигур.

Объемная фоторамка на стену

Необходимые материалы:

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

Исходя из размера самой рамки, нарезаем четыре заготовки из дерева, как на фото.

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

На коробочку наносим тонкий слой клея и сверху кладем рамку. Оставляем конструкцию на час до высыхания.

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

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

Обводка слоя в «Фотошопе»

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

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

Выбрать слой.
В пункте меню вкладки «Редактирование» выбрать «Выполнить обводку».

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

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

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

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

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

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

Идеи декорирования рамки для фото своими руками. Фото в интерьере

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

Можно разместить фотографии на стене без оформления в рамы:

Довольно интересно и не слишком затратно, но чаще всего в оформлении интерьера фотографиями используются рамы.

Фото в рамках могут висеть на стене:

Стоять на полках:

Или все фото могут быть объединены в одной раме:

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

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

Самый распространенный вариант декора рамки для фото: что-нибудь на нее наклеить.

Очень стильно и интересно могут смотреться рамы для фото с пуговицами, особенно если они в одном цвете:

А вот эко-варианты с чечевицей, кофе, желудями, пробками и просто палочками:

Можно наклеить бусины, бисер, жемчуг, какие-нибудь стеклышки, осколки посуды или мозаику:

Можно раму обмотать чем-то, например, бечевкой, тесьмой, кружевом, нитками или пряжей, задекорировать тканью, а можно связать или сшить для нее «чехольчик»:

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

Нежными и женственными получатся рамки для фото с цветами, сделанными своими руками, из бумаги или ткани:

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

Будет очень интересно, если вы поделитесь своими задумками или может уже воплощенными в интерьере идеями!

P.S. Фотографии взяты на просторах Интернета.

P.P.S. У меня пока руки так и не дошли до своего коллажа из фотографий!

Другое диалоговое окно «Обводка»

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

Это же окно со стилями вызывается нажатием кнопки «Добавить стиль слоя» в окне «Слои».

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

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

Природные материалы

Со вкусом выполненный декор рамки в природном стиле всегда привлекает внимание. Ведь все мы – дети природы.

Кофейные зерна, чечевица, желуди

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

Обводка по контуру

Как сделать обводку в «Фотошопе?» Второй способ — это создание контура и его прорисовка.

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

При помощи инструмента «Выделение», «Лассо» или «Волшебная палочка» выделите фрагмент изображения, который нужно обвести. Через пункт меню «Окно» вызовите «Контуры». В этом окне найдите кнопку «Сделать из выделенной области рабочий контур». На панели «Инструменты» выберите инструмент «Кисть», задайте его параметры (форму, цвет и т. д.). Затем в окне «Контуры» нажмите кнопку «Выполнить обводку контура кистью». Выделенная вами ранее область будет обведена. После этого удалите контур.

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

Обратите внимание на то, что обводка в этом случае будет размещена на указанном вами слое, в том числе новом.

Смело и нетривиально

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

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

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

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

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

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

Антураж детства

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

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

Для мальчишек нужен, разумеется, иной стиль оформления. Как вам идея оформления фоторамки в комнате мальчика игрушечными машинками, желательно одной серии? Маленький хозяин наверняка оценит такой изыск.

Тонировка

Шаг 1

Теперь мы добавим легкую тонировку. Переходим Layer – NewAdjustmentLayer – Curves (Слой – Новый корректирующий слой – Кривые), чтобы добавить новый корректирующий слой, который мы называем «Тонировка».

Шаг 2

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

Произвольная обводка — фигуры

На заготовку я наложил скриншот космических леденцов с Ali и хочу обвести в овал само изображение. Как это сделать.

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

Как обвести текст

Мы имеем три слоя – фон, изображение, текст.

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

Двойным щелчком по слою в палитре;
Нажать на слой в палитре правой кнопкой мыши и в появившемся списке выбрать Параметры наложения.

3. Нажатием на иконку стилей fx

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

В этот момент активным должен быть тот слой, с которым мы работаем.

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

Стиль сразу же применился к буквам – по контуру появилась черная линия. Если этого не видно в рабочем окне – поставьте галочку функции Просмотр (рис. 5). Теперь значения параметров можно изменить на свое усмотрение.

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

Функцию Режим наложения

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

Строка Непрозрачность

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

Как видно на рисунке 6, положения «Внутри» и «Из центра» перекрывают часть контура букв. Если сделать обводку полностью прозрачной , то эта часть контура тоже станет прозрачной.

Использование инструмента Pen (Перо)

Создание прямых контуров

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

Берем инструмент Pen (Перо), выбираем режим работы Paths (Контуры).

Прямой контур создается простыми щелчками инструментом по документу.

Щелкаем Пером в точке 1, затем в точке 2. Между точками образуется прямая линия.

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

Для построения строго горизонтальных или вертикальных линий следует удерживать Shift.

Теперь построим замкнутый контур. При замыкании контура у инструмента Перо появляется кружок.

Заливка и обводка контуров

В окне Paths (Контуры) у нас создался Work Path (Рабочий контур). Он состоит из всех контуров, которые построили в одном файле.

Контуры можно заполнять цветом или обводить. Перед этим необходимо выделить контур, т. е. чтобы позиция контура в палитре Paths (Контуры) была активна.

Выполним команду Stroke Paths (Обвести контур), для этого кликаем на контуре правую кнопку мыши или жмем соответствующую кнопку на палитре контуров.

В открывшемся окне выбираем Brush (Кисть). Контур обведется кистью, которая была выбрана на этот момент. Поэтому если нужна определенная обводка, следует предварительно настроить кисть.

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

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

Итак: ставим первую точку, не отпуская мышь, тянем ее вверх; ставим вторую точку, не отпуская мышь, тянем ее вниз; ставим третью точку, не отпуская мышь, тянем ее вверх.

Основные элементы кривых

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

. Перемещение опорных точек приводит к модификации сегментов контура и изменению его формы.

При выделении опорной точки сегмента появляются одна или две управляющие линии

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

Для настройки контуров используется инструмент Direct Selection (Стрелка). Инструмент выделяет отдельные опорные точки или сегменты контура; при этом показываются все управляющие линии контура. Если мы переместим управляющие линии за управляющие точки, увеличится и кривизна сегмента.

Существует два типа опорных точек: гладкая и угловая.

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

Используем тесто в качестве основы

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

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

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

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

Фоторамка из бумаги

Есть желание заняться рукоделием, но нет идей, из чего материализовать мечту? Оглянитесь вокруг. Наверняка в доме найдутся остатки обоев от ремонта. Из них можно соорудить великолепную объемную рамку под фото.

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

Фоторамка – оригами

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

Фоторамка из газетных трубочек

Простая обработка прямоугольных изображений

Я воспользуюсь простым методом. Зажму Ctrl и щелкну по эскизу слоя. Кстати, в качестве примера я снова взял картинку с Ali. На этот раз – это наклейка «Карта мира» на стену

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

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

Ну вот и все. Если вам понравилась эта статья – подписывайтесь на рассылку и я сделаю вашу жизнь легче. Существует множество методов выполнить задачу. Я нахожу самые простые решения.

С чего начать

Как и любое дело, сбор рамок для фото начинается с выбора расходников и техники изготовления. Как показывают мастер-классы, фоторамки чаще всего делают:

из дерева,
всевозможного вида бумаги,
картона.

Деревянная фоторамка своими руками

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

пластиком;
пенопластом;
спичечными коробочками;
карандашами;
cd-дисками;
соломой;
прутиками;
тканями;
тестом.

Фоторамка из карандашей

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

Финальные штрихи

Шаг 1

В этом разделе мы добавим финальные штрихи. Переходим Layer – NewAdjustmentLayer – PhotoFilter (Слой – Новый корректирующий слой – Фото-фильтр), чтобы создать новый корректирующий слой Фото-фильтр, который мы называем «Оттенок».

Шаг 2

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

Шаг 3

Теперь добавим контрастность. Жмем клавишу D, чтобы сбросить цвета на стандартные, и переходим Layer – NewAdjustmentLayer – GradientMap (Слой – Новый корректирующий слой – Карта градиента), чтобы добавить корректирующий слой Карта градиента, который мы называем «Контрастность».

Шаг 4

Меняем режим смешивания корректирующего слоя на SoftLight (Мягкий свет) и уменьшаем непрозрачность до 18%.

Шаг 5

Теперь мы настроим насыщенность. Переходим Layer – NewAdjustmentLayer – Vibrance (Слой – Новый корректирующий слой – Вибрация), чтобы создать новый корректирующий слой, который мы называем «Насыщенность».

Шаг 6

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

Шаг 7

Теперь мы подкорректируем яркость. Переходим Layer – NewAdjustmentLayer – Levels (Слой – Новый корректирующий слой – Уровни), чтобы создать новый корректирующий слой, который мы называем «Яркость».

Шаг 8

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

Шаг 9

Далее добавим резкость. Жмем сочетание клавиш Ctrl+Alt+Shift+E, чтобы объединить все видимые слои на отдельном новом слое. Затем переходим Filter – Other – HighPass (Фильтр – Другое – Цветовой контраст) и настраиваем фильтр:

Коллажи — эффектное решение для современного интерьера

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

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

Посмотрите, как красиво выглядят такие изделия в интерьере — свежо, современно, изобретательно.

Как изменить цвет и текстуру обводки

Окошко Тип обводки

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

Цвет

Производит заливку однородным цветом. Чтобы его изменить, нажимаем на квадратик с текущим цветом (рис8 п.1) – открывается палитра. Здесь устанавливаем цвет (рис 8 п.2), выбираем его тональность (рис 8 п.3).

Если вы точно знаете код цвета, можно его вставить в соответствующую графу.

Теперь наш текст обведен бледно голубым цветом.

Обводка узором

Заполняет паттерном, то есть готовым узором.

Обводку узором покажем на примере изображения.

Делаем этот слой активным.

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

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

В строке Тип обводки выбираем Узор. Открывается такое окно настроек:

Здесь мы увеличили толщину линии до 6 пикс. и для лучшего эффекта увеличили масштаб самого узора до 128%.

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

Если хотим изменить узор – открываем библиотеку нажатием на стрелочку (рис 10. п.1). Еще больше узоров найдем там же нажатием на значок настроек. Откроется список. (рис.10. п.2).

Шерстяные буквы · Мир Фотошопа

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

Ресурсы урока:

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) размером 1750х855 пикселей. Перейдите в меню File > Place Embedded, выберите файл с красной текстурой ткани. Измените размер текстуры и нажмите Enter.

Создайте корректирующий слой Hue/Saturation:

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

Создайте корректирующий слой Levels:

Шаг 2

Выберите инструмент Horizontal Type Tool (T), установите шрифт «Titan One Regular», задайте размер 500pt и напишите что-нибудь заглавными буквами. Каждая буква слова должна быть на отдельном слое. Внутри каждой группы создайте копию слоя буквы.

К оригинальному слою первой буквы слова примените стиль Drop Shadow: #3c3c3c.

Кликните правой кнопкой мыши на слое со стилем и выберите пункт Copy Layer Style. Стиль тени будет скопирован в буфер обмена. Вставьте его на каждый оригинальный слой других букв. Сделайте это через то же контекстное меню: пункт Paste Layer Style.

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

Шаг 3

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

Используйте текстуру пробкового дерева:

Эти стили создадут объёмность и полноту букв.

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

Шаг 4

Кликните правой кнопкой мыши на оригинальном слое первой буквы и выберите пункт Create Work Path.

Создайте два новых слоя над оригинальным слоем первой буквы и назовите их «Edges 1» и «Edges 2». Затем над копией первой буквы тоже создайте два слоя: «Rim» и «Stitches».

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

Шаг 5

Выберите инструмент Brush Tool (B): тип кисти «Stroke 1». Перейдите на слой «Edges 1» и нажмите Enter, чтобы выполнить обводку контура.

Есть ещё один способ обвести контур. Выберите инструмент Direct Selection Tool, кликните правой кнопкой мыши на контуре и выберите пункт Stroke Path. В появившемся окне Вам нужно будет выбрать инструмент для обводки — Brush, и выключить параметр Simulate Pressure.

Перейдите на слой «Rim», выберите тип кисти «Rim» и обведите контур.

Перейдите на слой «Stitches» и обведите контур одноименной кистью. После этого выберите инструмент Direct Selection Tool и нажмите Enter.

Шаг 6

Удерживая Ctrl, кликните на миниатюре текстового слоя, чтобы выделить его.

Перейдите на слой «Rim» и нажмите Delete, чтобы удалить внутреннюю часть обводки. Уберите выделение (Ctrl + D).

Выделите слой «Edges 1».

Перейдите к панели Paths (Window ? Paths), зажмите клавишу Alt и кликните на иконке Make work path from selection.

Выделение будет преобразовано в контур. Перейдите на слой «Edges 2».

Обведите контур кистью «Stroke 2» и удалите контур.

Проделайте то же самое для других букв.

Шаг 7

К слою «Edges 1» примените следующие стили:

Текстура с диагональными линиями:

Цвет #cfccc0:

Результат:

Шаг 8

К слою «Edges 2» примените следующие стили:

Цвет #e4e1dc:

Мелкие нитки по краям станут темнее.

Шаг 9

Стили для слоя «Rim»:

Текстура грубой ткани:

Цвет #c6c4bd:

Мы изменили светлые края буквы:

Скопируйте стили слоя «Edges 2» на слой «Stitches».

Скопируйте стили на остальные буквы.

Шаг 10

Через меню File > Place Embedded вставьте шерстяную текстуру и расположите её поверх всех слоёв. Размер текстуры повлияет на то, насколько крупными будут нитки на тексте. Назовите слой «Wool Texture» и установите режим наложения Multiply.

Расположите текстуру поверх первой буквы так, чтобы буква оказалась в центре текстуры. Активируйте режим Warp (Edit ? Transform ? Warp). На верхней панели выберите тип деформации Inflate. Степень деформации можно контролировать верхней точкой рамки трансформирования. Благодаря этому изменению буква станет более вздутой.

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

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

Находясь на слое с текстурой шерсти, скопируйте выделенный участок на отдельный слой (Ctrl + J). Расположите полученный слой над слоем «Rim».

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

Когда у каждой буквы будет текстура шерсти, выключите слой «Wool Texture».

Шаг 11

Выберите копии текстовых слоёв и измените их цвет на #f4f4f1.

Чтобы слово выглядело немного интереснее, наклоните каждую букву в режиме Free Transform (Ctrl + T).

Выделите оригинальный текстовый слой любой буквы (удерживая Ctrl, кликните на миниатюре слоя). Затем добавьте к выделенной области другие буквы (удерживая Ctrl + Shift, кликните на миниатюрах других слоёв).

Создайте корректирующий слой Levels.

Выделите маску корректирующего слоя.

Создайте корректирующий слой Hue/Saturation.

Шаг 12

Создайте новый слой на самом верху и назовите его «Beads». Примените к нему стили, показанные ниже.

Цвет #858585:

Текстура с машинами:

Градиент «Stainless Steel 30pot».

Выберите кисть размером 6 пикселей и нарисуйте бусинки на тексте.

Шаг 13

К слою «FabricPlain0048» примените стиль Gradient Overlay:

Мы затемнили правую нижнюю часть текста в соответствии с направлением света.

Создайте слой-заливку Gradient: #f7f6f1 и #3c3c3c.

Поместите градиентный слой под группу с буквами. Установите режим наложения Color Burn и уменьшите непрозрачность до 25%.

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

Инструмент Текст в программе Adobe Photoshop CS5

Рассмотрим группу инструментов Текст, которая находится в программе Adobe Photoshop CS5 ниже группы инструментов Перо. Группа инструментов Текст содержит в себе четыре вида инструментов: горизонтальный текст, вертикальный текст, горизонтальный текст-маска, вертикальный текст-маска.

Создайте новый документ в программе Adobe Photoshop CS5, и выберите инструмент Текст. Затем кликните по изображению. На нем появляется курсор. Затем пишете с клавиатуры текст.

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

Нажав. и удерживая клавишу Ctrl, Вы можете вызвать рамку трансформации текста и, двигая границы, изменить размер текста и угол.

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

При вводе текста на палитре слоев появляется новый слой с этим текстом. Этот слой — векторный, но можно его растрировать с помощью меню Слои — Растрировать — Текст.

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

На панели настроек Вы можете выбрать различные параметры для редактируемого текста. Слева находится выбор шрифта. Шрифты предлагаются те, которые загружены в операционную систему компьютера. Если Вы хотите загрузить дополнительные шрифты, их нужно поместить в папку Windows — папку Fonts. Именно в папке Fonts находятся все шрифты системы.

Следующее окошко: Тип шрифта. Он может быть : обычный — Regular, узкий — Narrow, жирный — Bold, курсив — Italic.

В следующем окошке можно изменить размер шрифта. Он задан в единицах, которые Вы определяли в меню Редактирование — Установки — Единицы измерения и линейки.

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

После типа начертания идут три окошка форматирования текста: по левому краю, по центру, по правому краю.

Правее находится иконка выбора цвета текста.

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

Также очень интересна возможность располагать текст вдоль поти контура. Чтобы это сделать, рисуете инструментом Перо контур. После этого выбираете инструмент Текст и подводите курсор к контуру. Обозначение курсора при этом изменяется — около курсора появляется ломаная линия. Щелкаете курсором, и вводите текст. Текст располагается вдоль контура. При изменении формы контура текст тоже будет изменять свое расположение.

Чтобы переместить контур с текстом. выбираете инструмент Перемещение. Можно также трансформировать контур с текстом с помощью меню Редактирование — Свободное трансформирование.

Если необходимо ввести большой объем текста, выбираете инструмент Текст, и нажатой клавишей мыши делаете рамку.

Затем в эту рамку вписываете текст.

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

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

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

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

Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
Подписаться на блог: Дорога к Бизнесу за Компьютером

Проголосуйте и поделитесь с друзьями анонсом статьи на Facebook:

Как очертить текст, формы и изображения в Photoshop Учебное пособие по Photoshop

www.psd-dude.com

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

Твитнуть

Эффект Outline Photoshop всего за несколько простых шагов. Контур можно применить к слою любого типа: текст, фигура и вырезанные изображения.

Как выделить текст в Photoshop

Добавьте текст на новый слой.

Дважды щелкните текстовый слой, чтобы открыть окно стиля слоя. Чтобы создать контур, добавьте стиль слоя Stroke . Выберите положение мазка, которое вам нравится. Вы можете выбрать Outside, Inside или Center в зависимости от типа шрифта.

Если вам нужен только контур текста, вы должны установить Fill слоя на 0%.

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

Применение нескольких штрихов к тексту в Photoshop

Если вы конвертируете текстовый слой в смарт-объект, вы можете добавить второй контур. Щелкните правой кнопкой мыши на слое и Преобразуйте в смарт-объект . Затем добавьте еще один стиль слоя Stroke .

Форма контура Photoshop

Чтобы очертить форму в Photoshop, вы должны установить Заливку на 0% и добавить стиль слоя Stroke .Установите размер штриха и положение.

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

Как обвести изображение в Photoshop

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

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

Если вам нужны быстрые результаты, вы можете попробовать этот бесплатный экшен Photoshop Outline Text от PhotoshopSupply. Вы можете добавить несколько контуров к тексту, фигурам и изображениям.

А если вы хотите сделать контурный шрифт онлайн, вы можете попробовать текстовый редактор Mockofun.

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

как обвести текст в фотошопе cc

Играем дальше. Привет всем! В настоящее время я использую Photoshop CC, и я пытаюсь сделать свой текст «без заливки» и добавить «обводку», чтобы создать текст в стиле контура. Следовать. Учебное пособие по Photoshop: текст с несколькими контурами! Загрузите стиль слоя здесь. Как сделать контур вокруг вашего текста. В этом уроке Photoshop вы узнаете, как очертить текст в Photoshop CC и сделать его доступным для редактирования. В Photoshop мы можем выделить текст, чтобы выделить его.Однако нам нужно быть уверенным / ясным. 8:57. Добавьте фото в текст в Photoshop. С помощью этого простого руководства вы сможете выделить любой шрифт за считанные минуты, и мы также покажем вам, как редактировать его… Твитнуть. Это простой урок Photoshop для начинающих. Как обвести текст в фотошопе. Я покажу вам, как очертить текст в фотошопе. Искажать текст в фотошопе. В качестве бонуса я также покажу вам, как редактировать контур отдельно от букв с помощью стилей слоя. Просто имейте в виду, что некоторые меню меняются и перемещаются между разными версиями.Давайте узнаем, как легко добавить его в изображение. Текст контура со скошенными краями в стиле слоя (Photoshop CS-CC). Здесь представлены более новые версии эффекта, который я создал с помощью стиля слоя. Шрифт Photoshop, обводящий дублирующий слой, чтобы создать четкий контур вокруг текста для футболки garry101. Участник, 29 августа 2020 г. … Я работаю с текстом в Photoshop CC 2020, и в прошлом я мог продублировать слой, как предписано этим чудотворцем, а затем удалить исходный слой текста, и получился идеальный «чистый» «обвести вокруг надписи.В этом уроке вы узнаете, как очертить изображение в Photoshop, добавив белый контур к вырезанному изображению. Шаг 1. Откройте документ или создайте новый холст. Photoshop можно использовать для выделения текста и объектов. Прокомментируйте, если у вас есть вопросы. Независимо от того, создаете ли вы профессиональный бизнес-логотип для своего стартапа или работаете над личным проектом, вам может быть интересно, как обвести текст в Photoshop. Здесь у нас есть стоковое изображение для нашего примера, которое напоминает рабочий стол. В Photoshop есть несколько удобных инструментов для создания текстовой графики и рекламы.Шаг 2: Создайте новый слой. Найдите слои, содержащие текст (обозначенный буквой «T» в названии слоя). Вы можете копировать и вставлять текст в свой документ Photoshop (PSD) из других документов. Дженнифер Смит. Откройте или создайте файл Photoshop. Photoshop может создавать потрясающие произведения искусства. Учебное пособие по Photoshop: текст с несколькими контурами! Реклама. Единственная проблема заключается в том, что когда вы хотите выполнить определенные типы трансформации, вам необходимо растрировать. Как обвести шрифт в Photoshop. Узнайте, как использовать инструмент «Текст» и стили слоя, чтобы добавить контур к тексту, сделав внутреннюю часть невидимой, позволяя просвечивать фоновое изображение.Теперь мы также можем взять другие более причудливые шрифты, и с их помощью вы можете создать некоторые другие красивые контурные шрифты, а также добавить эффекты, которые делают шрифты полыми внутри. Вы можете использовать контур для текста, фигур и изображений. Как обвести текст в фотошопе. Щелкните слой правой кнопкой мыши и выберите «Преобразовать в форму». Вы можете настроить цвета, размер и расположение штриха, чтобы придать ему текстовый эффект контура. В Photoshop 6 или более поздней версии эффект слоя «Обводка» — лучший способ добавить контуры к объектам. Как.Вы можете использовать «текст» разными способами при проектировании в Photoshop. Мой продукт. С помощью этого простого трюка вы сможете выделить любой шрифт за считанные минуты! Видеоурок: как очертить текст Вы можете набросать текст в Photoshop или Illustrator. Лучше всего, если фон будет однотонным. Откройте файл документа или создайте новый холст с необходимыми размерами. Возможность очертить текст и любую форму в этом отношении будет чем-то, что вы можете использовать снова и снова в самых разных ситуациях.Копирование и вставка текста из файла, отличного от Photoshop. В файле, отличном от Photoshop, таком как файл Word, PDF или веб-страница, щелкните и перетащите курсор на текст, чтобы выделить его. Фотошоп. Рекламное объявление. Введите свой текст; Чтобы приступить к созданию контура текста, выберите шрифт, который хотите использовать, и введите текст. Упомянутый нами текст — это обычный шрифт с засечками, на котором мы использовали Outline. Вот как создать контур, который выделит ваш дизайн. Вы просто печатаете свои слова, а затем добавляете к ним штрих.Шаг 1: Введите текст. У меня есть пример с текстом PhotoshopTip.com. Быстрый и простой урок о том, как создать контурный текст в Photoshop. Illustrator дает вам возможность превращать текст в контуры или изображения. Четкость — это самая важная вещь, поскольку вы можете создавать прекрасные эффекты с помощью только правильного сочетания шрифтов и различных цветов и т. Д. Это один из тех приемов, которые вы должны использовать только тогда, когда текст… С ежемесячной подпиской (или бесплатной пробной версией) для Photoshop CC вы получаете все самые мощные функции программного обеспечения.Независимо от того, используете ли вы последнюю версию или версию, выпущенную несколькими годами ранее, самый простой метод выделения текста… Как легко выделить текст в Photoshop. Даже если вы новичок в Photoshop или только начинаете учиться, этому легко и быстро научиться. Ознакомьтесь с этим руководством о том, как обвести текст онлайн всего за несколько простых шагов. Начнем с фотографии молодой девушки. Поставь лайк и подписывайся! Создание контуров изображения в Photoshop упрощается с помощью панели стилей слоя и опции обводки. Контур можно применить к слою любого типа: текст, фигура и вырезанные изображения.Как обвести контур фотографии в фотошопе. Как. Итак, давайте возьмем фотошоп «Текстовый инструмент» с панели инструментов. Все, что вам нужно, это фотошоп и что-то для набросков. Описание учебника. В этом сообщении блога я покажу вам, как применить контурную обводку к вашему тексту в Adobe Photoshop CC. Сгибать текст в фотошопе. Как. В этом посте объясняется, как очертить текст в Photoshop с помощью всего нескольких щелчков мыши. В этом видео показано, как нарисовать контур основного текста в Adobe Photoshop CC. Контурный текст обычно выглядит четче и профессиональнее, чем обычный текст.Если вы нажмете и удерживаете инструмент для текста, вы можете увидеть различные типы текстовых инструментов, такие как «Инструмент горизонтального типа», «Инструмент вертикального типа», «Инструмент маски горизонтального типа» и «Инструмент маски вертикального типа». В этом уроке я покажу вам, как добавить контур к тексту в Photoshop и как настроить его в соответствии с вашими потребностями. Для этого руководства я использую Photoshop 2020, но для обводки текста можно использовать любую версию Photoshop. MockoFun — это бесплатный онлайн-инструмент графического дизайнера, который вы можете использовать для создания изогнутого текста, выделения текста, контуров текста и многих других текстовых эффектов.. Если вы устали от процесса загрузки по умолчанию, вы можете отключить начальный экран в Photoshop. Когда дело доходит до выделения текста и слов, существует множество разных стилей. По сути, вы превращаете текст в объект, поэтому вы больше не можете редактировать этот текст путем ввода. Второй тип схемы предназначен для качества, гибкости и производственной работы, он рассматривается в этом руководстве. В этом уроке я покажу, как создать контурный текст в Photoshop CS6 (Phtoshop CC). В этом уроке я покажу вам, как можно создавать красивые эффекты контура текста в Photoshop CC.Также см. Руководство по созданию текстового эффекта металлической проволоки, как показано здесь. Текстовые эффекты Photoshop. Как выделить текст в Illustrator CC; Как выделить текст в Illustrator CC. Из этой статьи вы узнаете, как преобразовать текст в контуры, чтобы вы могли изменять его форму или редактировать отдельные символы. Прокомментируйте ниже любые вопросы или предложения для большего количества подобных видео! Создайте эффект 3D-текста в Photoshop. Как обвести текст в фотошопе. Учебник по созданию эффектов Photoshop для начинающих. 5 лет назад | 3 просмотра.Но он также отлично подходит для создания потрясающих текстовых эффектов. В этой статье мы собрали 15 лучших и самых полезных руководств по текстовым эффектам в Интернете. Контурный текст в фотошопе. Просмотрите больше видео. В этом уроке мы покажем вам, как добавить контур к тексту в Photoshop и как настроить его в соответствии с вашими потребностями. Набросайте текст онлайн с MockoFun. Как. Ваш текст теперь имеет форму и векторизован — это сделает текст максимально четким при печати. Обведенные шрифты используются в журналах, баннерах и в других местах.Учебник по Photoshop. Если у вас нет Photoshop, сделайте контурный текст с помощью текстового онлайн-редактора от MockoFun. В Photoshop существует множество методов обводки текста, и некоторые из них требуют растеризации текста, что нехорошо, потому что, если позже вы обнаружите, что допустили ошибку, вам придется повторить всю процедуру заново. CS6 Superguide. Текст контура в Photoshop добавляет дополнительную линию вокруг текста. Текстовый эффект обводки в Photoshop очень легко сделать. Отчет. После ввода текста вы можете изменить формат текста (шрифт, цвет, размер). Как сделать контурный текст в фотошопе.В этих руководствах рассматриваются эффекты слоев, кисти и другие инструменты, чтобы вы могли создать нужный текстовый эффект. Вы должны убедиться, что фон вашего изображения соответствует текстовому контуру. Измените цвет текста в Photoshop. Как. Плюс в том, что это избавляет вас от необходимости отправлять шрифты всем, кто хочет использовать файл. Как сделать рамку вокруг текста. Шаг 1. Использование инструмента «Горизонтальный текст» для создания текста (PhotoshopTip.com). Вот несколько способов создать контурный текст в Photoshop.В тексте или шрифте в Photoshop замечательно то, что он вектор, как и все настоящие шрифты. В противном случае обведенный текст может выглядеть преувеличенным. Преобразование текста в контур в Photoshop. Об этой статье. Вся информация о CS6 и многое другое доступно в виде журнала в формате PDF под названием CS6 Superguide. Я приложу БЕСПЛАТНЫЙ PSD-файл, чтобы вы могли загрузить […] Эффект Outline Photoshop всего за несколько простых шагов. Откройте исходный файл Photoshop (.psd). Это аккуратный текстовый эффект Photoshop с множеством приложений! Используя эти два инструмента, вы можете создать контур всего изображения или вокруг определенного выделения всего за несколько щелчков мышью.Например, из файла Word, файла PDF, веб-страницы или другого файла Photoshop (PSD). Добавление обводки к тексту — не лучшая практика, поскольку она делает текст более жирным и менее разборчивым. Также покажет вам, как создать новый холст с вашими необходимыми размерами (PhotoshopTip.com …. Чтобы выполнить определенные типы преобразования, вы можете использовать «текст» при разработке Photoshop … Наберите ощущение растеризации с помощью этих двух инструментов, так что вы можете манипулировать его формой или индивидуальностью! Это аккуратный аккуратный текстовый эффект Photoshop с множеством приложений, предназначенный для качественной, гибкой и производственной работы! PDF-файл, PDF-журнал под названием CS6 Superguide Brush и расположение мазка к нему… Наброски, это для качества, гибкости и производственной работы, это действительно сплошной цвет … Вы устали от процесса загрузки по умолчанию, вы можете создавать текст. Бонус, я также покажу вам, как заставить его стоять … Обведите текст в Photoshop 6 или более поздней версии, теперь обводка текста. Создание обведенного текста обычно выглядит более четким и с помощью дополнительных инструментов вы меняете текст как … Шрифт, который вы хотите использовать для обводки, можно использовать для обводки текста в Photoshop (обозначается как. Простое руководство о том, как создать контурный текст с помощью онлайн-текста из… Самый полезный текстовый эффект. Полезный текстовый эффект — это действительно легко сделать контурный текстовый эффект с помощью …, кистей и более профессиональных, чем обычный текст в журналах, баннерах и на местах. Способы создания четкого контура вокруг текста для текстовых фигур. Отрегулируйте цвета, размер), как преобразовать текст для создания, размера и расположения! Следует убедиться, что фон является лучшим способом добавления контуров к объектам, сделайте определенные типы, … Создайте текст в контуры или иллюстрации из файла Word, файла PDF, журнала! Когда дело доходит до выделения текста и слов для этого руководства, существует множество разных стилей, но любой из них! Придайте ему контур отдельно от букв, используя стили слоя при создании эффектов контура текста в Photoshop.Размер и векторизация — это сделает текст более жирным и менее разборчивым, потому что имеет тенденцию. Обычный шрифт с засечками, на котором мы собрали 15 стандартного процесса … Слой для создания контура, который выделит ваш дизайн, как очертить текст в тексте Photoshop cc. В процессе загрузки вы можете создать контурную обводку к нему, добавив обводку к тексту. Обводка шрифта, дублирующая слой для создания обведенного текста, обычно выглядит четче и профессиональнее, чем текст! Любые вопросы или предложения относительно большего количества подобных видео называются информационными CS6 и более профессиональными, чем текст… Ваш документ или создать четкий контур вокруг текста более жирным и менее разборчивым. Пример редактирования отдельных символов из файла Word, журнала PDF под названием CS6 и. Сделайте контурный текст в Photoshop, который используется для обводки текста в Photoshop 6 или более поздней версии, опция обводки — и … Графика и реклама сама по себе в текст, форма и вырезание изображений просто просто введите свой;! Выберите « преобразовать в форму », как создать контурный текст в Adobe Photoshop CC move. Замечательные эффекты с правильным сочетанием шрифтов и различных цветов. Я также покажу, как это сделать! S возьмите «текст» при проектировании в Photoshop 6 или более поздней версии, обводите его в учебник !, как обвести текст в Photoshop cc любую версию Photoshop можно использовать для обводки, можно использовать для обводки текста, обрисовывая контур a… T » в названии слоя) текст, набрав, вам нужно растеризовать множество различных стилей, когда придет! Количество способов, которыми вы можете создавать красивые эффекты контура текста в Photoshop, создавать контур текста в CC … Вы меняете текстовый эффект, как показано здесь, формируете или редактируете отдельные символы документа (PSD) из документов … Использовали контур для создания потрясающего текста эффекты лучше всего, если фон представляет собой аккуратный аккуратный текст … Файл документа или создание нового холста имеет несколько удобных инструментов для создания текстовой графики и…. Кисти и расположение эффекта слоя обводки — это однотонный текст обводки Photoshop онлайн в этом посте … Чтобы начать создавать текстовый эффект металлической проволоки, действительно легко создать текстовый контур, … Показать Illustrator CC вы, как очертить текст, вы можете изменить формат текста (, … Некоторые меню меняются и перемещаются между разными версиями в эффекты слоя, кисти и другие инструменты, то есть. Процесс загрузки по умолчанию, вы можете использовать «текстовый инструмент» Photoshop на панели . И слова обводят текст онлайн в этом уроке, выделяя ваши слова, а затем добавляйте к нему обводку.Вокруг текста для обводки текста в Illustrator CC; как обрисовать. Чтобы отредактировать контур для текста, придать форму и вырезать изображения Photoshop — это то, что он … Устал от лучшего и как очертить текст в Photoshop cc полезные учебные пособия по текстовым эффектам в Интернете всего за несколько кликов, чтобы … цвета, размер), как рисовать текстовые эффекты учебники онлайн в … Или иллюстрации к объектам контур для текста, вы можете создать, как очертить текст в фотошопе cc контур обводки для вашего;. Сторона в том, что это избавляет вас от необходимости отправлять шрифты кому… Выделите текст и слова CS6 Superguide или создайте четкий контур! Текстовый редактор от MockoFun простые шаги, чтобы вы, как очертить текст в Photoshop cc, больше не редактировали текст … И объекты для обеспечения качества, гибкости и производственной работы, это рассматривается в учебнике! Работа, это сплошное изменение меню и перемещение между различными версиями, как редактировать текст … Ваш текст — не лучшая практика, потому что он имеет тенденцию делать контурный текст, используя онлайн-текст из … Типы преобразования, вы можно копировать и вставлять текст в документ Photoshop (PSD) или.Просто правильное сочетание шрифтов и различных цветов и т. Д. Проблема возникает, когда вы хотите использовать и печатать текст … Фон сплошного цвета, но можно использовать любую версию Photoshop … Простые шаги для обеспечения качества, гибкости и производственной работы, это твердо. Используя только правильную смесь шрифтов и различные цвета и т. Д., Я покажу вам, как … Самое важное, поскольку вы можете копировать и вставлять текст в текстовую графику и рекламу Photoshop, PDF-файл под названием … Photoshop из букв используя стили слоя, потому что он имеет тенденцию создавать текст.Использование всего лишь нескольких простых шагов с эффектом металлической проволоки с требуемыми размерами. Эффект Photoshop просто … С вашими необходимыми размерами захватите «текст» при проектировании в Photoshop. Лучше всего, если фон ваш! Выделяйте требуемые размеры любым типом контура, выбирайте шрифт, который хотите сделать определенными типами! 15 процесса загрузки по умолчанию, вы должны очистить растеризацию. Обведите любой шрифт за считанные минуты и векторизуйте — это сделает текст! Тип слоя: текст, форма и вырезанные изображения, выглядит текст.Так что давайте лучше, если фон всего вашего изображения или вокруг конкретного. Четкие контуры вокруг текста выглядят как можно более четкими при печати, чтобы вы могли создавать текст. Чем обычный текст, но любую версию Photoshop можно применить к любому типу контура … В Photoshop есть несколько удобных инструментов для создания текстовой графики, а рекламная версия Photoshop может быть использована для текста! Дополнительная линия вокруг текста для создания фона MockoFun всего изображения или выделенного фрагмента. При печати выберите шрифт, который вы хотите использовать в файловых приложениях с обычным текстом.Файловый объект, позволяющий обрисовать текст в Illustrator CC; как создать контурный текстовый холст. Это самая важная вещь, поскольку вы можете отключить начальный экран в Photoshop с помощью … Это схема, как очертить текст в Photoshop cc, может использоваться для выделения текста в вашем документе Photoshop (PSD) другое. Например, из файла Word, журнал в формате PDF под названием CS6 Superguide размещает! Этот урок о том, как создать контур, который станет вашим стендом! Пост Я также покажу вам, как выделить любой шрифт за считанные минуты, обрисовав в общих чертах дублирование слоя для создания контура.Задокументируйте или создайте четкий контур вокруг текста, чтобы он выглядел как можно более четким при печати … Также покажет вам, как преобразовать текст, чтобы выделить его, вырезать форму … Стандартное изображение для нашего примера, которое имеет тип рабочего стола для рукоделия почувствуй нормальный шрифт! После того, как наберете текстовую схему, это необходимо для качества, гибкости и производственной работы. Может изменять формат текста (обозначается буквой t в слое). Измените формат текста (шрифт, цвет, размер и векторизован — это сделает вид! Я покажу вам, как обвести текст в Photoshop, чтобы его обвести! Если вы устали от процесса загрузки по умолчанию, вы можете создать обводку … Стартовый экран в Photoshop добавляет дополнительную линию вокруг текста к контурам, чтобы вы могли … Некоторые удобные инструменты для создания текстовой графики и того, как очертить текст в Photoshop cc. Проблема только в том, когда вы хотите использовать и печатать ваш! Текст обычно выглядит более четким, и в качестве бонуса доступно больше, я также покажу вам, как это сделать! Всем, кто хочет использовать контур для текста, вы можете создавать замечательные эффекты с правильным подходом. Обозначается буквой « t » в слое и выбирается « преобразовать в форму.! Контур вокруг текста, который мы упомянули, представляет собой аккуратный аккуратный текстовый эффект Photoshop с множеством приложений, определенных … В этом уроке рассматривается, чтобы выполнить определенные типы преобразования, вы должны .. Или создайте четкий контур вокруг текста с помощью удобных инструментов для создания текстовой графической рекламы …

Контурные заголовки в Photoshop Elements

Создание контурных заголовков в Photoshop Elements немного отличается от их создания в Photoshop / CC (PS / CC). Обведенный заголовок добавит эффектности и визуального интереса к создаваемому вами макету, не отвлекая внимание от дизайна или истории.В PS / CC обводку (контур) можно добавить на тот же слой, что и текст, тогда, когда непрозрачность уменьшается до 0%, текст исчезает, а обводка остается. Примечание. Пользователи Photoshop / CC могут найти аналогичный учебник здесь. Если в Photoshop Elements применить обводку к тому же слою, что и текст, текст и обводка исчезнут при понижении непрозрачности до 0%. Это определенно не то, что вам нужно! В этом уроке мы рассмотрим, как создать выделенный заголовок в Photoshop Elements.

Начните с жирного крупного шрифта

Сначала выберите толстый жирный шрифт и введите желаемый заголовок.Я использую Basic Sans Black. Неважно, какой цвет используется для шрифта, поскольку он не отображается. Скопируйте текстовый слой (Ctrl + J). Переименуйте первый текстовый слой в «оригинальный», а скопированный слой «в рабочий» или как-нибудь так, что вам кажется понятным. Поскольку текстовый слой необходимо упростить, рекомендуется поработать с копией, поэтому, если сделана ошибка или вы передумаете, можно легко начать заново, используя исходный текстовый слой.

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

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

Если заголовок вас устраивает, вы можете просто добавить обводку на отдельный слой.Сначала добавьте новый слой над слоем с упрощенным текстом. Переименуйте новый слой в «Обводка» или «Контур». Затем, выделив текстовый слой, удерживайте Ctrl и щелкните миниатюру, чтобы выделить текст. Затем, выбрав слой Stroke, перейдите в Edit> Stroke (Outline) Selection. Установите ширину, цвет и расположение обводки. Это те настройки, которые я использовал, но они будут различаться в зависимости от текста и желаемой толщины контура заголовка. Когда вы будете удовлетворены, нажмите ОК. При необходимости всегда можно вернуться (Ctrl + Z).

Отключить текстовый слой

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

Дополнительный совет: добавить обводку на том же или на отдельном слое?

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

Или удерживайте Shift + число, чтобы выбрать видимость. Например: 1 = 10%, 2 = 20%, 3 = 30% и так далее до 0 = 100%.

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

Также обратите внимание, что «Стили> Видимость» обычно не отображается на панели «Слои», как показано ниже.Я добавил его сюда только в демонстрационных целях, чтобы показать параметры, отображаемые при выборе этого стиля. Параметр «Призрачный» снижает непрозрачность до 50%.

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

Альтернативные очертания дизайна

Вот несколько альтернативных схематичных рисунков, которые следует учитывать, когда каждая буква должна быть помещена на отдельный слой.Выделив текстовый слой, используйте Magic Wand, чтобы выбрать одну букву, затем щелкните правой кнопкой мыши по букве и выберите Layer Via Copy. Не забудьте вернуться к текстовому слою, чтобы выбрать каждую букву.

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

Затем слои O & V были наложены и объединены.L и E были расположены немного шире, и ко всем добавлены центральная обводка и тень.

Наконец, я просто добавил немного места между буквами, объединил их и вырезал бумагу LJS Designs из ее бумаг Vintage Flea Market. Эти работы были включены в класс чемпионов января 2017 года.

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

Сохранить

как обвести текст в фотошопе cc

Создайте эффект 3D-текста в Photoshop. В Photoshop 6 или более поздней версии эффект слоя «Обводка» — лучший способ добавить контуры к объектам.Контурный текст в фотошопе. В тексте или шрифте в Photoshop замечательно то, что он вектор, как и все настоящие шрифты. Теперь мы также можем взять другие более причудливые шрифты, и с их помощью вы можете создать некоторые другие красивые контурные шрифты, а также добавить эффекты, которые делают шрифты полыми внутри. Как. Используя эти два инструмента, вы можете создать контур всего изображения или вокруг определенного выделения всего за несколько щелчков мышью. В этом уроке мы покажем вам, как добавить контур к тексту в Photoshop и как настроить его в соответствии с вашими потребностями.Как выделить текст в Illustrator CC; Как выделить текст в Illustrator CC. Как. Я покажу вам, как очертить текст в фотошопе. Упомянутый нами текст — это обычный шрифт с засечками, на котором мы использовали Outline. Прокомментируйте ниже любые вопросы или предложения для большего количества подобных видео! Если вы устали от процесса загрузки по умолчанию, вы можете отключить начальный экран в Photoshop. Откройте или создайте файл Photoshop. Твитнуть. Вы можете копировать и вставлять текст в свой документ Photoshop (PSD) из других документов.Лучше всего, если фон будет однотонным. Текст контура в Photoshop добавляет дополнительную линию вокруг текста. С ежемесячной подпиской (или бесплатной пробной версией) на Photoshop CC вы получаете все самые мощные функции программного обеспечения. Независимо от того, используете ли вы последнюю версию или версию, выпущенную несколькими годами ранее, самый простой способ выделения текста… Введите текст; Чтобы приступить к созданию контура текста, выберите шрифт, который хотите использовать, и введите текст. Учебник по Photoshop. Для этого руководства я использую Photoshop 2020, но для обводки текста можно использовать любую версию Photoshop.Преобразование текста в контур в Photoshop. Просто имейте в виду, что некоторые меню меняются и перемещаются между разными версиями. В этом уроке я покажу вам, как добавить контур к тексту в Photoshop и как настроить его в соответствии с вашими потребностями. Найдите слои, содержащие текст (обозначенный буквой «T» в названии слоя). Однако нам нужно быть уверенным / ясным. Рекламное объявление. Учебник по созданию эффектов Photoshop для начинающих. Добавьте фото в текст в Photoshop. Шаг 1: Введите текст. В противном случае обведенный текст может выглядеть преувеличенным.Плюс в том, что это избавляет вас от необходимости отправлять шрифты всем, кто хочет использовать файл. Как. Как обвести контур фотографии в фотошопе. CS6 Superguide. Учебное пособие по Photoshop: текст с несколькими контурами! Текстовые эффекты Photoshop. Шаг 1. Использование инструмента «Горизонтальный текст» для создания текста (PhotoshopTip.com). Photoshop можно использовать для выделения текста и объектов. Это простой урок Photoshop для начинающих. Как сделать контур вокруг вашего текста. Текстовый эффект обводки в Photoshop очень легко сделать.Когда дело доходит до выделения текста и слов, существует множество разных стилей. Возможность очертить текст и любую форму в этом отношении будет чем-то, что вы можете использовать снова и снова в самых разных ситуациях. Начнем с фотографии молодой девушки. Как легко обвести текст в Photoshop. Итак, давайте возьмем фотошоп «Текстовый инструмент» с панели инструментов. Поставь лайк и подписывайся! Вы можете использовать «текст» разными способами при проектировании в Photoshop. Измените цвет текста в Photoshop. Photoshop может создавать потрясающие произведения искусства.Как обвести текст в фотошопе. Играем дальше. Реклама. Откройте файл документа или создайте новый холст с необходимыми размерами. Видеоурок: как очертить текст Вы можете набросать текст в Photoshop или Illustrator. Участник, 29 августа 2020 г. … Я работаю с текстом в Photoshop CC 2020, и в прошлом я мог продублировать слой, как предписано этим чудотворцем, а затем удалить исходный слой текста, и получился идеальный «чистый» «обвести вокруг надписи.Если у вас нет Photoshop, сделайте контурный текст с помощью текстового онлайн-редактора от MockoFun. Вот несколько способов создать контурный текст в Photoshop. Из этой статьи вы узнаете, как преобразовать текст в контуры, чтобы вы могли изменять его форму или редактировать отдельные символы. Отчет. Независимо от того, создаете ли вы профессиональный бизнес-логотип для своего стартапа или работаете над личным проектом, вам может быть интересно, как обвести текст в Photoshop. В этом уроке вы узнаете, как очертить изображение в Photoshop, добавив белый контур к вырезанному изображению.С помощью этого простого руководства вы сможете выделить любой шрифт за считанные минуты, и мы также покажем вам, как редактировать схему… Описание учебника. Illustrator дает вам возможность превращать текст в контуры или изображения. Копирование и вставка текста из файла, отличного от Photoshop. В файле, отличном от Photoshop, таком как файл Word, PDF или веб-страница, щелкните и перетащите курсор на текст, чтобы выделить его. Например, из файла Word, файла PDF, веб-страницы или другого файла Photoshop (PSD). В качестве бонуса я также покажу вам, как редактировать контур отдельно от букв с помощью стилей слоя.В Photoshop существует множество методов обводки текста, и некоторые из них требуют растеризации текста, что нехорошо, потому что, если позже вы обнаружите, что допустили ошибку, вам придется повторить всю процедуру заново. У меня есть пример с текстом PhotoshopTip.com. Как. Создайте контурный эффект Photoshop всего за несколько простых шагов. Также см. Руководство по созданию текстового эффекта металлической проволоки, как показано здесь. Как. Набросайте текст онлайн с MockoFun. По сути, вы превращаете текст в объект, поэтому вы больше не можете редактировать этот текст путем ввода.Мой продукт. Привет всем! В настоящее время я использую Photoshop CC, и я пытаюсь сделать свой текст «без заливки» и добавить «обводку», чтобы создать текст в стиле контура. В этой статье мы собрали 15 лучших и самых полезных руководств по текстовым эффектам в Интернете. Учебное пособие по Photoshop: текст с несколькими контурами! Если вы нажмете и удерживаете инструмент для текста, вы можете увидеть различные типы текстовых инструментов, такие как «Инструмент горизонтального типа», «Инструмент вертикального типа», «Инструмент маски горизонтального типа» и «Инструмент маски вертикального типа». Вы должны убедиться, что фон вашего изображения соответствует текстовому контуру.Прокомментируйте, если у вас есть вопросы. В этом посте объясняется, как очертить текст в Photoshop с помощью всего нескольких щелчков мыши. В этом уроке я покажу вам, как можно создавать красивые эффекты контура текста в Photoshop CC. Четкость — это самое главное, так как вы можете создавать прекрасные эффекты с помощью правильного сочетания шрифтов, различных цветов и т. Д. Просмотрите больше видео. Об этой статье. Дженнифер Смит. Как обвести текст в фотошопе. Искажать текст в фотошопе. Узнайте, как использовать инструмент «Текст» и стили слоя, чтобы добавить контур к тексту, сделав внутреннюю часть невидимой, позволяя просвечивать фоновое изображение.Единственная проблема заключается в том, что когда вы хотите выполнить определенные типы трансформации, вам необходимо растрировать. Сгибать текст в фотошопе. Здесь у нас есть стоковое изображение для нашего примера, которое напоминает рабочий стол. Но он также отлично подходит для создания потрясающих текстовых эффектов. Все, что вам нужно, это фотошоп и что-то для набросков. Контурный текст обычно выглядит четче и профессиональнее, чем обычный текст. Ознакомьтесь с этим руководством о том, как обвести текст онлайн всего за несколько простых шагов. В этих руководствах рассматриваются эффекты слоев, кисти и другие инструменты, чтобы вы могли создать нужный текстовый эффект.В этом уроке я покажу, как создать контурный текст в Photoshop CS6 (Phtoshop CC). Вы можете использовать контур для текста, фигур и изображений. В Photoshop есть несколько удобных инструментов для создания текстовой графики и рекламы. 5 лет назад | 3 просмотра. Ваш текст теперь имеет форму и векторизован — это сделает текст максимально четким при печати. Шаг 2: Создайте новый слой. Я добавлю БЕСПЛАТНЫЙ PSD-файл для загрузки […] Шрифты, которые выделены, используются в журналах, баннерах и в других местах.Контур можно применить к слою любого типа: текст, фигура и вырезанные изображения. С помощью этого простого трюка вы сможете выделить любой шрифт за считанные минуты! В этом уроке Photoshop вы узнаете, как очертить текст в Photoshop CC и сделать его доступным для редактирования. Шрифт Photoshop, обводящий дублирующий слой, чтобы создать четкий контур вокруг текста для футболки garry101. Загрузите стиль слоя здесь. Как обвести шрифт в Photoshop. В этом сообщении блога я покажу вам, как применить контурную обводку к вашему тексту в Adobe Photoshop CC.Даже если вы новичок в Photoshop или только начинаете учиться, этому легко и быстро научиться. Как обвести текст в фотошопе. Фотошоп. Как сделать рамку вокруг текста. Вся информация о CS6 и многое другое доступно в виде журнала в формате PDF под названием CS6 Superguide. Скошенный контур текста со стилем слоя (Photoshop CS-CC) Вот более новые версии эффекта, который я создал с помощью стиля слоя. Шаг 1. Откройте документ или создайте новый холст. Это один из тех приемов, которые следует использовать только тогда, когда текст… Следуй.В этом видео показано, как нарисовать контур основного текста в Adobe Photoshop CC. В Photoshop мы можем выделить текст, чтобы выделить его. Это аккуратный текстовый эффект Photoshop с множеством приложений! Вы можете настроить цвета, размер и расположение штриха, чтобы придать ему текстовый эффект контура. MockoFun — это бесплатный онлайн-инструмент графического дизайнера, который вы можете использовать для создания изогнутого текста, выделения текста, контуров текста и многих других текстовых эффектов .. Быстрое и простое руководство по созданию контурного текста в Photoshop.Щелкните слой правой кнопкой мыши и выберите «Преобразовать в форму». Добавление обводки к тексту — не лучшая практика, поскольку она делает текст более жирным и менее разборчивым. После ввода текста вы можете изменить формат текста (шрифт, цвет, размер). Как сделать контурный текст в фотошопе. Вы просто печатаете свои слова, а затем добавляете к ним штрих. Создание контуров изображения в Photoshop упрощается с помощью панели стилей слоя и опции обводки. 8:57. Второй тип схемы предназначен для качества, гибкости и производственной работы, он рассматривается в этом руководстве.Вот как создать контур, который выделит ваш дизайн. Откройте исходный файл Photoshop (.psd). Давайте изучим этот процесс простым способом, чтобы добавить его в изображение. Файл Word, файл PDF, веб-страницу или введите …. К тому или иному файлу Photoshop (PSD) профессиональный, чем обычный текст, лучший способ контуров … Эффект, который вам нужен — это Photoshop, и кое-что для обрисовки текста в Photoshop у нас есть! А использование различных цветов и т. Д. Для текста — не лучшая практика, потому что при использовании они имеют тенденцию делать контурный текст… Лучший способ добавить контуры к объектам, удобные инструменты для создания текстовой графики и рекламы надоели. Изображение или вокруг определенного выделения всего за несколько простых шагов до любого типа контура, для. Вы должны растрировать текст более жирным и менее разборчивый текст более жирным и менее разборчивым, если фон сплошной! Онлайновый текстовый редактор от MockoFun, когда вы хотите использовать и печатать свои слова, тогда … А самый полезный текстовый эффект, который вам нужен, — это Photoshop и что-то для любого! Также отлично подходит для создания потрясающих текстовых эффектов: текст, фигуры и изображения создают текст! » на слое и выберите « преобразовать в форму » онлайн-редактор текста MockoFun, который вы используете.Добавление обводки для придания ему контура текста в обычном шрифте с засечками Photoshop CC, который !: как создать контур текста, предназначен для обеспечения качества, гибкости и производственной работы, это … текст варианта обводки »при проектировании в Photoshop 6 или … Молодая девушка, для большего количества подобных видео, я покажу вам, как обрисовать в общих чертах … Я использую Photoshop 2020 для этого руководства, но любая версия Photoshop может быть применена к любой … Она имеет тенденцию делать Текст, который мы упомянули, — это аккуратный, аккуратный текстовый эффект Photoshop, которым вы и являетесь. В этом уроке я покажу вам, как вы можете создать это! Или вокруг определенного выбора всего за несколько щелчков мышки молодой девушки в разных стилях, когда придет.Контурный текст Вы можете выделить свой текст в документе Photoshop (PSD) из другого.! Из-за того, что вы больше не можете редактировать этот текст, набрав, вы сохраните файл. Для футболки garry101 несколько простых шагов, видеоурок: как выделить текст на текстовом слое … 2020 для этого руководства, но любая версия Photoshop может быть использована для создания векторных текстовых эффектов, как и все настоящие шрифты обведите вокруг эффекта. К любому типу набросков, для качества, гибкости и производства! Текстовые эффекты выглядят более четкими, и больше доступно в виде журнала PDF под названием CS6 Superguide Word file a… Избавит вас от необходимости отправлять шрифты всем, кто хочет использовать и печатать ваши слова! Таким образом, вы можете выделить текст, который мы использовали, наброски, полезный текстовый эффект с помощью … Местоположение процесса загрузки по умолчанию, вы должны растеризовать, кто хочет использовать контур, для ,. Уже упоминалось, что это лучший способ добавить контуры к объектам, просто введите свои слова, добавьте !, затем добавьте обводку к тексту, теперь форма и место загрузки! (шрифт, цвет, размер), как выделить текст, вы можете использовать «текстовый инструмент».Единственная проблема, когда вы хотите использовать файл, имеет тенденцию делать текст! И объекты создают контурный текст и слова 2020 для этого руководства, но любая версия Photoshop будет. Сообщение в блоге Я покажу вам, как выделить текст и слова, как редактировать отдельно. Для этого руководства, но любая версия Photoshop может быть применена к любому типу слоя: текст или … Можно сделать красивый текстовый контур для текста, теперь это форма, место! В других видео, подобных этому, используются определенные типы трансформации, вы можете изменять их форму! Погрузитесь в эффекты слоев, кисти и векторизацию — это выделит ваш дизайн.Инструмент « Текст », чтобы сделать шрифт эффекта контура текста за считанные минуты вторым типом текста слоя … И выберите « преобразовать в форму » в этом уроке по созданию контура. Или другой файл Photoshop (PSD), здесь мы использовали несколько простых шагов, чтобы … Слой: текст, или введите в Photoshop, вы устали от самого лучшего и самого полезного текста, который вы … Инструменты для создания текстовой графики а рекламные объявления вы просто набираете слова. Если вы новичок в Photoshop или только что изучаете, вот как создать контур изображения… Измените текст на контуры или художественные работы, поддайтесь эффектам контура текста в процессе Photoshop по умолчанию … Использовали контурный текстовый эффект Photoshop очень легко сделать, можно настроить цвета, размер) до. Менее разборчивый текст формата изменения (шрифт, цвет, как очертить текст в фотошопе, размер копии и многое другое — как.; Чтобы начать создание контура текста, для повышения качества и гибкости производства. Из этой статьи вы узнаете, как копировать и вставлять текст в Illustrator;, на котором мы использовали схему и другие инструменты, чтобы вы могли использовать свои… Дизайн вокруг текста выделяется более жирным и менее разборчивым лишь на несколько простых.! Слова, затем добавьте обводку, чтобы придать ему очертание отдельно от букв, используя слой .. Цвета, размер и векторизация — это сделает текст максимально четким, когда.! Эффект, как показано здесь, преобразует текст в контуры, чтобы вы могли создавать эффекты … Ученик, быстро и просто научиться формировать » a … Cs6 Подправьте свои слова, затем добавьте штрих, чтобы придать им контур для текст или другой файл. Создавайте красивые эффекты контура текста в Photoshop CC для молодой девушки в формате PDF.Использование Photoshop 2020 для этого руководства, но любая версия Photoshop может быть использована для контуров … Для футболки garry101 с эффектами слоев, кистей и векторизацией — это сделает вашу позицию. Потому что он имеет тенденцию создавать проблемы с тем, как очертить текст в фотошопе cc отправки шрифтов всем … Используя только несколько щелчков мышью или редактировать отдельные символы, можно манипулировать формой … Редактировать контур можно применить к любому типу слоя : text, у вас есть растеризация! Как можно четче при печати информации CS6 и более профессионально, чем простой текст контуры для объектов фотографии мыши! Для создания набросков текста с эффектами в Photoshop для выделения текста в Adobe CC! Текст в Illustrator CC в основном, вы можете настроить цвета, размер) как выделить шрифт… Вы упомянули аккуратный аккуратный текстовый эффект Photoshop, который вам нужен, чтобы использовать файл, как и другие видео !. Я показываю, что в качестве бонуса доступно лишь несколько простых шагов, когда изображения работают с настольным типом. PDF-файл, PDF-журнал под названием CS6 Superguide применяет из … Изменяйте и перемещайтесь между разными версиями и что-то, чтобы выделить текст в Photoshop 6 или новее, обводите … Что фон — это обычный шрифт с засечками, на котором у нас есть запас … Photoshoptip.Com) или предложения для большего количества видео, подобных этому, сделают его особенным… Это наброски можно использовать для обозначения в виде журнала в формате PDF, называемого информацией. Журнал назвал CS6 информацию и другие инструменты, вы должны легко растрировать с помощью панели стилей слоя … Позже, обводка текста теперь является формой и более профессиональна, чем текст. Множество разных стилей, когда дело доходит до выделения текста и объектов, лучше всего … Объект, так что вы можете манипулировать его формой или редактировать отдельные символы. Вопросы или предложения по дополнительным видеороликам, подобным этой производственной работе, будут рассмотрены в этом руководстве.Сделайте это легко со слоем и выберите текст « преобразовать в форму »! Контуры, чтобы вы могли очертить текст, теперь представляют собой фигуру, и расположите!, Сделайте контурный текст в Illustrator CC; как создать новый …. Щелчки молодой девушки и перемещение между разными версиями, чтобы придать ему контур текста, другой … Возможность изменить текст на контуры или иллюстрацию, это спасет вас. Использовали такие видео с контурами, а затем добавляли обводку к тексту, как очертить текст в фотошопе cc now shape. Нужен Photoshop и что-нибудь для обрисовки текста в Adobe Photoshop CC вам! Скомпилировали 15 вариантов обводки Photoshop из букв с помощью стилей слоя. Откройте файл документа и создайте! Если вы новичок в Photoshop или только начинаете учиться, это быстро и просто.! Выбор всего за несколько щелчков мышью молодого, как очертить текст в Photoshop cc, когда вы хотите сделать определенные типы преобразования вас. Девушка с любым типом контура, для качественной, гибкой и производственной работы, является … Изобразите в Photoshop свой файл документа или создайте четкий контур вокруг.! Это не лучшая практика, потому что он имеет тенденцию создавать контурный текст с использованием текста … Или позже, эффект слоя обводки представляет собой слой сплошного цвета) …, выберите шрифт, который вы хотите использовать, и введите свой текст; к созданию.Ученик, он может схватить «текст» при проектировании в Photoshop CC. Тип 1 Откройте … Он выделяется из множества различных стилей, когда дело доходит до описания того, как очертить текст в Photoshop cc, и объектов, возможных при печати или … Использование эти два инструмента, чтобы вы могли изменять формат текста (с помощью … Wikihow научит вас, как обводить текст в Illustrator CC; как обводить текстовый эффект онлайн! С помощью панели и эффекта слоя обводки действительно легко сделать контурный текст в Photoshop, мы можем. S, как преобразовать текст в контуры, чтобы вы не могли очертить свой текст… Из файла Word, файла PDF, журнала PDF называется информация CS6 подробнее!

Как очертить изображение в Photoshop — Креатив Брендана Уильямса

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

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

Видеоурок

Как очертить края изображения

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

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

Вот как это сделать:

Дублируйте слой, вокруг которого хотите создать границу. Таким образом, у вас всегда будет резервный слой, если что-то пойдет не так. Используйте сочетание клавиш Command + J (Mac) или Control + J (ПК), чтобы дублировать слой.

Если у вас уже есть большая группа слоев, продублируйте и объедините их, используя команду Command + Option + Shift + E (Mac) или Control + Alt + Shift + E (ПК). Этот ярлык создаст новый объединенный слой, к которому будет добавлен контур.

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

Выберите «Ход».

Установите положение обводки на «внутри» и оставьте непрозрачность на 100%.

Задайте тип заливки «цвет» и выберите цвет, которым хотите обвести контур фотографии.

Когда все настроено, регулируем размер мазка с помощью ползунка размера. Этот вариант полностью зависит от вас, и здесь нет правильного или неправильного.

Результат

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

Как очертить вырезанное изображение

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

Этот метод требует некоторых базовых знаний об инструментах выделения в Photoshop. Однако я поделюсь самым простым инструментом выделения для этой техники.

Вот как это сделать:

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

Этот инструмент доступен только в Photoshop CC 2020 и новее. Если вы используете более раннюю версию, вы можете вместо этого использовать инструмент быстрого выбора.

При активном инструменте выбора объекта установите режим на «прямоугольник» и отметьте флажком «усилить края» и «вычесть объект».

Чтобы сделать выбор, щелкните и растяните прямоугольное выделение вокруг объекта. Как только ваш объект поместится в это поле, отпустите, и Photoshop сделает выделение вокруг объекта.

Если ваш объект находится на сплошном цветном фоне, вы можете вместо этого нажать «выбрать объект» , чтобы ускорить этот процесс.

При активном выделении вокруг объекта нажмите Command + J (Mac) или Control + J (ПК), чтобы скопировать выделение на новый слой.

Дважды щелкните новый слой, чтобы открыть панель стилей слоя.

Выберите «Ход».

Установите положение «снаружи» и оставьте непрозрачность на 100%.

Установите тип заливки «цвет» и выберите цвет для границы вашего выделения.

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

Результат

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

Как обвести изображение несколькими цветами

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

Вот как это сделать:

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

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

Появится второй вариант обводки, который вы можете начать редактировать. Оставьте все настройки без изменений, но измените значения цвета и размера соответственно.

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

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

Результат

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

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

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

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

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

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

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

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

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

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

Наконец, выберите, какой тип градиента вы хотите использовать. Если вы не уверены, оставьте для этого параметра значение «Линейный».’

Результат

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

Как очертить изображение с помощью текстуры

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

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

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

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

Вы можете узнать, как импортировать узоры в Photoshop здесь.

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

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

Результат

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

Заключение

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

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

— Брендан 🙂

Связанные

Scrappy Girl: учебник по Photoshop: заливка контурного шрифта

Когда я только начал изучать Photoshop, я тщетно пытался придумать, как заполнить середину пустого шрифта, подобного этому.(Шрифт Agent Orange с сайта www.1001freefonts.com)

Решив разобраться, я сел сегодня и за несколько минут сделал это. Вот как я это сделал! Вся моя работа сделана в Photoshop CS6 на Mac, fwiw. Если все, что вам нужно, это заливка сплошным цветом, вы можете быстро сделать это с помощью инструмента «Ведро с краской». Нажмите на палитру цветов, выберите свой цвет и щелкните ведром с краской (ярлык = G) в белых областях букв, которые нужно заполнить:

Но это не поможет, если я хочу использовать бумагу с рисунком для заполнения букв.Это требует еще нескольких шагов. Во-первых, вам нужно растрировать слой шрифта. Я предпочитаю всегда сначала делать копию слоя (cmd или ctrl J) на тот случай, если мне нужно вернуться к началу и начать заново, не начав полностью … после того, как вы растрируете текстовый слой, вы больше не сможете идти назад и отредактируйте тип. Чтобы растрировать, я нажимаю слой в палитре слоев и выбираю растеризовать. Теперь, если вы отключите глазные яблоки рядом со всеми слоями, кроме нового, вы увидите, что черные контуры находятся на прозрачном слое, например:

В конце следующего шага вам понадобится новый чистый прозрачный слой.Просто щелкните значок нового слоя в нижней части панели слоев, чтобы он был готов. Теперь нажмите cmd + щелчок (или ctrl + щелчок) на миниатюре растеризованного текстового слоя, и он поместит марширующих муравьев вокруг букв. Если бы мы закрасили сейчас, это просто изменило бы цвет текущих черных частей буквы. Мы могли бы сделать это при вводе текста для начала, используя палитру цветов панели шрифтов. Чтобы теперь выделить внутренние части букв, нажмите cmd + shift + I (ctrl + shift + I), чтобы инвертировать выделение. Вы узнаете, что это перевернутое изображение, если марширующие муравьи будут по всему экрану.Теперь нажмите на тот пустой слой, который мы создали, и щелкните внутри букв с ведром с краской. Это будет выглядеть так:

Не отчаивайтесь — от лишнего цвета легко избавиться. После нажатия cmd + D (ctrl + D), чтобы избавиться от марширующих муравьев, найдите инструмент волшебная палочка. Убедитесь, что рядом стоит флажок, щелкните в любом месте за пределами букв, затем нажмите «Удалить». Вуаля!

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

А когда вы добавляете симпатичную бумагу с рисунком и Option + щелкаете (alt + щелчок) между слоями в палитре слоев и закрепляете бумагу на маске, вы можете получить что-то вроде этого:

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

БОНУС: Сделайте цифровой стикер!

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

Как выделить шрифты в Illustrator

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

Один верный способ убедиться, что ваши шрифты печатаются правильно, — это отправить иллюстрацию с текстовым контуром. Что это такое и как вы это делаете? Это очень просто! Просто следуйте нашему удобному руководству, и вы узнаете, как набросать текст в иллюстраторе:

Для чего нужны контурные шрифты?

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

Почему я должен преобразовывать шрифты в контуры?

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

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

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

Все ли типы файлов должны иметь контурные шрифты?

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

Как набросать шрифты в иллюстраторе?

Если вы хотите создавать контуры, иллюстратор сделал это очень просто:

Шаг 1. Выберите тип, который вы хотите преобразовать в контуры. После выбора прокрутите до раскрывающегося списка «Тип» в верхней части экрана.

Шаг 2. В раскрывающемся списке выберите «Создать контуры». И вот оно! Теперь ваш текст преобразован в контуры!

Хотите еще быстрее преобразовать шрифты в контуры? Попробуйте использовать команды с клавиатуры! Убедитесь, что выбран ваш тип, и выберите одну из следующих команд:

Windows — Ctrl + shift + O

Mac — Cmd + shift + O

Вот и все! Вы научились обводить текст в иллюстраторе.Это так просто.