Svinkovod.ru

Бытовая техника
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Быстрый и очень красивый способ написания текста на изображении в Photoshop

Быстрый и очень красивый способ написания текста на изображении в Photoshop

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

Ранее уже говорилось о группе инструментов Текст– где находится и как настраивать.

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

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

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

Для начала рассмотрим, как вставить надпись в Photoshop, чтобы затем заниматься её обработкой. Последовательность действий такова:

  1. Создаём новый рисунок или открываем тот, на который хотим добавить надпись.
  2. Кликаем по иконке «Т» в левой панели инструментов.
  3. Выбираем, в каком направлении будет идти надпись – горизонтально или вертикально.
  4. Пишем желаемый текст.
  5. Растягиваем поле до желаемых размеров, перемещаем на нужное место.


Мнение эксперта
Василий

Руководитель проекта, эксперт по модерированию комментариев.

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

Создайте и раскрасьте текст

Шаг 1

Откройте фото (или картинку), которую будете использовать:

Шаг 2

Давайте выберем цвет. При добавлении текста на картинку мы будем использовать цвет с фотографии. Откройте «Палитру цветов», используя «Пипетку» выберите темное дерево на бочке:

Шаг 3

Выберите инструмент «Текст». Я использую сжатый шрифт «Bernard MT Condensed».

Я собираюсь напечатать «PHOTOSHOP CAFE» и перетащить надпись на бочку:

Шаг 4

Самый быстрый способ изменить размер текста – нажать Ctrl-T (или Command T на Mac), зажать клавишу Shift, а затем растянуть текст в соответствии с пропорциями бочки:


Нажмите «Enter», чтобы сохранить изменения.

Делаем обтекание текстом

Шаг 5

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

Шаг 6

Нажмите Ctrl/Cmd -T чтобы вызвать команду «Свободное трансформирование». Щелкните правой кнопкой мыши и выберите инструмент «Деформация». Он отлично работает на закругленных поверхностях:


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

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


Нажмите «Enter», чтобы сохранить изменения:

Наложение текстуры на текст

Последнее, что нужно сделать, чтобы добавить красивый текст на картинку – это наложить на текст текстуру. Для этого мы изменим «Режим наложения».

Шаг 7

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


Это были базовые шаги. Для придания картинке большего реализма читайте дальше!

Редактируем надпись

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

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

  1. Выделяем слой, который содержит символы, и нажимаем на «Т» в панели инструментов.
  2. Нажимаем на выпадающий список в левом верхнем углу. В нём будут отражены те шрифты, которые установлены в системе. Если системные шрифты не подходят, можно скачать дополнительные. Для этого нужно найти интересующий в Интернете в формате TTF или OTF, после чего вставить его в папку «Шрифты» в «Панели управления».
  3. Выделяем текст и нажимаем на прямоугольник сверху для того, чтобы сменить оттенки. Оттенок можно выбрать вручную с использованием палитры. Если есть заранее подготовленные параметры, то их нужно ввести в соответствующее поле.
  4. Для переворота строки необходимо кликнуть по «Т» со стрелками.
  5. Изменить начертание можно посредством выделения надписи и выбора интересующих пунктов. В этом же меню можно настроить параметры сглаживания – плавное, жёсткое, насыщенное, чёткое.

Вечная классика или как сделать фотографию, которая понравится всем

Поиграем в идиотов. Я сейчас скажу, а вы сделаете вид, что это для вас новая информация. Фотошоп можно найти в онлайн версии: https://editor.0lik.ru/, скачать себе взломанный на компьютер или купить лицензионную версию.

Что дальше. Открываем программу, а затем изображение.

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

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

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

Текст красив на контрасте. На белом или светлом фоне лучше выглядит черный, на темном – белый. Знаю умников, которые считают, что кто-то будет вглядываться в изображение, ради того, чтобы узнать, что же хотел сказать автор. Акститесь, такого не будет никогда. Вы боретесь за внимание читателя, а он волен выбирать из 1000 предложений. Вы обязаны обеспечить ему комфорт и удобство, если хотите, чтобы он полюбил именно ваш сайт или проект.

Читайте так же:
Как в word сделать двойное подчеркивание

Поворот по горизонтали Поворот текста Изменение размера

Эффекты

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

Пример работы с эффектами:

  1. Нажимаем правой кнопкой на слое со знаками.
  2. Переходим в «Параметры наложения».
  3. В появившемся списке жмём на «Создать обводку».
  4. Задаём параметры рамки – её оттенок, ширину, расположение, прозрачность и т. д.
  5. Нажимаем на «Тип», чтобы поменять фактуру. Доступны «Цвет», «Узор» и «Градиент». Градиент, к примеру, позволяет создавать многоцветный текст.

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

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

