Рубрика: Photoshop Уроки | Урок прочитали: 468
 (голосов: 0)

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

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

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

Ресурсы.

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

Основа - Девушка на траве
А затем и остальные

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.
Перевод: Юлии Чалых.
Ссылка на источник

           

Похожие файлы и публикации:

Романтичные фотообои
В этом уроке вы узнаете, как создать стильные удивительно красивые алмазы и научитесь создавать обои из них.
Романтичные фотообои
В этом Photoshop уроке мы будем учиться создавать баннер с простым, но эффектным дизайном.
Романтичные фотообои
У этом уроке мы сделаем интересный, но лёгкий и полезный эффект размытия.
Романтичные фотообои
Вот такой домик получится после данного урока
Романтичные фотообои
Использованный материал: Апельсин Яблоко Молния Ткань
Романтичные фотообои
Часто возникает необходимость создать быстрый, но уникальный дизайн. В этом уроке, вы узнаете короткий, но привлекательный способ для создания графического объекта фона, обои, открыток, рисунков, и т.д.
Романтичные фотообои
Этот эффект в первую очередь разработан для женщин, но и мужчинам он также может быть полезен. В этом уроке мы будем использовать различные стили слоя, основные инструменты Фотошоп и немного поработаем со световыми эффектами.  Итак, начнем учиться.
Романтичные фотообои
Шаг 1. Давайте начнем с открытия нового документа (размер 540 × 540 пикселей при 72ppi).
Романтичные фотообои
В этом уроке я расскажу вам один из подходов к созданию смайлика, а затем, использую его, чтобы создать красивый эффект текста.
Романтичные фотообои
Слейте изображения.  Layer – Merge Layers (Слой – слить слои). Примените автоматическую тоновую коррекцию (уровни). Image – Adjustments – Auto levels (Изображение – Коррекция – Автоматическая тоновая коррекция) (Shift + Ctrl + L). Перейдем к меню Channels (Каналы), которое  находится во вкладке рядом с панелью слоев,  Duplicate (дублируем) Blue(Синий) канал.
Романтичные фотообои
Программа Photoshop – фантастическая программа, с помощью которой можно обрабатывать не только фотографии, но и создать реальные объекты. В сегодняшнем уроке, мы продемонстрируем, как создать изображение реалистичного ножа похожего на фотографию в программе Photoshop, используя векторные инструменты для рисования, стили слоя, текстуры, и эффекты.
Романтичные фотообои
Шаг 1. Создайте новый документ 512x512 пикселей с белым или прозрачным фоновым слоем. Залейте фоновый слой серым (9D9D9D). Создайте вертикальную и горизонтальную направляющие для удобства.
Романтичные фотообои
В этом небольшом и быстром уроке, демонстрируется, как улучшить текстовую надпись, создав  матовый фон, который может улучшить вид Ваших фотографий или проектов.
Романтичные фотообои
Сегодня мы будем рисовать вот такой карандаш.
Романтичные фотообои
В этом уроке вы узнаете, как создать универсальный значок, который можно создать с различным уровнем подготовки. Это простой процесс, но вы можете многому научиться. Финальное изображение.
Романтичные фотообои
В этом уроке я хотел бы показать вам интересный способ смещения текста.
Романтичные фотообои
Постеры фильмов – хорошие источники вдохновения для дизайнеров. В этом уроке я расскажу, как воссоздать логотип фильма Пираты Карибского моря.
Романтичные фотообои
Шаг 2. Теперь возьмите Ellipse tool (U) и нарисуйте белый круг. Помните, что круг должен быть правильным, поэтому не забывайте удерживать кнопку Shift. Теперь создайте папку и поместите туда круг. Как на рисунке ниже.
Романтичные фотообои
Изображение - существенный элемент в наборе любого дизайнера. Независимо от того - простой Ваш проект или что-то эксклюзивное, хорошее изображение будет всегда кстати. В этом уроке продемонстрированы способы того, чтобы помочь Вам создать своё собственное глянцевое изображение.