Текст и контуры Занятие 7 Создание и работа с текстом и контуром. - презентация

1 Текст и контуры Занятие 7 Создание и работа с текстом и контуром

2 Создание и работа с текстом На этом занятии мы рассмотрим пропущенную группу инструментов и начнем с инструмента для создания текста. Конечно, программа Photoshop не является текстовым редактором, но при работе над изображением или над созданием в программе открытки нам может потребоваться создание небольшой надписи. Для этого используется инструмент Type (текст), который состоит из пунктов: Horizontal Type Tool (горизонтальный текст); Vertical Type Tool (вертикальный текст); Horizontal Type Mask Tool (горизонтальная текстовая маска); Vertical Type Mask Tool (вертикальная текстовая маска). Выбрав инструмент Type и щелкнув в области изображения, вы увидите, что в палитре Layer программа создала текстовый слой. На панели свойств можно выбрать шрифт, начертание, размер, тип сглаживания, тип выравнивания, цвет текста, применить к тексту различные деформации (см. Рис. 1). Последняя кнопка содержит палитры для редактирования текстовых объектов Character (символ) и Paragraph (абзац) ШрифтНачертаниеРазмерСглаживаниеВыравниваниеЦвет Деформация Рис. 1 Панель свойств

3 Задание 1. Создание надписи. 1.Откройте файл «07_04» из папки «img» (см. Рис. 1) щелчок на инструмент Type в списке шрифтов выберите Arial Black размер выберите 6 pt щелчок на кнопку Set the text color на панели свойств; мышь переместите на изображение гиацинтов и щелчком выберите цвет; в диалоговом окне Color Picker появится этот цвет; щелчок на ОК щелчок в точке ввода текста и ввести текст «Для тебя!» щелчок на кнопку Create warped text в диалоговом окне Warp Text в списке Style щелчок по строке Flag щелчок на ОК (см. Рис. 2). 2.Если нам не понравился результат, можно все отредактировать. Если ушли от инструмента Tape, то его надо снова активизировать навести указатель на первый символ текста, зажать левую клавишу мыши и выделить текст измените шрифт на Microsoft Sans Serif (или другой) измените размер, цвет и стиль Warp Text (например, Arc Lower) для перемещения текста зажмите клавишу Ctrl и с зажатой клавишей мыши переместите текст (см. Рис. 3) 3.Откройте файл «07_05» из папки «img» выберите инструмент Horizontal Type Mask выберите шрифт Arial Black размер шрифта 48 pt щелкните в точку ввода текста на изображении и введите слово заглавными буквами «ПРОЩАЙ!» щелчок на инструмент Move Tool (текст выделится) клавиша Delete выделенный текст окрасится цветом заднего плана (см. Рис 4) в палитре History щелчок на строку Tape Mask Tool Ctrl + Shift + I (инвертировать выделение) изменить цвет заднего плана клавиша Delete Ctrl+D (снять выделение) (см. Рис. 5). Вот так все просто! Фантазируйте! Рис. 1 Гиацинты Рис. 2 Текст Рис 3 Корректировка текста Рис. 4 Текст – маска (вариант 1) Рис. 5 Текст – маска (вариант 2)