Нажимаем на клавишу T одновременно с клавишей Shift и в выпадающем меню выбираем «Горизонтальный текст».

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

Одновременно с появлением вертикального курсора в палитре Layers (Слои, для открытия нажимаем F7) автоматически образуется новый текстовый слой, который выделен синим цветом, что означает активирование слоя .

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

Чтобы выбрать шрифт на панели настроек инструмента текст открываем окошко со списком шрифтов и в выпадающем окне мы увидим список шрифтов. Из списка шрифтов выбираем нужный нам шрифт.

Подпись слоя Готовый проект Использование примитивов

Объём и деформация

Photoshop позволяет создавать из знаков объёмные фигуры. Для этого:

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

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

Как вставить текст в Фотошоп

Если вам надо вставить на поле картинки уже готовый текст, написанный в другом редакторе, то сначала нужно выделить текст и затем поместить его в буфер обмена командой Ctrl+C (Копировать).

Затем перейти в Фотошоп и нажав на инструмент Т кликнуть курсором по полю открытки и вставить текст, применив команду Ctrl+V.

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

Стиль слоя Тень (Drop Shadow)

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

Первый шаг – подберите соответствующий цвет для текста.

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

Следующий шаг- это добавить стиль слоя Тень (drop shadow) к слою с текстом. Установите степень непрозрачности 52%. Также подкорректируйте значение Размаха (Spread) 16%, включая значение Размера (Size) 10px. Угол (angle) должен быть где-то, примерно, -144 градусов.

Мы значительно усилили контраст, просто добавив стиль слоя Тень (drop shadow).

Редактирование Photoshop PSD текстовых слоев программно

У меня есть многослойный PSD, причем один конкретный слой — это не растеризованный текст. Я пытаюсь выяснить, как это сделать, из программы bash/perl/python/whatever-else:

  1. загрузите PSD
  2. отредактируйте текст в указанном слое
  3. сгладьте все слои на изображении
  4. сохранить в удобном для интернета формате, например PNG или JPG

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

После пары часов гугления и поиска CPAN и PyPI я все еще не нашел ничего многообещающего. Есть ли у кого-нибудь советы или идеи по этому вопросу?

6 ответов

  • Создание многослойного psd файла с "editable text" с помощью командной строки

Я пытаюсь создать файл PSD с помощью командной строки (linux/osx). Пример: У меня есть 5 блоков текста hello this is an example Мне нужен способ взять эти 5 блоков текста и создать psd, который будет иметь 5 различных слоев для каждого текстового блока, и мне нужно, чтобы они были доступны для.

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

Если вам не нравится использовать официально поддерживаемые AppleScript, JavaScript или VBScript, то есть также возможность сделать это в Python. Это объясняется в статье Photoshop сценарии с Python , который опирается на интерфейс Photoshop COM.

Я еще не пробовал, так что на случай, если это не сработает для вас: Если ваш текст сохраняется после преобразования в SVG , вы можете просто заменить его любым инструментом, который вам нравится. После этого преобразуйте его в PNG (например, на inkscape —export-png=. ).

Читайте так же:
Как восстановить несохраненную версию документа ворд

Единственный способ, который я могу придумать, чтобы автоматизировать изменение текста внутри PSD, — это использовать замену на основе regex.

  1. Создайте очень простую картинку в Photoshop, возможно, белый фон и текстовый слой, причем текст имеет известную длину.
  2. Найдите в файле текст и с помощью редактора hex найдите рядом длину текста (который может быть или не быть частью формата файла).
  3. Попробуйте изменить текст, сначала на строку той же длины, а затем на что-то shorter/longer.
  4. Откройте в Photoshop после каждого изменения, чтобы проверить, поврежден ли файл.

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

Что касается преобразования в png, я в растерянности. Если сценарий замены находится в Python, вы можете сделать это с помощью библиотеки изображений Python (PIL, которая, по-видимому, поддерживает его), но в противном случае вам, возможно, просто придется открыть Photoshop, чтобы выполнить преобразование. Это означает, что, вероятно, в первую очередь не стоило бы менять текст прагматически.

Рассматривали ли вы возможность открытия и редактирования изображения в GIMP? Он имеет очень хорошую поддержку PSD и может быть написан на нескольких языках.

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

Вы можете использовать Photoshop сам по себе, чтобы сделать это с OLE. Конечно, вам нужно будет установить Photoshop. Win32::OLE в Perl или аналогичный модуль в Python. См . http://www.adobe.com/devnet/photoshop/pdf/PhotoshopScriptingGuide.pdf

  • Python PSD слоев?

