• Преподавателю
  • Информатика
  • Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)

Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)

Раздел Информатика
Класс -
Тип Другие методич. материалы
Автор
Дата
Формат rar
Изображения Есть
For-Teacher.ru - все для учителя
Поделитесь с коллегами:

Департамент образования Вологодской области


БОУ СПО ВО

«ВОЛОГОДСКИЙ СТРОИТЕЛЬНЫЙ КОЛЛЕДЖ»


Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)

Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)




МЕТОДИЧЕСКИЕ УКАЗАНИЯ

ПО ВЫПОЛНЕНИЮ ПРАКТИЧЕСКИХ РАБОТ


ПО ТЕМЕ

ГРАФИЧЕСКИЙ РЕДАКТОР

Adobe Photoshop



Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)







Вологда

2014

Рассмотрено на заседании предметно-цикловой комиссии математических, естественно-научных и общепрофессиональных дисциплин.

Протокол №2 от 08.10.2014 г.

Председатель комиссии

Габриэлян Т.А.

Данные методические указания разработаны для методического сопровождения обучения студентов работе в графическом редакторе Adobe Photoshop по специальностям 120701 «Землеустройство»; 270802 «Строительство и эксплуатация зданий и сооружений»; 270831 «Строительство и эксплуатация автомобильных дорог и аэродромов», при выполнении практических работ по дисциплинам, «Информационные технологии в профессиональной деятельности», «Информационные системы в профессиональной деятельности» при изучении темы «Графический редактор Adobe Photoshop».

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

Методическое пособие может быть рекомендовано к использованию студентами и преподавателями БОУ СПО ВО Вологодский строительный колледж.

Авторы: преподаватель Вологодского строительного колледжа, первой категории

С.В. Норинова

Рецензент: старший преподаватель кафедры прикладной информатики и естественно-математических наук Вологодского института бизнеса

М.С.Юрова

Рецензент: преподаватель информатики Вологодского строительного колледжа, высшей категории

Т. А. Габриэлян


Содержание


1. Adobe Photoshop: Интерфейс. Основные инструменты………………… 4

1.1. Основные понятия………………………………………………………… 4

1.2. Интерфейс…………………………………………………………………. 5

1.3. Создание нового документа в Photoshop………………………………… 6

2. Создание графического изображения……………………………………… 7

Задание 1. Создание фона для открытки………………………………… 7

Задание 2. Создание надписи……………………………………………. 12

Задание 3. Создание водяного знака…………………………………….. 13

3. Оформление фото «Калейдоскоп»…………………………………………. 15

4. Создание визитки…………………………………………………………… 15

5. Меняем цвет глаз в Photoshop……………………………………………… 17

6. Эффект мультипликационного рисунка в Photoshop……………………... 20

7. Make-UP в Photoshop……………………………………………………….. 21

8. Придаем фотографии эффект кинематографичности…………………….. 26
Литература……………………………………………………………………… 31











1. Adobe Photoshop: Интерфейс. Основные инструменты.

1.1. Основные понятия

AdobePhotoshop ([əˈdəʊbɪ ˈfəʊtəʃɒp], Эдо́убиФотошо́п) - многофункциональный графический редактор, разработанный и распространяемый фирмой AdobeSystems. В основном работает с растровыми изображениями, однако имеет некоторые векторные инструменты. Продукт является лидером рынка в области коммерческих средств редактирования растровых изображений, и наиболее известным продуктом фирмы Adobe. Часто эту программу называют просто Photoshop.

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

Основной формат Photoshop - PSD.

Из-за высокой популярности Photoshop поддержка специфического для неё формата PSD была реализована во многих графических программах, таких как MacromediaFireworks, Corel PHOTO-PAINT, WinImages, GIMP, CorelPaintShopPro и других.

Photoshop поддерживает следующие цветовые модели или способы описания цветов изображения (в нотации самой программы - режим изображения):

  • RGB

  • LAB

  • CMYK

  • В градациях серого

  • Черно-белые

  • Duotone

  • С 256-цветовой палитрой (Indexed)

  • Многоканальные (Multichannel)

