УЧЕБНЫЕ МАТЕРИАЛЫ

Web-верстка, компьютерная графика,
мультимедиа

Уроки Adobe Photoshop

Скачать материалы к учебному курсу:
Скачать папку «Материалы к курсу Photoshop» (19,5 Мб)



Уроки Photoshop. Урок 4. Слои. Создание коллажа

Источник: http://www.study.urfu.ru/Aid/Publication/99/1/Photoshop.pdf

Из исходных файлов (europa.psd, bmw.jpg, bigben.jpg, paris.jpg, mill.jpg, german.jpg,) создать коллаж. 

Исходные файлы

 Результат

Методические указания

Этап 1. Выделение контура германского здания

  1. Откройте файл german.jpg
  2. Сохраните его в формате PSD под именем german в своей папке. Для этого вызовите команду меню (File – Save As…) Файл – Сохранить как в появившемся окне в раскрывающемся списке Format (Формат) как выберите тип Photoshop (PSD) в текстовом поле File Name (Имя файла) введите имя german. Щелкните по кнопке (Save) Сохранить.
  3. Выделите контур здания. Для этого:
  • выберите инструмент Волшебная палочка .
  • На палитре параметров установите Tolerance (Допуск) 50. Установите флажок Contiguous (Прилегающий), чтобы выделялись только прилегающие близкие цвета, а не цвета в пределах всего изображения (рис. 1).

Рисунок 1

  • Выделите небо. Для этого щелкните Волшебной палочкой по голубому небу. Если выделилась не вся голубая область, то повторно щелкайте Волшебной палочкой по невыделенным областям с нажатой клавишей SHIFT до тех пор, пока не выделите все небо (рис. 2).

Рисунок 2

  • Теперь у нас выделено небо. Для того, чтобы выделенным стал контур здания, инвертируйте выделение командой Select – Inverse (Выделить – Инверсия) (рис. 3).

Рисунок 3

  • Для сохранения контура выделения выберите команду меню Select – Save Selection (Выделить – Сохранить) выделение. В появившемся окне укажите имя контура Здание, нажмите на кнопку ОК (рис. 4).

Рисунок 4

4. Сохраните файл командой File – Save (Файл – Сохранить).

Этап 2. Выделение контура Big Ben

  1. Откройте файл bigben.jpg
  2. Сохраните его в формате PSD под именем bigben в своей папке. Для этого вызовите команду меню (File – Save As…) Файл – Сохранить как в появившемся окне в раскрывающемся списке Format (Формат) как выберите тип Photoshop (PSD) в текстовом поле File Name (Имя файла) введите имя bigben. Щелкните по кнопке (Save) Сохранить.
  3. Самостоятельно выделите контур bigbenа с помощью инструмента Волшебная палочка (см. инструкции этапа 1).

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

-       Сохраните контур выделения под именем bigben. Для сохранения контура выделения выберите команду меню Select – Save Selection (Выделить – Сохранить) выделение. В появившемся окне укажите имя контура bigben, нажмите на кнопку ОК (рис. 5).

Рисунок 5

4. Сохраните файл командой File – Save (Файл – Сохранить). Примерный результат на рис. 6.

Рисунок 6

Этап 3. Выделение контура машины

  1. Откройте файл bmw.jpg.
  2. Сохраните его в формате PSD под именем bmw в своей папке.
  3. Для выделения контура машины воспользуемся режимом Быстрой маски. Для этого:
  • перейдите в режим быстрой маски, щелкнув по кнопке  на панели инструментов (рис. 7) или нажав клавишу Q (клавиатурные аналоги в Photoshop работают только с латинской раскладки, поэтому, если у Вас включен русский язык, надо переключиться на английский).

Рис. 7

Примечание: если Вы находитесь в режиме Быстрой маски в строке заголовка файла в скобках указано (Quick Mask) (рис. 8)

Рисунок 8

  • выберите инструмент Заливка . Он находится в группе инструментов вместе с Градиентом . Убедитесь, что на панели параметров инструмента Заливка значение Opacity (Непрозрачность) равно 100%.
  • Залейте всю область изображения – она окрасится красным цветом. Красным цветом в режиме Быстрой маски окрашены невыделенные области;
    • выберите инструмент Ластик . Он находится в группе с другими инструментами 
    • На палитре параметров Ластика  в поле Mode (Режим) установите вид ластика Brush (Кисть) (рис. 9).