Мне нужно написать программу Python для загрузки изображения PSD photoshop, которое имеет несколько слоев и выплевывает файлы png (по одному для каждого слоя). Можете ли вы сделать это в Python? Я пробовал PIL, но, похоже, нет никакого способа доступа к слоям. Помогите. PS. Писать свои собственные.

Я нашел много шаблонов Photoshop PSD or UI для Android в Интернете, однако я не знаю, как я могу использовать их, чтобы изменить мое приложение Android UI. Мой вопрос таков: Можем ли мы использовать эти файлы шаблонов PSD в качестве UI для приложения или эти файлы PSD-это просто макеты, и мы можем.

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

Рассматривая проблему по-другому, можете ли вы экспортировать из Photoshop в какой-либо другой формат, поддерживающий слои, например PNG, который редактируется ImageMagick?

Вы также можете попробовать это с помощью Node.js. Я сделал инструмент командной строки PSD

Установка однострочной команды (требуется установить NodeJS/NPM)

npm install -g psd-cli

Затем вы можете использовать его, введя свой terminal

psd myfile.psd -t

Вы можете проверить код, чтобы использовать его из другого сценария узла, или использовать его через свой shell is из другого сценария Bash/Perl/whatever.

Похожие вопросы:

Я хочу знать, можно ли читать PSD файлов из C++, программно изменять размер 1 конкретной группы, а затем визуализировать результат в PNG. До сих пор я нашел некоторый код, который читает и.

Я столкнулся с общей, но трудной проблемой. Я не использую Photoshop для обработки изображений. Поскольку вся моя работа основана на интернете, GIMP делает то, что мне нужно в 99% ситуациях.

Мне нужно извлечь текст из слоев в файле photoshop PSD на linux. Кто-нибудь знает, как это сделать? Gimp растеризует текст, и вы не можете скопировать и вставить его. Кроме того, обратите внимание.

Я пытаюсь создать файл PSD с помощью командной строки (linux/osx). Пример: У меня есть 5 блоков текста hello this is an example Мне нужен способ взять эти 5 блоков текста и создать psd, который.

У меня есть несколько веб-элементов управления, которые состоят из png изображений. Самое простое-это кнопка. Мне нужно иметь возможность генерировать эти элементы управления с различными цветами в.

Мне нужно написать программу Python для загрузки изображения PSD photoshop, которое имеет несколько слоев и выплевывает файлы png (по одному для каждого слоя). Можете ли вы сделать это в Python? Я.

Я нашел много шаблонов Photoshop PSD or UI для Android в Интернете, однако я не знаю, как я могу использовать их, чтобы изменить мое приложение Android UI. Мой вопрос таков: Можем ли мы использовать.

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

Можно ли программно изменить видимость слоя PSD в PSD, не используя Photoshop? Я действительно проверял различные реализации библиотек PSD для Python, но лучшее, что они делают, — это возвращают.

У меня есть 40 файлов Photoshop, и мне нужно скопировать верхний слой на всех них и вставить эти слои в один файл Photoshop. Второй, фоновый слой одинаков во всех файлах, поэтому он мне нужен только.

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

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

Читайте так же:
Можно ли восстановить данные с отформатированной флешки

Пишем текст

1 – Текст создается специальным инструментом Type Tool (Текст).
2 – При создании текста в палитре слоев автоматически образуется новый слой.
3 – Цвет текста задает не боковая инструментальная панель, а верхняя панель свойств.

Важно запомнить, что отдельный текстовый слой образуется не всегда. Такие режимы как многоканальный (Image > Mode > Multichannel), битовый (> Bitmap) и индексированные цвета (> Indexed color) по своей природе не являются многослойными. Но это не значит, что в них нельзя ввести текст. Можно, только он будет создаваться в форме быстрой маски и по окончании ввода сразу станет выделенным растровым изображением – рисунком.

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

Ввод с начальной позиции

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

    1.Выбираем инструмент Horizontal Type Tool (Горизонтальный текст) или Vertical Type Tool (Вертикальный текст) .

Ввод в заданные границы

В этом случае текст вводится или вставляется в заданную рамку, самостоятельно переходя на новую строку.
Точно также как в наборе с начальной позиции сначала выбираем Horizontal Type Tool (Горизонтальный текст) или Vertical Type Tool (Вертикальный текст). Потом, протаскивая курсор по рабочему полю, определяем размер рамки. Она создается с маркерами, которые позволяют ее изменять, перемещать и искажать. Для этого надо только подвести курсор мыши к маркеру рамки. Изменение формы курсора подскажет, что можно сделать с данным маркером – переместить его или повернуть рамку. Возможности изменения можно расширить, если удерживать нажатыми клавиши Ctrl или Alt, причем в разных сочетаниях: Crtl примененный к средним маркерам превращает прямоугольную рамку в параллелограмм, а добавление Alt центрирует происходящие изменения.

