Эффективная работа с текстом в Photoshop. Фотошоп оформление текста


Как написать текст в фотошопе и оформить свои фото

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

Фото с красивым текстом

Подобные публикации:

{smooth-scroll-top}

Откроем исходную фотографию. Этот снимок был сделан этим летом в г. Звенигороде.

Фото с красивой девушкой

Выберем инструмент "Текст" (Т) и что-нибудь напишем, к примеру "Лето 2011". Параметры текста можно увидеть на скриншоте ниже. Вы, естественно, подбираете для шрифта свои значения.

Параметры инструмента "Текст" (Т)

Перейдём в "Фильтр - Размытие - Размытие по Гауссу".

Фильтр - Размытие - Размытие по Гауссу

Появится предупреждающее окно фотошопа, о том, что необходимо растрировать текст. Нажимаем "Да".

Предупреждающее окно фотошопа

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

Параметры фильтра "Размытие по Гауссу"

Вот что примерно должно получиться.

Фото девушки в городе

Приступаем к созданию точечного текста - "Фильтр - Оформление - Цветные полутона".

Фильтр - Оформление - Цветные полутона

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

Параметры фильтра "Цветные полутона"

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

Фото с надписью

Два раза левой кнопкой мыши щёлкаем по верхнему слою, появляется окно "Стиль слоя".

Палитра "Слои"

Делаем активной вкладку "Тиснение", на которой я увеличил только глубину.

Вкладка "Тиснение"

Проставляем галочки на вкладках "Тень" и "Внешнее свечение", на самих вкладках все параметры оставляем по умолчанию.

Вкладки "Тень" и "Внешнее свечение"

Получился симпатичный точечный текст! Вот таким простым способом мы научились писать текст в фотошопе и оформлять им свои фотографии.

Фото с красивым текстом

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

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

Скачать урок (269 Кб) в формате PDF можно здесь.

 {smooth-scroll-top}

www.photoshopsunduchok.ru

Эффекты для текстов в Photoshop

Если вы рисуете какой-то постер, рекламную брошюру или любую другу иллюстрацию с необычным текстовым оформлением, то специальные эффекты для текстов в Photoshop вам могут пригодиться. По аналогии с экшенами в фотошопе в них также применяется определенный набор эффектов, но не для изображения в целом, а только для текстов. Результат подобных преобразований может быть достаточно разный — от обычного и простого объемного текста до надписи с использованием «тематических» сложных текстур. Дабы лучше понять что это за эффекты для текста такие предлагаю сразу перейти к материалами. Первый пример рассмотрю подробнее, а дальше можете просто переходить на сайт-источник и скачивать соответствующие PSD файлы.

Неоновый текстовый эффект в Photoshop

Неоновый текстовый эффект в Photoshop

Неоновый текстовый эффект в Photoshop

С помощью эффекта Psd Neon Text Effect любой текст в фотошопе может быть преобразован в настоящую неоновую надпись. В архиве вы найдете PSD файлы для внедрения трех разных цветовых решений, под каждое из которых предусмотрено 2 «состояния» — неон включен и выключен. Дизайнер любезно предоставил видео применения данного эффекта.

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

Карбоновый текст в фотошопе

Карбоновый текст в фотошопе

Карбоновый текст в фотошопе

Psd Soft Carbon Text Effect — современные и футуритический эффект для текста. Получается за счет применения некоторых эффетов слоя и наложения текстур.

Олдскульный ретро текст

Олдскульный ретро текст

Олдскульный ретро текст

Old School Retro Psd — отличный вариант для ретро иллюстраций. Все, что вам нужно сделать это просто поменять текст на свой. Единственное, насколько я помню, данный шрифт не поддерживает кирилицу. Вообще с этим, наверное, могут быть проблемы в большинстве эффетов для текста. Хотя, если прикинуть, шрифт на оформление не должен влиять.

Объемный текст для настенного постера

Объемный текст для настенного постера

Объемный текст для настенного постера

Psd Wall Poster Text Effect — простой, но весьма броский 3D эффект для текста. Перед началом его использования в фотошопе можете глянуть видео от его создателя.

Объемный ретро текст в Photoshop

Объемный ретро текст в Photoshop

Объемный ретро текст в Photoshop

Psd Boulevard Retro Text Effect — преобразует ваш текст в весьма стильную и эффектную винтажную надпись. Здесь вам и объем, и тени — для лучшего ознакомления с процессом внедрения эффекта смотрите видеоролик.

Деревянный эффект для текста

Деревянный эффект для текста

Деревянный эффект для текста

Psd Woody Text Effect — в этом текстовом эффекте уже появляется специальная текстура. Также в PSD файле предусмотрены две «нити», за которые подвешен текст — возможно вам это пригодится.