Поддерживается обработка изображений, с глубиной цвета 8 бит (256 градаций на один канал), 16 бит (используется 15 битов плюс один уровень, то есть 32769 уровней) и 32 бит (используются числа одинарной точности с плавающей запятой). Возможно сохранение в файле дополнительных элементов, как то: направляющих (Guide), каналов (например, канала прозрачности - Alphachannel), путей обтравки (Clippingpath), слоёв, содержащих векторные и текстовые объекты. Файл может включать цветовые профили (ICC), функции преобразования цвета (transferfunctions). Допускаются неквадратные пиксели (PixelAspectRatio).


1.2. Интерфейс

Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)




П

Рис. 1. Интерфейс программы Photoshopанель «Навигация» помогает осуществлять навигацию по изображению, визуально масштабировать его, определять порядок выведения на экран изображений в случае работы сразу с несколькими файлами.

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

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

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

ПМетодические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)рактически у каждого значка в правом нижнем углу вы можете увидеть небольшой треугольник (рис.2).

ЭМетодические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)

Рис. 2. Панель «Инструменты»



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

Название документа, который открыт в данный момент и его Активная область изображения - область «Окна документа», в которой проводятся графические работы (выделена белым фоном). Одновременно может быть открыто множество документов.

Дополнительные панели. Под ними находятся вспомогательные инструменты и опции. Их состав может различаться. Если какие-то из нужных Вам инструментов и опций закрыты, то для их открытия перейдите в главном меню на вкладку Окно и выставите галочки рядом с нужными Вам пунктами.

ПМетодические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)анель цветов - панель, используемая для выбора и заливки цветов переднего и заднего планов (рис.3).

Панель Навигатор - уменьшенная копия активной области изображения текущего документа. Используется при навигации по большим изображениям или при увеличении масштаба изображения (рис.3).

Панель Коррекция предоставляет быстрый доступ к инструментам коррекции тона и цвета изображений (рис.3).

П

Рис. 3. Панели: «Цвет», «Навигатор», «Коррекция», «Слои»анель Слои - замечательная функция программы, позволяющая получать конечное изображение наложением и комбинацией нескольких изображений (слоев).Двойной щелчок по названию стиля слоя открывает окно «Стиль слоя» (рис.3).

1.3. Создание нового документа в Photoshop

1. ФайлСоздать.

2. В открывшемся диалоговом окне «Новый» укажите:

а).Имя документа - здесь укажите выбранное вами имя документа .

б).Размеры документа - здесь укажите ширину и высоту документа.

в).Единицы измерения документа - укажите единицы измерения документа (для обычной web-работы и для монитора выбирайте пиксели).

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

д).Цветовой режим - укажите цветовой режим документа. Если только вы не собираетесь делать специальную печать, вам лучше всего работать в режиме RGB Color (Red/Green/Blue) (Красный/Зеленый/Синий).

е).Содержание Фона - укажите цвет фона документа.

2. Создание графического изображения

Задание 1. Создание фона для открытки.

1Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)

Рис. 4. Создание нового документа. Создаем новый документ (рис.4) Файл/ Создать с именем «Открытка». Задаем параметры, как показано на рисунке: размеры 1200x1200 пикселей, цветовую схему RGB и Разрешение (Resolution): 72 пикселя на дюйм (pixels/inch). Залейте с помощью инструмента Заливка (Fill) фоновый слой цветом #FFCB92.

2. Создайте новый слой и выберите мягкую круглую Кисть (Brush Tool (B)). Задайте цвет #F16A50 и прокрасьте этой кистью поверхность фона, так как показано на рис.5.

3Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)

Рис. 5

Рис. 6. Для этого же слоя необходимо добавить слой-маску, кликнув по кнопке Добавления слоя-маски (Add layer mask) в нижней части палитры слоев. Затем выберите мягкую круглую кисть черного цвета (уменьшите на панели опций в верхней части окна программы ее Непрозрачность (Opacity) до 20%). Прокрасьте этой кистью поверхность холста, чтобы скрыть обозначенные ниже области (рис.6).

4. Далее создадим еще один новый слой и снова вооружимся мягкой круглой кистью. Прокрасьте ей поверхность нового слоя, задав цвета #F6615D.

5Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)