Каждый из режимов ввода имеет свои особенности и для более полного их использования есть возможность переключения между вводом с начальной строки и вводом в заданные границы. Для этого используем главное меню: Layer > Type > Convert to Point Text (Слой > Текст > Преобразовать в короткий текст) или Layer > Type > Convert to Paragraph Text (Слой > Текст > Преобразовать в блочный текст).
При преобразовании ввода из «в границы» в «набор с начала» строки все символы, выходящие за пределы ограничительной рамки, удаляются. Чтобы избежать этого, перед началом преобразования растяните ограничительную рамку так, чтобы весь текст был виден.

Ввод по кривой

Изменяем текст

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

– Изменение ориентации и трансформирования текста, кроме Distort (Искажение), Perspective (Перспектива) и Warp (Деформация). Трансформация части текста возможна только после преобразования всего текста в рисунок (растрирования).
– Применение сглаживания краев.
– Преобразование между началом набора и типом абзаца.
– Создание рабочего контура из текста.
– Использование стилей слоя.
– Деформация текста в соответствии с различными фигурами.

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

Кавычки в тексте

Настроить Photoshop на отображение нужных кавычек можно в Edit > Preferences > Type > Use Smart Quotes (Редактирование > Установки > Шрифты > Использовать типографские кавычки). Присутствие галочки в этом пункте включает кавычки похожие на запятые.

Сглаживание текста

Сглаживание позволяет получить буквы с более гладкой кромкой. Его можно сделать через Главное меню > Layer > Type > Anti-Alias… (Слой > Текст > Сглаживание… ) или в палитре Character в выпадающем меню.

None – Без сглаживания
Sharp – Резко

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

Проверка и исправление орфографии

Казалось бы – много ли общего у графического редактора и текстового процессора, а вот, поди ж ты, он тоже умеет грамотно писать!
Чтобы проверить орфографию, надо в палитре Character (Символ) в выпадающем меню выбрать соответствующий язык. Русский, как ни странно, есть даже в нелокализованной версии Photoshop. Текстовый слой должен быть разблокирован. Для проверки выделяем нужный текст или фрагмент его и используем опцию Главного меню > Edit > Chek Spelling (Редактировать > Проверка орфографии). При обнаружении ошибки у вас есть несколько вариантов:
Ignore (Пропустить) – проверка продолжится без изменения текста до следующей такой же ошибки;
Ignore All (Пропустить везде) – при дальнейшей проверке текста эта ошибка более не будет фиксироваться;
Change (Заменить) – ошибка будет исправлена, но важно подобрать правильный вариант для исправления;
Change All (Заменить везде) – будут исправлены все случаи неправильного написания этого слова;
Add (Добавить) – если слово в словаре отсутствует, то его можно сохранить и в дальнейшем оно не будет восприниматься как ошибка.

Читайте так же:
Иерархический список в excel

Назначение языка тексту

Назначение тексту определенного языка не только позволяет проверить орфографию, но и расставить переносы.
Язык назначается каждому слою индивидуально и это все не работает, если в одном слое собран текст на разных языках. Чтобы переносы были расставлены, на палитре Paragraph должна быть включена одна из пиктограмм Justify… (Выровнять…).

Поиск и замена текста

По соседству с проверкой орфографии в меню находится пункт для поиска и замены текста: Главное меню > Edit > Find And Replace Text (Редактировать > Найти и заменить текст). Это простое окно имеет аналоги во многих программах, поэтому подробно останавливаться на нем нет смысла, однако у Photoshop есть специальное предложение – Search All Layers (Поиск во всех слоях), от которого нельзя отказаться, если имеем в документе несколько текстовых слоев.

Изменение ориентации текста

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

Для уже набранного текста также можно изменить ориентацию. Для этого достаточно сделать активным текстовый слой (1), выбрать инструмент «Текст» (2) – при этом появится соответствующая панель свойств инструмента, в которой достаточно нажать на пиктограмму "Изменить ориентацию текста" (3). После чего нужный текст мгновенно окажется написанным вертикально. Аналогично это преобразование можно выполнить из палитры Character (Символ).

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

