Как в фотошопе вставить текст в фотошопе cs6: Добавьте текст на изображение в Photoshop Elements

Текстовые эффекты Photoshop: добавление стилей к шрифтам

Текстовые эффекты Photoshop

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

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

По-прежнему лучший фоторедактор

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

На вкладке «Фильтры Photoshop» есть специальные эффекты, а на вкладке «Окно» — стили

А.Загрузить стили

1. Откройте палитру стилей. Выберите Window > Styles .

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

2. Щелкните двойную стрелку в верхнем правом углу (под X) палитры стилей.

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

Как загрузить стили Photoshop

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

5. Новые стили появятся на палитре стилей.

ПРИМЕЧАНИЕ. Стили находятся в папке Program Files \ Adobe \ Photoshop CS6 \ Presets \ Styles (где 6 — версия Photoshop) и используют расширение .asl.

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

7. Используйте Диспетчер предустановок (выберите в меню «Стили»), чтобы переименовать или удалить отдельные стили, полностью сохранить новую «добавленную» палитру или загрузить другие стили из папки «Предустановки \ стили».

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

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

B. Применение стилей

Применять стили просто.

1. Введите текст на холсте Photoshop. Для этого упражнения введите несколько слов в отдельные слои, например, в этом примере «Рождество», «Лето», «Зима», «Осень», «Весна» и т. Д.

2.Выберите (щелкните) первый слой в палитре слоев: Merry . Затем выберите стиль на палитре стилей.

3. Выберите разные стили для каждого слова / слоя, чтобы отобразить диапазон различных стилей.

ПРИМЕЧАНИЕ. Стили плохо отображаются на тонких шрифтах, таких как Archtype, Technical, Arial Narrow, Avant Condensed, Basque Thin, Swiss Light и т. Д. Для достижения наилучших результатов используйте толстые, жирные, полужирные черные шрифты.

Как применять в Photoshop текстовые эффекты, называемые стилями

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

1. Наберите на холсте слова Chiseled Sky и выберите толстый жирный шрифт, например Articula Display, Arial Bold, Bremen Blk-BT или Swiss Heavy.

2.В палитре стилей выберите стиль под названием Chiseled Sky (он бело-голубой и 13-й стиль сверху).

Подменю параметров наложения стилей по умолчанию

3. Переключитесь на палитру слоев и обратите внимание на то, что на слое с названием «Выточенное небо» показаны эффекты стиля слоя, прикрепленные к этому слою. Щелкните правой кнопкой мыши имя слоя ( Chiseled Sky ), и появится подменю Layer / Style.

4. Щелкните Параметры наложения , и меню «Стиль слоя» откроется в меню «Параметры наложения по умолчанию».

5. Вы также можете щелкнуть правой кнопкой мыши слово EFFECTS , и когда откроется подменю Layer Style Effects, щелкните один из «отмеченных» параметров наложения, таких как Bevel and Emboss . Затем открывается меню «Стиль слоя» с разделом «Скос и тиснение».

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

Параметры наложения стилей — меню «Фаска» и «Тиснение»

7. В разделе «Техника» вы можете выбрать Smooth, Chisel Hard или Chisel Soft, а затем определить глубину резкого эффекта (который изменяет длину затенения), перемещая ползунок между 1 и 1000. Обратите внимание на окно предварительного просмотра на правой стороне. Сдвиньте ползунок до 1000 и обратите внимание, как меняется эффект резьбы.

8. Поэкспериментируйте с Направлением вверх / вниз (выберите Вниз), поэкспериментируйте с Размером от 1 до 250 (выберите 200), который изменяет размер глубины скоса и функции смягчения (от 1 до 16), которая меняет Bevel — от точеного до пухлого, похожего на подушку.

9. Затем выберите Gradient Overlay. Щелкните стрелку рядом с режимом наложения и поэкспериментируйте с различными вариантами наложения. Отрегулируйте непрозрачность в зависимости от яркости / контрастности каждого режима наложения.

Параметры наложения стилей — меню градиентов