Рис. 7. Описанным выше способом добавьте на этот слой слой-маску и снова активируйте мягкую круглую кисть черного цвета (Непрозрачность (Opacity) кисти: 15%). Прокрасьте поверхность маски этой кистью, в точности, как показано на иллюстрации ниже, скрывая некоторые области слоя (рис.7).

Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы) 6. Создайте новый слой и выберите круглую мягкую кисть, чтобы задав цвет #730506, снова прокрасить поверхность этого слоя (рис.8).

7Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)

Рис. 8. Добавьте этому слою слой-маску, кликнув по соответствующей пиктограмме в нижней части палитры слоев, и снова активируйте мягкую круглую кисть черного цвета (Непрозрачность (Opacity) кисти: 50%). Прокрасьте этой кистью поверхность маски, скрывая области этого слоя в соответствии с изображением ниже. постарайтесь Добиться такого же результата, как на иллюстрации (рис.9).

8Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)

Рис. 9. Создайте еще один новый слой. Выберите мягкую круглую кисть и прокрасьте холст цветом #A10004 (Непрозрачность (Opacity) кисти: 20%). Уменьшите Заливку (Fill) слоя до 40%.

9

Рис. 10. Приступаем к нанесению на холст маленьких сердечек. Выберите инструмент Перо (Pen tool), на панели опций в верхней части окна программы включите режим рисования Фигура (Shape Layers), и нарисуйте следующую фигуру. При необходимости подкорректировать форму фигуры, воспользуйтесь инструментом Преобразования точек (Convert Point Tool). Получится как показано на рис.11.

Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)

Рис. 12.

Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)

Рис.13Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)10. Кликните по иконке Добавления стиля слоя (Add a layer style) в нижней части палитры слоев, и выберите Внутреннюю тень (Inner Shadow). Затем примените Наложение градиента (Gradient Overlay). Кликните по цветному окошку и откройте Редактор градиента (Gradient Editor). Установите бегунки на шкале цвета следующим образом. Нажатием OK закройте окно редактора градиента (рис.12).

1

Рис. 111. Примените Тень (Drop Shadow) (рис.13).

12. В результате получится - рис. 14. Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)

1Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)

Рис. 143. Создайте копию последнего слоя, содержащего сердечко и активируйте Свободную трансформацию (Ctrl+T). Теперь сместите копию сердечка, изменив ее положение, размер и форму. Так же подкорректируйте настройки стиля слоя Наложение градиента (Gradient Overlay) (рис.15), относящегося к слою-копии.

1

Рис. 154. Создайте побольше копий слоя с сердечком и снова активируйте Свободную трансформацию (Ctrl+T), при помощи которой нужно будет изменять размер, расположение и ориентацию каждой копии в соответствии с иллюстрацией ниже - рис.16.

1Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)

Рис. 16

Рис. 175. Скомбинируйте в одну группу все слои, содержащие сердечки (удерживая Ctrl, выделите все нужные слои и указателем мыши перетащите их на иконку Создания новой группы (Create a new group) в нижней части палитры слоев)
Теперь создайте копию этой группы (CTRL+J). Затем скройте группу-оригинал, кликнув по иконке с изображением глаза на палитре слоев. Далее дубликат группы должен быть растрирован: выделите эту группу и нажмите CTRL+E, чтобы объединить находящиеся в ней слои.
Теперь примените к растрированной группе гауссовское размытие: Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian blur) - рис.17.

16. Создайте копию слоя содержащего гауссовское размытие. При помощи Свободной трансформации (Ctrl+T) нам нужно повернуть копию на 90 градусов против часовой стрелки, затем немного повернуть ее вокруг горизонтальной оси, смещая вниз.

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

17. Создайте новый слой и выберите мягкую круглую кисть, чтобы прокрасить ей поверхность сердечек. Задайте цвет #FE7600 и Непрозрачность (Opacity) кисти: 10%.

Уменьшите Заливку (Fill) этого слоя до 62% и измените Режим наложения (Blend mode) слоя на Перекрытие (Overlay).

1Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)

Рис. 188. Выберите инструмент Многоугольник (Polygon Tool (U)) и, задав на панели опций Число сторон (Sides): 6, создайте на холсте шестиугольник белого цвета (рис.18). Оолучится изображение - рис.19.

