Детали:
Программа: Photoshop CS4 и выше
Время выполнения: 15-20 мин.
Сложность: простые
Материалы урока:
Автор дает ссылку на платные стоки.
Можете использовать, как вариант для выполнения урока это фото
Фото: Camera-Mockup
В этом уроке вы узнаете, как использовать две копии одного и того же Smart Object для сознания продукта Mock-Up, а затем применяя фильтр чтоб размыть фон. После того как вы все настроите вы с легкостью можете изменять изображение в Smart Object и тем самым изменять сцену.
В результате выполнения урока у вас получится следующий результат.
Я начну с PSD файла со слоями. Вы же можете использовать свои собственные фотографии или найти изображения на платных или бесплатных стока.
Шаг 1.
Как вы можете видеть на панели слоев, этот файл организован из составных частей. Вам не нужны эти все слои, но чем больше слоев, тем больше гибкости и контроля вы имеете над конечным результатом.
Шаг 2.
Для наших целей нам нужно иметь один слой "Screen". Это должен быть прозрачный слой, в виде прямоугольника, размером с экран вашего телефона.
Для создания этого слоя используйте Rectangular Marquee Tool [M], заполните выделенную область цветом на новом слое и переместите его выше слоя с телефоном. Для более точного выделения используйте Transform Selection.
Этап 2. Подготавливаем Smart Object
Шаг 1.
Переместите фото в в рабочий документ. Постарайтесь чтоб изображение было высокого качества, так чтоб оно заполняло фон без увеличения. Переместите слой ниже всех слоев и переименуйте его на "Scene".
Шаг 2.
Конвертируйте слой в Smart Object.
Правый клик на слое и в появившемся окне выберите Convert to Smart Object.
Шаг 3.
Вы заметили, что слой имеет маленький значок в правом нижнем углу – это говорит о том что этот слой преобразован в Smart Object. Далее создайте копию слоя Smart Object.
Шаг 4.
Переместите копию выше слоя с "Screen". Используйте свободную трансформацию, чтоб подогнать изображение под размер экрана. Сделайте так чтоб оно немного перекрывало экран.
Шаг 5.
Преобразуйте слой "Screen" в режим Create Clipping Mask нажав сочетание клавиш Ctrl+Alt+G
Или зажмите клавишу Alt а кликните между двумя слоями в палитре слоев.
Этап 3. Добавляем и редактируем Smart Filter.
Шаг 1.
Выберите слой фоновый слой "Scene" и перейдите в меню Filter > Blur > Gaussian Blur задайте значения, как показано на скрине ниже.
Шаг 2.
После того как вы примените фильтр к Smart Object у вас автоматически появится маска слоя для этого фильтра.
Шаг 3.
Теперь мы должны заполнить маску фильтра, так чтоб передний план (то что под телефоном было в фокусе), а задний план оставался не в фокусе – размытым. Для этого выбираем инструмент Gradient Tool [G] от черного к белому, выбираем маску слоя фильтра и заполняем изображение градиентом с низу вверх.
В результате пиктограмма маски слоя фильтра окрасится в черно-белый градиент, а на фоне появятся места в фокусе и нет.
Зажимая клавишу Alt и кликая по маске слоя вы можете видеть полную маску, нажмите еще раз и вы перейдете в нормальный режим.
Шаг 4.
Вот мы и закончили наш макет. Вы можете видеть, что пляж и вода на переднем плане (внизу изображения) находятся в центре внимания, чем мост и небо. Черная част градиента скрывает эффект фильтра в верхней части изображения. Вы можете продолжать экспериментировать с положением градиента, чтоб добиться желаемого результата.
Шаг 5.
Огромный плюс в Smart Filters, что он не разрушает изображение. Вы можете редактировать это изображение бесконечное количество раз не повреждая пиксели основного изображения. Допустим, вы хотите усилить эффект размытия, для этого дважды кликните по иконке Smart Filter тем самым отрывая настройки фильтра снова, изменяете их, после изменения нажмите ОК.
Шаг 6.
Вы так же можете изменить режим наложения для Smart Filter, это делает его еще более универсальным. Маленькая иконка в виде двух ползунков – дважды кликните на нее и выберите в появившемся меню нужный режим наложения.
Вы также можете уменьшить непрозрачность для данного фильтра.
Этап 4. Редактирование Smart Object.
Шаг 1.
Для того чтоб изменить сцену вашего Mock-Up дважды кликните на слой Smart Object.
Шаг 2.
Smart Object откроется в отдельном файле с расширением .psb
Шаг 3.
Просто переместите туда новое изображение.
Шаг 4.
Сохраните ваш psb файл и закройте его. Вы вернетесь в основную сцену уже с измененным результатом.
Шаг 5.
В зависимости от исходного изображения вы можете редактировать эффекты размытия и градиент на маске Smart Filter.
Вот и все.
Поздравляю вы выполнили урок.
Комментариев нет:
Отправить комментарий