Обучение графическому дизайну в программе Adobe Photoshop учащихся 9 класса средней общеобразовательной школы

2. Беседа, объяснение материала - 30 мин.

3. Самостоятельная работа - 20 мин.

4. Перерыв - 10-15 мин.

План 2 урока:

1. Объяснение нового материала - 20

2. Самостоятельная работа - 30 мин.

3. Перерыв - 10 мин.

План 3 урока:

1. Продолжение работы - 30 мин.

2. Просмотр работ, исправление ошибок - 10 мин.

3. Завершение работы, оценка результатов- 3 мин.

4. Задание на дом - 1 мин.

Текст Type Tool (Текст) - это инструмент Фотошопа, представляющий собой набор векторных объектов и математических фигур для определения символов шрифта. Type Tool расположен на Панели инструментов в Photoshop в виде буквы Т.



Если кликнуть на значок «T» - текст и удерживайте клавишу мыши, раскроется меню выбора и вы увидите четыре варианта этого инструмента:

- «Горизонтальный текст»\Horizontal Type - обычный текст по умолчанию. Пишет тем цветом, который выбран в качестве Foreground Color (Цвет переднего плана), по горизонтали.

- «Вертикальный текст»\Vertical Type - текст в вертикальном направлении, полезный, чтобы написать на восточных языках, таких как японский или китайский или если Вы хотите экспериментировать с типографским проектом.

- «Горизонтальный текст-маска»\Horizontal Type Mask -создание быстрой маски, написание горизонтальным выделением (ниже мы рассмотрим более подробно).

- «Вертикальный текст-маска»\ Vertical Type Mask - написание вертикальным выделением.

Создание текстового слоя. Есть два способа создать текстовый слой: Point Type: выбираем текстовый инструмент и щёлкаем курсором в том месте, где хотите написать текст. На месте щелчка появится мигающая вертикальная палочка, иными словами - курсор. После того, как введёте текст, нажмите на галочку на панели параметров (применить текущую правку) или кликнув один раз на слое с текстом, или нажмите сочетание клавиш Ctrl+Enter, можно также нажать Enter на цифровой клавиатуре. Если Вы просто нажмёте Enter, то курсор перейдёт на следующую строку, предлагая продолжать ввод текста.

Paragraph Type: создание текстового слоя в рамке выделения, довольно полезно и для печати и для веб-дизайна. Используя инструмент Type, выделите для текста место, начиная с верхнего левого угла тяните курсор по диагонали до правого нижнего, вводите текст и нажимаете Ctrl+Enter, чтобы применить. Текст можно не только вводить (с клавиатуры), но и вставлять из других редакторов.

Не имеет значения, есть ли фоновое изображение, или любой другой объект, инструмент «Текст» создаст новый слой для нового текста.Если Вы, завершив ввод текста, посмотрите на палитру Слои (Layers), то обнаружите, что ваша надпись находится на новом слое, обозначенном буквой «Т».

Перемещение и трансформирование. Вы можете изменять размеры и перемещать каждый текстовый слой как любой другой при помощи инструмента «Перемещение»\Move Tool. При помощи команды «Свободное трансформирование»\Free Transform вы можете изменять размеры текста, поворачивать, деформировать и искажать.Так же вы можете изменять размер текста при помощи рамки выделения Paragraph Type: квадратики по углам прямоугольника и в середине отрезков называются узлами, путём их перетаскивания можно выполнить любое преобразование выделенного текста, чтобы сохранить пропорции, удерживаем клавишу Shift.

Изменить размер (Resize) Выберите инструмент «Текст» и щёлкните по текстовому слою.

Кликните и тяните узелок, чтобы изменить размеры рамки редактирования.

Поворот (Rotate) Поместите курсор вне рамки редактирования до изменения курсора в изогнутую стрелку.



Угол (Skew) Удерживая Ctrl, тяните узелок

Форматирование текста. Итак, если вы откроете Окно > Символ (Window > Character) перед вами откроется палитра Символ (Character), весьма полезная при работе с текстом. На этой палитре вы можете делать следующее:Font Family, Font Style - выбирать гарнитуру и начертание шрифта.Font Size - настраивать размер шрифтаText Color - изменять цвет

Kerning - настройка расстояний между символами внутри заданных пар. Тracking - задавать межзнаковое расстояние.

Vertical and Horizontal Scaling - масштабировать вертикально и горизонтально. Вы можете изменять размер текстового слоя в окне Vertical Scalе и Horizontal Scalе.

