Текст в Фотошоп CS5 | Как создать свой сайт

Как сделать красивый текст в Фотошоп CS5

Май-29-2009 Автор: VeryOldMan

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

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

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

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

текст в Фотошопе

Активируем последний слой, кажется это был Слой 2, просто щелкнув на нем левой клавишей мышки. Затем активируем на панели инструментов (слева) этот инструмент, называемый Горизонтальный текст (Horizontal Type):

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

текст в Фотошопе

Первое окошко с буквой Т можно не трогать. А вот дальше идет выбор шрифта. Щелкнем по треугольнику справа второго окошка. В выпадающем меню видим набор шрифтов с образцами начертания. Это стандартный набор шрифтов. И, как всегда, кроме стандартного набора шрифтов, можно установить любые по вашему вкусу. А их очень и очень много! Где искать? В Интернете. Просто наберите в любом поисковике «скачать шрифты» и будет их вам в любом количестве и качестве.

Установить скачанные шрифты легко. Файлы шрифтов – это файлы такого вида:

Копируем файл, идем в панель Пуск операционной системы (если у вас, я надеюсь, Windows), далее Панель управления и Шрифты. Вставляем в открывшуюся папку скопированный файл. И все! Шрифт будет доступен как в Фотошопе, так и в любых текстовых редакторах.

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

Дальше идет деформация текста. Щелкаем курсором на значке, активируем окошко Стиль и выбираем форму деформации текста – хоть дугой хоть рыбой.

И последнее. Щелкнем по крайнему правому значку:

текст в Фотошоп CS5

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

А теперь выберем шрифт, например, Arial. Потому что он есть наверняка. Размер 60. Цвет белый. Я выберу. А вы как хотите! Не забывайте, что активным должен быть слой на котором вы делаете надпись.

Наводим курсор на то место, где должен быть текст надписи, щелкаем левой клавишей мыши и набираем надпись. Если что-то не нравиться заходим по команде Выделение (Select) главного меню и выбираем Все (Аll). Теперь можно переделывать, менять шрифт, размер и.т.д. Закончили писать? Жмем на панели инструментов любой инструмент, например Перемещение (Move).

Если текст будет не совсем там, где вам хочется – не беда! Его можно установить в любое место, потом. Написали? Теперь на панели инструментов активируем инструмент Перемещение (Move):

Ставим курсор на надпись, нажимаем левую клавишу мышки и не отпуская подвигаем туда-сюда. Теперь поставьте свою надпись в нужное место. Не очень точно? Поравняйте с помощью клавиатуры, клавишами со стрелками. Вот, что получилось у меня:

Стили текста для Фотошопа

К слою с текстом можно применить стандартные стили слоя и получить очень интересные эффекты. Давайте создадим новый файл с белым фоном. И сделаем на нем надпись. Хотя бы такую:

 Стили текста для Фотошопа

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

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

Стили текста для Фотошопа

Тень текста в Фотошопе

С помощью стиля Тень — можно сделать в Фотошопе объемный текст. Вот мы сейчас и сделаем теперь с помощью стилей слоя тень для нашей надписи. Для этого, в том же окошке. щелкнем на Тень:

Стили текста для Фотошопа

Вот что получилось. А с помощью меню Тень – Структура — Качество, можно редактировать наложение тени.

Обводка текста в Фотошопе

Точно так же просто можно в Фотошопе обвести контур текста. Для этого, в том же окошке. щелкнем на Обводка.

 Стили текста для Фотошопа

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

Как в Фотошопе сделать текст прозрачным

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

Стили текста для Фотошопа

Можете поэкспериментировать.

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

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

О работе с графикой в Фотошоп на странице — Инструменты Фотошопа






3 комментария
  1. Марина Пишет,

    И вообще с текстом ничего не вышло(

  2. Марина Пишет,

    «Дальше идет деформация текста. Щелкаем курсором на значке, активируем окошко Стиль и выбираем форму деформации текста – хоть дугой хоть рыбой.»- у меня почему то не активно(((((((((((

  3. Сергей Пишет,

    У меня Photoshop CS5. До этого урока всё работает отлично. Завтра продолжу занятия. Автору большое спасибо.

Добавить комментарий