В этом учебном пособии по эффектам Photoshop мы узнаем, как добавить волнение к фотографии (конечно, не то, чтобы ваши фотографии были недостаточно захватывающими) и привлечь больше внимания и внимания к основной теме, создавая иллюзию более мелкой обрезки. версия изображения внутри себя. Мы будем использовать векторную форму для создания размеров фотографии меньшего размера, чтобы мы могли легко поворачивать и изменять ее размер без потери качества изображения, добавляя к нему пару стилей слоев, создавая обтравочную маску, отбирая цвета из оригинала. фото, используя корректирующие слои и добавив забавный фильтр Radial Blur. Много хороших вещей. Любая последняя версия Photoshop будет отлично работать для этого эффекта. Я буду использовать Photoshop CS3.
Вот исходное изображение, которое я буду использовать для этого урока:
И вот к чему мы будем стремиться на протяжении всех этапов:
Этот урок из нашей серии фотоэффектов . Давайте начнем!
Содержание
- 1 Шаг 1: дублируем фоновый слой
- 2 Шаг 2. Создайте новый слой под слоем «Меньшая версия»
- 3 Шаг 3: вытяните форму меньшего фото с помощью инструмента «Прямоугольник»
- 4 Шаг 4: Используйте векторную форму, чтобы создать обтравочную маску
- 5 Шаг 5: добавь белый штрих к векторной фигуре, чтобы создать границу меньшей фотографии
- 6 Шаг 6: нанеси тень
- 7 Шаг 7: Используйте «Свободное преобразование» для поворота и / или изменения размера фигуры в соответствии с необходимостью
- 8 Шаг 8: Используйте инструмент «Пипетка», чтобы попробовать цвет внутри меньшей области фотографии
- 9 Шаг 9: раскрасить фон с помощью слоя регулировки оттенка / насыщенности
- 10 Шаг 10: дублируем фоновый слой еще раз
- 11 Шаг 11: примени фильтр Radial Blur к новому слою
- 12 Шаг 12: понизь непрозрачность слоя Radial Blur
Шаг 1: дублируем фоновый слой
Когда моя исходная фотография открыта в Photoshop, я вижу в палитре слоев, что у меня есть только один слой, фоновый слой:
Первое, что мне нужно сделать, это продублировать фоновый слой , поэтому я буду использовать быстрое сочетание клавиш Ctrl + J (Win) / Command + J (Mac). Теперь у меня есть копия слоя «Фон», отображаемая в палитре «Слои», которую Photoshop автоматически называет «Слой 1»:
Чтобы было легче следовать по ходу дела и как хорошая привычка, я собираюсь переименовать этот слой в нечто более наглядное. Поскольку «Слой 1» в конечном итоге станет уменьшенной, обрезанной версией фотографии, я собираюсь дважды щелкнуть имя слоя и изменить его имя с «Слоя 1» на «Меньшая версия»:
Это интересно: Пролить свет из окна с фотошопом — расписываем по порядку
Шаг 2. Создайте новый слой под слоем «Меньшая версия»
Следующее, что нам нужно сделать, это создать новый слой под слоем «Меньшая версия», чтобы он оказался между двумя слоями, которые у нас сейчас есть. Большинство людей будут делать это, щелкая по фоновому слою, чтобы выбрать его, а затем создать новый слой, поскольку по умолчанию Photoshop всегда создает новый слой непосредственно над слоем, выбранным в данный момент в палитре слоев.
Вот изящный прием, который я предпочитаю использовать вместо этого, и если вы не знаете об этом, как только вы это узнаете, вы будете его часто использовать. Вместо того, чтобы создавать новый слой над текущим выбранным слоем, вы можете сказать Photoshop создать его под текущим выбранным слоем, удерживая нажатой клавишу Ctrl (Win) / Command (Mac), пока вы нажимаете значок « Новый слой» в нижней части окна. палитра слоев, как я сделаю здесь:
И теперь, благодаря этой маленькой уловке, Photoshop создал для меня новый пустой слой прямо под слоем «Меньшая версия»:
С тех пор как я переименовал предыдущий «Слой 1» в «Меньшую версию», Photoshop перешел и назвал этот второй новый слой «Слой 1» вместо него. Я собираюсь дважды щелкнуть имя слоя и переименовать его в «Обтравочную маску», так как через некоторое время мы собираемся использовать этот слой, чтобы «обрезать» слой над ним:
Шаг 3: вытяните форму меньшего фото с помощью инструмента «Прямоугольник»
Выбрав слой «Обтравочная маска» в палитре «Слои», выберите инструмент «Прямоугольник» в палитре «Инструменты» в Photoshop или нажав клавишу U на клавиатуре:
Инструмент «Прямоугольник» рисует прямоугольные векторные фигуры, и, выбрав его, я буду перетаскивать приблизительную форму и местоположение моей обрезанной фотографии меньшего размера. Я хочу привлечь внимание и внимание к предмету фотографии, в данном случае это парень в каяке, поэтому я вытяну вокруг него прямоугольную форму:
С нарисованной векторной формой обратите внимание на то, что произошло в палитре слоев. Слой «Обтравочная маска», который некоторое время назад был обычным пустым слоем, теперь стал слоем векторной формы:
Шаг 4: Используйте векторную форму, чтобы создать обтравочную маску
Теперь, когда у нас есть форма нашей уменьшенной обрезанной версии фотографии, мы можем использовать эту форму в качестве обтравочной маски, которая будет «обрезать» слой над ней до размеров фигуры. Для этого удерживайте нажатой клавишу « Alt» («Win») / « Option» (Mac) и перемещайте курсор мыши непосредственно между слоями «Меньшая версия» и «Обтравочная маска» , пока вы не увидите, как курсор изменится на значок обтравочной маски (обведено кружком). красным ниже):
Когда появится значок маски обтравки, просто щелкните мышью, чтобы создать обтравочную маску . Похоже, что в вашем изображении еще ничего не произошло, но в палитре слоев слой «Меньшая версия» будет иметь отступ вправо, указывая, что теперь он обрезается по векторной форме под ним:
Ничего особенного еще не произошло с изображением, но мы собираемся изменить это. Мы собираемся создать вид нашей уменьшенной обрезанной фотографии вокруг объекта, добавив пару стилей слоя к векторной форме.
Шаг 5: добавь белый штрих к векторной фигуре, чтобы создать границу меньшей фотографии
Убедитесь, что слой «Clipping Mask» по-прежнему выбран в палитре «Слои» (выделенные слои выделены синим цветом), затем щелкните значок « Стили слоев» в нижней части палитры и выберите « Обводка» в появившемся списке стилей слоев:
Это вызывает довольно массивное диалоговое окно Layer Style с параметрами Stroke в средней колонке:
Здесь мы хотим изменить три варианта, и я обведу их красным на скриншоте выше. Я установил размер обводки на 12 пикселей, чтобы создать стандартную рамку для фотографии вокруг моей уменьшенной фотографии. В зависимости от размера фотографии, с которой вы работаете, может оказаться, что лучше использовать другое значение. Ниже этого убедитесь, что Position установлен на Inside, Это означает, что наш штрих появится внутри границ фигуры. По умолчанию для параметра «Положение» установлено значение «Снаружи», в результате чего углы обводки выглядят закругленными. Мы хотим, чтобы наши углы были красивыми и острыми, и «Inside» делает это для нас. Наконец, по умолчанию Photoshop устанавливает красный цвет обводки, что не имеет никакого смысла, и, очевидно, нам не нужна красная рамка вокруг изображения, поэтому измените цвет обводки на белый , щелкнув образец цвета и выбрав белый из Выбор цвета в Photoshop .
Вот как выглядит мое изображение с примененным белым штрихом 12px:
Пока что не выходите из диалогового окна Layer Style. У нас есть еще один стиль слоя для применения.
Шаг 6: нанеси тень
Открыв диалоговое окно «Стиль слоя», щелкните самый первый стиль слоя в верхней части списка слева — « Тень» . Убедитесь, что вы нажимаете непосредственно на слова «Drop Shadow», а не просто устанавливаете флажок слева от них. Мы хотим вызвать параметры эффекта тени, и для этого нужно щелкнуть непосредственно по самим словам.
Это изменяет параметры в среднем столбце диалогового окна «Стиль слоя» с параметров «Обводка» на параметры «Тень». Опустите непрозрачность тени упадет до 50% , так что не появляется так темно, а затем изменить угол тени на 130 ° . Наконец, установите расстояние около 10 пикселей , хотя вам может потребоваться увеличить эту величину, если вы используете изображение большего размера, чем то, которое я использую:
Вот мое изображение теперь с применением белого обводки и тени:
Шаг 7: Используйте «Свободное преобразование» для поворота и / или изменения размера фигуры в соответствии с необходимостью
Если вам нужно повернуть, изменить размер или переместить векторную фигуру в этот момент, убедитесь, что слой формы выбран в палитре слоев, а затем используйте сочетание клавиш Ctrl + T (Победа) / Command + T (Mac), чтобы вызвать Photoshop. Свободная коробка Transform и ручки вокруг меньшего фото.
Чтобы переместить фигуру, щелкните в любом месте внутри поля «Свободное преобразование» и перетащите фигуру в новое место или используйте клавиши со стрелками на клавиатуре, чтобы подтолкнуть ее. Чтобы изменить размер фигуры, нажмите и перетащите любой из маркеров Free Transform. Чтобы просто увеличить или уменьшить форму, сохраняя при этом одинаковые пропорции ширины и высоты, удерживайте нажатой клавишу « Shift» при перетаскивании любой из угловых ручек. Удерживая нажатой клавишу «Alt» («Выиграть») / « Option» (Mac) при перетаскивании, размер фигуры изменится от центра, а не от стороны или угла, противоположного тому, где вы перетаскиваете. Наконец, чтобы повернуть фигуру, щелкните и перетащите указатель мыши в любое место за пределами поля «Свободное преобразование»:
Нажмите Enter (Win) / Return (Mac), когда вы закончите, чтобы принять преобразование. Вращение формы добавляет немного больше волнения к изображению. Я также внес небольшие изменения в размер и положение моей фигуры. И с этим наша маленькая обрезанная фотография вокруг предмета теперь завершена! Мы закончим эффект, раскрасив и размыв исходное изображение на заднем фоне.
Мы почти закончили. Вся работа по созданию иллюзии более мелкой обрезанной фотографии внутри основного изображения завершена, и теперь осталось лишь немного поработать над исходным изображением на заднем плане. Есть все виды вещей, которые вы можете сделать с этим. Технически вы можете оставить это в покое и быть довольным тем, что у вас есть на данный момент, но теперь, когда мы увеличили фокус на основной теме, идея состоит в том, чтобы уменьшить фокус на остальной части изображения, которое находится на заднем плане. Вы можете обесцветить его и сделать его черно-белым. Вы можете добавить простой фильтр Gaussian Blur, чтобы размыть фон. Вы можете использовать уровни или кривые, чтобы осветлить фон и придать ему «размытый» вид. Есть много вариантов, и вам, конечно, не нужно делать то, что я собираюсь сделать здесь,
Шаг 8: Используйте инструмент «Пипетка», чтобы попробовать цвет внутри меньшей области фотографии
Выберите инструмент «Пипетка» на палитре «Инструменты» или нажмите I на клавиатуре, чтобы выбрать его. Я собираюсь использовать пипетку для выборки цвета из меньшей области фотографии, а затем использовать этот цвет, чтобы раскрасить исходное изображение на фоне:
С выбранной пипеткой, я собираюсь щелкнуть где-нибудь на шлеме парня, чтобы попробовать этот синий цвет:
Обратите внимание, что мой цвет переднего плана в палитре Инструменты теперь изменился на тот синий цвет, который я только что выбрал. Теперь я могу использовать этот цвет, чтобы раскрасить исходную фотографию на заднем плане, используя корректирующий слой Hue / Saturation:
Шаг 9: раскрасить фон с помощью слоя регулировки оттенка / насыщенности
Нажмите на фоновый слой в палитре слоев, чтобы выбрать его. Затем щелкните значок « Новый корректирующий слой» в нижней части палитры и выберите « Тон / Насыщенность» из списка:
Это вызывает диалоговое окно Hue / Saturation, которое я собираюсь использовать, чтобы раскрасить фон. Не нужно начинать перетаскивать ползунки, чтобы выбрать цвет здесь. Я уже выбрал свой цвет из изображения, поэтому все, что мне нужно сделать, это выбрать опцию Colorize в правом нижнем углу диалогового окна:
Нажмите OK, чтобы выйти из диалогового окна Hue / Saturation. Photoshop использует выбранный цвет, чтобы раскрасить исходное изображение на заднем плане:
Шаг 10: дублируем фоновый слой еще раз
Прежде чем мы применим наше Radial Blur, давайте еще раз продублируем фоновый слой, чтобы у нас был отдельный слой, к которому нужно применить фильтр, так как мы никогда не хотим касаться исходной информации о пикселях нашего изображения на слое Background. Выберите фоновый слой в палитре слоев, затем нажмите Ctrl + J (Win) / Command + J (Mac), чтобы дублировать его. Дважды щелкните имя нового слоя и переименуйте его в «Radial Blur»:
Шаг 11: примени фильтр Radial Blur к новому слою
С новым слоем «Radial Blur», выбранным в палитре «Слои», перейдите в меню «Фильтр» в верхней части экрана, выберите « Blur» , а затем выберите « Radial Blur» , который вызывает диалоговое окно «Radial Blur». Сначала установите Blur Method на Zoom , затем установите Quality на Best . Опция Amount в верхней части определяет, какой эффект размытия вы получите. Я собираюсь установить мой на 40 , но вы можете использовать другое значение. Центр размытияОпция в правом нижнем углу диалогового окна определяет, откуда возникнет размытие на вашем изображении. Попробуйте расположить центр размытия близко к тому месту, где находится объект на вашей фотографии, щелкнув в этом приблизительном месте в окне «Центр размытия». Это не самая точная вещь в мире, и она заставит вас сделать несколько попыток, прежде чем вы поймете это правильно, поэтому не бойтесь отменить фильтр с помощью Ctrl + Z (Win) / Command + Z (Mac) и попробуйте еще раз, если сначала у вас ничего не получится:
Нажмите OK, когда закончите, чтобы выйти из диалогового окна и применить к изображению радиальное размытие:
Шаг 12: понизь непрозрачность слоя Radial Blur
Этот последний шаг необязателен, но я думаю, что мое радиальное размытие слишком интенсивное. Я хочу, чтобы он лучше сочетался с исходным изображением на фоновом слое, и я могу сделать это, просто перейдя к параметру « Непрозрачность» в верхней части палитры «Слои» и снизив непрозрачность до 60% , что, на мой взгляд, прекрасно работает. :
Для сравнения, вот мое оригинальное изображение еще раз:
И вот, после снижения непрозрачности моего слоя Radial Blur, мой окончательный результат «фото в фото»:
И там у нас это есть! Вот так можно создать фотографию в фото с помощью Photoshop! Посетите наш раздел « Фотоэффекты », чтобы узнать больше об эффектах Photoshop!