10. Щелкните стрелку Gradient и поэкспериментируйте с несколькими разными градиентами, чтобы полностью изменить стиль. Затем выберите «Стиль», «Угол» и «Масштаб».

Обязательно сохраните новый стиль с уникальным именем: просто нажмите кнопку New Style и введите имя стиля.

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

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

Эффекты стиля для текста и объектов бесконечны.

ПРИМЕЧАНИЕ. Вы можете искать в Интернете стили, узоры, формы и текстуры Photoshop сторонних производителей. Десятки веб-сайтов предлагают эти пресеты Photoshop всего за 10 долларов за один или несколько разных файлов стилей (.asl). Разделение этих предустановок на части — отличный способ узнать больше об этих функциях Photoshop и о том, как они работают.

Как вставить специальный символ в текстовый инструмент — Ваш * TrulyJuly *

Мне потребовалась целая вечность, чтобы запечатлеть это сердце на фото выше, поэтому вот

Краткое руководство, как вставить специальный символ:

1. Используйте карту персонажей

В Windows:

Нажмите кнопку «Пуск» в Windows -> Все программы -> Стандартные -> Системные инструменты -> Карта символов

На Mac:

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

Если вы не можете найти свою программу просмотра символов: перейдите в меню Apple -> Системные настройки -> Клавиатура -> Установите флажок «Показать клавиатуру и средства просмотра символов в строке меню».

2. Используйте шрифт Webdings или Wingdings

Иногда вставка символа не отображается правильно. Затем вы можете ввести символ в Webdings или Wingdings.

3. Используйте инструмент Custom Shape Tool

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

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

Нравится:

Нравится Загрузка …

Опубликовано TrulyJuly

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

Создание обтравочной маски с текстом в Photoshop

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

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

1. В Photoshop откройте изображение, которое вы хотите использовать. Я использую снежную сцену. (Обратите внимание, что скриншоты здесь взяты из Photoshop CS2, но вы можете сделать это с версиями Photoshop 7 (возможно, более ранними).)

2. Выберите инструмент «Горизонтальный текст» и выберите нужные свойства шрифта на панели параметров инструмента. Ниже вы можете увидеть выбранные мной варианты.

Семейство шрифтов — киса, размер 250 (вам нужно будет ввести это в поле «Размер» и нажать Enter (Windows) или Return (Mac)), выравнивание текста по центру и сглаживание установлено на Strong.

3. Щелкните в окне документа и введите слово «Снегопад».

Используйте инструмент «Перемещение», чтобы центрировать слово в центре изображения.

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

В палитре слоев появится новый пустой слой.

5. Используя инструмент «Заливка», залейте новый слой белым цветом.

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

6. Дважды щелкните в любом месте фонового слоя, чтобы открыть диалоговое окно «Новый слой». Переименуйте слой в Trees и нажмите OK.

7. Щелкните слой «Деревья» на палитре слоев и перетащите его в верхнюю часть слоев, чтобы за деревьями скрывались слова «Снегопад».

8. Щелкните меню «Палитра слоев» (маленький треугольник в правом верхнем углу) и выберите «Создать обтравочную маску».

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

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

Добавление тени

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

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

2. В диалоговом окне «Стиль слоя» измените непрозрачность на 100%, угол на 180 и расстояние, распространение и размер на 3.

И все. Вы можете сделать это с любой формой на слое. Это не обязательно должен быть текст. Надеюсь, вы найдете ее полезной.

Если вам понравился этот пост, вам понравится Learnable; место для обучения новым навыкам и техникам от мастеров. Участники получают мгновенный доступ ко всем электронным книгам и интерактивным онлайн-курсам SitePoint, таким как «Основы Photoshop».

Комментарии к статье закрыты. Есть вопрос о Photoshop? Почему бы не спросить об этом на нашем форуме?

Создание изображений с текстом: учебник по Photoshop CC

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

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

Учебное пособие по Photoshop: профессиональные инструменты

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