Текст – слой особенный и для него недоступны некоторые команды, инструменты и фильтры. Поэтому, чтобы с ним сделать что-то этакое интересное, его придется превратить в растровое изображение: Главное меню > Layer > Rasterize > Type (Слой > Растрировать > Текст). При этом текстовый слой должен быть выделен.

В дальнейшем мы поговорим о том, что можно делать с элементами текста – символами.

Как работать с текстом в фотошопе: создаем поздравительную открытку

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

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

Видео урок о тексте в Фотошоп

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

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

Подготовка фона открытки

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

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

В этой статье я оставлю картинку в том соотношении, как она была снята, то есть 4*3. Если вам нужно другое соотношение сторон, например 16*9, и вы не знаете, как это сделать, то смотрите еще один ролик, где я очень подробно показываю пошагово, как это выполняется.

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

Изменение размера изображения

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

Открываю в верхней панели выпадающее меню «Изображение» и в нем вкладку «Размер изображения».

001 вкладка изображения фотошоп

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

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

002 окно изменений размеров картинки

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

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

003 активация инструмента выделения

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

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

Подготовительные работы завершены.

Работа с текстом в фотошопе

Подробно, пошагово о том, как добавить текст в фотошопе, изменить размер, начертание и стилистическое оформление.

Вставка текста

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

004 горизонтальный текст

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

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

Абзац можно передвигать, активировав инструмент «Перемещение».

Читайте так же:
Можно ли играть в the crew оффлайн

005 длинный текст в фотошопе

Форматирование текста в верхней панели

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

006 текст до форматирования

Кроме того меня не устраивают размер текста, шрифт. Это легко поправимо.

  • Выделяю написанное.
  • При активной кнопке ТЕКСТ в боковой панели инструментов открыта панель форматирования вверху.

Здесь можно изменить начертание текста, его размер, цвет, и так далее.

007 панель форматирования текста в фотошоп

Правая панель символов для редактирования текста

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

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

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

Важно: текст для этого должен быть выделен.

008 панель символов фотошоп

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

Перехожу к стилям текста.

Открываю в верхнем меню вкладку «Стили», в ней «Стиль слоя» и «Параметры наложения».

009 параметры стили слоя фотошоп

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

010 окно изменений стили текста

Как сделать тень текста

Начну с теней, эта вкладка в нижней части списка.

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

011 Тени в фотошопе к тексту

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

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

Текст с тенью готов.

Внешнее свечение текста

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

012 добавление внешнего свечения к слою в PhotoSHop

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

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

Следующий пункт – обводка текста PhotoSHop. По умолчанию толщина линии у меня стоит 3 пикселя. Меняю на более тонкий контур в 1 пиксель. И цвет беру пипеткой из оттенков букета.

013 обводка текста в PhotoSHop

Изменение оттенка текста с помощью «Наложения цвета»

Очень полезная вкладка для изменения цвета текста непосредственно в стилях. Интуитивно понятна — просто используйте палитру.

Добавление рамки на открытку

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

014 стиль рамки в PhotoShop

В ней настраиваю внешний вид рамки:

  • выбираю «Контур» фигуры,
  • из «Заливки» выбираю перечёркнутый белый прямоугольник, то есть фигура будет без заливки, только рамка,
  • цвет рамки настраиваю во вкладке «Штрих», выбираю градиент от красного к белому,
  • определяю толщину рамки с помощью ползунка или вношу с клавиатуры.

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

Поправляю ее с помощью инструмента «Перемещение» — немного растягиваю и сдвигаю. Для сдвига удобно использовать в данном случае клавиши стрелок на клавиатуре. Так будет точнее и аккуратнее.

Водяной текст или водяной знак

На своих открытках я обычно ставлю прозрачный водяной знак в виде адреса моего сайта. Поэтому еще раз работаю с текстом и вставляю адрес сайта Uhelgi.ru.

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

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

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

Можно скопировать уже настроенные стили предыдущего текста и вставить их на новый текст. Эти команды все есть во вкладке «Стили».

Сохранение открытки

Моя открытка готова, сохраняю ее в формате Jpeg, качества достаточно среднего.

Открытка с мылом

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

Изменение размера готовой открытки

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

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

015 изменение размера в Picture Manager

В этой программе во вкладке (в верхней панели) «Изменить рисунки», кликаю «Изменение размера».

Далее выбираю «Стандарт Веб Крупный (640 на 480 пикселей)».

016 изменение стандартного размера картинки в Picture Manager

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

Заключение

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

Посмотрите другие мои бесплатные уроки по работе с графикой, например, в графическом редакторе Canva.

голоса
Рейтинг статьи
Ссылка на основную публикацию
Adblock
detector