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

Книги:

• 1. Г. Тимофеев Е. Тимофеева — «Учебный курс. Графический дизайн» Ростов-на-Дону 2004;
• 2. Д. Ф. Миронов — «Компьютерная графика в дизайне» Санкт-Петербург 2004;
• 3. Лобзин Ю. А. Рожавский В.Г. — «Графический дизайн. Учебный курс» 2008.
• 4. Смит К. — «Photoshop CS2 для начинающих» Москва 2007
• 5. Е. М. Карчевский, И. Е. Филиппов «Photoshop CS5 в примерах» 2011
• 6. Овчинникова Р.Ю. - «Дизайн в рекламе» Москва 2009 7. Михайлов С.М. -

ПРИЛОЖЕНИЕ 1

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

Задачи:

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

• 1. Рассказать о программе Adobe Photoshop.
• 2. Ознакомить детей с панелью инструментов и некоторыми ее элементами.
• 3. Научить работать с первыми несколькими инструментами панели (инструменты выделения, инструменты заливки).

Развивающие:

• 4. Развить умение компоновать элементы на плоскости рабочего пространства (окно графических документов).
• 5. Развитие пространственного мышления и воображения.

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

Учащиеся должны придумать и создать композицию, используя только что пройденные инструменты.

План 1 урока:

• 1. Организационная часть — 1 мин.
• 2. Беседа, объяснение материала -30−40 мин.
• 3. Самостоятельная работа -10 мин.
• 4. Перерыв — 10 мин.

План 2 урока:

• 1. Продолжение работы — 30 мин.
• 2. Просмотр работ учеников — 10 мин.

Изложение учебного материала:

1. Редактор растровой графики Adobe Photoshop.

Назначение программы Photoshop.

Программа Photoshop принадлежит к классу программ-обработчиков растровой графики. Традиционно её основным назначением, что собственно отражено и в названии программы — Photoshop, фотоателье, — это ретуширование фотографических изображений, полученных как сканированием непрозрачных оригиналов фотоснимков, прозрачных оригиналов — фотоплёнок и слайдов, так и непосредственно с цифровых фотокамер.

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

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

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

Особенно, если пользоваться при этом не мышью, а специальным графическим планшетом, пером-стилусом.

Программа Photoshop широко используется в Web-дизайне для создания различных изображений.

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

2. Интерфейс программы.

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

3. Работа с документом Создание нового документа Щелкаем Файл > Новый. Рассмотрим появившееся окно:

• · Имя (Name) — имя будущего документа. Чаще всего этот параметр не задают, а имя файлу назначают при сохранении.
• · Ширина (Width) и Высота (Height) — ширина и высота будущего изображения. Удобнее всего задавать в пикселах. Пиксел — единица изображения в растровой двухмерной графике. Именно из пикселов, как из кирпичиков, строится изображение.
• · Разрешение (Resolution) — количество точек на единицу длины. Чем выше этот показатель, тем качественнее изображение, но и больший размер файла. Поэтому за норму принято разрешение в 72 пиксела на дюйм (так называемое экранное разрешение).
• · Режим (Color mode) — самый распространенный RGB цвет (color), т.к. позволяет использовать все видимые человеческим глазом цвета. Глубина цвета задается в битах, хватает стандартных 8 бит.
• · Содержимое фона (Background contents) — определяет фон изображения (белый, прозрачный, цвет заднего плана).
• 4. Палитра инструментов

Чаще всего вам придется работать с палитрой инструментов.

Сегодня мы рассмотрим лишь некоторые из этих инструментов.

5. Инструменты выделения Если кликнуть на значок «Выделение» и удерживайте левую клавишу мыши, раскроется меню выбора: прямоугольное выделение, эллиптическое выделение, одиночный столбец, одиночная строка.

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

Итак, для прямоугольного выделения имеем следующие параметры:

— новое выделение.

Создается новое выделение, при этом имеющиеся выделенные области (если они есть) исчезают.

— добавить к выделению. Обозначенная область добавится к уже существующему выделению.

— удалить из выделения. Исключает выделенную область из выделения.

— выделить пересечение. Из двух выделений (старого и нового) выделит область пересечения.

Растушевка — по краям выделения появляется область частично выделенных пикселей. Позволяет сделать плавный переход объекта в фон. Стиль — задает способ выделения: нормальный (normal) — свободное выделение, заданные пропорции (fixed aspect ratio) — пропорциональное выделение, фиксированный размер (fixed size) — область выделения заданного размера. Для всех инструментов выделения параметры аналогичны.

Попробуем на деле: Возьмите инструмент прямоугольное выделение (щелкните по нему), подведите курсор мыши в левый верхний край белого полотна созданного в начале урока файла, нажмите левую клавишу мыши и, не отпуская, растягивайте квадратик (1). Теперь на панели параметров щелкните по иконке «добавить к выделению», подведите курсор мыши к центру нашего квадратика, нажмите левую клавишу мыши и, не отпуская, растяните еще один квадратик (2). Теперь на панели параметров щелкните по иконке «удалить из выделения», подведите курсор мыши к центру нашего второго квадратика, нажмите левую клавишу мыши и, не отпуская, растяните квадратик (3).Должно получиться, как на (4).

6. Инструменты заливки.

— заливка. Щелкните по этому инструменту и удерживайте левую клавишу мыши, раскроется меню выбора: градиент и заливка.

Здесь можно выбрать необходимое. Ведро — заливает изображение (выделение) цветом или текстурой.

Рассмотрим панель параметров:

Итак, для заливки имеем следующие параметры: Заливка (fill) — определяет, что использовать в качестве «краски»: основной цвет (foreground) зальет основным цветом, шаблон (узор — pattern) зальет некоторым узором. Шаблон (pattern) — узор для заливки.