19. Уменьшите Заливку (Fill) этого слоя до 18% и измените Режим наложения (Blend mode) слоя на Перекрытие (Overlay).

2Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)0. Создайте побольше копий данного слоя с шестиугольником, и активируйте Свободную трансформацию (Ctrl+T). Измените размер, расположение и ориентацию каждой копии в соответствии с изображением, представленным ниже. Чтобы добиться такого же эффекта, как ни нижнем изображении, необходимо варьировать величину Заливки (Fill) каждого слоя-копии (рис.19.).

2Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)

Рис. 181. Поместите все слои, содержащие многоугольник в одну общую группу (удерживая Ctrl, выделите все нужные слои и нажмите CTRL+G). Растрируйте группу (выделите ее и нажмите CTRL+E).
Теперь примените к растрированной группе гауссовское размытие: Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian blur) - рис.20.

2

Рис. 192. Добавьте к растрированному слою слой-маску, кликнув по соответствующей иконке в нижней части палитры слоев, и выберите мягкую круглую кисть (задайте Непрозрачность (Opacity) кисти: 30%).

П

Рис. 20рокрасьте поверхность маски, чтобы замаскировать шестиугольники.

2Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)3. Продублируйте последний созданный слой и удалите его слой-маску. Примените к дубликату гауссовское размытие: Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian blur) - рис.21.

2Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)4. При помощи свободной трансформации (Ctrl+T) расположите это дубликат слоя с шестиугольниками так, как показано на рис.22.

Рис. 21

Рис. 22

25. Описанным ранее способом создайте для этого слоя слой-маску и выберите мягкую круглую кисть черного цвета (задайте Непрозрачность (Opacity) кисти: 20%).

Прокрасьте маску, скрывая содержимое слоя, так как показано на иллюстрации ниже. Установите это слой в Режим наложения (Blend mode) - Перекрытие (Overlay).

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

2Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)7. Создайте для этого слоя слой-маску, кликнув по иконке Добавления слоя-маски (Add layer mask) в нижней части палитры слоев и снова активируйте мягкую круглую кисть черного цвета (задайте Непрозрачность (Opacity) кисти: 15%).

2Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)

Рис. 238. Уменьшите видимость точек, прокрасив их при помощи этой кисти, так как показано на изображении ниже. Установите этот слой в Режим наложения (Blend mode) - Перекрытие (Overlay).

29. Создайте новый слой, выберите инструмент Кисть (Brush tool) подберите кисть для нанесения звезд, как показано на рисунке 24.
При помощи этой кисти нанесите на холст некоторое количество звездочек белого цвета, так как показано на рисунке 25.

3Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)

Рис. 240. Установите этот слой в Режим наложения (Blend mode) Перекрытие (Overlay).

31. Создайте копию последнего слоя со звездочками и уменьшите величину Заливки (Fill) копии до 50%, установите Режим наложения (Blend mode) данного слоя - Перекрытие (Overlay).

3

Рис. 252. Создайте новый слой, выберите еще одну кисть из вновь загруженного набора и нанесите на холст дополнительные звездочки белого цвета.

33. Поместите все слои со звездочками в одну общую гурппу (удерживая Ctrl, выделите все нужные слои и указателем мыши перетащите их на иконку Создания новой группы (Create a new group) в нижней части палитры слоев).

Создайте для этой группы слой-маску, кликнув по иконке Добавления слоя-маски (Add layer mask) в нижней части палитры слоев и снова активируйте мягкую круглую кисть черного цвета (задайте Непрозрачность (Opacity) кисти: 15%). Прокрасьте поверхность маски, уменьшая видимость звездочек.

3Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)4. Далее создайте еще один новый слой, выберите использованную ранее кисть и, задав цвет #00F695, прокрасьте этой кистью поверхность сердечек, так, как показано на рисунке 26 (задайте Непрозрачность (Opacity) кисти: 20%). Установите Режим наложения (Blend mode) данного слоя - Перекрытие (Overlay).

35. Объедините все слои в один растрированный слой (удерживая Ctrl, выделите нужные слои на палитре слоев, и нажмите CTRL+E).

СМетодические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)

Рис. 25оздайте дубликат растрированного слоя. Примените к оригинальному растрированному слою следующий фильтр: Фильтр > Усиление резкости > Контурная резкость (Filter > Sharpen > Unsharp mask) - рис. 26

3Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)

Рис. 266. К дубликату растрированного слоя мы применим гауссовское размытие: Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian blur) - рис.27.

3

Рис. 287. Уменьшите Заливку (Fill) данного слоя до 7%, и установите слой в Режим наложения (Blend mode) - Линейный осветлитель (Linear Dodge)

38. Фон с абстрактными сердечками готов - рис.28.

Рис. 27

Задание 2. Создание надписи.

Создаем надпись "ПОЗДРАВЛЯЮ" с помощью инструмента «Горизонтальный текст» Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы) . Задаем шрифт Pompadur. Задаем Стиль слоя (двойной щелчок по слою): тень, свечение, тиснение, наложение градиента, обводку. Размещаем надпись в нужном месте.

Задание 3. Создание водяного знака

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

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

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

1) Понятен, т.е. копирайт должен быть разборчиво написан или сделан.

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

3) Эстетичен, т.е. придумайте красивый логотип, либо используйте свою фамилию или url вашего сайта (домашней странички, портфолио). Однако не переусердствуйте. Важно, чтобы копирайт не был громоздким.

Порядок действий добавления к изображению значка копирайта:

Шаг 1. Откройте изображение или фото, к которому собираетесь применить защитный знак.

Шаг2. Вооружитесь инструментом Произвольная фигура.

АМетодические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)ктивизируйте кнопку "выполнить заливку пикселов», расположенную в верхнем меню фотошоп, крайняя справа в первой группе из трех кнопок:

Выберите в наборе произвольных фигур значок «копирайта».

Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)

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

Шаг 4. Добавим Стиль слоя - Тиснение (настройки могут быть любыми):

ШМетодические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)аг 5. Чтобы защитный знак стал прозрачным, снизим уровень Заливки до 0%.































3. Оформление фото «Калейдоскоп»


  1. Открываем любое фото. Делаем копию слоя.

  2. Выбираем команду "Редактирование - Трансформирование - Перспектива".

  3. Уменьшаем ширину и высоту на 90% и добавляем угол поворота 5 градусов.

  4. Делаем копию слоя, к которому применили команду трансформирования.

  5. НМетодические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)а второй копии опять применяем команду "Редактирование - Трансформирование - Перспектива" с теми же параметрами. Уменьшаем ширину и высоту на 90% и добавляем угол поворота 5 градусов.

  6. Вновь делаем копию слоя, на котором только что сделали трансформирование, и повторяем выше описанные действия.

  7. Уменьшаем непрозрачность самого нижнего слоя (слой1)до 40%, второго слоя (слой1 копия) до 60%, третьего слоя (слой1 копия2) до 70%.

  8. Добавляем самый нижний фоновый слой и заливаем его подходящим цветом или градиентом.



4. Создание визитки

1Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы). Создаем новый документ (размер задаем в см., разрешение - 300 пикс/дюйм.).

2. Заливаем серым цветом (#969091).

3. Открываем фото, и перетаскиваем инструментом "Перемещение" на наш новый документ.

4. Разрежем фото.

ДМетодические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)ля этого создадим направляющие. В верхнем меню программы жмем: Просмотр - Новая направляющая..., в выпавшей табличке ставим галочку на "вертикальная", положение=0. В результате сверху на фото появится вертикальная линия салатового цвета. Используя инструмент «Перемещение» (V) сдвигаем линию вправо. И повторяем эти действия еще два раза.

5. Теперь «разрежем» нашу картинку. Инструментом «Прямоугольная область» по направляющим выделяем кусочки картинки и сохраняем их на отдельный слой (Ctrl + J). Должно получиться 4 фрагмента. Так выглядит сейчас палитра слоев:

6Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы). Делаем слой с картинкой невидимым (щелкаем на нём «глаз»).

Дальше пошел творческий процесс - каждый кусочек нужно немного развернуть (используем режим свободной трансформации(Ctrl + T)). Кстати направляющие можно убрать инструментом «Перемещение» (V) просто сдвинув их назад. Нужно поработать с каждым кусочком отдельно, с помощью инструмента "Цветовой тон - Насыщенность" (Ctrl+U).

