Всё для дизайна

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Всё для дизайна » Уроки Photoshop » Фотография в фотографии


Фотография в фотографии

Сообщений 1 страница 2 из 2

1

Оригинал урока: здесь. Автор урока: Steve Patterson

В этом уроке мы узнаем как добавить красивые эффекты к фотографии, как акцентировать внимание на самой фотографии. Выделив фрагмент фотографии, мы создадим иллюзию большого фона. Будем использовать векторную форму для создания меньшей фотографии, создадим Clipping Mask (Обрезающая маска), будем осуществлять выборку цвета, и забавы ради добавлять радиальное размытие и многое другое.

Оригинал:

http://rc.foto.radikal.ru/0709/1c/13db03aa90f0.jpg

И то что мы сделаем с фотографией.

http://rc.foto.radikal.ru/0709/2e/914a76667d8d.jpg

Шаг 1. Дублируем второстепенный фон.

Откроем фотографию в фотошопе, в палитре слоёв можно увидеть что там только один слой (Background) фон.

http://rc.foto.radikal.ru/0709/ee/cf89f6746ae8.jpg

Первое что мы должны сделать - это продублировать Background layer. Воспользуемся сочетанием клавиш Ctrl + J, теперь у нас есть копия фона, которая автоматически называется Layer 1( Слой 1).

http://rc.foto.radikal.ru/0709/6f/fa02457c9f94.jpg

Что бы легче ориентироваться в слоях (потому что в течении работы их станет больше) мы переименуем Layer1 в Smaller version. Что бы переименовать Слой, нужно дважды щёлкнуть по названию слоя в палитре слоёв, название выделится белой рамкой, и можно написать любое название.

http://rs.foto.radikal.ru/0709/71/2cf02c21cb6d.jpg

Шаг 2. Создайте новый слой ниже слоя "Smaller version".

Следующее что мы должны сделать - создать новый слой ниже слоя "Smaller version". Что бы сделало большинство людей что бы создать новый слой? - нажали на Backgrouhd (Фон), а затем выбрали в палитре слоёв команду Create A New Layer(Создать новый слой), так как Фотошоп по умолчанию всегда создаёт слой выше того что в данный момент выделен в палитре слоёв.

Но я знаю маленькую уловку, которую предпочитаю использовать. Теперь о ней будете знать и вы. Вместо того что бы фотошоп создавал новый слой выше выделенного, можно сделать так, что он будет создавать слой ниже выделенного слоя. Для этого нужно удерживать нажатой клавишу Ctrl при нажатии на значок Create A New Layer(Создать новый слой), как показано ниже:

http://ro.foto.radikal.ru/0709/5c/d97ef798198a.jpg

Благодаря этой маленькой уловке, фотошоп создал слой ниже выделенного слоя "Smaller version":

http://ro.foto.radikal.ru/0709/92/b89e6ab02216.jpg

Так как я переименовал Layer1 (слой 1), новый созданный слой фотошоп тоже назвал Layer1 (слой1). Дважды кликнув по названию слоя в палитре слоёв, переименовываем слой в "Clipping mask" (Обрезающая маска).

http://ro.foto.radikal.ru/0709/68/70d08546bd0c.jpg

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

0

2

Шаг 3. Мы будем работать со слоем Clipping Mask.

Выбираем инструмент Rectangle tool (Прямоугольник) из палитры инструментов, или вызываем его нажатием клавиши U.

http://rc.foto.radikal.ru/0709/c5/8a7258ed2360.gif

Инструмент Rectangle tool (Прямоугольник) рисует прямоугольные формы на основе вектора. Я собираюсь выбрать приблизительную форму и расположение моей маленькой фотографии, так как хочу привлечь внимание к предмету фотографии, (в этом случае это парень в лодке). Поэтому прямоугольную форму я тащу вокруг него.

http://rc.foto.radikal.ru/0709/00/53b05d649334.jpg

Посмотрите что случилось в палитре слоёв после того как я воспользовался векторной формой, слой Clipping Mask мгновение назад был чистым, а теперь стал векторным слоем формы.

http://rc.foto.radikal.ru/0709/05/fa5cfb3108bc.jpg

Шаг 4. Используем векторную форму, что бы создать Clipping Mask (Обтравочная маска).

Теперь, слой Smaller version, мы можем использовать, как обрезающую маску, которая обрежет наше фото по форме прямоугольника. Что бы сделать это нажмите на Alt и переместите курсор мыши непосредственно между слоями Smaller version и Clipping Mask, пока не увидите изменение курсора на значок как ниже на изображении.