Режим (mode) — способ наложения пикселов, значений много и рассматриваться будут по мере необходимости. Непрозрачность (opacity) — определяет степень прозрачности заливки. Допуск (tolerance) — диапазон цветов для заполнения.

Галочка сглаживание означает смягчить края перехода.

Попробуем на деле: Возьмите инструмент заливка (щелкните по ведру), подведите его вовнутрь выделения, сделанного на предыдущем шаге, и щелкните мышкой. Наше выделение окрасится в цвет переднего плана (по умолчанию — черный). Теперь на панели параметров выберете: Заливка > Узор, Узор > любой понравившийся.

Снова подведите наше ведро вовнутрь выделения и щелкните. Теперь оно залито шаблоном и выглядит так:

Обратите внимание, в открывающемся окне шаблонов, представлена лишь небольшая их часть. Если щелкнуть по стрелочке справа, то откроется меню, внизу которого указаны другие коллекции шаблонов. Их можно добавить к имеющимся.

— градиент. Создает заливку с плавным переходом между двумя или несколькими цветами.

Рассмотрим панель параметров:

— если щелкнуть по срелочке справа, то откроется палитра с вариантами градиента, при двойном щелчке перед стрелкой откроется окно редактирования градиента (здесь можно настроить свои варианты градиента).

— определяет вид градиента (слева направо — линейный, радиальный, ромбовидный).

Инверсия (reverse) — галочка указывает геометрически перевернуть градиент.

Дизеринг (глубина — dither) — галочка указывает сгладить для уменьшения сегментации.

Прозрачность (transparency) — галочка указывает на использование прозрачности.

Инверсия (reverse) — галочка указывает геометрически перевернуть градиент.

Дизеринг (глубина — dither) — галочка указывает сгладить для уменьшения сегментации.

Прозрачность (transparency) — галочка указывает на использование прозрачности.

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

Обратите внимание на первые два квадратика в открывающемся окне выбора градиента. Они используют цвета, установленные вами, как цвета переднего плана и фона (цветные квадратики внизу панели инструментов). Первый градиент осуществляет плавный переход из основного цвета в фон, второй — из основного цвета в прозрачность. Теперь подведите курсор мыши к середине левой стороны нашего выделения, нажмите левую клавишу мыши и, не отпуская, протяните линию до середины правой стороны (1)Теперь протяните линию градиента по диагонали (2)А теперь сверху вниз (3).

Посмотрите на разницу и поэкспериментируйте с различными градиентами и их видами.

7. Сохранение изображения Наш урок подходит к концу, осталось только научиться сохранять наши работы. Щелкните пункт меню Файл (File), в отрывающемся меню вы увидите привычный пункт — Сохранить Как (Save As) — и новый — Сохранить для Web (Save for Web). Разберемся какой для чего. Если вы работаете над изображением и хотите иметь возможность изменять его в будущем, то следует выбрать пункт меню — Сохранить Как (Save As).

Где сохранять и какое имя дать — ваше личное дело, а вот формат будет *.PSD;*.PDD. Именно в этом формате сохраняются все ваши настройки (у нас их пока нет, но позже появятся). Таким образом, сохраняется не картинка целиком, а сохраняются ее части, каждую из которых вы сможете изменить когда захотите.

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

Задачи:

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

• 1. Ознакомить учащихся с понятием «Слой».
• 2. Научить работать со следующими инструментами: кисть, карандаш.
• 3. Научить рисовать сложные контуры при помощи инструмента «Перо».

Развивающие:

1. Развивать фантазию ребенка.

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

Дети должны придумать и нарисовать картину в программе (пейзаж, натюрморт, портрет или открытку).

План 1 урока:

• 1. Организационная часть — 1 мин.
• 2. Беседа, объяснение материала — 40 — 45 мин.
• 4. Перерыв — 10−15 мин.

План 2 урока:

• 1. Самостоятельная работа -40 мин.
• 4. Перерыв — 10 мин.

План 3 урока:

• 1. Продолжение работы — 30 мин.
• 2. Просмотр работ учеников -5 мин.
• 3. Завершение работы, оценка результатов- 3 мин.
• 4. Задание на дом — 1 мин.
• 1. Слои

Начнем с определения. Что такое слой? Слой — это отдельное изображение которое можно редактировать отдельно от любого другого слоя. Любой слой в документе может быть просмотрен, как отдельное изображение. Вместе все слои образуют единое изображение.

Панель слоев Вся работа со слоями в Photoshop производится в панели слоёв (Layers):

Изменения будут происходить только на том слое, который в данный момент активен (на рисунке это слой «Layer 10 «). Таким образом, Photoshop позволяет работать c одним изображением или его частью, не затрагивая другие посредством слоёв.

Создание нового слоя Для того, чтобы создать новый слой, нужно кликнуть по иконке со стрелкой вниз, и выбрать New Layer (Новый слой) или воспользоваться сочетанием клавиш Shift + Ctrl + N, что, несомненно, удобнее.

художественный графический компьютерный дизайн.

Количество слоёв, которые можно добавить, ограничено только ресурсами компьютера.

Копирование и удаление слоя Для того, чтобы скопировать слой, щёлкните по нему правой кнопкой мыши и выберите Duplicate Layer (Создать дубликат слоя).

Аналогично создают и группы слоёв, только выбрать в меню нужно пункт New Group.

Удаление слоя производится соответственно пунктом меню Delete Layer (Удалить слой). Или, чтобы удалить слой, щелкните по нему и перетащите в корзину (кнопка в палитре слоев).

Закрепление слоя Слой можно закрепить, нажав на иконку замка в панели слоёв. Есть несколько видов закрепления:

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

• — запретить перемещение слоя (иконка стрелок, расходящихся в 4 стороны)
• — запретить графические операции со слоем (иконка кисти)
• — закрепить изменение прозрачности слоя (иконка с полупрозрачным квадратом).