НМетодические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)иже настройки, для примера:

1).Редактирование кусочков

1 - Цветовой тон: +18, Насыщенность -64, Яркость 0.

2 - без изменений,

3 - выделим «лассо» или «Волшебной палочкой» только ткань под рукой, Ctrl+U: Цветовой тон: -71, Насыщенность 0, Яркость 0. Снимаем выделение Ctrl+D. Выделим только руку, применим уровень (Ctrl + L), входные значения: 0; 1,00; 197. Снимаем выделение Ctrl+D

4 - Цветовой тон: 0, Насыщенность +43, Яркость +29.

2). Обводим белой каемкой каждый кусочек. Применяем на каждом Стиль слоя - Обводка. Цвет белый, размер 6 пикс.

5) Осталось разместить информацию.

а). Надписи: -френч, -дизайн, -коррекция, -снятие, -укрепление Био-гелем

Сделаны каждая на отдельном слое, шрифт PG IsadoraCyrPro , размер 3 пт. , цвет# 000000 .

б). Надпись: katerina.ru

шрифт Adventure , размер 9,55 пт. , цвет# fbfbfc , в стиле слоя «Обводка», Тип обводки - градиент линейный, черно-белый, угол 90' , размер 2 пикс. Непрозрачность слоя - 57%, Заливка - 40%.

в). Надписи: e-mail: [email protected]; icq: 473-973-130

шрифт Segoe UI , размер 3 пт. , цвет # fbfbfc , в стиле слоя «Обводка», Тип обводки - цвет, цвет # 4c4e36.

г). Надпись: тел.:8-903-624-5359

Шрифт PG IsadoraCyrPro , размер 6 пт. , цвет# fbfbfc , в стиле слоя «Обводка», Тип обводки - цвет, цвет # 4c4e36.

д). Надпись: Катерина

шрифт PG IsadoraCyrPro , размер 9 пт. , цвет# fbfbfc . В стиле слоя «Тень» (параметры по умолчанию), «Обводка»: Тип обводки - градиент линейный, черно-белый, угол 90' , размер 2 пикс.

5. Меняем цвет глаз в Photoshop

Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы) Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)

Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)До После
Задание: Изменить цвет глаз в фотошопе, используя всего один корректировочный слой.
Изображение, которое будем использовать «Цвет глаз».
Шаг 1
Выберите инструмент Лассо (Lassotool) на панели инструментов или нажмите клавишу L.

Шаг 2

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


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

Шаг 3

Теперь мы можем изменять цвет. Для этого щелкните по значку Новый корректирующий уровень (NewAdjustmentLayer) в палитре слоев и из списка выберете Цветовой тон/Насыщенность (Hue/Saturation):

ШМетодические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)аг 4

ВМетодические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы) появившемся окне установите галочку напротив опции Тонировать (Colorize)
Как только вы установите галочку, сразу же заметите, что глаза уже изменили цвет!
Шаг 5
Теперь, перетаскивая ползунок опции Цветовой тон (Hue), вы увидите что глаза меняют цвет. Изменяя положение ползунка Насыщенность (Saturation) вы заметите, как изменяется насыщенность цвета глаз. А опция Яркость (Lightness) отвечает за яркость цвета.

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

ЕМетодические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)сли же вы допустили погрешность при выделении глаз инструментом Лассо (Lassotool) то самое время это исправить.


Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы) Шаг 6
Выберете инструмент Кисть (Brushtool) в панели инструментов, или нажмите клавишу B.


ШМетодические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)аг 7
Теперь активируйте маску слоя корректирующего слоя. Для этого просто щелкните по ней один раз левой кнопкой мыши.

ШМетодические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)аг 8
Теперь возьмите инструмент Кисть (Brushtool) и нажмите клавишу D, чтобы сбросить цвета переднего и заднего плана на черный и белый. А чтобы бысто переключаться между ними, просто нажимайте клавишу X. Образец цвета переднего плана показывает, какой цвет сейчас будет использоваться.

ИМетодические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)так, рисуя на маске слоя, запомните, что белый цвет открывает невидимые участки, а черный - скрывает видимые. Таким образом, если вы при выделении задели белки глаз, то возьмите черный цвет и закрасьте их. Если же при выделении вы не полностью выделили зону самого зрачка, то активируйте белый цвет и закрасьте им зрачки. Не забываем, что рисовать надо именно на маске слоя!