Снежный текст в фотошопе

Снежный текст в фотошопе

Снежный текст в фотошопе

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

Текст в стиле новогодней конфеты

Текст в стиле конфеты

Текст в стиле конфеты

Psd Candy Cane Text Effect  — преобразовывает обычный текст в симпатичную и сладкую рождественскую конфету, используя традиционный вариант ее оформления. Как и предыдущий, подойдет под дизайны с тематикой зимних праздников.

Конфетный эффект для текста

Конфетный эффект для текста

Конфетный эффект для текста

Psd Candy Text Effect — еще один «сладкий» эффект для текста. В данном случае также поддерживаются формы, а еще вы сможете менять цветовое решение.

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

design-mania.ru

Эффективная работа с текстом в Photoshop – POPEL Agency

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

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

Правильное сглаживание текста

Несколько месяцев назад Adobe добавила в новую версию программы несколько нативных методов сглаживания текста, которые доступны в зависимости от ОС, на которой работает Photoshop — Mac или Windows (в версиях с и без субпиксельного сглаживания). Наконец-то текст в макете выглядит так же, как и в браузере.

Новые режимы сглаживания текста в Photoshop

Стили абзацев (Paragraph Styles) и символов (Character Styles)

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

Стили абзацев в Photoshop

Вписывание текста внутрь фигур или написание текста по контуру

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

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

Вписывание текста внутрь фигур или написание текста по контуру

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

Автоматический рыбный текст

Хоть я и не рекомендую использовать абстракцию в духе Lorem Ipsum в качестве рыбы для макетов, иногда необходимо вставить небольшой массив текста для того, чтобы оценить компоновку или размер текстового блока. С функцией Paste Lorem Ipsum на это понадобится несколько секунд. Естественно, без кириллицы (хотя умельцы предлагают способ русификации).

Paste Lorem Ipsum

Применение Postcard и 3D Extrusion к тексту

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

Трёхмерный текст в Photoshop

Конвертирование строчного текста в блочный и обратно

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

Правильным выходом будет использование команды Convert to Paragraph Text, в котором ширина текстового блока задается рамкой. Операция работает в двух направлениях — блочный текст мы можем превратить в строчный командой Convert to Point Text.

Преобразование в фигуру

Если вы хотите внести изменения в некоторые буквы, например в рекламном слогане и не хотите потерять качество во время последующего изменения размера текста — просто превратите этот текстовый слой в фигуру и редактируйте её с помощью инструментов Direct Selection Tool или Path Selection Tool. Защищено вектором.

Преобразование в фигуру

Использование Smart Objects для сохранения возможности редактировать текст и применения фильтров или деформации

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

Горячие клавиши для очень быстрой работы с текстом.

Действие Mac OS X Windows
Переход к предыдущему/следующему слову Command + ← / → Ctrl + ← / →
Переход между абзацами Command + ↑ / ↓ Ctrl + ↑ / ↓
Выделение символов слева/справа от курсора Shift + ← / → Shift + ← / →
Выделение слов слева/справа от курсора Command + Shift + ← / → Ctrl + Shift + ← / →
Выделение строк Shift + ↑ / ↓ Shift + ↑ / ↓
Выделение абзацев Command + Shift + ↑ / ↓ Ctrl + Shift + ↑ / ↓
Выделяем щелчком 2 щелчка — слово, 3 щелчка — строка, 4 щелчка — абзац
Выделить всё/снять выделение Command + ACommand + Shift + A Ctrl + ACtrl + Shift + A
Стили текста Command/Ctrl + Shift + I — курсив, B — полужирный, U — подчёркнутый
Размер шрифта Command + Shift + ./, Ctrl + Shift + ./,
Выключка Command/Ctrl + L — по левому краю, R — по правому краю, C — по центру, J — по ширине
Все прописные Command + Shift + K Ctrl + Shift + K
Изменение кернинга или трекинга Option + ← / → Alt + ← / →
Изменение интерлиньяжа Option + ↑ / ↓ Alt + ↑ / ↓
Сдвиг относительно базовой линии Option + Shift + ↑ / ↓ Alt + Shift + ↑ / ↓
Создать новый текстовый слой поверх старого Shift + щелчок с выбранным иструментом Type Tool Shift + щелчок с выбранным иструментом Type Tool
Создать текстовый слой с заданным размером блока Option + щелчок с выбранным иструментом Type Tool Alt + щелчок с выбранным иструментом Type Tool

Копирование CSS текстовых слоёв

Одна из новых функций Photoshop позволяет скопировать набор CSS-свойств по сути любого слоя или группы (при использовании команды на группу — будут скопированы свойства как самой группы, так и слоёв внутри неё).

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

Копирование CSS текстовых слоёв

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

popel-studio.com


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