Переименование слоя Переименовать слой можно дважды кликнув по его названию.

Изменение прозрачности слоя Для того, чтобы изменить прозрачность слоя, отредактируйте параметр Opacity (непрозрачность) в панели слоёв. Чем меньше непрозрачность, тем выше прозрачность.

Группы слоев Слои можно объединять в группы.

Это позволяет упорядочить слои и применять сразу к нескольким слоям одни и те же параметры или маски, просто назначив их всей группе.

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

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

Сочетание клавиш Ctrl + E приклеивает нижний слой к текущему. Тоже самое сочетание клавиш, при выбранных двух или более слоях, склеивает их.

Также можно склеить все слои нажав на любом слое правой кнопкой мыши и выбрав пункт Flatten Image.

Стиль слоя.

Photoshop позволяет применять к каждому слою так называемые стили — эффекты, изменяющие вид содержимого слоёв. Стили слоя включают такие эффекты как тень, обводка, заливка градиентом и другие. К каждому слою можно применить сразу несколько эффектов.

На палитре Layers (Слои) эффекты отображаются в виде списка под элементом слоя, к которому они применены. Эффекты связываются с главным слоем, к которому они были применены, и перемещаются вместе с ним.

Чтобы перейти в стиль, дважды кликните по слою левой кнопкой мыши или зайдите через меню Layer > Layer Style > Blending Options (Слой > Стиль слоя > Параметры наложения). Появится окно:

А теперь давайте проведем краткий обзор стилей слоя и выясним, какой стиль за что отвечает.

— Drop Shadow (Тень). Как можно догадаться из названия, этот стиль отвечает за отбрасывание слоем тени. Здесь можно настроить дистанцию отбрасывания тени (Distance), распространение (Spread), размер (Size), а также цвет и прозрачность.

Параметр Angle задаёт угол, под которым будет падать тень.

• — Inner Shadow (Внутренняя тень). Добавляет тень, отбрасываемую внутрь слоя. Позволяет придать изображению эффект «вдавленности». Настройки идентичны стилю Drop Shadow.
• — Outer Glow (Внешнее свечение). Создаёт светящийся ареол вокруг слоя. Можно задать цвет, прозрачность, уровень зашумления (Noise), распространение и размер.
• — Bevel and Emboss (Тиснение и скос). Позволяет установить для слоя подсвечивание или затенение. С помощью этого стиля удобно делать красивые рамки для слоя (однако применение этим не исчерпывается).
• — Глянец (Satin). Добавляет к слою глянцевый эффект. Имеет уже знакомые нам параметры.
• — Заливка цветом, градиентом, узором/текстурой (Color, Gradient, Pattern Overlay). Важный параметр, который даёт возможность покрасить слой цветом, наложить градиент или текстуру.
• — Обводка (Stroke). Создаёт обводку вокруг слоя. Позволяет использовать в качестве обводки градиент или текстуру.

Маски Маска применяется для скрытия областей слоя. Работа с масками широко применяется в создании коллажей.

Редактирование маски производится с помощью инструментов выделения и рисования. Маска по умолчанию имеет белый цвет, который обозначает 100% непрозрачность, при нанесении чёрного цвета (полностью прозрачная область) и оттенков серого (чем темнее, тем прозрачнее) регулируется прозрачность изображения.

Маска отображается как миниатюра справа от основной миниатюры слоя:

Создать маску можно в меню Layer -> Layer Mask -> Reveal All или From Transparency. А также с помощью иконки в панели слоёв:

2. Инструменты рисования Сегодня рассмотрим традиционные инструменты рисования — кисть и карандаш. Нажмите левой клавишей мыши на инструменткисть-, откроется окно выбора инструмента:

• · кисть — предназначен для прямого рисования цветом переднего плана.
• · карандаш — похож на кисть, но созданные им линии имеют жесткие, резкие края.
• · замена цвета — позволяет быстро и просто перекрашивать объекты любой сложности.

Кисть Создайте новый файл для экспериментов и выберите инструмент — кисть. Нарисуйте что-нибудь при нажатой левой клавиши мыши. Если просто щелкнуть, то вы увидите так называемую форму следа кисти. Рассмотрим панель параметров этого инструмента:

• § кисть — выбор вида кисти, по щелчку по треугольничку рядом откроется окно настроек:
• § главный диаметр — минимальный размер — 1 пиксель, максимальный — 2500 пикселей.
• § жесткость — мягкость края кисти, при 100% кисть полностью соответствует своему диаметру и цвету.
• § режим — режимы наложения пикселов, их много, можете перебрать все и посмотреть, как изменяется результат.
• § непрозрачность — задает непрозрачность пикселов.
• § нажим — задает скорость, с которой накладывается цвет при перемещении курсора мыши.

В полном объеме параметры кисти можно открыть только с помощью панели кистей. Для этого выберите пункт меню Окно > Кисти:

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

Карандаш. У этого инструмента фактически такие же параметры как у кисти. Но — карандаш — создает линию с жесткими, резкими краями:

• · Режим — режим работы инструмента. Содержит стандартные варианты для работы с цветом (хотя установленный по умолчанию режимцветменять вам вряд ли придется).
• · Выборка — определяет механизм действия инструмента:
  • o Непрерывно — инструмент работает все время, пока не нажата кнопка мыши.
• · Однократно — инструмент затронет только область его кисти.
• · По образцу фона — инструмент будет перекрашивать только пиксели, окрашенные в цвет фона.
• · Ограничения — область действия инструмента:
  • o Все пиксели — название говорит само за себя.
  • o Смежные пиксели — инструмент действует на пиксели того же цвета, что и находящиеся под центром указателя и при этом смежные с ним.
  • o Выделение краев — похож на предыдущий, но уделяется больше внимания узким областям одного цвета внутри более широких областей другого цвета.