Рисунок 9

  • с помощью ластика начните выделять контур машины, при этом в поле Brush меняйте значение диаметра кисти, чтобы было удобно в работе (рис. 10).

Рисунок 10

  • сотрите красную заливку на изображении машины. Если Вы стерли лишнее и требуется добавить красную заливку, сделайте это с помощью инструмента Кисть ;
  • выйдите из режима быстрой маски, щелкнув по кнопке  на панели инструментов слева, или нажав клавишу Q. Надпись Quick Mask в строке заголовка файла должна исчезнуть (рис. 11).

 
а

б

Рисунок 11: а) изображение машины выделено в режиме быстрой маски

б) при выходе из режима быстрой маски остается выделенным контур машины

  • рассмотрите контур выделения. Если выделение неточное, вернитесь в режим Быстрой маски и подкорректируйте его, затем снова выйдите из режима Быстрой маски;
  • для сохранения контура выделения выберите команду меню Select – Save Selection (Выделить – Сохранить). В появившемся окне укажите имя контура машина, нажмите на кнопку ОК.
  • Сохраните файл командой File – Save (Файл – Сохранить).

Этап 4. Выделение контура мельницы

  1. Откройте файл mill.jpg.
  2. Сохраните его в формате PSD под именем mill в своей папке.
  3. Выделите контур мельницы. Для этого применим несколько инструментов:
  • выберите инструмент Волшебная палочка ;
  • на палитре Параметры установите допуск Tolerance (Допуск) 32, снимите флажок Contiguous (Прилегающий), чтобы выделялись близкие цвета в пределах всего изображения, а не только в пограничных областях;
  • выделите небо. Для добавления в область выделения используйте клавишу SHIFT;
  • должно получиться примерно следующее (рис. 12).

Рисунок 12

  • инвертируйте выделенную область с помощью команды меню Select – Inverse (Выделить – Инверсия);
  • скорректируем область выделения. Выберите инструмент прямоугольное выделение . При нажатой клавише левый ALT уберите прямоугольные области, которые не должны быть выделены. При нажатой клавише SHIFT добавьте прямоугольные области, которые должны быть в области выделения. Должно получиться примерно следующее (рис. 13);

Рисунок 13

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

4. Сохраните файл командой File – Save (Файл – Сохранить).

Этап 5. Выделение контура Эйфелевой башни

  1. Откройте файл paris.jpg.
  2. Сохраните его в формате PSD под именем paris в своей папке.
  3. Для выделения контура Эйфелевой башни воспользуемся несколькими инструментами:
  • выберите инструмент прямоугольное выделение  из группы инструментов .
  • Выделите мышью область башни (рис. 14);

Рисунок 14

  • выберите инструмент Волшебная палочка . На палитре Параметры установите Tolerance (Допуск) 32. Снимите флажок Contiguous (Прилегающий), чтобы выделялись близкие цвета в пределах всего изображения, а не только в пограничных областях;
  • при нажатой клавише левый ALT удалите из области выделения небо (рис. 15);

Рисунок 15

  • перейдите в режим быстрой маски и скорректируйте контур выделения;
  • сохраните контур выделения под именем башня.

4. Сохраните файл командой File – Save (Файл – Сохранить).

5. Покажите результат преподавателю.

Этап 6. Добавление на карту турагенства германского здания

  1. Откройте файл europa.psd.
  2. Добавим на карту изображение германского здания. Для этого:
  • откройте файл german.psd.
  • выделите изображение здания. Для загрузки сохраненного выделения выберите команду меню Select – LoadSelection (Выделить – Загрузить выделение). Убедитесь, что в поле Channel (Канал) установлен канал Здание и нажмите ОК (рис. 16).