Вот что у вас должно получиться:
Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)



6. Эффект мультипликационного рисунка в Photoshop

ШМетодические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)аг 1.

Откройте изображение, с которым вы будете работать - «Мультипликационный рисунок». Удостоверьтесь, что Ваше изображение находится в режиме RGB. Чтобы проверить это, пройдите на вкладкуИзображение> Режим (Image>Mode). Удостоверьтесь, что галочка установленна напротив RGB.
Сделайте дубликат слоя, нажав сочетание клавиш CTRL+J. Мы продолжим работу с дубликатом.
Шаг 2.

ПМетодические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)ройдите на вкладку Фильтр > Имитация > Очерченные края (Filter>Artistic>PosterEdges). Откроется окно фильтра, где вам нужно будет подвигать ползунками для достижения нужного вам эффекта.
Шаг 3.

Далее, при необходимости, скорректируем яркость и контрастность изображения. Для этого пройдем на вкладку Изображение > Коррекция > Яркость/Контраст (Image>Adjustments>Brightness/ Contrast). Для данного фото установим значение яркости на 10, контраста - на 30. У вас могут быть свои параметры.
Шаг 4.

В заключении придадим фотографии эффект аппликации, чтобы она была похоже на мультипликационный рисунок. Для этого пройдем на вкладку Фильтр > Имитация > Аппликация (Filter>Artistic>CutOut). Точно также установите нужные параметры ползунков и на этом все.

ФМетодические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)инальный результат:




7. Make-UP в Photoshop

ОМетодические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)ткройте изображение «Мэйк-ап», над которым будем работать. Во-первых, мы должны сделать кожу более мягкой. Для этого эффекта дублируем слой, нажав Ctrl + J и применяем: Фильтр > Размытие >Размытие по Гауссу (Filter>Blur>GaussianBlur) со следующими параметрами:

Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)

ПМетодические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)осле этого выбираем режим наложения (Blendingmode) и непрозрачность (Opacity). Можно применить Мягкий свет (SoftLight) с непрозрачностью (Opacity) 60%. Теперь применяем инструмент Ластик (EraserTool) и удаляем все, кроме кожи на лице, как на рисунке ниже:

Сольем оба слоя в один. Посмотрим на разницу:

Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)

После этого мы должны наложить помаду на губы. Итак, выберите инструмент Лассо (PolygonalLassoTool) и сделайте выделение как на картинке справа:

НМетодические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)ажмите Ctrl + J, чтобы скопировать выделенную область на новый слой и изменить цвет с помощью панели: Изображение> Коррекция>Цветовой тон / Насыщенность (Image>Adjustments>Hue/Saturation) с использованием данных настроек:


Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы) Теперь у нас получилось что-то вроде этого:

ЧМетодические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)тобы придать губам настоящий вид, нужно найти и применить инструмент Ластик (EraserTool) и стереть выступающие части губ. После этого установите Непрозрачность (Opacity) до 70% для этого слоя.



Теперь изменим цвет глаз и добавим немного теней. Выберите Овальная область (EllipticalMarqueeTool) и сделайте выделение как показано ниже:

Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)

НМетодические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)ажмите Ctrl + J, чтобы скопировать выделенную область на новый слой. Теперь зайдите на вкладку: Изображение> Коррекция> Уровни (Image>Adjustments>Levels) и установите сл. параметры:

Получаем следующее изображение:
Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы) Теперь выберите Инструмент Ластик (EraserTool) снова и мягкую круглую кисть, чтобы стереть ненужные участки, как на картинке ниже:

Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)

После этого создайте новый слой, затем выберите Лассо (PolygonalLassoTool) и сделайте выделения как на рисунке:

Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)

ЗМетодические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)аполните выделение цветом #a2ab8d и нажмите Ctrl + D чтобы снять выделение выбранной области:

Примените Фильтр>Размытие>Размытие по Гауссу (Filter>Blur>GaussianBlur) со следующими параметрами:

ММетодические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)еняем режим наложения (Blendingmode) на Цветовой тон (Hue):