• · Допуск — задает сходство пикселя с первым под центром указателя для замены цвета. При маленьких значениях будут перекрашены только самые близкие пиксели, при максимальных — все.

Попробуем на деле: Создайте новый слой и залейте его желтой краской. Теперь сделайте основным цветом зеленый, возьмите инструменткисть — (выберите любую) и нарисуйте что-нибудь. Например, вот так:

Допустим мы решили поменять цвет листочка на красный. Для этого сделаем основным цветом красный. Возьмем инструмент — замена цвета -, лучше круглый и с большим диаметром (чтобы наш листочек поместился в его след), например, вот такой:

Теперь выберите на панели параметров: выборка — однократно, ограничения — все пиксели, допуск — 100%. Теперь подведите центр кисти (крестик) к нашему листочку и щелкните. Теперь наш листочек красный.

3. Инструмент «Перо».

Итак, выберите на панели инструментов инструмент «Перо» .

Рассмотрим панель параметров этого инструмента:

• · Перо — позволяет создавать контуры. Суть его работы: вычерчивание прямой или дугообразной линии от одной опорной точки до другой.
• · Свободное перо — очень похож на инструмент «Лассо», только тот создает выделение, а «Свободное перо» — контур. Его хорошо использовать тем, кто может точно рисовать курсором мыши.
• · Магнитное перо — «Свободное перо» станет «Магнитным пером», если поставить галочку у «Магнитное». Этот инструмент применяется для точного выделения объектов (впрочем также как и инструмент «Перо»).

Самое простое, что можно нарисовать, это контур из прямых отрезков. Для этого:1. Выберите инструмент «Перо» .

• 2. Поместите курсор мыши в то место, откуда должен начинаться прямой отрезок, щелкните, чтобы создать первую опорную точку (не перетаскивайте указатель).
• 3. Теперь щелкните в том месте, где должен быть конец отрезка. Сейчас отобразился первый отрезок.
• 4. Так, щелкая по холсту, вы будете создавать опорные точки и отрезки между ними.
• 5. Для завершения создания контура щелкните по первой опорной точке.

Теперь будем рисовать дугообразные отрезки. Для этого:

• 1. Выберите инструмент «Перо» .
• 2. Поместите курсор мыши в то место, откуда должна начинаться дуга, нажмите левую клавишу мыши там, где будет начало дуги и, не отпуская, проведите мышкой вниз. Появится управляющие линии.

• 3. Теперь поместите курсор мыши в том месте, где должен быть конец дуги. Снова проведите мышкой вниз, не отпускайте, теперь вы можете управлять видом дуги:
  • o Если вы будете перетаскивать управляющую линию в сторону противоположную предыдущей управляющей линии т. е. вверх, то получите С-образную кривую.

o Если вы будете перетаскивать управляющую линию в сторону предыдущей управляющей линии, т. е. вниз, то получите S-образную кривую.

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

5. Для завершения создания контура щелкните по первой опорной точке.

Теперь рассмотрим дополнительные инструменты, помогающие редактировать контуры. Нажмите левой клавишей мыши на инструмент «Перо» на панели инструментов, откроется список выбора инструмента:

• · Перо+ — добавляет точки привязки.
• · Перо- — удаляет точки привязки.
• · Угол — изменяет свойства узловых точек. В контурах различают три вида узловых точек:
• o Гладкий узел — обеспечивает плавный переход от одного сегмента к другому в виде единой дуги.
• o Угловой узел — представляет собой угол между двумя прямыми и не имеет настроечных балансировочных точек.
• o Острый узел — используется в тех местах, когда нужно сделать резкую смену направления кривой или соединить отрезок и кривую с резким переходом.

Так вот при щелчке инструментом «Узел» на гладком узле образуется угловой узел, а при протягивании углового узла — образуется гладкий узел.

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

Задачи:

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

• 1. Познакомить учащихся с инструментами выделения (лассо, волшебная палочка).
• 2. Научить вырезать нужные изображения при помощи инструментов выделения.
• 3. Показать как обрезать изображение.

Развивающие:

1. Развить аккуратность и точность при выполнении задания.

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

Дети должны создать фотомонтаж.

План 1 урока:

• 1. Организационная часть — 1 мин.
• 2. Беседа, объяснение материала — 30 мин.
• 3. Самостоятельная работа -20 мин.
• 4. Перерыв — 10−15 мин.

План 2 урока:

• 1. Продолжение работы — 30 мин.
• 2. Просмотр работ учеников, исправление ошибок -10 мин.
• 3. Завершение работы, оценка результатов — 3 мин.
• 4. Задание на дом — 1 мин.
• 1. Инструменты выделения (часть II)

Группа лассо Инструмент Лассо является незаменимым при обработке фотографий в Photoshop. Он позволяет быстро и удобно выделить нужный участок изображения всего за пару кликов, причём выделение может быть абсолютно любой формы.

Фотошоп в действительности предлагает нам три варианта лассо для работы. Один из них мы рассмотрим в этом уроке — стандартный инструмент Lasso (Лассо), который вы можете выбрать, кликнув по его иконке в панели инструментов.

Для более быстрого способа выбрать инструмент Lasso (Лассо), просто нажмите букву L на клавиатуре. Есть также два других типа инструментов лассо, такие как Polygonal Lasso (Многоугольное лассо) и Magnetic Lasso (Магнитное лассо), оба спрятаны за стандартным инструментом Lasso (Лассо) в панели инструментов.

Из всех инструментов выделения в Фотошоп, инструмент Lasso (Лассо), пожалуй, самый легкий в использовании и понимании, поскольку вы просто проводите произвольное выделение вокруг объекта или участка, который хотите выделить, таким же образом, как вы бы рисовали что-то на кусочке бумаги ручкой или карандашом. При активном инструменте Lasso (Лассо), ваш курсор мыши превратиться в маленькую иконку в виде лассо, а вы просто нажмите на точку в документе, откуда хотите начать выделение, затем продолжите, удерживая нажатой кнопку мыши, рисовать произвольную линию выделения:

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

