Главная > Мастер-классы > Работа с текстом в "Фотошоп"
текст превью

Мастер-классы

Работа с текстом в «Фотошоп»

Как создать, отредактировать и наложить текст в "Фотошоп": пошаговые уроки и руководства

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

Редактирование текста в «Фотошоп»

Для знакомства с возможностями по редактированию текста создайте в Adobe Photoshop новый файл. В качестве размера укажите 700 x 700 пикселей, выберите белый фон. Теперь нажмите в панели инструментов на иконку с изображением буквы «Т». Этот инструмент называется «Горизонтальный текст». Именно с его помощью чаще всего происходит создание текста в «Фотошопе». Исключением являются те случаи, когда текст необходимо оформить в виде столбика. В этом случае нужно зажать левую кнопку мыши на инструменте «Горизонтальный текст». Во всплывающем меню присутствует пункт «Вертикальный текст», его и следует выбрать. Но мы в этом уроке будем пользоваться более привычным, горизонтальным расположением текста.

Как изменить текст в «Фотошоп»

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

Как поменять текст в «Фотошоп»

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

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

Кнопки выравнивания мы пока пропустим, так как они необходимы для абзацев, а не таких коротких надписей. С полем выбора цвета надписи всё понятно. А вот действие следующей кнопки разобрать стоит. Она создает деформированный текст. При её нажатии открывается маленькое диалоговое окно, в котором выбирается стиль деформации и настраиваются степень его влияния. Здесь можно пустить текст по дуге, сделать его выпуклым, оформить в виде флага и создать любую другую деформацию.
3455750_rabotastextom2
В панели присутствуют ещё несколько кнопок. Но они уже менее важны. С их помощью можно отменить всю вашу работу по оформлению текста и включить отображение панелей «Символ» и «Абзац». Эти панели нам сейчас понадобятся, поэтому не убирайте их из поля видимости. Последняя кнопка в панели настроек текста имеет значок «3D». Он переводит текст в трехмерный режим. Одновременно трехмерным станет и слой, который содержит в себе созданную надпись. Подробно этого пункта мы касаться не будем, так как трехмерному тексту будет посвящен отдельный урок.

Создание текста в «Фотошоп»

Нам же необходимо продолжить работу с текстом в «Фотошопе» при помощи панели «Символ». Здесь можно ещё точнее оформить вашу надпись. В этой панели выбирается кернинг (расстояние между символами), интерлиньяж (расстояние между строками) и прочие параметры. Например, можно увеличить ширину или высоту символов.
3455750_rabotastextom3
С панелью «Абзац» мы познакомимся на примере другого текста. Создайте новый файл с белым фоном и прежними размерами (текущий файл можете не закрывать). Выберите инструмент «Горизонтальный текст». Если в прошлом случае мы просто нажимали в любой области изображения для размещения на нём текстового курсора, то теперь поступите противоположным образом. Наведите курсор на любую область картинки и зажмите левую кнопку мыши. Теперь ведите курсор в другую сторону. Когда размеры текстового блока вас устроят — отпустите кнопку.
3455750_rabotastextom4
Текстовый блок представляет собой четырехугольник со сторонами в виде пунктирных линий (после написания текста они исчезнут). В предыдущем случае текстовая надпись могла находиться в любой области изображения. Теперь же она не сможет выйти за пределы блока. И именно в этом случае хорошо чувствуется действие кнопок выравнивания, расположенных в панели настроек текста. С их помощью текст располагается по центру, справа или слева.

Как выделить текст в «Фотошоп»

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

Теперь разверните панель «Абзац» (текст должен быть выделен). Если она у вас не отображается, то включите её в меню «Просмотр». Именно в этой панели осуществляется редактирование текста в «Фотошопе», если он имеет большие размеры.
3455750_rabotastextom5
С находящимися в панели «Абзац» кнопками знаком любой верстальщик. Здесь задается отступ от края блока для всего текста или же первой строки каждого абзаца. Также можно выбрать выравнивание для всех абзацев или их последних строк.
3455750_rabotastextom6
На этом работа с текстом в «Фотошопе» не закончена. Если вы хотите получить очень красивое оформление, то стоит воспользоваться стилями слоя. Перейдите к своей прошлой работе, состоящей из короткой деформированной надписи. Откройте панель «Слои». Нажмите на слой с текстом, если вместо него выделен фоновый слой. Теперь кликните по кнопке «FX», располагающейся в нижней части панели. Выберите тот стиль, с которого хотите начать.

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

Как наложить текст в «Фотошоп»

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

Нажмите сочетание клавиш «Ctrl+A» или перейдите по пути «Выделение >> Всё». Затем нажмите комбинацию клавиш «Ctrl+C» или воспользуйтесь путем «Редактирование >> Копировать». Теперь откройте изображение, на которое вы хотите наложить созданную надпись. Когда это будет сделано — нажмите сочетание клавиш «Ctrl+V» или перейдите по пути «Редактирование >> Вставить». Воспользуйтесь инструментом «Перемещение», чтобы перетащить надпись в нужное место. Затем активируйте любой инструмент из группы выделения, после чего кликните по текстовому слою правой кнопкой мыши. В контекстном меню выберите пункт «Свободное трансформирование». Так вы сможете изменить размеры надписи (не забудьте зажать клавишу «Shift» для сохранения пропорций). Вы можете свободно увеличивать надпись, качество при этом не ухудшится.

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

Как удалить текст в «Фотошоп»

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

Еще по теме не пропустите

Комментарий к статье "Работа с текстом в «Фотошоп»"

Здесь вы можете добавить свой комментарий

Войти, чтобы написать комментарий .