Уроки Практика Юлия Чалых 24 августа 2009

Романтичные фотообои

Сложность урока: Средний

Создание романтичной футуристической фотогалереи в виртуальной реальности.

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

Ресурсы.

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

Девушка на траве

Musical-Romance

Umbrella-Love

Elven-Romance

Couple-Stock

candiesforeveryone

infidem-stock

nobledeath-stock

Defenders-of-the-Realm

Free2Use-Couple-facing-above

river

Архив

Шаг 1. Фон этого изображения просто девушка на траве. Но, как Вы видите, девушка на предыдущей картинке немного повёрнута. И если мы повернём изображение, появятся некоторые пустые участки. Нам придётся исправить это путём заполнения травой пустых участков. Создайте новый документ с прозрачным фоном нужного Вам размера. Автор работал на широкоэкранном документе 1280x800 пикселей. Вставьте изображение девушки в документ:

Пустые области с обеих сторон никуда не исчезнут, как по волшебству, пока мы что-нибудь с ними не сделаем. Но это немного позже. Нам всё ещё нужно немного повернуть девушку. Нажмите Ctrl+T, переместите курсор за пределы трансформационного прямоугольника, чтобы указатель мыши превратился в курсор поворота. Теперь поверните изображение немного вправо, как показано ниже:

Шаг 2. А сейчас самое время добавить траву на пустые места. Это очень просто. Возьмите инструмент Clone Stamp (Штамп) и в верхней части окна Фотошоп задайте следующие параметры:

Это инструмент работает следующим образом:
а) выбираете тот район, который Вы хотите клонировать, на траве (убедитесь, что он не перекрывается ни чем другим);
б) поместите курсор на это место;
в) зажмите Alt и нажмите левую кнопку мыши (это как раз и выберет область клонирования);
г) расположите курсор в нужном Вам пустом месте и начните рисовать. Вы должны повторять этот процесс до тех пор, пока не клонируете всю траву. Вот как должно выглядеть изображение после этого:

Шаг 3. Нажмите Ctrl+Shift+U. Это обесцветит изображение (сделает его чёрно-белым). Возьмите мягкую кисть большого диаметра с настройками, показанными ниже:

Начните рисовать на краях изображения. Вам нужно сделать их темнее, как здесь:

Это был фон. Далее идёт более сложная часть.

Шаг 4. В этой части мы будем создавать шаблон для рамки нашего виртуального изображения. Мы будем использовать его для подготовки всех фотографий в галерее, а затем просто спрячем его. Сначала создадим папку с именем Pictures (Изображения) и новый слой Shape (Шаблон) внутри неё.

Возьмите инструмент Rounded Rectangle (Прямоугольник со скруглёнными краями), установите его в режим Path (Контур) в окне настройки инструмента.

Увеличьте изображение девушки и нарисуйте прямоугольник размером примерно 600х300 пикселей. Вы можете видеть изменения, когда рисуете, в окне информации Window > Info (Окно > Информация). Кликните правой кнопкой мыши по прямоугольнику и выберите Make Selection (Образовать выделенную область). Вот, что должно у Вас получится:

Измените цвет фона на чёрный, нажав клавишу D и залейте выделение (Alt+Backspace). Нажмите Ctrl+D, чтобы снять выделение, у Вас должен получиться красивый прямоугольник со скруглёнными краями.

Шаг 5. Возьмите инструмент Polygonal Lasso Tool (Прямолинейное лассо) и сделайте выделение, как это:

Нажмите Delete, чтобы удалить маленький угол от шаблона:

Шаг 6. Теперь дублируйте слой с шаблоном, нажав на Ctrl+J. У дублированного слоя измените значение поля Fill (Заливка) на 0%. Opacity (Непрозрачность) слоя Шаблон измените на 50%, как на этом изображении:

Дважды кликните по иконке дублированного слоя на палитре слоёв и определите Inner Glow (Внутреннее свечение), Outside Glow (Внешнее свечение) стили слоя:

Ваш шаблон должен стать светящимся:

Шаг 7. Теперь нам нужно разместить шаблон в текущем окне просмотра. Будет проще, если мы создадим другой аналогичный шаблон и выровняем их. Если Вы не видите форму полностью, уменьшите масштаб. Затем выполните следующие действия с обоими слоями шаблона: нажмите Ctrl+A, Ctrl+X, Ctrl+V.  Это отрежет содержимое и вставит его в центр окна. Сейчас важно, чтобы Вы не выделили изображение и не изменили масштаб! Создайте слой ниже слоя Шаблон и назовите его Grass Frame (Стеклянная рамка). Используйте тот же инструмент Прямоугольник со скруглёнными углами для рисования чуть большего прямоугольника, чем тот, что у нас уже есть:

Кликните по нему правой кнопкой мыши и выберите Образовать выделенную область. После этого заполните выделение белым цветом (D, X, Alt+Backspace). Наконец, нажмите Ctrl+A, Ctrl+X, Ctrl+V на этом слое. Теперь Ваш шаблон выровнен на стеклянной рамке.