Попробуем на деле:

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

Чтобы начать выделение выбираем инструмент Lasso (Лассо) в панели инструментов, как вы видели ранее. Затем кликаем где-то вверху рядом с рукавом человека слева, чтобы начать выделение, хотя в действительности нет разницы, где около объекта вы начнете свое выделение. Как только кликнули по начальной точке, продолжаем удерживать кнопку мыши, пока рисуем линию вокруг участка на фото, который нам нужен. Могут допускаться некоторые ошибки, но сейчас мы не обращаем внимания на них и продолжаем:

Продолжайте обводить участок, который нужен, до тех пор, пока не достигнете первоначальной точки, и не закончите свое исходное выделение инструментом Lasso (Лассо), просто отпустив кнопку мыши. Теперь вокруг выделенной области появилась анимированная линия, наиболее известная, как «бегущие муравьи»:

Поскольку инструмент Lasso (Лассо), по сути, ручной инструмент выделения, вы полагаетесь только на свои собственные навыки рисования, равно как и на точность и возможности вашей мыши. Возможно, завершенное выделение будет не совсем ровным. Не беспокойтесь по этому поводу, поскольку мы можем запросто вернуться и поправить проблемные участки, что мы и сделаем!

Добавление к исходному выделению. При исследовании проблемных участков линии выделения, обычно прибегают к увеличению изображения. Чтобы увеличить, нажмите и удерживайте клавиши Ctr l + пробел для временного переключения на инструмент Zoom (Лупа), затем кликните внутри окна документа один раз или дважды, чтобы приблизить (чтобы потом уменьшить изображение, нажмите и удерживайте клавиши Alt + пробел и кликните внутри окна документа). Как только вы увеличили изображение, удерживайте клавишу пробела для временного переключения на инструмент Hand (Рука), затем кликните и подвигайте изображение в пределах линии выделения для поиска проблемных участков. Здесь обнаружился участок, где потерялся край руки человека:

Нет необходимости начинать все заново. Можно легко поправить это простым добавлением к существующему выделению. Убедитесь, что у вас до сих пор активен инструмент Lasso (Лассо), затем добавьте выделение, удерживая при этом клавишу Shift. Вы увидите маленький значок плюсика (+), появившийся внизу справа от иконки курсора, чтобы вы знали, что сейчас находитесь в режиме Add to Selection (Добавление к выделению). При нажатой клавише Shift, кликните где-нибудь внутри существующего выделения, затем перейдите за пределы исходного выделения и проведите вдоль краев, которые хотите добавить. Когда вы закончите добавление нового участка, вернитесь обратно в исходное выделение:

Завершите выделение в точке, где вы кликнули первоначально, затем отпустите кнопку мыши. Участок руки человека, который я пропустил, теперь добавлен:

Нет необходимости продолжать удерживать клавишу Shift во время того, как вы добавляете выделение. Как только вы начали создавать выделение при помощи мыши, вы можете запросто отпустить клавишу Shift. Вы будете находиться в режиме Add to Selection (Добавление к выделению) до тех пор, пока не отпустите кнопку мыши.

Удаление из исходного выделения. Бывает совершенно противоположная проблема, чем та, которая была момент назад. На этот раз мы выделили слишком много изображения вокруг пальца человека:

Но можно удалить части выделения так же просто, как и добавить их. Для того, чтобы удалить нежелательные участки из выделения, удерживайте нажатой клавишу Alt. Это действие переведет вас в режим Subtract from Selection (Удалить из выделения), и вы увидите, что появится значок маленького минуса (-) в нижнем правом углу иконки курсора. При нажатой клавише Alt, просто кликните где-нибудь за пределами существующего выделения, чтобы установить начальную точку, затем перейдите внутрь выделения и обведите края участка, который вы хотите удалить. В данном случае, проведите линию по краям пальца. Когда вы закончите, вернитесь за пределы существующего выделения:

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

Опять-таки, нет необходимости удерживать клавишу Alt все время. Вы можете смело отпустить ее, как только начнете обводить. Вы будете оставаться в режиме Subtract from Selection (Удалить из выделения) до тех пор, пока не отпустите кнопку мыши. Как только мы прошлись вокруг линии выделения, исправив ошибки путем добавления или удаления необходимых участков, наше окончательное выделение инструментом Lasso (Лассо) завершено:

С теперь уже выделенным рукопожатием, я нажимаем сочетание клавиш Ctrl+C, чтобы быстро скопировать выделенный участок, затем открываем второе изображение в Фотошоп и нажимаем Ctrl+V, чтобы вставить рукопожатие в новое фото, расположив его так, как необходимо:

Волшебная палочка (Magic Wand).

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

Выделение с помощью инструмента Волшебная палочка. Кликните по значку инструмента Быстрое выделение (Quick Selection) в панели инструментов, удерживая кнопку мыши в течение пары секунд, пока не появится выпадающее меню. Выберите из меню Волшебную палочку (Magic Wand):

Прежде, чем мы рассмотрим действие Волшебной палочки (Magic Wand) на реальном примере, давайте посмотрим, как инструмент работает. Перед вами простое изображение, которое состоит из черно-белого градиента, разделенного поперечной красной линией по центру:

Как я уже говорилось ранее, Волшебная палочка выделяет пиксели, полагаясь на тон и цвет. Когда мы кликаем по участку изображения инструментом, Photoshop определяет тон и цвет участка, по которому мы кликнули, и выделяет пиксели, имеющие те же самые значения цвета и яркости. К примеру, давайте предположим, что мы хотим выделить горизонтальную полосу. Все, что нужно сделать — кликнуть где-нибудь внутри красной полосы Волшебной палочкой и тотчас же выделится каждый пиксель в изображении, который имеет тот же оттенок красного, выделив тем самым красную полосу сразу же после клика по ней:

На этот раз Photoshop выделил центральный диапазон значения яркости, ограничиваемый пикселями, имеющими точно такой же тон и цвет, что и центральный серый участок, по которому я кликнул. Почему так? Чтобы найти ответ, нам нужно посмотреть на панель настроек инструмента в верхней части экрана. В частности, нам нужно обратить внимание на значение параметра Допуск (Tolerance):

Параметр Допуск (Tolerance) говорит Photoshop, насколько разными по тону и цвету могут быть пиксели, формирующие участок, который мы выбрали для включения в выделение. По умолчанию значение Допуска (Tolerance) установлено на 32, это означает, что Photoshop выделит любые пиксели того же цвета, что и участок, по которому мы кликнули и добавит к ним еще пикселей 32 различных оттенков темнее и 32 оттенков ярче. Давайте посмотрим, что будет, если я увеличить значение Допуска (Tolerance) и попробуем снова. Увеличим значение до 64:

3. Кадрирование изображений Кадрирование — это обрезка лишних частей изображения, которые по вашему замыслу не вписываются в композицию.

Существует несколько способов осуществить кадрирование в Photoshop. Самый удобный — это инструмент Crop Tool (Обрезка).

Откройте любое изображение.

Теперь выберите инструмент Crop Tool, зажмите левую кнопку мыши для начала выделения и отпустите, когда выделение будет закончено. Появится вот такая рамка:

Как вы наверняка заметили, у рамки есть 8 точек. Перемещая их, вы редактируете область, которую нужно оставить «в кадре»:

Всё, что выходит за пределы рамки будет обрезано. Для подтверждения кадрирования требуется нажать клавишу Enter:

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

Задачи:

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

• 1. Ознакомить учащихся с понятием «Цветовая коррекция».
• 2. Научить обрабатывать фотографии при помощи пройденных команд.

Развивающие:

1. Развить способность чувствовать и подбирать гармонично сочетающиеся цвета.

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

Дети должны сделать тоновую и цветовую коррекцию предложенных изображений.

План 1 урока:

• 1. Организационная часть — 1 мин.
• 2. Беседа, объяснение материала — 30 мин.
• 3. Самостоятельная работа — 20 мин.
• 4. Перерыв — 10−15 мин.

План 2 урока:

• 1. Продолжение работы — 30 мин.
• 2. Просмотр работ учеников -5 мин.
• 3. Завершение работы, оценка результатов- 5 мин.
• 4. Задание на дом — 1 мин.
• 1. Цветовая коррекция изображения

Цветовая коррекция (Цветокоррекция) — это изменение цветовых составляющих изображения (оттенка, тона, насыщенности и т. д.). Причин для цветокоррекции несколько.

• 1. Иногда мы видим картинку с одними цветами, но на фотографии получаем совершенно другие. Это может произойти в силу неправильных настроек фотоаппарата (или по причине не качественности этого самого фотоаппарата) или специфичности освещения (технические средства не способны адаптироваться к освещению, как это делает человеческий глаз, они лишь передают реальный цветовой спектр).
• 2. Явные цветовые дефекты изображения. В таком случае цветокоррекция помогает справиться с засветами, слишком низким (или высоким) контрастом, дымкой, тусклостью цветов и т. д.
• 3. Творческий замысел. Цветокоррекция играет на пользу художнику/фотографу/дизайнеру, добавляет выразительности изображению. Также сюда относится цветокоррекция отдельных элементов коллажа, дабы они начали казаться единым целым.

Как правило, цветокоррекция в фотошопе производится с помощью разделения изображения на каналы. В зависимости от режима редактирования изображения выделяют:

· Красный, Зеленый, Синий (Модель RGB — Red Green Blue). Самый популярный режим редактирования изображения. Именно с ним мы чаще всего и будем работать.

· Голубой, Пурпурный, Жёлтый, Чёрный (Модель CMYK — Cyan Magenta Yellow blacK).

Фотошоп недаром считается мощнейшим инструментом для редактирования изображений. По сути, вся вкладка Image (Изображение) > Adjustment (Коррекция) посвящена цветокоррекции изображения:

Конечно, мы не станем сейчас разбирать все инструменты. Отметим лишь, что наиболее важными являются Levels (Уровни, горячая клавиша Ctrl+L), Curves (Кривые, горячая клавиша Ctrl+M), Selective Color (Выборочные цвета), Hue/Saturation (Цветовой тон/Насыщенность, горячая клавиша Ctrl+U) и Shadow/Highlights (Тень/Свет).

Для начала рассмотрим следующие понятия:

• · Hue/Saturation (Тон/Насыщенность)
• · Replace Color (Замена Цвета)
• · Selective Color (Выборочная коррекция цветов)

Hue/Saturation (Тон/Насыщенность) Команда Hue/ Saturation выполняет две функции. Первая — она позволяет настраивать цвета, а изображении согласно их цветовым тонам и насыщенности. Вторая — позволяет тонировать изображения, использую новые цветовые тона и значения насыщенности, не меняя при этом яркость основного изображения.

Hue (цветовой тон): Бегунок Hue представляет цвета из цветового круга. Диапазон от -180 до 180 градусов. Двигая этот бегунок, мы изменяем общую палитру изображения, получая разные версии изображения. Saturation (Насыщенность): Этот параметр изменяет интенсивность цветов. Диапазон от -100 (серый цвет) до 100 (очень яркие тона) Lightness (Яркость): Вы можете ослабить или усилить освещенность изображения, изменяя значение Lightness от -100 до +100.

Пример:

