Рейтинг@Mail.ru

Найти в Google:

Пользовательского поиска

Текст в Фотошопе и уроки работы с текстом

мая 29, 2009

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

Загрузим сохраненную работу, если не хотите делать новый документ. Если вы предполагали, что текст в Фотошопе это что-то сложное, то вы ошибаетесь. Сложностей здесь никаких нет. Вот давайте попробуем. Давайте зайдем в меню Слой – Стиль слоя – Параметры наложения и в меню Стиль слоя в Параметры наложения заказные оставим активными три пункта - Тень, Тиснение и Наложение градиента (по умолчанию):

Текст в Фотошопе и уроки работы с текстом

Это, конечно, не обязательно. Вы можете дать волю своей фантазии и поэкспериментировать со слоями, что даже нужно! Итак:
Активируем Слой3. Активируем на панели инструментов этот инструмент, называемый Горизонтальный текст (Horizontal Type):

Текст в Фотошопе и уроки работы с текстом

Фотошоп автоматом создает слой для текста, это Слой4. В верху под основным меню видим такую панель:

Текст в Фотошопе и уроки работы с текстом

Первое окошко с буквой Т можно не трогать. А вот дальше идет выбор шрифта. Щелкнем по треугольнику справа второго окошка. В выпадающем меню видим набор шрифтов с образцами начертания. Ну, выбирайте! И, как всегда, кроме стандартного набора шрифтов, можно установить любые по вашему вкусу. А их немеряно! Где искать? Да в Сети! Или скачивайте из раздела Шрифты для Photoshop, абсолютно безвозмездно!
Установить скачанные шрифты легко. Файлы шрифтов – это файлы такого вида:

Текст в Фотошопе и уроки работы с текстом

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

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

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

Текст в Фотошопе и уроки работы с текстом

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

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

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

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

Текст в Фотошопе и уроки работы с текстом

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

Текст в Фотошопе и уроки работы с текстом

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

О работе с графикой в Photoshop на странице - Инструменты компьютерной графики Photoshop


Кстати, тоже интересно:
3 комментария
  1. Марина пишет:

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

  2. Марина пишет:

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

  3. Сергей пишет:

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

Оставить комментарий

XHTML: Можно использовать такие теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">

Карта сайта