Baseline Shift - поднимать знаки над строкой, это полезно, если вы хотите переместить часть текста выше или ниже основания остальной части текстового слоя.

Faux Bold и Faux Italic

Faux Bold (полужирный): Эта функция полезна в том случае, если для выбранного вами шрифта отсутствует полужирный вариант. Щёлкните на кнопке Faux Bold, и текст будет написан полужирным шрифтом.

Faux Italic (курсив). Если для выбранного вами шрифта отсутствует вариант курсива, просто щёлкните кнопку Faux Italic, и вы получите текст, написанный курсивом.

Варианты шрифта и текстовое оформление (Font Variants and Text Decoration).

All Caps (Верхний регистр). При нажатой кнопке All Caps все символы будут отбражаться в верхнем регистре, как если бы вы нажали клавишу Caps Lock.

Small Caps (Капители). Нажатие этой кнопки приводит к написанию капительными буквами, начертание в гарнитуре, в которой строчные знаки выглядят, как уменьшенные прописные.

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

Superscript (Верхний индекс)

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

Strikethrough (Перечёркивание). При помощи этой функции создаётся горизонтальная линия посередине строки.



Anti-aliasing. Способ сглаживания текста. Назначение этого параметра - устранить неровности мелких шрифтов. Есть варианты сглаживания: нет, резкое, чёткое, насыщенное, плавное.

Leading. Эта функция позволяет настраивать расстояние между строками.



Обзор палитры Paragraph (Абзац) Window > Paragraph (Окно > Абзац)

Рассмотрим способы выравнивания текста в Photoshop.Align (Выравнивание текста). Как хорошо видно на кнопках, вы можете выбрать выравнивание текста по левому краю, центру и правому краю

Justification (Интервалы) и Hyphenation (Перенос) - в эти диалоговые окна можно войти, нажав стрелочку в верхнем правом углу палитры Paragraph (Абзац).



Деформация (Warp) текста. Одна из самых сильных особенностей инструмента «Текст» - способность деформировать любой текстовый слой, согласно вашим пожеланиям. Чтобы деформировать текстовый слой нажимаем кнопку «Создать деформированный текст»(Create Warped Text) на панели параметров. Перед вами появится окно параметров Warp Text

В списке Style (Стиль) можете выбрать вариант искривления.

Переключатель Горизонталь\Вертикаль (Vertical or Horizontal) применяет выбранный стиль в горизонтальной или вертикальной плоскости.

Регулятор Bend (Степень) определяет степень искривления Регуляторы «Горизонтальное и Вертикальное Искривление» (Horizontal and Vertical Distortion) дополнительно деформируют текст в горизонтальной и вертикальной плоскостях.

Ниже приведён пример того, как деформировать текст при использовании деформации Arc Warp при различных значениях Bend (Степень) и Distortion.



Вы можете попробовать различные варианты деформации текста, но вы не сможете применить деформацию, если ранее применяли Faux Bold и Faux Italic.

Текст по Контуру (Type on a Path) Одной из самых важных возможностей Photoshop стало размещение текста по контуру.

Создайте любую кривую, причем это может быть как пользовательский контур, так и любая из автофигур. Подведите к нему курсор текстового инструмента. Указатель мыши изменит вид. Теперь можно ввести текст.

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

Инструмент Текст-маска (Type Mask Tool)

Осталось обсудить ещё два инструмента: «Горизонтальный текст-маска»\Horizontal Type Mask и «Вертикальный текст-маска»\ Vertical Type Mask.

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



План-конспект урока 7

Задачи:

Образовательные:

1. Ознакомить учащихся с понятием «Фильтр», рассказать для чего он нужен.

2. Сделать обзор фильтров

Ожидаемый результат:

Учащиеся должны придумать и создать коллажа на тему "Времена года" и/или "Обложка календаря".

План 1 урока:

1.Организационная часть - 1 мин.

2. Беседа, объяснение материала - 30 мин.

3. Самостоятельная работа - 20 мин.

4. Перерыв - 10-15 мин.

План 2 урока:

1. Продолжение работы - 30 мин.

2. Просмотр работ учеников -5 мин.

3. Завершение работы, оценка результатов- 5 мин.

4. Задание на дом - 1 мин.

Фильтры