Replace Color (Заменить цвет) Команда Replace Color (Заменить цвет) позволяет выделить область близких цветов и настроить для нее оттенок и насыщенность. Диалоговое окно похоже на окно Hue/Saturation, с тем лишь отличием, что добавляется параметр Fuzziness, который определяет диапазон цвета, который будет изменяться. Например, на данном рисунке заменим исходный цвет фона на синий.

Для этого выбираем инструмент Пипетка, далее кликнем на фон исходного изображения, далее изменяем параметры Hue, Saturation, Lightness и получаем наш цветок на синем фоне.

Пример:

Selective Color (Выборочная коррекция цвета) Команда Selective Color позволяет настроить цвета изображения в цветовой модели CMYK. Ее можно применять для модели RGB, но так как она позволяет настраивать уровни голубого (Cyan), пурпурного (Magenta), желтого (Yellow) и черного (Black), то ее имеет смысл применять в диапазоне CMYK.

Управление этой командой схоже с Hue/Saturation, в меню Colors вы можете выбрать нужный диапазон цвета, и изменять его при помощи бегунков.

Пример:

Levels (Уровни) Команда Levels позволяет настраивать самые темные, самые светлые и средние значения для всей выделенной области или для каждого цветового канала отдельно. Диалоговое окно можно открыть нажав, либо выбрав в главном меню Image > Adjustment > Levels (Изображение > Коррекция > Уровни).

Параметры команды следующие:

Channel (Канал) в выпадающем меню вы можете выбрать нужный цветовой канал (Красный, Зеленый, Синий, либо все сразу — RGB).

Input Levels (Входные значения) эти параметры используются для изменения контрастности изображения, за счет затемнения темных участков (1), и осветления светлых (2).

Gamma (Гамма) Среднее поле параметра Input Levels, которому соответствует средний бегунок под гистограммой. Гамма — это уровень яркости средне-серого цвета на изображении. (3).

Output Levels (Выходные значения) эти параметры используются для уменьшения диапазона уровней яркости, за счет осветления самых темных участков (4), и затемнения самых светлых (5).

Пример:

Исходное изображение:

• 2
• 3
• 4

Channel Mixer (Микширование каналов).

Channel Mixer — простая команда для смешивания каналов, ее хорошо использовать для получения необычных эффектов, получается что мы смешиваем каналы в канале, тем самым мы можем удвоить каждый из каналов.

Рассмотрим диалоговое окно этой команды:

Output Channel — канал, в котором будут происходить изменения, как обычно здесь можно выбрать один из трех каналов для RGB изображений — красный, зеленый, синий.

Source Channels. Движки этих каналов смешивают цвета в основном канале (Output channel).

Consnant — этот движок осветляет или затемняет общее изображение.

Monochromatic — присваивает всем Output Channels одинаковые значения, создавая тем самым чернобелое изображение.

Curves (Кривые) Команда Curves одна из самых гибких команд корректировки цвета, яркости, в отличие от команды Levels, в которой можно редактировать Highlights, Midtones, Shadows, в команде Curves можно задать до 255 таких настроек, это ее преимущество и недостаток, эта команда гораздо более громоздкая, чем Levels.

Поле установки кривых — Вдоль горизонтальной оси отображаются входные уровни, вдоль вертикальной — выходные. Кривая яркости отображает взаимосвязь между входными и выходными уровнями.

Инструменты кривой — используйте эти инструменты для рисования вашей кривой в поле графика. Для того чтобы создать точку при помощи инструмента «Гладкая кривая», щелкните в поле мышкой, и далее перемещайте.

Input/Output — в этих полях отображается положение (координаты) вашей точки в поле.

Load/Save — при помощи этих опций вы можете загрузить уже существующие настройки, и сохранить текущие.

Eyedroppers (Пипетки) — эти инструменты аналогичны пипеткам в команде Levels.

Пример:

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

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

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

Задачи:

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

• 1. Ознакомить учащихся с понятием «Ретушь».
• 2. Показать основные инструменты для удаления дефектов
• 3. Научить анализировать фотографию, а также правильно оценивать необходимую степень работы над ней.
• 4. Научить детей грамотно обрабатывать фотографии (на примере портретного изображения).

Развивающие:

• 1. Развитие навыков анализа.
• 2. Развитие устойчивого внимания, наблюдательности, аккуратности.

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

Учащиеся должны самостоятельно обработать (ретушировать) предложенную фотографию.

План 1 урока:

• 1. Организационная часть — 1 мин.
• 2. Беседа, объяснение материала — 30 мин.
• 3. Самостоятельная работа — 20 мин.
• 4. Перерыв — 10−15 мин.

План 2 урока:

• 1. Продолжение работы — 30 мин.
• 2. Просмотр работ учеников, исправление ошибок -5 мин.
• 3. Завершение работы, оценка результатов- 5 мин.
• 4. Задание на дом — 1 мин.

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

Основные инструменты для удаления дефектов это Stamp (Штамп) и Healing Brush (Восстанавливающая Кисть), предназначенные для клонирования чистых областей и замены дефектных. Они расположены в левой панели инструментов фотошоп.

Рассмотрим первый из них.

Восстанавливающая Кисть.

Восстанавливающая кисть — позволяет восстанавливать участки фотографий с помощью взятых за образец сохранившихся фрагментов. Она использует пикселы по образцу изображения или узора и сопоставляет их текстуру, освещение, прозрачность и затенение с соответствующими параметрами исправляемых пикселов.

Пусть у нас есть вот такое изображение:

и мы хотим убрать веснушки. Для этого мы:

• 1. возьмем инструмент «Восстанавливающая кисть»
• 2. подберем на палитре параметров подходящий размер кисти (например, 10 пикселов)
• 3. подведем курсор мыши к участку кожи, где нет веснушек (например, на шее)
• 4. нажмем клавишу «Alt» (курсор станет походить на мишень) и щелкнем, чтобы определить область-источник.
• 5. отпустим клавишу «Alt» и начнем рисовать по веснушкам. Пикселы с «источника» будут передаваться и подгоняться по цвету там где вы рисуете кистью.