4 Создание контура. Для создания контуров используется инструмент перо Контур – очертания какого-либо объекта. Он состоит из опорных точек, соединенных прямыми или кривыми линиями – сегментами. Сами контуры невидимы, но им можно задать обводку и заливку. Как говорит автор курса «Фотошоп с нуля в видеоформате» Зинаида Лукьянова (сайт «Если вы хорошо поймете тот инструмент, о котором пойдет речь в этом уроке, то вы сможете считать себя уже почти мастером. Потому что мы подошли к изучению самого сложного и запутанного инструмента в Фотошоп - это перо, но в тоже время самого интересного и даже стильного, так как в последнее время многие современные дизайнеры пользуются именно им». (см. Рис. 1) Кнопка перо содержит пять инструментов: Pen Tool – основной инструмент для создания контуров; Freeform Pen Tool – произвольный контур; Add Anchor Point Tool – добавить опорную точку; Delete Anchor Point Tool – удалить опорную точку; Convert Point Tool – преобразовать опорную точку. Фигуры, созданные инструментом Pen, хранятся в палитре Path. Она предназначена также и для редактирование контура. Ну что ж, попробуем разобраться в деталях. Рис.1

5 Прямолинейный сегмент Детали контура. Как же получаются точки излома (или опорные точки) и сегменты (см. Рис. 1)? Выбрав инструмент Pen, сделать щелчок, переместить мышь, сделать еще один щелчок (получим две опорные точки и сегмент). Чтобы сделать криволинейный сегмент, мышь не отпускаем и перемещаем в нужном для криволинейного сегмента направлении. Для продолжения создания контура снова щелкаем мышью и получаем новый сегмент. Чтобы закончить работу с контуром, но оставить его открытым, нажмите клавишу Ctrl и щелкните мышью вне контура (см. Рис. 2). Чтобы замкнуть контур, щелкните по первой узловой точке (см. Рис. 3). Рис.2 Открытый контур Рис.3 Закрытый контур Контуры отображают, открывают, закрывают, сохраняют и удаляют с использованием палитры Paths (контур). Новый контур, построенный с помощью инструмента Реn, автоматически получит название Work Path и будет сохранен вместе с файлом. Однако следующий созданный вами контур заменит существующий. Чтобы не допустить этого, дважды щелкните по имени контура, введите новое имя и щелчок на ОК (см. Рис. 4). Изменить контур можно, добавляя, удаляя или изменяя тип опорных точек с помощью команд Add Anchor, Delete Anchor, Convert Point Tool. Прямолинейный сегмент Рис. 1 Детали контура Рис. 4 Палитра Path

6 Задание 2. Инструмент Pen. Волшебные елки. 1.Откройте файл «07_12» из папки «img» щелчок на инструмент Pen на панели свойств щелчок на кнопку Paths отобразим сетку с помощью меню (вид), команды (показать) и щелчка по строке (сетка) выберите точку на изображении (вершина елки) и, удерживая клавишу Shift, щелкайте по точкам пересечения на сетке так, чтобы получилась елочка (сетка поможет соблюдать симметрию), последнюю точку соединить с первой. Таким образом вы получили контур елки (см. Рис. 1). 2.В палитре Paths правый щелчок на строке Work Path щелчок по команде Make Selection (сделать выделение) в диалоговом окне нажать ОК Ctrl + Shift + I (обратить выделение) клавиша Delete для очистки фона (см. Рис. 3). Получилось? Сделайте Ctrl+ для снятия сетки (или меню View Show Grid). 3.В палитре History щелчок на иконку с исходным файлом в палитре инструментов щелкните на инструмент для выбора формы выберите Custom Shape Tool (см. Рис. 3) на панели свойств в списке Shape (формы) выбрать Nature (природа) в диалоговом окне щелчок на ОК выбрать форму Tree (дерево), с помощью мыши прорисовать на изображении дерево и повторить п. 2. Должно получиться (см. Рис. 4). Рис. 1 Ромашки Рис. 4 Волшебная елка 2 Рис. 2 Волшебная елка 1 Вот такой зимний пейзаж сделал из фигуры Tree и других фигур автор учебного пособия «Основы графического дизайна в Photoshop CS3» Аббасов И.Б. Попробуйте нафантазировать свой пейзаж. Рис. 3

7 Задание 3. Pen – фантазии. Рис. 1 Рис 2 Рис 3 Рис 4 1.Создайте новый файл размером 190х280 pixels щелчок на инструмент Gradient Tool на панели свойств выберите образец градиента и тип градиента на «холсте» щелкните в начальной точке и протяните мышь в конечную точку щелчок на инструмент Brush в палитре Brush выбрать набор Calligraphic Brushes выбрать кисть Oval 20 pix и установите размер 7-8 pix выберите цвет основного фона щелчок на инструмент Pen на панели свойств щелчок на кнопку Paths (путь) щелчок в начальной точке будущей ленты установите указатель немного ниже, зажмите левую клавишу и сделайте плавный изгиб с помощью мыши (вы получили первый сегмент контура) перемещая ниже и ниже мышь и делая изгибы, создадим контур ленты желаемой длины щелчок на палитру Paths правый щелчок на строке Work Path (рабочий контур) щелчок по команде Stroke Path (обвести контур); в диалоговом окне в списке выбрать строку Brush (если там другой инструмент); щелчок на ОК (контур превратится в ленту) щелчок на клавишу Delete для удаления контура (а лента останется) меняя основной цвет и кисть сделайте несколько лент (см. Рис. 1). 2.Откройте файл «07_06» из папки «img» сделайте выделение овалом Ctrl + C (копировать) щелчок по изображению с лентами Ctrl + V (вставить) в палитре Layer установите Opacity 30% – 35% (см. Рис. 2) 3.Откройте файл «07_05» из папки «img» инструментом Pen создайте контур по крышам домов (см. Рис. 3) щелчок на палитру Path правый щелчок на строке Work Path щелчок по команде Make Selection (сделать выделение) Ctrl + C (копировать) создайте новый файл 550х300 pixels Ctrl + V (вставить) щелчок в меню Edit щелчок по команде Fill в списке Use выбрать Pattern; в списке Custom Patterns выбрать образец ОК (см. Рис. 4) Вот такие фантазии на тему инструмента Pen. А придумайте-ка что-нибудь сами поинтересней! контур

8 Задание 4. Корректировка контура. Рис.1 Контур до корректировки Рис. 3 Конь А не возник ли перед вами вопрос, зачем нам рисовать эти контуры, когда есть инструменты Pen и Brush? А я вам скажу, что этими инструментами трудно сделать такие плавные кривые (они, кстати, называются кривые Безье), как инструментом Pen. А еще мы можем их корректировать и делать просто неповторимые узоры. Напомню, что пока вы не выполнили обводку контура, он невидим на слое, а видим мы его и работаем с ним в палитре Paths. Рис.2 Контур после корректировки 1.Создайте новый документ размером 400х300 выберите инструмент Pen и создайте любой контур (см. Рис 1) в группе инструментов Pen выберите команду Add Anchor (добавить узловую точку щелкните по сегменту, в котором добавляете точку и, зажав клавишу мыши, придайте сегменту желаемый вид для удаления точки выберите команду Delete Anchor (удалить узловую точку ) подведите мышь к точке, сделайте щелчок и узловой точки не станет для превращения криволинейного сегмента в прямолинейный (и наоборот) надо преобразовать узловую точку, выбрав команду Convert Point (преобразовать узел ) мышь подведите к нужной точке и щелкните выберите основной цвет и выполните обводку: правый щелчок на строке Work Path в палитре Paths и щелчок по команде Stroke Path (см. Рис 2, были использованы все команды). Очень забавные штучки можно сделать из контуров. 2.Согласитесь, что в этих контурах нет особой идеи. Но посмотрите на Рис. 3 и Рис. 4. Жителям Санкт-Петербурга хорошо знакомы эти фигуры. Для создания этих фигур можно использовать такой же прием, который вы освоили при выполнении Задания 3 и пункта 3 (конечно, надо иметь нужные изображения). Попробуйте сделать контуры, используя изображения «07_10», «07_03» (а можно и другие) или сделать такие же завитушки, как на Рис. 5. Помучайтесь. У вас все получится. Рис. 3, 4 и 5 взяты с сайта города Санкт-Петербург ( дизайн которого разработала студия Артемия Лебедева, человека творческого и популярного. Сделаем еще маленький шаг к вершине знаний. Рис. 4 Лев Рис. 5 Фрагмент с сайта

9 Задание 5. Инструмент Freeform Pen. Создание контуров инструментом Freeform Pen похоже на рисование карандашом на листе бумаги. Опорные точки расставляются автоматически, Созданный контур можно отредактировать. Как практически использовать этот инструмент? 1.Например, чтобы направить текст по неповторимому пути (см. Рис. 1). Создайте новый файл размером 400х250 пикселей выбрать инструмент Freeform Pen щелкните мышью на холсте ведите мышь, создавая желаемый контур для окончания нажать клавишу Enter щелчок на инструмент Horizontal Type Tool мышь навести на контур и, когда она примет вид, щелкните на панели свойств установите шрифт, размер и цвет (для Рис. 1 выбран Comic Sans MS, размер 20 pt, цвет – черный) вводите свой текст или текст из Рис. 1. Удалите путь, щелкнув в палитре Paths на строчку Work Path и клавиша Delete. Рис. 1 Рис. 2 Рис. 3 2.Откройте файл «07_03» из папки «img» щелчок на инструмент Freeform Pen на панели свойств, если нет галочки у поля Magnetic, то сделайте по этому полю щелчок щелкните в какой-либо точке вазы и ведите мышью по краю вазы, создавая ее контур, щелчок на инструмент Path Selection Tool мышь подведите к контуру и, зажав левую клавишу, переместите контур на изображение с текстом в палитре Paths сделать правый щелчок выбрать команду Make Selection щелчок на инструмент Gradient Tool (активным должен быть слой Background) на панели свойств выбрать тип градиента и залить выделенную область (см. Рис. 2). Сделайте самостоятельно Рис. 3.

10 На этом занятии вы: 1.Изучили инструменты для создания текста и контуров. Познакомились с назначением и настройками этих инструментов. Узнали детали контуров. 2.Приобрели опыт для создания надписей и применили некоторые эффекты к тексту. 3.Помучились с инструментами Pen и Freeform pen, воспользовались готовыми формами для создания контура, совсем немного пофантазировали и практически использовали свои фантазии. 4.Потренировались на корректировке контуров и сделали еще шажок к вершинам знаний Photoshop. И ангела можно сделать с помощью контуров.