ИМетодические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы) последняя вещь - это румяна. Для этого создайте новый слой, затем выберите инструмент Кисть (BrushTool)с небольшой жесткостью и сделайте небольшие пятна с левой и правой сторон лица, используя цвет # ff94a8


Теперь примените Фильтр>Размытие>Размытие по Гауссу (Filter>Blur>GaussianBlur) с такими настройками:


Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)



Ваша картинка должна выглядеть так:

Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)

ТМетодические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)еперь удаляем румяна за границами лица с помощью инструмента Ластик (EraserTool) и меняем режим наложения слоя на Цветность (Color).




8. Придаем фотографии эффект кинематографичности

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

Для выполнения урока вам понадобится:
«Фотография мужчины».

Возьмите инструмент Быстрое выделение (Quick Selection Too) и выделите им небо и здания на заднем плане. Удерживая клавишу alt="Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)", вы можете вычесть область из выделения, если случайно захватили ненужный участок.

Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)

После того, как вы закончили выделение, пройдите на вкладку Выделение > Уточнить края (Select > Refine Edge). В открывшемся окне выберете инструмент Уточнить радиус(Refine Radius Tool) и пройдитесь им по границе между волосами и небом, чтобы сделать выделение наиболее точным.

Также в этом окне в раскрывающемся списке «Вывод в» (Output to) должно быть выбран Новый слой со слоем маской (New Layer with Layer Mask). Когда все сделаете, нажмите ОК.


Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)

Теперь выполните команду Фильтр > Размытие > Размытие при малой глубине резкости (Filter > Blur > Lens Blur). Установите такие же настройки что и на изображении ниже. Удостоверитесь, что в поле Карта лубины (Depth Map) в качестве Источника (Source) установлена Маска слоя (Layer Mask). Нажмите ОК и дождитесь завершения применения фильтра.

Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)

После этого дублируйте слой, нажав CTRL+J и кликните на маску только что созданного дубликата, тем самым активировав ее. Выполните команду Изображение > Коррекция > Инверсия (Image > Adjustments > Invert).

Назовите слой «high pass» и пройдите на вкладку Фильтр > Другое > Цветовой контраст (Filter > Other > High Pass). Установите радиус в 2.5 пикселя.


УМетодические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)становите Режим наложения (blending mode) слоя на Перекрытие (blending mode), затем дублируйте слой несколько раз, чтобы усилить эффект.

КМетодические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)ликните по иконке Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы) в нижней части панели слоев и из списка выберете корректирующий слой Цветовой тон/Насыщенность (Hue/Saturation). Ползунок Насыщенности(Saturation) установите на значение -75.


ТМетодические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)еперь добавьте корректирующий Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы) слой Цвет.. (Color). В параметрах слоя выберете цвет #00fff6. Непрозрачность слоя (Opacity) снизьте до 5% и смените Режим наложения наСветлее (Lighten).




Создайте корректирующий слой Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы) Фотофильтр (Photo Filter), в параметрах фильтра выберете цвет #ec8a00, а Плотность (Density) снизьте до 10%.







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






Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)



И в завершении добавьте последний корректирующий слой Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы) Градиент (gradient). Установите Радиальный (Radial) градиент от черного к непрозрачному с масштабом 150%. Режим наложения слоя смените на Мягкий свет (Soft Light).

Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)


Дублируйте слой и установите Непрозрачность (opacity) дубликата на 50 %.

Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)Финальный результат:

Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)

Литература:

Михеева Е.В., Информационные технологии в профессиональной деятельности: учеб. пособие для студ. учреждений сред. проф. образования/Е.В.Михеева. - 10-е изд., испр. - М.: Издательский центр «Академия», 2012. - 384с.

Интернет - ресурсы:

  1. adobe.com - официальный сайт Adobe Photoshop (дата обращения 20.12.2014г.) (дата обращения 20.12.2014г.)

  2. photoshop-master (дата обращения 20.12.2014г.)

  3. ru.wikipedia.org/wiki/Microsoft_Access - Википедия - свободная энциклопедия (дата обращения 20.12.2014г.)









Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)Методические указания для выполнения практических работ в программе AdobePhotoshop (прикреплены фото для работы)


© 2010-2022