Вот что получилось в итоге:

Таким образом можно убирать любые дефекты.

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

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

2. Сделайте дубликат слоя и вставьте его в группу. Чтобы сделать это, нажмите Ctrl + J, чтобы дублировать слой, а затем Ctrl + G, чтобы разместить новый слой в группу. Группу называем «Airbrush», а слой «Blur» (Размытие).

Слой «Blur» мы будем использовать для размытия кожи. Потом, мы добавим еще один слой, чтобы восстановить природную текстуру кожи.

3. Выберите слой «Blur». Чтобы размыть этот слой, используем фильтр Размытие по поверхности. Идём в меню Фильтр > Размытие > Размытие по поверхности. Этот фильтр похож на Размытие по Гауссу, различие заключается в том, что он оставляет границы более детальными. Мы должны размыть слой так, чтобы кожа была сглаженной, но без смазанных краёв.

4. Вот так выглядит изображение после применения фильтра Размытие по поверхности. Детали глаза не должны быть затронуты.

5. Создайте новый слой и поместите его над слоем с размытием. Назовём этот слой «Texture» и изменим режим смешивания на Жесткий свет (Hard Light). Этот слой будет использоваться, чтобы добавить текстуры на кожу, а также отрегулировать тональность кожи.

6. Текстуры, созданной в этом слое, на окончательном изображении практически не будет видно. Её можно будет разглядеть, если только применить большое увеличение. Но, несмотря на это кожа не будет выглядеть слишком гладкой или как будто из пластика.

Ниже приведён пример полученного результата.

7. Убедитесь, что у Вас выбран слой «Texture». Нажмите Shift+F5 или идите в меню Редактирование > Заливка (Edit — Fill). Поставьте настройки инструмента Заливка, как на картинке ниже.

8. Далее идём в меню Фильтр > Шум. Тем самым Вы добавите немного шума на изображение, что позволит избежать «эффекта кожи из пластика». После применения фильтра изображение может выглядеть чересчур резко, но на следующем шаге мы это исправим, применив фильтр Размытие по Гауссу (Gaussian Blur).

9. Идём в меню Фильтр > Размытие > Размытие по Гауссу. Радиус размытия ставим 1 пиксель.

10. Сейчас мы возьмём образец цвета с этого слоя. Для начала выберите инструмент Пипетка. Выберете образец цвета кожи, который Вам кажется более подходящим. В палитре цветов нажмите на маленький треугольник в кружке и в всплывающем меню выберите модель HSB. Мы должны видеть HSB значения для следующего шага.

11. Откройте панель Цветовой тон/насыщенность нажав Ctrl+U. Поставьте галочку «Тонировать» и проверьте параметры, чтобы они совпадали с параметрами HSB из верхнего шага.

12. Выберите группу «Airbrush» на панели слоёв далее идём в меню Слой > Слой-маска > Скрыть все (Layer — Layer mask — Hide all). Тем самым мы создадим маску слоя заполненную чёрным цветом, которая будет скрывать всю группу. В этой маске слоя мы будем рисовать области, в которых мы хотим добавить ретушь.

13. А сейчас, нажмите D на клавиатуре, чтобы установить цвет фона по умолчанию черный и белый. Выберите инструмент Кисть и со следующими настройками.

Увеличьте изображение до 100% и закрасьте кожу. Не волнуйтесь, если тон кожи вам покажется неправильным. Это происходит потому, что мы не выбрали правильный цвет, когда мы использовали Цветовой тон/насыщенность с оттенком на слое Texture, так как сразу это очень сложно сделать. К правильному результату мы придём позже.

В тех местах, где вы закрашивали кожу, ваша маска слоя должна иметь области белого цвета, а кожа выглядеть гладкой.

Теперь мы собираемся исправить цвет кожи, как мы и говорили ранее в этом уроке. Выберите слой «Texture «и нажмите Ctrl + U. Измените настройки, чтобы получить естественный тон кожи.

В «Цветовом тоне» настройки обычно правильные. Мы увеличим его на 10 единиц, добавив жёлтого оттенка, тем самым уменьшив красные области. Настройки «Насыщенность» обычно приходится значительно уменьшать. Отрегулируйте этот параметр до тех пор пока оттенок кожи не будет выглядеть естественно, но не слишком бледно." Яркость" напротив, требует незначительных изменений, когда вы будете его регулировать, вы увидите, как чувствителен этот параметр. Если этот параметр настроен правильно, то изображение будет выглядеть более естественно.

Сейчас восстановим детали кожи, идём в меню Изображение > Внешний канал (Image > Apply Image). В появившемся окне поставьте следующие настройки.

Мы добавили данные красного канала, т.к. в нём кожа смотрится лучше всего. Далее на картинке вы можете видеть различия каналов.

Здесь вы видите окончательный результат.

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

Задачи:

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

• 1. Ознакомить учащихся с правилами работы с текстом.
• 2. Показать основы форматирования текста.
• 3. Научить различным текстовым эффектам.

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

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

План 1 урока:

• 1. Организационная часть — 1 мин.
• 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 — написание вертикальным выделением.

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

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

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

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 (Перечёркивание). При помощи этой функции создаётся горизонтальная линия посередине строки.

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

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

В списке 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 (Цветной карандаш). Имитирует зарисовку цветным карандашом:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• · Angle — угол, под которым изображение будет размываться.
• · Distance (Дистанция). Собственно сила размытия.

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

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

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

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

ПРИЛОЖЕНИЕ 2.

Логотипы.

Наружная реклама Рис. 15. Визитные карточки

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

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

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

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

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