| ←Предыдущий раздел | К оглавлению↑ | Следующий раздел→ |
Создайте новое изображение 100х700 пикселей с белым фоном, для чего командой <Ctrl>+N вызовите диалоговое окно Новый и введите параметры, как на изображении ниже. Нажатием клавиши Dустановите черный и белый основной и дополнительные цвета.
Рис. 1. Диалоговое окно создания нового файла
Текстовые блоки
При простом вводе текста, рассмотренном нами в предыдущем подразделе, текстовая строка ничем не ограничена, а переход па новую строку будет производиться только при нажатии на клавиатуре клавиши <Enter>. Но иногда нужно, чтобы текст размещался внутри заданной области на определенном месте изображения. Вручную подгонять длину строк, во-первых, трудоемко, во-вторых, если потом внести в текст, поправки, либо изменить его форматирование, то разбивка на строки собьется.
В Adobe Photoshop предусмотрен другой способ ввода для решения подобных задач. Это – блочный ввод. Если пользоваться блочным вводом текста, то перед началом ввода сразу после выбора текстового инструмента нужно при нажатой левой кнопке мышки очертить прямоугольную область, которую мы выделяем под текст.
Рис. 2. Очерчивание области размещения текстового блока. Сразу после отпускания левой кнопки мышки программа перейдет в режим ввода/редактирования текста
После отпускания кнопки мышки, будет создана область под текст, и программа перейдет в режим редактирования/ввода текста, а граница текстового блока будет отображаться пунктиром. При достижении ее текстом он будет автоматически перетекать на следующую строку, как это бывает в любом текстовом редакторе. При последующем редактировании и форматировании текста в блоке он будет автоматически переверстываться.
Рис. 3. Текстовый блок при его редактировании или вводе текста отображается пунктирным прямоугольников с четырьмя рукоятками по углам и серединам сторон
Следует учесть, что, если весь текст не войдет в текстовую область, то его не вошедший остаток будет попросту не виден. В таком случае нужно вручную потянуть за нужную рукоятку (их у текстового блока восемь – четыре по углам и четыре по сторонам блока), чтобы расширить текстовый блок.
Рис. 4. Изменение размеров текстового блока перемещением любой из восьми его рукояток
Текстовые блоки позволяют просто и достаточно удобно создавать текстовые колонки, обтекающие изображение, готовить листовки и буклеты. Конечно, возможности текстовых редакторов и издательских систем позволяют гораздо большее, но для рекламных, например, листовок, объявлений, визиток и многой другой продукции, содержащей не слишком большое количество текста, но делающих упор на графическое оформление, нет необходимости использовать одновременно много разных программных средств – все можно делать в Adobe Photoshop.
Размещение текста по контуру
В последних версиях Adobe Photoshop появилась возможность размещения текста вдоль кривой, создаваемой контуром, как это давно было реализовано в редакторах векторной графики. Текст в Adobe Photoshop можно расположить вдоль контура, о которых говорится в одном из разделов данного курса, а также вдоль границ фигур и объектов, границы которых также по существу контуры.
Размещение текста по контуру продемонстрируем на примере.
1. Выберем инструмент Эллипс. В падающем меню панели настройки параметров данного инструмента выберем строку Контуры, включив режим создания только выбранной контура в форме фигуры.
2. Нажав на клавишу <Shift>, построим контур правильной окружности.
Рис. 6. При построении эллипса нажмем на клавишу <Shift>,
что позволит начертить контур правильной окружности
3. Выберем инструмент Горизонтальный текст (
) и настроим шрифт, размер символов, начертание и. возможно, другие параметры.
) и настроим шрифт, размер символов, начертание и. возможно, другие параметры.
4. Указатель мышки поднесем к контуру, чтобы он принял вид 
(Текст на контуре).
(Текст на контуре).Рис. 7. Вид указателя мышки в режиме инструмента
Горизонтальный текст при подведении его к контуру
Щелкнув левой кнопкой мышки, установим курсор и начнем вводить текст, который будет обегать вдоль контура. При этом можно менять шрифт, размер м начертание символов и тому подобное.
Рис. 8. Установив курсор на контуре набираем текст,
который будет располагаться вдоль контура
5. Текст можно передвинуть вдоль контура для того, чтобы расположить его так, как нам нужно. Выберите инструмент Выделение контура (
) или инструмент Выделение узла (
). Подведем курсор мышки к введенному тексту, чтобы он принял вид иконки 
, и передвинем текст по контуру, нажав левую кнопку мышки и не отпуская ее, пока не закончим передвижение текста в нужное место контура.
) или инструмент Выделение узла (). Подведем курсор мышки к введенному тексту, чтобы он принял вид иконки , и передвинем текст по контуру, нажав левую кнопку мышки и не отпуская ее, пока не закончим передвижение текста в нужное место контура.
Рис. 9. Текст передвинут в нужное место контура инструментом Выделение контура
Рис. 10. Пример нескольких текстов, которые расположены
по своим разомкнутым контурам
Инструменты «Горизонтальная текст-маска» и «Вертикальная текст-маска»
Для этого раздела понадобятся фотографии. загрузите их с этой страницы с иллюстраций ниже или выберите свои фотографии.
Рис. 11, 12, 14. Чтобы загрузить каждую фотографию, нажмите на нее правой кнопкой мышки, в появившемся контекстном меню выберите команду Сохранить картинку как… и выберите папку, куда должна сохраниться картинка
В Adobe Photoshop имеется инструмент, позволяющий создавать текст, символы которого являются выделенной областью. Это инструменты Горизонтальная текст-маска (
) и Вертикальная текст-маска (
). Набор и редактирование текста во время набора этими инструментами практически ничем не отличаются от такового при работе, соответственно, инструментами Горизонтальный тексти Вертикальный текст за тремя исключениями. Во-первых, назначение цвета текста здесь не играет роли. Во-вторых, как только мы завершим набор текста, нажав клавишу <Ctrl>+<Enter> или на кнопку завершения редактирования текста (
) на панели настройки инструмента печати, расположенной под главным меню, текст превращается в выделение, контурами которого являются контуры символов набранного текста. И, в-третьих, набор и редактирование текста этими инструментами производится в режиме Быстрая маска, когда текст будет прозрачным (то есть, сквозь символы будет виден фон), а фон залит 50% красного цвета.
) и Вертикальная текст-маска (). Набор и редактирование текста во время набора этими инструментами практически ничем не отличаются от такового при работе, соответственно, инструментами Горизонтальный тексти Вертикальный текст за тремя исключениями. Во-первых, назначение цвета текста здесь не играет роли. Во-вторых, как только мы завершим набор текста, нажав клавишу <Ctrl>+<Enter> или на кнопку завершения редактирования текста () на панели настройки инструмента печати, расположенной под главным меню, текст превращается в выделение, контурами которого являются контуры символов набранного текста. И, в-третьих, набор и редактирование текста этими инструментами производится в режиме Быстрая маска, когда текст будет прозрачным (то есть, сквозь символы будет виден фон), а фон залит 50% красного цвета.
Рис. 15. Во время набора и редактирования текст в соответствие с режимом «Быстрая маска» будет прозрачен, а фон – залит 50% красного цвета
Как мы уже говорили, завершить ввод можно нажав клавишу <Ctrl>+<Enter> или на кнопку завершения редактирования текста (). После этого набранный текст превращается в выделение, которое уже нельзя редактировать текстовыми инструментами, но можно менять, как и любую выделенную область, командами меню Выделение (например, инверсия выделения, растушевка, трансформирование выделения) или инструментами рисования в режиме Быстрая маска (например, кистью подправить края букв, исказить, размыть и тому подобное).
). После этого набранный текст превращается в выделение, которое уже нельзя редактировать текстовыми инструментами, но можно менять, как и любую выделенную область, командами меню Выделение (например, инверсия выделения, растушевка, трансформирование выделения) или инструментами рисования в режиме Быстрая маска (например, кистью подправить края букв, исказить, размыть и тому подобное).
Рис. 16. По окончанию ввода текста он превратился в выделение
А с самим выделение сделать можно очень многое. Рассмотрим, например, некоторые идеи.
1. Можно через меню Изображение – Коррекция изменить выделение, или, инвертировав выделение, – изменить остальную часть (фон).
Рис. 17. Выделенная область высветлена
Рис. 18. Выделение инвертировано и высветлено
Рис. 19. Фон вокруг букв высветлен и обесцвечен
2. Скопировать выделение или его инверсию и вставить его в другое изображение (тогда можно получить текст из песчаных, каменных, деревянных, кирпичных или каких-либо других букв).
Рис. 20. Выделение скопировано в буфер обмена и вставлено в другое изображение. Добавлен эффект «Тень»
Рис. 21. К вставленному в другое изображение выделению применены эффекты «Внешнее свечение» и «Тиснение»
Рис. 22. Буквы выделения скопированы из другого изображения и вставлены. Добавлен эффект «Внутренняя тень»
Рис. 23. Выделение текста сделано на фотографии каменистого берега горной реки, перенесено на другое фото и к нему применен эффект «Тиснение»
Рис. 24. Снятое сквозь лед дно горной речки. На буквы наложен эффект "Тиснение"
3. Сделать обводку выделения и получить контур букв текста.
Рис. 25. Обводка контура выделения
4. В целях художественного оформления обложки книги или презентации скопировать выделенную область изображения на новый слой и применить к ней эффекты, например, свечение, тень, тиснение. В некоторых случаях это будет смотреться эффектно.
Рис. 25. Выделение скопировано на новый слой и к нему применен эффект «Тень»
Рис. 26. К скопированному на новый слой выделению применен эффект «Тиснение»
5. Используя выделения как маску для кисти или карандаша закрасить его разными красками. На белом фоне и при соответствующем подборе палитры можно получить очень красивые заголовки.
Рис. 27. Раскрашиваем выделенную область букв инструментом Кисть разными цветами
6. Просто инвертировать выделенную область или, инвертировав выделение, инвертировать фон.
Рис. 28. Инвертирование выделенной области
Рис. 29. Инверсия выделения и инвертирование фона
7. Преобразовав выделение в контур можно применить к нему фильтр Огонь…
Рис. 30. «Огненные руны»
Рис. 31. Другой вариант «Огненных рун»
Вопросы для самоконтроля
- Назовите все способы размещения текста на изображении.
- Какую длину может иметь строка текста при обычном его размещении на изображении? А в блочном тексте?
- Что такое "текстовые блоки"?
- Как разместить на изображении текстовый блок?
- Что происходит, если текст не вмещается в текстовый блок? Как исправить это?
- Назовите преимущества размещения текста на изображении в текстовых блоках.
- Как разместить текст, чтобы его символы "направллялись вдоль кривой?
- Что значить "размещение текста по контуру"?
- Что нужно сделать, чтобы линия текста изгибалась по окружности?
- Как передвинуть начало текста, размещенного вдоль контура кривой?
- Как работают инструменты Горизонтальная текст-маска и Вертикальная текст-маска?
- Как набирается и редактируется текст в режиме Горизонтальная текст-маска и Вертикальная текст-маска? Как в данных режимах завершить набор или отказаться от него?
- Что можно сделать в областью выделения после набора текста в режиме Горизонтальная текст-маска или Вертикальная текст-маска?
Задание для самостоятельной работы
- Повторите операции, проиллюстрированные на примерах данного подраздела.
- Разработайте и реализуйте дизайн рекламного листка, используя текстовые блоки.
- Придумайте и реализуйте пример, когда текст запускается по овалу и по разомкнутому контуру.
- Попытайтесь придумать примеры применения инструменты Горизонтальная текст-маска и Вертикальная текст-маска и попытайтесь реализовать некоторые из них на выбранных Вами изображениях.
- Проработайте проект, где бы потребовалось реализовать все способы размещения текста на изображении. Подготовьте карандашный эскиз, подберите исходные фото и попытайтесь реализовать его.
| ←Предыдущий раздел | К оглавлению↑ | Следующий раздел→ |
Комментариев нет:
Отправить комментарий