Коллаж. Основы работы со слоями

                                                                                                                                                                               Технология работы с графическим редактором Photoshop           

 

Коллаж. Основы работы со слоями

       <<на страницу "Дистанционный курс «Технология работы с графическим редактором Photoshop»

 

     Термин   «коллаж»   произошел   от   французского   слова   «col­lage» — «наклеивание». Этот прием заключается в том, чтобы:

1)     вырезать различные фрагменты изображений, напри­мер, из газет и журналов,

2)  наклеить их вместе на лист бумаги для создания еди­ной картинки.

Здесь основной инструмент — ножницы, а материал — бумага.

В компьютерном коллаже операции вырезания и наклеи­вания заменяются операциями выделения и перемещения. Характерным приемом создания коллажа служит замена фона. К примеру, можно вырезать львицу с изображения (рис.1а) и разместить ее в саванне (рис. 1б).

  

а                                                         б

Рис. 1. Коллаж, полученный в результате замены фона

Кроме того, можно увеличить, уменьшить, скопировать, повернуть или зеркально отразить отдельные фрагменты для создания законченной композиции. Рассмотрим пример. За основу коллажа возьмем фотографию леса (рис. 2).

 

 

Рис.2. Фотография для фона коллажа

Заполним этот лес животными, «вырезанными» с других фотографий (рис. 1 и 3). Законченный коллаж пред­ставлен на рис. 4.

                        

Рис. 3. Фотография для создания коллажа                                Рис. 4. Коллаж из нескольких фотографий

   Для создания коллажей в Photoshop используются слои. Слой можно сравнить с листом прозрачной пленки, на кото­рую нанесен рисунок. Изображение может содержать один или много слоев. Если сложить такие слои стопкой, то полу­чится изображение из нескольких рисунков. Даже десяток слоев не исказит самый нижний из них, так как пленка каждого слоя абсолютно прозрачна.

Работа со слоями выполняется под управлением панели Layers (Слои). На ней отображается информация о слоях ак­тивного документа.

Новый файл создается на слое заднего плана (Back­ground). Это означает, что если отсканировать картинку и открыть ее в программе Photoshop, то она будет размещена на слое заднего плана (рис. 5). Название этого слоя на панели Layers (Слои) пишется курсивом.


 

     

Рис. 5. Документ с одним слоем заднего плана и его панель Layers (Слои)

       В процессе создания коллажа одна фотография выбирает­ся в качестве фона, а выделенные фрагменты других изобра­жений перемещаются на этот фон (рис. 6). Таким обра­зом, в документе с изображением фона появляется новый слой. Информация о нем фиксируется на панели Layers (Слои) (рис. 7).


                                                          

Рис. 6. Перемещение выделенного фрагмента для создания коллажа

       Пиктограмма «глаз» в левом вертикальном ряду пане­ли Layers (Слои) означает, что данный слой — видимый. Щелкая на этих пиктограммах, можно прятать или показы­вать связанные с ними слои.  

  

Рис. 7. Документ с двумя слоями и его панель Layers (Слои)

 

        Прозрачные области слоя отображаются на экране в виде клетчатого узора (рис. 8). Рис. 8 наглядно иллюстрирует тот факт, что слой — это аналог прозрачной пленки, на которой располагается изоб­ражение.

     

Рис. 8. Изображение со спрятанным слоем Background и его панель Layers (Слои)

       Документ может содержать произвольное количество сло­ен. По умолчанию Photoshop присваивает вновь создавае­мым слоям имена Layer 1(Слой 1), Layer 2 (Слой 2), Layer 3 (Слой 3) и т. д. Гораздо удбнее, если имена слоев отражают содержательный смысл слоев. Поэтому слоям документа рекомендуется давать со­держательные имена (рис. 9).

                                      

Рис. 9. Документ с четырмя слоями и его панель Layers (Слои)

      Перед выполнением любого преобразования слой необхо­димо выделить. Для этого нужно щелкнуть на его пиктог­рамме на панели Layers (Слои). Выделенный слой называет­ся активным. 

Photoshop позволяет удалять, перемещать, вращать, мас­штабировать отдельные слои, изменять порядок слоев, пере­носить фрагменты изображений с одного слоя на другой. Раньше таким удобством располагали только пользователи векторных программ. Таким образом, можно сказать, что изображение, расположенное на слое, является аналогом объекта векторной графики.

Слой Background является особым слоем, так как он все­гда самый дальний. Его нельзя вращать и масштабировать. Чтобы к слою заднего плана можно было применить ка­кое-либо преобразование, его сначала нужно превратить и обычный слой путем простого переименования.

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

Легкость выделения, копирования, перемещения слоев, их масштабирования и ориентации позволяет создавать са­мые разнообразные коллажи.

Каждый новый слой, добавляемый к документу, увеличи­вает размер файла. Чтобы не допустить чрезмерного увели­чения размера файла, рекомендуется объединять слои, рабо­та с которыми закончена. В результате этой операции документ будет содержать только один слой заднего плана. Например, многослойный документ на рис. 9 занимает 1,2 Мб памяти, а в результате слияния слоев — 85 Кб.

Коротко о главном

1.  Коллаж — сочетание нескольких фрагментов различ­ных изображений в одном.

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

3.  Для создания коллажей в Photoshop используются слои. Слой можно сравнить с листом прозрачной пленки, на которую нанесен рисунок.

4.  Работа со слоями осуществляется с помощью панели Layers (Слои).

5.  Новый файл создается на слое заднего плана.

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

7.  Можно сказать, что изображение на слое является ана­логом объекта векторной графики.

8.  Перед выполнением преобразований слой необходимо выделить. Для этого нужно щелкнуть на пиктограмме слоя на панели слоев.

9. Photoshop позволяет удалять, перемещать, вращать слои, изменять порядок расположения слоев, перено­сить фрагменты изображений с одного слоя на другой.

10.  Несколько слоев документа можно связать и затем воз­действовать на них как на группу.

11.  Чтобы не допустить чрезмерного увеличения размера файла, рекомендуется объединять слои, работа с кото­рыми закончена.

 

Контрольные вопросы

1.  Что означает термин «коллаж»?

2.  Какие операции используются для создания коллажа?

3.  Что такое слой?

4.  С чем можно сравнить изображение, расположенное на слое?

5.  Каковы особенности слоя заднего плана Background?

6.  Для каких целей используется панель Layers (Слои)?

7.  Как создать многослойный документ?

8.  Почему слоям лучше присваивать содержательные имена?

9.  Что означает пиктограмма «глаз» в левом вертикальном ряду панели Layers (Слои)?

 

10.  Какой слой является активным?

11.  Можно ли редактировать одновременно несколько слоев изображения?

12.  Какие операции можно выполнять над слоями?

13.  Почему возникает необходимость преобразовывать слой Background в обычный слой?

14.  Когда применяется операция связывания слоев доку мента?

15.  Когда и почему рекомендуется объединять слои доку мента?

 

 

 

Практикум

 

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

Коллаж — сочетание нескольких фрагментов различных изображений в одном.

Слой — аналог листа прозрачной пленки, на которую на­несен рисунок. Если сложить такие листы стопкой, то полу­чится изображение из нескольких рисунков. Можно утвер­ждать, что изображение на слое — аналог объекта векторной графики.

Слой заднего плана Background — самый дальний.

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

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

Какие разделы учебного пособия изучить

 

 

Основные приемы работы

Послойная организация изображения

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

Задание 1. Создать коллаж (добавить к изображению новые слои из других документов).

=> Открыть файл Seasons.jpg.

=> Выбрать панель Layers (Слои).

      Обратите внимание на то, что панель Layers (Слои) со­держит только один слой заднего плана Background (рис.1).

                                  

 

                                     Рис. 1. Документ с одним слоем заднего плана и его панель Layers (Слои)

=>Открыть файл Bird.psd.

    В этом документе — только один слой, на котором рас­положено изображение птицы. При этом прозрачные области слоя представлены в виде клетчатого узора (рис. 2).

 

      

Рис. 2. Документ с одним слоем и его панель Layers (Слои)

=> Поместить курсор мыши на пиктограмму единственно­го слоя документа Bird.psd на панели слоев.

=> Нажать кнопку мыши.

     Не отпуская кнопку мыши, переместить курсор в окно документа Seasons.jpg.

=> Отпустить кнопку мыши.

     В документе Seasons.jpg появится новый слой Layer 1, на котором изображена птица из документа Bird.psd (рис.3).

    

Рис. 3. Изображение с двумя слоями и его панель Layers (Слои)


 

=> Открыть файл Leaf .psd с изображением листка.

=> Переместить листок в документ Seasons.jpg.

=> Открыть файл Flower.jpg.

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

=> Выделить цветок.

Далее можно воспользоваться одним из двух способов.

Способ 1

=> Выбрать инструмент Move (Перемещение).

=> Установить курсор внутрь выделенной области.

=> Нажать кнопку мыши.

=> Перетащить выделенную область в документ Seasons.jpg.

Способ 2

=> Выполнить команду Edit|Copy (Правка]Копировать). Копия цветка будет размещена в буфере обмена.

=> Активизировать документ Seasons.jpg.

=> Выполнить команду Paste (Вставить).

      Изображение, которое должно получиться, представле­но на рис. 4. Взгляните на панель Layers (Слои) до­кумента Seasons.jpg. Здесь будет отображена информа­ция о четырех слоях: Background, Layer 1, Layer2 и Layer3.

    

Рис. 4. Изображение с четырьмя слоями и его панель Layers (Слои)


 


                                     Операции над слоями

Задание 2. Переименовать слои документа.

=> Дважды щелкнуть на имени слоя (например, Layer2)

на панели слоев.

=> Ввести новое имя слоя (например, Лист) взамен старого

имени.

    Аналогично переименовываются все остальные слои.

 

Задание 3. Спрятать и показать отдельные слои изображе­ния.

=> Щелкнуть на пиктограмме «глаз» слоя Leaf документа

Seasons.jpg.

     Лист исчезнет с изображения.

=> Снова щелкнуть на пиктограмме «глаз» слоя Leaf.

     Лист снова появится на экране.

=> Нажать кнопку мыши и, не отпуская ее, протянуть по

пиктограммам с изображением «глаз» сверху вниз.

     Все слои станут невидимыми.

=> Нажать кнопку мыши и, не отпуская ее, снова протя­нуть по пиктограммам с изображением «глаз» сверху

вниз.

     Все слои снова появятся на экране.

=> Нажать клавишу <Alt> и, не отпуская ее, щелкнуть на пиктограмме «глаз» напротив слоя, который вы хотите

оставить.

     Все остальные слои станут невидимыми.

 

Задание 4. Изменить прозрачность слоя.

 

=> Выделить слой.

=> Переместить регулятор на шкале Opacity (Непрозрач­ность) панели Layers (Слои) примерно до отметки 50%. Изображение на слое станет полупрозрачным.

 

Задание 5. Переместить изображение в пределах слоя.

=> Выбрать инструмент Move (Перемещение).

=> Выделить слой (например,  Лист). 

=> Поместить курсор мыши в окно изображения.

=> Нажать кнопку мыши.

=> Перемещать курсор мыши при нажатой кнопке. 

=> Отпустить кнопку мыши, когда изображение достигнет желаемого положения.

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

Для изменения последовательности расположения эле­ментов изображения достаточно изменить порядок слоев.

 

Задание 6. Изменить порядок расположения слоев.

=> Выделить  слой  (например,   Лист)   на   панели  Layers (Слои).

=> Нажать кнопку мыши.

=> При   нажатой   кнопке   переместить   этот   слой   вверх (вниз) на панели Layers (Слои).

     Изображение разместится на переднем (заднем) плане.

 

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

 

Задание 7. Повернуть изображение на слое.

=> Выделить слой (например, Лист).

=> Выполнить команду Edit|Free Transform (Редактирование|Свободное трансформирование).

     Вокруг выделенной области появится  рамка с ограни­чителями.

=> Установить курсор мыши рядом с  ограничителем с внешней стороны выделения.

     Курсор примет вид изогнутой двунаправленной стрел­ки.

=> Нажать кнопку мыши.

=> Перемещать мышь при нажатой кнопке.

=> Отпустить кнопку мыши, когда изображение на слое достигнет желаемого положения.

=> Дважды щелкнуть мышью внутри выделения для за­вершения операции.

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

=> Установить курсор мыши на окружность с перекрестьем.

=> Нажать кнопку мыши.

=> Перемещать мышь при нажатой кнопке.

 

Задание 8. Масштабировать изображение на слое.

=> Выделить слой (например, слой Лист).

=> Выполнить команду Edit|Free Transform (Редактирование|Свободное трансформирование).

    Вокруг изображения появится рамка с ограничителя­ми.

=> Установить курсор мыши на один из ограничителей. Курсор примет вид двунаправленной стрелки.

=> Нажать кнопку мыши.

=> Перемещать мышь при нажатой кнопке.

=> Отпустить кнопку мыши, когда изображение достигнет нужных размеров.

=> Дважды щелкнуть мышью внутри рамки для заверше­ния операции.

  Замечание. Масштабирование будет пропорциональным, если при перемещении угловых ограничителей держать на­жатой клавишу <Shift>.

     Чтобы к слою Background можно было применить ка­кое-либо преобразование, его сначала нужно преобразовать в обычный слой путем простого переименования.

 

Задание   9.   Преобразовать слой  Background  в  обычный слой.

=> Дважды щелкнуть на слое Background на панели Lay­ers (Слои).

Появится диалоговое окно New Layer (Новый слой).

=> Ввести новое имя.

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

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

 

Задание 10. Связать слои документа.

=> Выделить слои удерживая кнопку <Ctrl>.

=> В меню Слой выбрать команду Связать слои

=> На панели Lay­ers (Слои) справа от названия слоя появится символ связи.

 Активный слой не отображает этот символ, тем не ме­нее он тоже связан с остальной группой. Попробуйте переместить связанные слои (все они будут двигаться вместе).

 

Задание 11. Отменить связь между слоями.

=> Щелкнуть на символе связи. Символ связи исчезнет.

 

Задание 12. Удалить слой.

Вариант 1

=> Перетащить слой на пиктограмму Корзины в нижней части панели Layers (Слои).

Вариант 2

=> Выделить удаляемый слой.

=> Щелкнуть на черном треугольнике в правом верхнем углу панели Layers (Слои).

      Откроется меню этой панели.

=> Выбрать команду Delete Layer (Удалить слой).

 

Задание 13. Объединить все видимые слои.

=> Спрятать те слои, которые не должны участвовать в объединении.

=> Открыть меню панели Layers (Слои).

=> Выбрать команду Merge Visible (Объединить видимые слои).

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

 

Задание 14. Выполнить слияние всех слоев изображения.

=> Открыть меню панели Layers (Слои).

=> Выполнить команду Flatten Image (Выполнить сведе­ние).

     После сведения документ будет состоять из одного слоя Background.

=> Сохранить полученное изображение в файле Seasons2.psd.

 

    Упражнения и проекты для самостоятельной работы

Упражнение 1

Используя операции над слоями, получить изображение, представленное на рис. 5, и сохранить его под именем Seasonsl.psd (оно нам потребуется в дальнейшем).

 

Рис. 5. Изображение, полученное в результате монтажа четырех документов

Упражнение 2

Используя различные операции над слоями, создать кол­лаж:

1)  на экране компьютера (файл Pc.jpg) разместить цве­ток (файл Viola.jpg);

2)  на монитор и системный блок посадить бабочек раз­ных размеров, смотрящих в разные стороны (файл Butterfly.jpg);

3)  на клавиатуре расположить веточку с листьями (файл Fruit.jpg);

4) на стол  рядом с  компьютером посадить кота (файл Cat.jpg), на ухе которого сидит бабочка. Выбрать для слоев имена, отражающие их содержатель­ный смысл.

 

Упражнение 3

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

1. Спрятать все слои документа, кроме слоя с изображе­нием кота.

Теперь вы видите, что слой похож на прозрачную пленку, на которой расположен рисунок.

2. Последовательно показать все слои, кроме фонового.

3. Показать фоновый слой.

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

 

Упражнение 4

Продолжим работу с документом, созданным в упражне­нии 2.

1. Связать слои документа с изображением бабочек (всего будет 3 слоя).

2. Увеличить или уменьшить размеры бабочек (обратите внимание на то, что масштабируются сразу все связан­ные слои).

3. Отменить связь между слоями.

4. Удалить бабочку.

5. Переместить оставшихся бабочек на новые места.

 

Упражнение 5

1.  Выяснить размер многослойного документа, созданно­го в упражнении 2 или 4.

2.  Выполнить слияние всех слоев.

3.  Сравнить размеры документа до и после слияния.

4.  Сохранить документ.

 

Проект 1

Создать коллаж «Животный мир экваториальных влаж­ных тропических лесов». Для этого:

1)  найти (на компакт-дисках, в Интернете) или отскани­ровать фотографии, на которых изображены орел, по­пугай, тукан, обезьяна, леопард, змея и лягушка;

2)  найти фотографию экваториального влажного тропиче­ского леса;

3) разместить животных в соответствии со средой обита­ния:

¦   орла — на дереве-выскочке;

¦   попугая и тукана — в лиственном шатре;

¦   обезьяну и леопарда — на ветвях деревьев;

¦   змею и лягушку — на земле.

 

Проект 2

     Создать коллаж «История развития летательных аппара­тов». Коллаж должен содержать изображения воздушного шара, аэроплана, первых моделей самолетов и вертолетов, реактивного авиалайнера и сверхзвукового самолета. Фото­графии летательных аппаратов найти на компакт-дисках, в Интернете или получить в результате сканирования.

 

Проект 3

      Придумать тему для коллажа. Отсканировать фотогра­фии или рисунки, а затем создать из них коллаж.

 

Использованные источники:

1.Залогова Л.А. Компьютерная графика. Учебное пособие. Москва: Бином, 2006г

2.Залогова Л.А. Компьютерная графика. Практикум. Москва: Бином, 2006г

3. http://www.lbz.ru/about/  Издательство "Бином"

4. http://photoshop.e-publish.ru/p1aa1.html Adobe Photoshop Adobe ImageReady Руководство к действию

 

 

* Задание: Результат упражнения 5 и выполненный любой проект на выбор сохранить в формате *.jpg и отправить на проверку по адресу zartinova@mail.ru


 

НАЦИОНАЛЬНЫЙ ФОНД ПОДГОТОВКИ КАДРОВ. ИНФОРМАТИЗАЦИЯ СИСТЕМЫ ОБРАЗОВАНИЯ.
Сайт сделан по технологии "Конструктор школьных сайтов".
Используются технологии uCoz