Реферат: Слои, эффекты слоя в растровом графическом редакторе Adobe PhotoShop

--PAGE_BREAK--
2. Обратите внимание на слой, обозначенный называнием Background (Фоновый слой) (он пока единственный на палитре). Палитра Layers должна выглядеть примерно так, как показано на рис.

3. Щелкните на значке в виде страницы, расположенной в нижней части палитры Layers. Поздравляю, вы только что создали новый слой!

Теперь палитра Layers выглядит примерно так, как на рис.

<img width=«344» height=«358» src=«ref-1_1489877165-27481.coolpic» v:shapes="_x0000_i1026">

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

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




Глава 2.Методическое обеспечение практических занятий по теме «Слои, эффекты слоя в растровом графическом редакторе Adobe PhotoShop»
2.1. Практическая работа №1
Тема: «Слои, эффекты слоя в растровом графическом редакторе AdobePhotoShop».

Цель: Научиться практическому использованию слоёв для создания нового изображения.

Задачи:

·                         Научить преобразовывать фоновый слой изображения в обычный слой

·                         Научить добавлять фоновый слой.

·                         Научить создавать несколько слоев с различными стилями

Длительность – 2 академических часа.




Задание 1. Разработать рекламную листовку аналогичного вида
<img width=«491» height=«429» src=«ref-1_1489904646-22328.coolpic» v:shapes="_x0000_i1027">

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

1. Слой и способы его создания.

Понятие «слой» в программе Photoshop — это прослойка или пласт, который является составной частью чего-то целого. В PhotoShopкаждое изображение может иметь до 999 слоев.

New(создать) – это команда предлагает всевозможные способы создания слоёв.
<img width=«418» height=«169» src=«ref-1_1489926974-7567.coolpic» v:shapes="_x0000_i1028">

·          Layer(Ctrl+Shift+N, Слой) – создание обычного слоя.
<img width=«392» height=«369» src=«ref-1_1489934541-11268.coolpic» v:shapes="_x0000_i1029">
·          BackgroundfromLayer(Слой через фон) – эта команда превращает фон в обычный слой. Отличие фона от слоя заключается в том, что, работая с фоном, нельзя менять его положение, прозрачность, режим наложения пикселов.

·          LayerSet(Набор слоёв) – создаётся новый набор слоёв, в который можно помещать создаваемые слои.

·          LayerSetfromLinked(Набор из связки) – эта команда объединяет все связанные слои в набор

·          LayerviaCopy(Ctrl+J, Слой копированием) – позволяет создавать новый слой, копируя на него выделенную область, а если её нет, то весь активный слой.

·          LayerviaCut(Ctrl+Shift+J, Слой вырезанием) – перенос выделенной области с активного слоя на новый, при этом на активном слое вместо выделенной области образуется прозрачная.

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

Маска слоя – это такая маска, которая частично либо полностью скрывает содержимое слоя.

AddLayerMask– добавить маску слоя.
<img width=«38» height=«41» src=«ref-1_1489945809-138.coolpic» v:shapes="_x0000_s1026"><img width=«286» height=«314» src=«ref-1_1489945947-25954.coolpic» v:shapes="_x0000_i1030">
1.          Открыть File (файл) -> Open (открыть).

2.          Выделить область на изоб<img width=«324» height=«284» src=«ref-1_1489971901-4772.coolpic» hspace=«12» v:shapes="_x0000_s1027">ражении аналогично рисунку 1.
<img width=«255» height=«132» src=«ref-1_1489976673-9643.coolpic» hspace=«12» v:shapes="_x0000_s1028"><img width=«46» height=«38» src=«ref-1_1489986316-1024.coolpic» v:shapes="_x0000_s1029">



Рис. 1
3.           В палитре Layers (слои), щелкнуть по пиктограмме <img width=«22» height=«17» src=«ref-1_1489987340-530.coolpic» v:shapes="_x0000_i1031">, которая называется Add Layer Mask (добавить маску слоя).
Рис. 2:

<img width=«270» height=«300» src=«ref-1_1489987870-14630.coolpic» v:shapes="_x0000_i1032">
Изображение изменилось: исчезли все детали изображения, находившиеся вне области выделения. На самом деле они не исчезли, а лишь оказались закрытыми «маской слоя».
<img width=«558» height=«393» src=«ref-1_1490002500-39887.coolpic» hspace=«12» v:shapes="_x0000_i1033">3

Нажать клавишу <Shift> и щелкуть по миниатюрному изображению маски в слое. Изображение появилось в первоначальном виде. Теперь снова щелкуть, удерживая <Shift> — детали исчезли.

Рис. 3.

Вид слоя в палитре Layers (слои) тоже изменился:

На рисунке 4 цифра [1] — <img width=«11» height=«14» src=«ref-1_1490042387-414.coolpic» v:shapes="_x0000_i1034">  — означает, что маска привязана к слою; при перемещении содержимого слоя, маска будет перемещаться вместе с ним;