Рисунок 16

  • расположите два рядом изображения карты Европы и здания;
  • выберите инструмент Move (Перемещение) . Зажав левую кнопку мыши, перетащите изображение здания на карту Европы;
  • изображение здания автоматически поместилось на новый слой. Найдите палитру Layer (Слои). Обратите внимание, что сейчас в файле 2 слоя – Background (Фон) и Layer 1 (Слой1).
  • Layer 1 (Слой1) на палитре слои расположен выше слоя Background (Фон) – поэтому изображение этого слоя (здание) находится выше изображения слоя фон (карты) (рис. 17).

Рисунок 17

3. Присвойте слою Layer 1 (Слой1) имя Германия. Для этого дважды щелкните мышью по слову  Layer 1 (Слой1) в палитре Layer (Слои) и введите новое имя слоя Германия (рис. 18).

Рисунок 18

4. Уменьшите и поверните изображение здания. Для этого:

  • сделайте активным слой Германия (просто щелкните мышью по строке слоя на палитре Слои);
  • выберите команду меню Edit – Free Transform (Правка – Свободная трансформация). На изображении появится рамка с маркерами. Уменьшите размер изображения (удобнее это сделать, потянув за один из угловых маркеров при нажатой клавише SHIFT);
  • переместите здание на нужное место;
  • поверните изображение на нужный угол – при повороте указатель мыши должен находиться над одним из углов и иметь вид закругленной с обеих сторон стрелки (рис. 19).

Рисунок 19

  • после выбора нужного размера и угла поворота нажмите ENTER – рамка исчезнет.

5. Удалите лишнее изображение из здания. Для этого создадим маску слоя:

  • перейдите в режим быстрой маски (рис. 20);

Рисунок 20

  • кистью закрасьте ненужную часть изображения. Предварительно убедитесь, что на панели параметров кисти значение Opacity (Непрозрачность) равно 100% (рис. 21, а);

 
а

 
б

Рисунок 21

  • выйдите из режима Быстрая маска. Должно появиться выделение.
  • для скрытия невыделенных областей выберите команду меню Layer – LayerMask – Reveal Selection (Слой – Маска слоя – Показать выделение) (рис. 21, б).
  • примените полученную маску. Для этого в палитре Layers (Слои) щелкните правой кнопкой мыши по пиктограмме маски и из появившегося меню выберите пункт Apply Layer Mask (Применить маску слоя) (рис. 22);

Рисунок 22

6. Добавим к зданию эффект прозрачности. Для этого на палитре Слои установите уровень Opacity (Непрозрачность) 70% (рис. 23);

Рисунок 23

7. Добавьте тень к изображению здания. Для этого на палитре Слои щелкните правой кнопкой мыши по строке с именем слоя Германия. В появившемся диалоговом окне Layer Style (Стиль слоя) выберите эффект Drop Shadow (Наложить тень). В появившемся окне установите следующие параметры (рис. 24):

Рисунок 24

 

Этап 7. Добавление на карту турагенства мельницы, автомобиля, эйфелевой башни

  1. Самостоятельно, используя технологии, этапа 6 добавьте на карту турагенства изображения мельницы, автомобиля, Эйфелевой башни, Биг Бена.
  2. Присвойте соответствующим слоям имена Мельница, Автомобиль, Эйфелева башня, Биг Бен.
  3. Разверните изображение автомобиля по горизонтали командой Edit – Transform  – FlipGorizontal (Правка – Трансформация – Повернуть горизонтально)
  4. Подберите для слоев уровень непрозрачности и режим наложения пикселов. Попробуйте применить эффекты слоев (тень, рельефность). Примерный результат на рис. ниже
  5. Сохраните файл (рис. 25). Покажите преподавателю.

Рисунок 25

 

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

  1. Какие инструменты выделения Вы использовали при выполнении работы?
  2. Как сохранить выделение?
  3. Как загрузить сохраненное выделение?
  4. Как добавить выделение к уже выделенной области?
  5. Как убрать часть выделения из выделенной области?
  6. Расскажите принцип действия быстрой маски.
  7. Как поместить часть изображения из одного файла в другой?
  8. Как задать прозрачность слою?
  9. Как развернуть часть изображения в горизонтальном направлении?
  10. Расскажите действие команды Edit–Free Transform (Правка–Свободная трансформация).

Уроки Adobe Photoshop