Прежде чем мы начнем, если вы выбираете изображения из онлайн-источников, не просто захватите изображение из Google Image Search. Эти изображения часто имеют авторские права, и могут вызвать проблемы, если владелец найдет их изображение на вашем конкурсе.Если вам абсолютно необходимо получить изображение из онлайн-источника, воспользуйтесь поиском Creative Commons или сайтом вроде pixabay.org. Эти сайты могут указать вам на изображения, не требующие лицензионных отчислений.

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

Вот сетап, с которым я буду работать.

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

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

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

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

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

Меню «Слой» также важно понимать — когда вы вносите изменения, Photoshop переносит это изменение на новый слой. Это означает, что вам нужно выбрать слой, на котором выполняется редактирование.Например, если вы добавляете текст, вам нужно будет щелкнуть текстовый слой, чтобы отредактировать текст.

Если слой заблокирован, вы не можете вносить в него серьезные изменения. Чтобы изменить фон, щелкните фоновый слой правой кнопкой мыши и выберите «Дублировать слой».

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

Учебное пособие по Photoshop: редактирование изображения

Первое, что мы собираемся сделать, это изменить размер изображения в соответствии с шаблонами Heyo — строгое требование — 2.0 МБ для вашего размера изображения. У меня образ 16 МБ; Чтобы изменить размер, нажмите вкладку «Изображение» в главном меню и нажмите «Размер изображения». Это откроет меню изменения размера. Первое, что я сделал, это ограничил изображение меньшим размером пикселей и dpi (точек на дюйм). Идеальное dpi для Интернета — 72 dpi, поэтому после того, как я ограничу размер изображения, я хочу изменить dpi на 72.

Теперь, держу пари, вы думаете — если 300 dpi — это более высокое разрешение, почему бы нам просто не сохранить его такого размера? Ответ заключается в том, что изображение с разрешением 300 dpi больше и замедляет загрузку вашей страницы.Я использовал пользовательскую настройку, чтобы уменьшить размер, и изменил dpi ниже — размер файла был уменьшен до 444,4 К. Это означает, что изображение будет соответствовать моему шаблону и не замедлит время загрузки кампании.

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

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

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

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

Затем я добавлю свой логотип к этому изображению. У меня есть файл Adobe Illustrator с логотипом Heyo в моей папке руководств с прозрачным фоном ; любые изображения, которые вы добавляете в фото в Photoshop, должны иметь прозрачный фон. Если вам нужно знать, как делать прозрачные изображения или как создавать логотипы в Adobe Illustrator, щелкните здесь, чтобы получить руководство по прозрачности Udemy, и здесь, чтобы пройти через Illustrator.

Чтобы добавить изображение, откройте меню «Файл» и нажмите «Поместить ссылку».’Откроется диалоговое окно, в котором вы можете выбрать свой логотип или другое изображение.

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

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

Примечание: Убедитесь, что слой с логотипом выбран, как в примере выше.

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

Чтобы сохранить изображение для использования в кампании или конкурсе, нажмите кнопку «Сохранить как» в меню «Файл», а затем измените тип файла с Photoshop на PNG. Примечание , что вы также можете сохранять изображения в файлах JPG, но если вы сделали изображение прозрачным, вам нужно будет сохранить его как PNG для сохранения прозрачности.

Вот и все! Теперь ваше изображение готово для кампании.

Твоя очередь

Я что-то пропустил? Если у вас есть вопросы или комментарии по поводу Photoshop, оставьте их в комментариях ниже!

Знакомьтесь, Эмили Гудрич

Эмили Гудрич — технический писатель в Heyo.Она изучает творческое и профессиональное письмо в Технологическом институте Вирджинии.

Контурные заголовки в 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. Вы можете применять различные стили или фильтры, чтобы создать совершенно другой вид.Не бойтесь экспериментировать. Это один из лучших способов увидеть, как будут выглядеть разные фильтры и стили. Так что ты думаешь? Вы использовали эту технику раньше? Если да, у вас могут быть другие идеи, которыми вы хотели бы поделиться в комментариях ниже.

Сохранить

Как добавить текст в анимированный GIF с помощью Photoshop [Совет]

Что в наши дни происходит с анимированными GIF-файлами?