Теперь Вы можете увеличивать или прокручивать изображение, выравнивание закончено. Измените значение Fill (Заливка) слоя Стеклянная рамка на 7% и дважды кликните на значок слоя,  чтобы применит стиль слоя Stroke (Обводка):

Вот так изображение выглядит сейчас:

Шаг 8. Создайте новый слой выше слоя Стеклянная рамка и назовите его Highlight (Свечение). Нажмите Ctrl+Клик по миниатюре слоя Стеклянная рамка, чтобы загрузить выделение.  Теперь выберите любой инструмент выделения (клавиша М) и переместите выделение вниз и вправо на 4 пикселя (Вы можете нажать клавиши Down (Вниз) и Right (Вправо) на клавиатуре 4 раза).

Нажмите Ctrl+Shift+I, чтобы инвертировать выделение. Мы будем рисовать в левом верхнем углу стеклянной рамки, но только над 4 пикселями. Возьмите крупную мягкую кисть с непрозрачностью около 15% и кликните несколько раз по вершине левого верхнего угла рамки:

Как Вы видите, инвертированное выделение мешает кисти рисовать внутри рамки. Теперь Ctrl+Клик по миниатюре слоя Стеклянная рамка и снова нажмите Ctrl+Shift+I. Это выделит всё за пределами рамки, в том числе и белое пятно. Но белое пятно накрывает рамку на 4 пикселя, так что, когда Вы инвертируете выделение и нажмёте Delete, чтобы удалить белое пятно, у Вас получится приятное свечение, как это:

Шаг 9. Хорошо, автор солгал, это определённо не приятное свечение :) Нам всё ещё нужно сделать его немного лучше. Для этого нам нужно сделать его тоньше. Возьмите Move Tool (Инструмент Перемещение) и нажмите клавиши Left (Влево) и Top (Вверх) два раза. Теперь Ctrl+Клик по слою Стеклянная рамка, нажмите Ctrl+Shift+I, чтобы инвертировать выделение и Delete снова. Ваше свечение теперь выглядит лучше:

Немного размоем его. Перейдите в Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу) и примените его с радиусом примерно 0.5 – 1 пикселей. Вот конечный результат свечения:

Дублируйте его (Ctrl+J) и поверните в обоих направлениях Edit > Transform > Flip Horizontal (Редактирование > Трансформация > Отразить по горизонтали)  и Edit > Transform > Flip Vertical (Редактирование > Трансформация > Отразить по вертикали). Возьмите инструмент Перемещение и разместите полученное свечение в правом нижнем углу. Затем нажмите Ctrl+Е, чтобы слить оба слоя со свечением. Вот рамка с обоими свечениями:

Шаг 10. Измените непрозрачность слоя Шаблон на 70%, иначе у Вас получится другой результат, нежели у автора. Шаблон станет немного темнее:

Создайте новый слой выше слоя Стеклянная рамка и назовите его Label (Ярлык). Ctrl+Клик по миниатюре слоя Стеклянная рамка, чтобы загрузить выделение, затем возьмите инструмент Polygonal Lasso Tool (Прямолинейное лассо). Нам нужно отрезать немного от выделения, так что следуйте инструкциям, показанным на рисунке:

Благодаря этому в правом верхнем углу появится такое выделение:

Нажмите D, X, Alt+Bakspace, чтобы залить выделение белым цветом. Измените заливку слоя Ярлык на 20-30%:

Двойной клик на слое Ярлык, чтобы добавить стиль слоя Вevel and Еmboss (Тиснение) с настройками, как показано ниже:

Шаг 11. Возьмите инструмент Тext Тool (Горизонтальный текст) со следующими параметрами:

Создайте новый слой выше слоя Ярлык и назовите его Тext (Текст). Измените фоновый цвет (D, X) и нажмите на документ. Введите какой-нибудь текст. Автор использовал дату, Вы можете ввести какое-либо название, но имейте в виду, что текст будет размещён в правом верхнем углу, так что не делайте его слишком длинным. Автор набрал несколько дат и отразил их по горизонтали Edit > Transform > Flip Horizontal (Редактирование > Трансформация > Отразить по горизонтали).

Автор отразил их, так как предполагается, что изображения расположены лицом к девушке. Теперь нажмите Ctrl+T, чтобы отразить/переместить текст в угол:

В теории для каждой фотографии текст должен быть различным, но автор ленив, поэтому он оставил одну и ту же дату. Кроме того, он изменил цвет текста на чёрный и снизил непрозрачность слоя до 60%.

Шаг 12. А сейчас мы будем вставлять в рамку изображения, которые хотим использовать в виртуальной галерее. Для этого необходимо сделать невидимым слой с девушкой. Кликните на маленький глаз рядом с миниатюрой слоя, и слой будет спрятан. Выберете слой Шаблон и вставьте в него любую фотографию. Используйте Ctrl+T, чтобы уменьшить размер и изменить положение изображения.

Нажмите Ctrl+Shift+U, чтобы обесцветить изображение, затеи перейдите к Layer > Create Clipping Mask (Слой > Создать обтравочную маску). Ваше изображение теперь в «ловушке» - внутри границ шаблона и унаследовало его прозрачность.