Фильтр - инструмент для изменения изображения. Под изменением может пониматься размытие или усиление резкости, стилизация, усиление рельефа, изменение цветовой гаммы и многое, многое другое. Все фильтры представлены в соответствующем меню Filter:

Причём, обратите внимание, на представленной выше картинке красной рамкой отмечены стандартные фильтры, синей - скачанные и установленные дополнительно. Сегодня мы будем говорить только о стандартных фильтрах. Дополнительных же существует огромное множество. Некоторые из них платные, другие нет.

Художественные фильтры (Artistic Filters)

В этом разделе находится 15 фильтров:



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

В этом окне вы можете не только настроить выбранный фильтр, но и перейти к другому фильтру из текущей (или даже из другой) группы. Однако не все группы фильтров представлены в этом окне, некоторые имеют собственный интерфейс. Речь сейчас идёт о таких группах фильтров, как Blur (размытие), Noise (Шум), Pixelate (Пикселизация), Render (Визуализация), Sharpen (Резкость), Video (Видео) и Others (Другое).

А теперь рассмотрим о каждый фильтр в отдельности.

Colored Pencil (Цветной карандаш). Имитирует зарисовку цветным карандашом:

Cutout (Силуэт). Упрощает изображение до силуэтов:

Dry Brush (Сухая кисть). Имитация рисунка сухой кистью:

Film Grain (Зернистость фотоплёнки). Накладывает на картинку зерно, которое появляется при видеосъёмке на плёночную камеру:

Fresco (Фреска). Имитация фресковой живописи:

Neon Glow (Неоновое свечение). Создаёт неоновое свечение по контурам объектов на изображении.

Paint Daubs (Мазня краской). Создаёт эффект размазанной картины

Palette knife (Шпатель). Имитация изображения, нанесённого шпателем.

Plastic Wrap (Полиэтиленовая обёртка). Создаёт ощущение, что картинку запихнули внутрь полиэтиленового пакета или плёнки.

Poster Edges (Очерченные края). Усиливает контуры картинки



Rough Pastels (Пастель). Эффект рисунка пастелью

Smudge Stick (Растушевка). Эффект плавного, мягкого изображения

Sponge (Губка). Эффект изображения, нанесённого на губку

Underpainting (Рисование под поверхностью). Создаёт эффект рисунка под заданной поверхностью

Watercolor (Акварель). Эффект рисунка, выполненного акварелью

Фильтры размытия

Это интересная и важная группа фильтров. Все они размывают изображение определённым способом. Скорее всего, вы довольно часто будете использовать фильтры этой группы, поэтому полезно знать, какой из них за что отвечает.

Average (Усреднение). Определяет средний цвет изображения или выделенной области и производит им заливку.

Blur (Размытие). Размывает изображение. Не имеет настроек.

Blur More (Размыть сильнее). Тоже самое, что Blur, только сильнее.

Box Blur (Кубическое размытие). Размывает ближайшие друг к другу пиксели (получается что изображение размывается как бы квадратами). Позволяет получать интересные эффекты. Хорош для создания плавных переходов и фонов.

Имеет один параметр - Radius, определяющий силу размытия:

Gaussian Blur (Размытие по Гауссу). Наиболее часто используемый тип размытия. В отличии от Box Blur размывает изображение плавно. Также имеет только параметр Radius:

Motion Blur (Размытие в движении). Как ясно из названия, создаёт эффект движения за счёт размытия картинки.

Здесь всего 2 параметра:

· Angle - угол, под которым изображение будет размываться.

· Distance (Дистанция). Собственно сила размытия.

Shape Blur. Размытие по заданной форме:

Выбираете форму и силу размытия.

Smart Blur (Умное размытие). Размывает только близкие по тону участки, оставляя резкие и контрастные переходы не тронутыми. Иногда неплохо справляется с маскировкой мелких дефектов кожи или других поверхностей.

· Radius. Сила размытия.

· Threshold (Выборка). Определяет область, которую требуется размыть. Чем больше это значение, тем более резкие области будут подвержены действию фильтра.

· Quality (Качество).

· Mode (Режим).

ПРИЛОЖЕНИЕ 2

Логотипы

Наружная реклама

Рис. 15. Визитные карточки



Американская школа рекламной графики (30-50-е годы)

Русский конструктивизм (20-е годы)

Швейцарская школа графики (50-70-е годы)

Польская школа плаката (50-70-е годы)

Японская школа плаката (60-80-е годы)

Рис. 30

Рис. 31

Размещено на Allbest.ru

...