http://rc.foto.radikal.ru/0709/e8/daa5e857415d.jpg

Как только этот значок появится, щёлкайте мышью что бы создать Clipping Mask (Обтравочная маска). В палитре слоёв вы сможете увидеть все изменения произошедшие со слоем Smaller version.

http://rc.foto.radikal.ru/0709/ed/677269ed669b.jpg

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

Шаг 5. Добавляем белую рамку к векторной форме, что бы создать границу меньшей фотографии.

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

http://rc.foto.radikal.ru/0709/bb/3eba1c5092f5.jpg

И выберите из списка Stroke:

http://rc.foto.radikal.ru/0709/d8/03573f020e9d.jpg

Всплывёт диалоговое окно:

http://rc.foto.radikal.ru/0709/20/b19c9e3a9f3dt.jpg

В диалоговом окне мы изменим три параметра, на скриншоте они обведены красным. Stroke Size на 10 пикселей, Position (Позиция, Положение) на Inside (Внутренний). Это означает что наша рамка появится в границах этой формы. По умолчанию в Position стоит Outside (Внешний), что заставляет казаться углы округлёнными. Нам нужны острые углы, потому мы поменяли Position с Outside на Inside ( С Внешнего на Внутренний). И наконец фотошоп по умолчанию устанавливает красный цвет вокруг нашего изображения, мы поменяем его на белый.

Вот на что стало похоже моё изображение, после применения эффекта слоя Stroke.

http://rc.foto.radikal.ru/0709/9d/a73f1aab7fcc.jpg

Шаг 6. Применяем Drop Shadow (Тень).

В диалоговом окне Layer Style( Стили слоя) нажмите на Drop Shadow (Тень), нажимать надо непосредственно на Drop Shadow, а не просто поставить галочку напротив него.

http://rc.foto.radikal.ru/0709/c9/bd38dc1d3507.gif

Это изменит Стиль Stroke на Drop Shadow.

http://rc.foto.radikal.ru/0709/cc/38ef9e41043e.gif

На скриншоте красным обведены два параметра, которые мы собираемся изменить. Они нам особенно важны. Angle (Угол) и Distance (Растояние). Вы можете изменять эти параметры непосредственно в диалоговом окне. А можете щёлкнуть мышью на изображении и тянуть мышь вокруг него, вы увидите как ваша тень будет следовать за мышью, и в диалоговом окне будут изменяться параметры Angle (Угол) и Distance (Растояние).Тяните тень дотех пор пока она вас не устроит.
Я тянул тень и остановился на параметрах Angle (Угол) 134 градуса и Distance (Растояние) 9 пикселей.

Вот моё изображение после применения стилей слоя Stroke и Drop Shadow (Тень).

http://rc.foto.radikal.ru/0709/51/9e5831601fb0.jpg

Шаг 7.Использование Free Transform (Свободной Трансформации) для изменения размера и поворота фотографии.

Если мы хотим изменить размеры нашей векторной формы, то должны убедиться, что этот слой активирован в палитре слоёв. Далее что бы воспользоваться Free Transform (Свободная Трансформация) жмём на клавиатуре Ctrl + T. Вокруг фотографии появится рамка. Что бы свободно перемещать векторную форму, щёлкнете на векторную форму и перетаскивайте её в любое место нашего файла. Если хотите увеличить её, то удерживая нажатой клавишу Shift (для сохранения пропорций) растягивайте за уголок.Удерживая нажатой клавишу Alt вы заставите нашу векторную форму изменять размеры от центра, а не от угла и сторон. И наконец что бы вращать нашу форму, щёлкните мышью в свободном пространстве вне формы.

Вращение векторной формы добавляет большего эффекта нашей фотографии. Я сделал небольшие изменения размера, положения формы.

http://rc.foto.radikal.ru/0709/fb/2986bbd63646.jpg

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

************************************************************************************************************

Мы почти всё сделали. Вся работа над созданием иллюзии маленькой фотографии в главном изображении завершена.Нам остаётся проделать небольшую работу над оригинальным (первоначальным) изображением на заднем плане. Мы конечно могли бы оставить в покое наше оригинальное изображение и быть довольны тем результатом что есть.
Но мне не даёт покоя идея сделать заднее изображение менее значимым. Я хочу что бы оно было всего лишь фоном нашей фотографии. Можно фон сделать чёрно-белым, или просто размыть, можно использовать уровни и кривые для изменения цвета. Безусловно есть множество вариантов, но я добавлю эффект радиального размытия. Если вы хотите, то можете искать свой вариант.