Затем нажмите Ctrl+A, Ctrl+Shift+C, Ctrl+N, Ctrl+V. Это позволит, скопировав содержание всех слоёв (поэтому мы и отключили фон), создать новый документ и вставить в него изображение. Первое изображение подготовлено. Не волнуйтесь, оно и должно быть полупрозрачным. Удалите слой выше слоя Шаблон (тот, который с фотографией) и повторите эту же процедуру с остальными изображениями. Когда Вы закончите, снова сделайте слой с фоном видимым, но отключите видимость папки Изображения. Теперь в документе только изображение девушки, но у Вас также есть фотографии в рамках в других открытых документах. Время начать переносить фотографии.

Шаг 13. Последняя часть этого урока заключается в собирании всех изображений вместе. Выберите фоновый слой и вставьте первую фотографию (или последнюю, или вторую, или пятую :) ).

Нажмите Ctrl+T, измените размер фотографии, удерживаю клавишу Shift, поверните изображение по часовой стрелке два раза:

Разместите фотографию на документе и сделайте то же самое с несколькими другими изображениями. Только постарайтесь, чтобы все они были примерно одного размера. Вот результат автора:

Шаг 14. Вы создадите много новых слоёв. Выберите их все (за исключением фонового слоя и папки Изображения) и нажмите Ctrl+Е, чтобы объединить их. Переименуйте объединённый слой в Набор 1. Теперь вставьте несколько других изображений, но сделайте их немного больше:

Вновь выберите все новые слои (на этот раз не выбирайте ещё и слой Набор 1), слейте их в один Набор 2. Слой Набор 2 должен быть выше слоя Набор 1. Таким образом, мы создаём иллюзию глубины: чем больше изображение, тем ближе оно к нам. В любом случае, глубина может быть не полностью видна, но мы всё исправим, когда все фотографии будут созданы. Поэтому создайте Набор 3 так же, как Вы сделали два предыдущих, и снова сделайте изображения больше, чем уже созданные:

Создайте два последних слоя Набор 4 и Набор 5 с ещё большими фотографиями. Автор использовал одно изображение на набор (Девушка слева вверху и целующаяся пара внизу).

Шаг 15. Пришло время увеличить иллюзию глубины. Выберите слой Набор 5 и примените фильтр Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу) с радиусом 1 пиксель. Автор размыл верхнее изображение, так как он решил, что нижние должны быть в фокусе. Другими словами, если бы верхний слой был в фокусе, а остальные были бы размыты, изображение не будет выглядеть эффектно, как слой в середине фокуса, так же, как и другие. Поэтому мы оставим Набор 4 в фокусе. Это значит, что его можно пропустить и перейти к слою Набор 3. Этот набор находится на том же расстоянии, что и Набор 5, поэтому мы его тоже размоем. Нажмите Ctrl+F, чтобы повторить действие последнего фильтра. Выберите Набор 2 и примените размытие (Ctrl+F) дважды. Примените фильтр трижды к слою Набор 1.

Шаг 16. По мнению автора, изображение уже выглядит хорошо, но некоторые люди, обладающие логикой, наверняка начнут задавать вопросы, поэтому сделаем один необязательный шаг для иллюзии глубины. Как Вы видите, в фокусе находится только четвёртый набор, остальные либо выше, либо ниже его. Но девушка ниже всех фотографий. Это означает, что в реальном мире она была бы размыта. Если Вы стремитесь к реализму, выберите слой с девушкой и нажмите Ctrl+F четыре раза. Лично для автора результат выглядит лучше, если девушка не размыта, но это противоречит законам физики :)
И последнее, выберите папку Изображения (поскольку она находится выше всех в палитре слоёв) и нажмите на кнопку Сreate new fill or adjustment layer (Создать новый корректирующий слой или слой-заливку). Используйте следующие параметры:

И вот он, финальный результат!

Автор: Marius S.

Источник: www.tip-kit.com

Комментарии 209

Спасибо,очень понравился урок!

Спасибо, мне понравился урок !!!!

Отличный урок - спасибо!

классный урок! Спасибо огромное!

Спасибо за великолепный урок!!!!!!!!!

Моя самая первая работа в фотошопе)) вроде не так уж плохо)

очень интересно,ОЧЕНЬ! Спасибо огромное!!!!!

Спасибо за урок

урок супер)) очень понравился))

Класс! Спасибо за урок!)

спасибо за отличный урок!

Спасибо за урок)

Классный урок.

Спасибо! Интересный урок.

Спасибо за очень полезный урок!

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

Очень красиво!!! Спасибо за интересную идею.

Спасибо за урок мне понравился!!!

Спасибо за интересный урок.

Моя свадьба

Супер урок!

Спасибо за урок..!!

класссный урок.....

Отличный коллаж)

очень интересный урок, спасибо!

Спасибо за интересный урок!!

Спасибо за урок!

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

Тэги позволяют лучше находить вашу работу другим пользователям. Подумайте какие тэги описывают вашу работу лучше всего и проставьте их. Это даст вам больше просмотров, лайков и комментариев. 

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее