| ||||||
|
| |||||
Коллаж. Основы работы со слоями<<на страницу "Дистанционный курс «Технология работы с графическим редактором Photoshop»
Термин «коллаж» произошел от французского слова «collage» — «наклеивание». Этот прием заключается в том, чтобы:
1) вырезать различные фрагменты изображений, например, из газет и журналов, 2) наклеить их вместе на лист бумаги для создания единой картинки. Здесь основной инструмент — ножницы, а материал — бумага. В компьютерном коллаже операции вырезания и наклеивания заменяются операциями выделения и перемещения. Характерным приемом создания коллажа служит замена фона. К примеру, можно вырезать львицу с изображения (рис.1а) и разместить ее в саванне (рис. 1б).
а б Рис. 1. Коллаж, полученный в результате замены фона Кроме того, можно увеличить, уменьшить, скопировать, повернуть или зеркально отразить отдельные фрагменты для создания законченной композиции. Рассмотрим пример. За основу коллажа возьмем фотографию леса (рис. 2).
Рис.2. Фотография для фона коллажа Заполним этот лес животными, «вырезанными» с других фотографий (рис. 1 и 3). Законченный коллаж представлен на рис. 4.
Рис. 3. Фотография для создания коллажа Рис. 4. Коллаж из нескольких фотографий Для создания коллажей в Photoshop используются слои. Слой можно сравнить с листом прозрачной пленки, на которую нанесен рисунок. Изображение может содержать один или много слоев. Если сложить такие слои стопкой, то получится изображение из нескольких рисунков. Даже десяток слоев не исказит самый нижний из них, так как пленка каждого слоя абсолютно прозрачна. Работа со слоями выполняется под управлением панели Layers (Слои). На ней отображается информация о слоях активного документа. Новый файл создается на слое заднего плана (Background). Это означает, что если отсканировать картинку и открыть ее в программе 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).
=>Открыть файл 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.
Операции над слоями Задание 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 на панели Layers (Слои). Появится диалоговое окно New Layer (Новый слой). => Ввести новое имя. Теперь слой заднего плана переименован, и его можно редактировать как любой другой слой (вращать, масштабировать, изменять прозрачность). Свяжем слои с изображениями листка, цветка и птицы.
Задание 10. Связать слои документа. => Выделить слои удерживая кнопку <Ctrl>. => В меню Слой выбрать команду Связать слои => На панели Layers (Слои) справа от названия слоя появится символ связи. Активный слой не отображает этот символ, тем не менее он тоже связан с остальной группой. Попробуйте переместить связанные слои (все они будут двигаться вместе).
Задание 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
| ||||||
| ||||||
НАЦИОНАЛЬНЫЙ ФОНД ПОДГОТОВКИ КАДРОВ. ИНФОРМАТИЗАЦИЯ СИСТЕМЫ ОБРАЗОВАНИЯ. Сайт сделан по технологии "Конструктор школьных сайтов". |