4. щелкнуть по значку <img width=«11» height=«14» src=«ref-1_1490042387-414.coolpic» v:shapes="_x0000_i1035">  — он исчез; теперь положение маски не связано с положением слоя, и перемещение будет происходить отдельно;

5. щелкнуть снова в том месте, где был значок <img width=«11» height=«14» src=«ref-1_1490042387-414.coolpic» v:shapes="_x0000_i1036"> – он появился – слой и маска снова связаны;

На рисунке 4 цифра [2] – миниатюрное изображение маски; щелкнуть по нему – появится значок [3] <img width=«22» height=«17» src=«ref-1_1489987340-530.coolpic» v:shapes="_x0000_i1037"> , означающий, что мы находимся в маске и можем производить необходимые операции над ней;

6. щелкнуть по миниатюрному изображению содержимого слоя на рисунке 4 — [4] – значок <img width=«22» height=«17» src=«ref-1_1489987340-530.coolpic» v:shapes="_x0000_i1038"> исчез; мы находимся в изображении;

7. щелкнуть по миниатюрному изображению маски [2] и по значку <img width=«12» height=«12» src=«ref-1_1490044689-448.coolpic» v:shapes="_x0000_i1039">  — изображение маски исчезло из слоя вместе с самой маской.

<img width=«306» height=«300» src=«ref-1_1490045137-12404.coolpic» v:shapes="_x0000_i1040">

Рисунок 4.


Примечание: маска слоя помогает спрятать ненужные детали изображения без их фактического удаления из изображения.

8. копировать исходное изображение на 2 новых слоя и разместить их используя наложение слоев.

Arrange– изменяет порядок расположения слоёв:

·                         BringtoFront– помещает активный слой первым;

·                         BringForward– ставит активный слой на один выше;

·                         SendBackward– перемещает активный слой на один вниз;

·                         SendtoBack– помещает активный слой вниз, однако располагает его над фоновым слоем;

·                         Reverse– меняет местами выделенные слои;
<img width=«288» height=«252» src=«ref-1_1490057541-7994.coolpic» v:shapes="_x0000_i1041">
Distribute– используется для равномерного распределения нескольких слоёв на плоскости;
Задание 2. Добавить в рекламную листовку надпись « 1900 рублей» применив к надписи эффект DropShadow
1. Создать новый файл. Filе – New.

2. Используя инструмент HorizontalType(горизонтальный текст) написать слово черным цветом.

3. Щелкнуть правой кнопкой мыши в палитре Layersпо слою с текстом и в раскрывшемся меню выбрать команду RasterizeLayer.
<img width=«486» height=«365» src=«ref-1_1490065535-23013.coolpic» v:shapes="_x0000_i1042">
4.          Создать эффект нависающего текста. Для этого сделать активным слой с текстом и вызвать команду Layer– LayerStyle– DropShadow(Слой – Стили слоя – Внешняя тень).

5.          Поэкспериментировать с настройками. Установить параметры аналогичные приведённым.




<img width=«605» height=«442» src=«ref-1_1490088548-47141.coolpic» v:shapes="_x0000_i1043">

Текст будет выглядеть так:
<img width=«452» height=«300» src=«ref-1_1490135689-7587.coolpic» v:shapes="_x0000_i1044">
6.          Придать объём буквам. Для этого необходимо сделать слой с текстом активным и воспользоваться Layer– LayerStyle– BevelandEmboss(Слой – Стили слоя – Скос и рельеф).

<img width=«579» height=«444» src=«ref-1_1490143276-46893.coolpic» v:shapes="_x0000_i1045">
В результате изображение должно стать похожим
<img width=«428» height=«280» src=«ref-1_1490190169-6633.coolpic» v:shapes="_x0000_i1046">
7.          Перетащить готовое изображение в окно с рекламной листовкой и расположить его как показано на рисунке:

<img width=«448» height=«392» src=«ref-1_1490196802-24220.coolpic» v:shapes="_x0000_i1047">
8. Сохраните готовое изображение с именем Листовка.psd.
Задание для самостоятельного выполнения.

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

Индивидуальные задания:

Используя ранее полученные умения создайте полученные изображения:

<img width=«307» height=«307» src=«ref-1_1490221022-16163.coolpic» hspace=«12» v:shapes="_x0000_s1030">
<img width=«74» height=«30» src=«ref-1_1490237185-141.coolpic» v:shapes="_x0000_s1031"><img width=«251» height=«269» src=«ref-1_1490237326-7767.coolpic» hspace=«12» v:shapes="_x0000_s1032">

3.1. Практическаяработа №2
Тема: “Текстовые эффекты”.
Цель: овладеть навыками работы с эффектами слоя путем создания «надписи огнём».

Задачи:

·                   изучить варианты создания «надписи огнём»;

·                   изучить различные фильтры для создания изображения;

·                   научить применять полученные теоретические знания на практике

·                   научить использовать эффекты слоя в создании текста;

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

Аппаратно-программное обеспечение:

ü                Операционная система Windows2000, XP;

ü                Программа растровой графики AdobePhotoShop.

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

1. С помощью окна File– Newуказать название файла, размер в сантиметрах и разрешение.

2. Цветовой режим – полутоновый (Grayscale);

2. Задний фон оставить по умолчанию White(белым).
Задание 1.
Создайте надпись «Heat» и примените к ней эффект «Надпись огнём». Дополните листовку горящей надписью «Heat».
1. Используя инструмент HorizontalType(горизонтальный текст) напишите слово черным цветом.

2. Теперь необходимо склеить слой, на котором расположен текст, и слой фона с помощью команды меню Layer– MergeDown(Слой – Объединить с предыдущим) или нажав сочетание клавиш Ctrl+E.

3. Кристаллизуйте полученный текст – фильтр кристаллизации доступен через меню Filter– Pixelate– Crystallize. В диалоговом окне Crystallizeустановите размер ячейки кристаллизации порядка 3-5 пикселов.

<img width=«512» height=«384» src=«ref-1_1490245093-21144.coolpic» v:shapes="_x0000_i1048">

4. Размытие изображения. Воспользуйтесь фильтром Filter– Blur– GaussianBlur. Радиус размытия зависит от размера изображения и выбранного шрифта. Чем больше буквы, тем большим должно быть значение радиуса.

Если все сделано правильно, то ваше изображении будет таким




<img width=«478» height=«281» src=«ref-1_1490266237-17330.coolpic» v:shapes="_x0000_i1049">
5. Нажмите сочетание клавиш Ctrl+Iлибо вызвав команду меню ImageAdjustments– Inverseдля инвертирования цвета рисунка. Эта команда преобразует все цвета в противоположные.

6. Затем переверните изображение на 90 против часовой стрелки: ImageRotateCanvas– 90CW. Этот шаг необходим, чтобы на следующем этапе работы использовать фильтр Wind, который действует только в горизонтальном направлении.

7. Создать язычки пламени Filter– Stylize– Wind. Используйте переключатель Fromtheleft(Ветер слева). После неоднократного применения фильтра Windу вас должны появиться довольно длинные язычки пламени.




<img width=«512» height=«449» src=«ref-1_1490283567-23956.coolpic» v:shapes="_x0000_i1050">
8. Добавить в пламя колебание для большей реалистичности. Сделать это можно командой Filter– Distort– Ripple. Параметры настроены так: Amountравен 50%, а Sizeустановлен на среднее значение Medium.




<img width=«512» height=«384» src=«ref-1_1490307523-19319.coolpic» v:shapes="_x0000_i1051">
9. Верните пламя «на ноги»: Image– RotateCanvas– 90CCW.

10. Применить еще раз Filter– Distort– Ripple. Только теперь Amountустановить 30%, а Sizeна значение High.

11. перевести изображение в режим индексированных цветов: Image– Mode– IndexedColor. После этого сопоставить полутоновому изображению цветовую модель. Для пламени подходящей будет команда Image– Mode– ColorTable.




<img width=«512» height=«384» src=«ref-1_1490326842-31480.coolpic» v:shapes="_x0000_i1052">
12. В результате у вас должно получиться правдоподобное пламя.
<img width=«478» height=«277» src=«ref-1_1490358322-20850.coolpic» v:shapes="_x0000_i1053">
13. Готовую надпись обработать с помощью команды ластик и слой с изображением перенести в готовую листовку.

В результате должно получиться изображение:

<img width=«512» height=«448» src=«ref-1_1490379172-33503.coolpic» v:shapes="_x0000_i1054">
Сохраните готовое изображение с именем Листовка готовая. psd.
Задание 2. Создайте надпись Hotс помощью эффекта «Надпись огнём» с помощью других команд и приёмов.
1. Создайте файл произвольного размера. File– New. При создании изображения обратите внимание на то, что цвет фона должен быть черным, а в качестве цветовой модели выбрана Grayscale.

2. Написать текст белым фоном. Шрифт лучше использовать массивный, например ArialBold.

3. Нажать сочетание клавиш Ctrl+T– возможно изменение размера букв, положение надписи, наклон.

4. Открыть палитру Layers. Склеить слой с текстом и слой фона. Для этого выполнить команду Layer– MergeLayersили сочетание клавиш Ctrl+E.

5. Повернуть изображение на 90 против часовой стрелки: Image– RotateCanvas– 90 CW.

6. ПрименитьфильтрWind: Filter – Stylize – Wind. Применить этот фильтр несколько раз нажав Ctrl+F.
<img width=«512» height=«384» src=«ref-1_1490412675-15642.coolpic» v:shapes="_x0000_i1055">    продолжение
--PAGE_BREAK--