В январе 2014 года Pinterest объявил о поддержке анимированных GIF-файлов.Затем, в июне 2014 года, Twitter последовал их примеру и объявил, что они также поддерживают анимированные GIF. Эти зацикленные анимированные клипы, также известные как «формат обмена графикой», можно найти во всех социальных сетях, блогах, на веб-сайтах и ​​т. Д. Черт возьми, возможно, вы даже помните их из ваших прежних дней MySpace.

Эти милые анимированные видеоролики можно использовать для развлечения, а также в качестве маркетингового материала для продвижения ваших продуктов, услуг или мероприятий. В качестве примера возьмем настроенный анимированный GIF-файл выше.Этот анимированный GIF представляет собой отрывок из фильма « Большой Лебовски, », взятый с сайта GIPHY.com. Текст наверху позволяет весело рекламировать нашу конференцию INBOUND 2014.

Хотите узнать, как можно добавлять текст и в анимированные GIF-файлы? Читайте полное руководство.

Как добавить текст в GIF

1. Найдите в GIPHY идеальный анимированный GIF.
2. Щелкните правой кнопкой мыши и выберите «Сохранить изображение как …»
3. Откройте ваш GIF в Photoshop.
4. Покажи свою временную шкалу.
5. Убедитесь, что на правой боковой панели выбран верхний слой.
6. Добавьте текст в ваш GIF.
7. Выберите «Файл»> «Сохранить для Интернета …»
8. Еще раз проверьте настройки, затем нажмите «Сохранить …»
9. Назовите файл и сохраните его.
10. Разместите свой новый анимированный GIF повсюду!

1. Найдите в GIPHY идеальный анимированный GIF.

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

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

Вот выбранный нами GIF:

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

2. Щелкните правой кнопкой мыши и выберите «Сохранить изображение как …».

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

3. Откройте ваш GIF в Photoshop.

После того, как вы сохранили свой GIF-файл на своем компьютере, откройте этот файл в Photoshop.Если у вас нет Photoshop, вы также можете добавить текст в свой GIF с помощью GIMP, загружаемой программы для работы с изображениями.

4. Покажите свою временную шкалу.

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

5. Убедитесь, что на правой боковой панели выбран верхний слой.

Этот шаг важен, если вы хотите, чтобы текст применялся ко всей анимации. В данном случае верхним слоем является «Слой 8». Если у вас выбран другой слой, ваш текст будет отображаться только на выбранном вами слое и на слоях под ним. Например, если я выберу «Слой 6» вместо «Слой 8», мой текст будет отображаться только на слоях с 1 по 6.

6.Добавьте текст в свой GIF.

Вот часть, которую вы так долго ждали! Чтобы добавить текст в свой GIF, выберите инструмент «Текст» на левой панели инструментов и перетащите рамку на изображение. Начните печатать свое сообщение — в этом случае мы написали «Goin ‘to INBOUND 2014!» чтобы дополнить возбужденные эмоции, показанные в гифке. Чтобы изменить шрифт, толщину, размер, цвет и выравнивание, посмотрите на верхнюю текстовую панель.

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

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

7. Выберите «Файл»> «Сохранить для Интернета …»

После того, как вы закончите добавлять текст в свой GIF и будете довольны своим конечным продуктом, вам нужно будет сохранить его в формате.формат gif. Для этого нажмите «Файл»> «Сохранить для Интернета …»

Если вы выберете стандартную настройку «Файл»> «Сохранить как …», ваш GIF будет сохранен как неподвижное изображение и не будет анимироваться должным образом.

8. Еще раз проверьте настройки, затем нажмите «Сохранить …».

После того, как вы нажмете «Файл»> «Сохранить для Интернета …», вы попадете на экран ниже. Если вы хотите изменить какие-либо настройки цвета или размера, вы можете сделать это здесь. В противном случае просто нажмите «Сохранить… «

9. Назовите файл и сохраните его.

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

10. Размещайте новые анимированные GIF повсюду!

Вуаля! Посмотрите этот финальный GIF Большой Лебовски с поворотом INBOUND 2014:

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

Как вы используете анимированные GIF-файлы в своем маркетинге? Расскажите нам в комментариях ниже!