Классы
Предметы
Важное замечание:

С помощью наших видеоуроков вы сможете:
1. Подготовиться к завтрашнему уроку в школе.
2. Научиться грамотно пользоваться компьютером на домашнем уровне.
3. Понять основные тенденции и логическую основу этой отрасли.

Но если вы хотите стать специалистом, обратитесь к таким сайтам, как Codecademy.com, Teamtreehouse.com, www.piktomir.ru.

Поскольку информатика (и всё, что с ней связано, — электроника, робототехника и т.д.) — быстроразвивающаяся отрасль, школьная программа по ряду тем может отставать от действительности.

Если вы специалист и хотите добавить актуальную информацию, снять дополнение к уроку, пишите нам на info@univertv.ru.

Работа с текстом. Трансформация

Тема: Средства и технологии в создании и обработке мультимедийной информации

Урок: Работа с текстом. Трансформация

 

1. Введение

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

2. Работа с текстом: инструмент Type Tool и палитра Styles

Создавать и добавлять на изображение надписи можно с помощью инструмента TypeTool (рис. 1) – Печать. А также с помощью палитры Styles (рис. 2) – Стили, которая позволяет применять к тексту различные стили.

Рис. 1

Рис. 2

3. Пример использования инструмента Type Tool и палитры Styles

Рассмотрим пример (рис. 3) добавления к изображению текста.

Для добавления текста воспользуемся инструментом Type. Выберем этот инструмент и щелкнем на изображении в том месте, где мы хотим разместить текстовую строку, затем введем текст (рис. 4).

Рис. 3. Исходное изображение

Рис. 4

Рис. 5. Панель свойств инструмента Type

В панели свойств данного инструмента мы можем изменить шрифт, начертание, размер и другое. С помощью инструмента Move Tool мы можем перемещать текстовую строку по изображению.

Когда мы ввели текст, в палитре Слои появился новый слой (рис. 6) с этим текстом.

Рис. 6

Рис. 7

К тексту можно применить один из стилей из палитры Стили. Для этого достаточно просто щелкнуть по одному из стилей. Кроме готовых стилей, можно создавать свои, для этого необходимо дважды щелкнуть на слой с текстом. В появившемся диалоговом окне Layer Style можно выбирать эффекты или их сочетание (например, Drop Shadow – отбрасывание тени), регулировать степень прозрачности (с помощью ползунка Opacity). По нажатию на Ок мы применяем внесенные изменения.

 

4. Инструмент Type Mask Tool

С помощью инструмента TypeMaskTool (рис. 8) – Маска печати – можно создавать выделение в виде текста. Рассмотрим пример (рис. 9).

Рис. 8. Инструмент Type Mask Tool

Рис. 9. Исходное изображение

Рис. 10

5. Пример использования инструмента Type Mask Tool

Для добавления выделения в виде текста сначала необходимо выделить слой с текстом и удалить первую букву (рис. 10). Затем из второго изображения вырежем букву. Выберем инструмент Type Mask Tool, щелкнем на изображении и введем букву (рис. 11).

Рис. 11

Если мы выберем инструмент Move Tool, то буква будет обведена пунктирной линией. Мы можем поместить букву на новый слой, выполнив команду Layer-New-Layer via Copy. Перетащим теперь слой с буквой на исходное изображение (рис. 12).

Рис. 12

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

6. Трансформация

Тексты мы можем подвергать трансформации, выполнив команду Edit-Transform, в открытом меню можно выбрать изменение масштаба, вращение, искажение и др. Трансформировать можно как надпись, так и фрагменты изображения. Рассмотрим пример трансформации. С помощью различных трансформаций попробуем превратить исходное изображение (рис. 13) в изображение коробки конфет.

Рис. 13. Исходное изображение

7. Примеры трансформаций

Сначала в палитре Слои дважды щелкнем на фон и превратим его в слой. Затем выделим все изображение и выполним команду Edit-Transform-Scale (масштаб) и уменьшим размеры изображения (рис. 14).

Рис. 14

Рис. 15

Затем поместим его в центр. Выполним команду Edit-Transform-Distort (искажение), с помощью данной трансформации мы можем каждую вершину прямоугольника перемещать независимо от других (рис. 15).

Создадим теперь боковые грани коробки, для этого выделим прямоугольник и закрасим его. Выполним команду Layer-New-Layer via Copy. Затем выделим прямоугольник Волшебной палочкой и выполним команду Edit-Transform-Distort, совместим вершины боковой грани с вершинами верхней части коробки (рис. 16).

Рис. 16

Аналогично создаем еще одну боковую грань коробки.

Рассмотрим теперь на примере (рис. 17) еще один вид трансформации – перспективу.

Рис. 17. Исходное изображение

Рис. 18

Под перспективой понимают искажение формы, размеров изображения определенным образом.

Выполним команду Edit-Transform-Perspective и переместим вершину. При выполнении будет перемещаться не только выбранная вершина, но и связанные с ней вершины (рис. 18).

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

8. Заключение

На данном уроке мы рассмотрели основные возможности работы с текстом, а также основные приемы трансформации изображения.

 

Список литературы

  1. Угринович Н.Д. Информатика-9. – М.: БИНОМ. Лаборатория знаний, 2012.
  2. Гейн А.Г., Юнерман Н.А. Информатика-9. – М.: Просвещение, 2012.
  3. Соловьёва Л.Ф. Информатика и ИКТ. Учебник для 9 класса. – СПб.: БХВ-Петербург, 2007.

 

Дополнительные рекомендованные ссылки на ресурсы сети Интернет

  1. Compartstudio.com (Источник).
  2. Adobeps.ru (Источник).
  3. Help.adobe.com (Источник).

 

Домашнее задание

  1. Как добавить текст на изображение в Adobe Photoshop?
  2. Каким способом мы можем корректировать внешний вид вставляемого текста?
  3. Какие команды предназначены для трансформации изображения?
  4. Что такое перспектива?
  5. Как в Adobe Photoshop придавать изображению перспективный вид?