Шаг 8. Используем образец пипетка для взятия образца цвета.

Выберите инструмент Eyedropper Tool (Пипетка) из палитры инструментов, или вызовите этот инструмент, нажатием клавиши I. Я собираюсь использовать Пипетку что бы выбрать цвет с меньшей фотографии и использовать его на заднем плане.

http://rr.foto.radikal.ru/0709/66/55ec457238e3.gif

Пипеткой я собираюсь щёлкнуть где-нибудь на шлеме парня, что бы выбрать синий цвет.

http://rr.foto.radikal.ru/0709/c1/c5ca87d70974.jpg

Заметьте, что цвет переднего плана в палитре инструментов изменился на цвет, который я выбрал:

http://rr.foto.radikal.ru/0709/eb/67b2470aa49b.gif

Теперь я могу использовать этот цвет для раскрашивания фотографии на заднем плане в фоновом режиме.

Шаг 9. Корректируем цвет с помощью Hue / Saturation.

Активируем Background layer (фон) в палитре слоёв. Нажимаем на иконку New Adjustment Layer в палитре слоёв. И выбираем из списка Hue / Saturation (Оттенок-Насыщенность).

http://rr.foto.radikal.ru/0709/c2/a076fbd95614.jpg

Всплывёт диалоговое окно, которое я собираюсь использовать для раскрашивания фона. Так как цвет я уже выбрал, мне не нужно выбирать его, поэтому всё что я должен сделать, это выбрать опцию "Colorize"(Раскрасить). На скрине оно обведено красным цветом.

http://rr.foto.radikal.ru/0709/4f/4e39cb3abde9.jpg

И фотошоп будет использовать цвет, который я выбрал для Background layer (фон).

http://rr.foto.radikal.ru/0709/27/8f993e7a9a21.jpg

Нажмите ОК что бы выйти из диалогового окна.

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

Шаг 10. Дублируем Background Layer (фон).

Прежде чем применить радиальное размытие, продублируем фон. Делаем это для того что бы сохранить нашу основную фотографию на случай если захотим что-то в ней изменить, или исходный результат нас не устроит, мы будем иметь возможность вернуться к оригиналу.
Выберете в палитре слоёв Background Layer и нажатием клавиш Ctrl +J дублируем фон. Дважды щёлкаем на название слоя в палитре слоёв, и меняем его название на Radial Blur (Радиальное размытие), как сделал я чуть ниже.

http://rc.foto.radikal.ru/0709/cb/c31a62ca11a7.jpg

Шаг 11. Применяем Radial Blur (Радиальное размытие).

Выбираем в палитре слоёв слой Radial Blur и идём в Filter > Blur > Radial Blur Фильтр> Размытие> Радиальное размытие):

http://rc.foto.radikal.ru/0709/89/0159b5480944.gif

В диалоговом окне нужно поставить такие параметры какие поставил я, в скрине они обведены красным цветом. Amount (Ценность) я увеличил до 40 (но вы конечно можете выбрать параметры которые устраивают вас). Blur Method меняем на Zoom, а Quality на Best (Отличное). Опция Blur Center определяет где у вас будет центр размытия. Пробуйте перемещать его в диалоговом окне. Возможно первые результаты вас не устроят, тогда не бойтесь отменить действие нажатием клавиш Ctrl + Z и попробуйте установить центр размытия в другом месте.

http://rc.foto.radikal.ru/0709/00/77827478cf50.jpg

Шаг 12. Понижаем Opasity (прозрачность) слоя "Radial Blur".

Этот последний шаг является дополнительным, но я думаю что моё радиальное размытие слишком интенсивно. И я хочу смешать слой с Radial Blur с первоначальным изображением Background Layer (фон). Делается это очень просто в палитре слоёв уменьшаем Opacity (прозрачность) слоя "Radial Blur" до 60%. На мой взгляд этого достаточно.

http://rc.foto.radikal.ru/0709/59/311f49fdf6a4.jpg

Ну и ещё раз для сравнения, то что было:

http://rc.foto.radikal.ru/0709/1c/13db03aa90f0.jpg

И то что мы сделали.

http://rc.foto.radikal.ru/0709/2e/914a76667d8d.jpg

0


Вы здесь » Всё для дизайна » Уроки Photoshop » Фотография в фотографии