Создаём волшебную сцену с ангелом в Фотошоп

Создаём волшебную сцену с ангелом в Фотошоп

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

 

Итоговый результат:

alt

Скачать архив с материалами к уроку

Создайте новый документ 1400 рх х 1500 рх в программе Photoshop. Установите настройки, которые указаны на скриншоте ниже.

alt

Откройте исходное изображение с небом в программе Photoshop ссылка на скачивания тут. С помощью инструмента Перемещение alt (Move Tool (V)), переместите данное изображение на наш рабочий документ. Расположите изображение с небом, как показано на скриншоте ниже:

alt

Чтобы немного смягчить небо, примените фильтр Размытие по Гауссу (Gaussian Blur), для этого идём Фильтр – Размытие — Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия 8 px:

alt

Далее, идём Слой — Новый корректирующий слой – Кривые (Layer > New Adjustment Layer > Curves), чтобы усилить яркость изображения неба.

alt

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

alt

Добавьте ещё один корректирующий слой Кривые (Curves), чтобы уменьшить яркость.

alt

Теперь перейдите на маску данного корректирующего слоя Кривые (Curves) и с помощью мягкой чёрной кисти, прокрасьте левую часть неба, чтобы сохранить осветление в этой части изображения.

alt

Откройте исходное изображение со скалой в программе Photoshop. Отделите скалу от заднего фона, а затем переместите выделенное изображение скалы на наш рабочий документ, расположив её в нижней правой части нашей сцены:

alt

К слою со скалой, добавьте корректирующий слой Кривые (Curves) в качестве обтравочной маски. Уменьшите яркость изображения скалы:

alt

Мы планируем создать источник света в верхней левой части сцены. Итак, перейдите на маску данного корректирующего слоя Кривые (Curves) и с помощью мягкой чёрной кисти прокрасьте левую сторону скалы, куда будет падать свет:

alt

Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation), чтобы изменить цвет скалы.

Примечание переводчика: не забудьте преобразовать данный корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) в обтравочную маску к слою со скалой.

alt

alt

Создайте новый слой в качестве обтравочной маски, поменяйте режим наложения на Перекрытие (Overlay), непрозрачность (Opacity) слоя 100%, а также выполните заливку 50% серым (50% gray):

alt

С помощью инструмента Осветлитель alt/ Затемнитель alt(Dodge & Burn Tool (O)), в настройках данного инструмента установите Диапазон (Range) на Средние тона (Midtones), а значение Экспозиции (Exposure) примерно на 20-25%, усильте светотени на скале. Вы можете увидеть результат обработки кистью на скриншоте ниже при режиме наложения Нормальный (Normal) и конечный результат при режиме наложения Перекрытие (Overlay):

alt

Откройте исходное изображение с моделью в программе Photoshop. Отделите изображение модели от заднего фона, используя свою любимую технику выделения объектов. Создайте новый слой, а затем выберите инструмент Штамп (alt Clone Tool (S)). С помощью данного инструмента, удалите тату и веточки на ногах модели:

alt

Создайте новый слой, с помощью жёсткой кисти, цвет кисти #989079, дорисуйте недостающие развевающиеся волосы. В данном случае, я рекомендую вам использовать планшетное перо.

alt

Поменяйте цвет кисти на #deddc8. Добавьте более светлые волосы к модели:

alt

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

alt

Создайте новый слой ниже слоя с моделью. С помощью мягкой чёрной кисти непрозрачностью (Opacity) примерно 40%, нарисуйте тени под ногами модели:

alt

Назовите слой с тенью Тень 1 (shadow 1).

К слою с моделью, добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) в качестве обтравочной маски, чтобы обесцветить изображение модели:

alt

Добавьте корректирующий слой Фото фильтр (Photo Filter), установите цвет фильтра #b3defd. Далее, перейдите на маску данного корректирующего слоя Фото фильтр (Photo Filter) и с помощью мягкой чёрной кисти прокрасьте платье модели, т.к. я не хочу, чтобы коррекция фильтра воздействовала на него.

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

alt

Добавьте корректирующий слой Кривые (Curves), чтобы немного затемнить изображение модели:

alt

Далее, перейдите на маску данного корректирующего слоя Кривые (Curves) и с помощью мягкой чёрной кисти скройте коррекцию кривых в верхней и в левой части изображения модели:

alt

Создайте новый слой с теми же самыми настройками, что и в Шаге 9. С помощью инструмента Осветлитель alt/ Затемнитель alt (Dodge and Burn Tool), проведите коррекцию светотеней на изображении модели, а также добавьте детали на платье модели.

alt

Откройте исходное изображение с крыльями в программе Photoshop. С помощью инструмента Перемещение alt (Move Tool), переместите крылья на наш рабочий документ, расположив их за спиной модели:

alt

Создайте новый слой (преобразуйте данный слой в обтравочную маску) и с помощью инструмента Штампalt (Clone Tool), удалите отдельные детали на перьях:

alt

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

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

alt

Добавьте ещё один корректирующий слой Кривые (Curves), чтобы осветлить верхнюю часть крыльев. Теперь перейдите на маску данного корректирующего слоя Кривые (Curves) и с помощью мягкой чёрной кисти скройте коррекцию кривых в нижней части крыльев:

alt

Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation), чтобы изменить цвет крыльев:

alt

Чтобы создать тень модели и крыльев, падающую на скалу, создайте новый слой ниже слоя с моделью и выше слоя Тень 1 (shadow 1). Удерживая клавиши (Ctrl+Shift), щёлкните по миниатюре слоя с моделью и крыльями, чтобы загрузить активное выделение вокруг них:

alt

Залейте выделенную область чёрным цветом и с помощью свободной трансформации (Ctrl+T), поверните заливку, как показано на скриншоте ниже:

alt

Уменьшите Непрозрачность (opacity) слоя с тенью до 50% и с помощью слой-маски, скройте лишнюю часть тени:

alt

Далее, идём Фильтр – Размытие — Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите радиус (Radius) размытия 4 px:

alt

Установите кисти Перья, а также установите цвет переднего плана на #e5e5e5. Выберите кисть Перья, которая вам нравится (отличным решением будет, если выбрать ту кисть, где перья будут похожи на перья на крыльях). Произвольно нарисуйте летающие перья по всей сцене.

alt

К нарисованным перьям, примените фильтр Размытие по Гауссу (Gaussian Blur). Установите радиус размытия 8 px:

alt

Поменяйте цвет кисти на более тёмный оттенок (#a8a8a8). Нарисуйте маленькие пёрышки вокруг модели.

alt

Выделите все слои с перьями, а затем нажмите клавиши (Ctrl+G), чтобы сгруппировать их в одну группу. Поменяйте режим наложения для слоя с группой с режима Пропустить (Pass Through) (режим группы по умолчанию) на режим Нормальный (Normal), непрозрачность 100%. С помощью корректирующего слоя Кривые (Curves), затемните перья:

alt

Теперь перейдите на маску данного корректирующего слоя Кривые (Curves) и с помощью мягкой чёрной кисти скройте коррекцию кривых на участках, которые выделены на скриншоте ниже:

alt

Добавьте корректирующий слой Цветовой Баланс (Color Balance) поверх всех остальных слоёв:

Примечание переводчика: автор проводит общую коррекцию сцены, поэтому не надо преобразовывать данный и следующие корректирующие слои обтравочные маски.

alt

alt

Добавьте ещё один корректирующий слой Цветовой Баланс (Color Balance):

alt

Теперь перейдите на маску данного корректирующего слоя Цветовой Баланс (Color Balance) и с помощью мягкой чёрной кисти скройте коррекцию цветового баланса поверх всей сцены за исключением скалы:

alt

Добавьте корректирующий слой Вибрация (Vibrance), чтобы усилить цвет:

alt

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

alt

Добавьте корректирующий слой Кривые (Curves), чтобы усилить контраст всей сцены. Теперь перейдите на маску данного корректирующего слоя Кривые (Curves) и с помощью мягкой чёрной кисти скройте осветление в нижней правой части сцены, сохранив затенение в этой области:

alt

Создайте новый слой поверх всех остальных слоёв. С помощью мягкой кисти, цвет кисти #321603, прокрасьте верхнюю левую часть сцены. Поменяйте режим наложения для данного слоя на Линейный осветлитель (Linear Dodge), непрозрачность (Opacity) слоя 100%:

alt

alt

Поменяйте цвет кисти на #f89e77. С помощью данной кисти прокрасьте верхнюю левую часть сцены, крылья и модель. Поменяйте режим наложения для данного слоя на Жёсткий свет (Hard Light), непрозрачность слоя 100%:

Примечание переводчика: не забудьте создать новый слой.

alt

alt

Используя ту же самую кисть, добавьте световые эффекты к нашей сцене, а также на крылья, модель и скалу. Поменяйте режим наложения для данного слоя на Перекрытие (Overlay), непрозрачность слоя 100%:

Примечание переводчика: не забудьте создать новый слой.

alt

alt

Добавьте световые эффекты на изображение скалы, используя ту же самую кисть и тот же самый режим наложения:

alt

Откройте набор со световыми бликами в программе Photoshop. Выберите любой блик, который вам нравится, переместите понравившийся блик на наш рабочий документ, расположив его в верхней части крыла, которое расположено ближе к наблюдателю. Поменяйте режим наложения для слоя с бликом на Осветление (Screen), непрозрачность 100%:

alt

alt

С помощью слой-маски, смягчите жёсткие края светового блика:

Примечание переводчика: используйте мягкую чёрную кисть с низкой непрозрачностью.

alt

Откройте исходное изображение с ореолом в программе Photoshop. Переместите ореол на наш рабочий документ, расположив его над головой модели. Поменяйте режим наложения для слоя с ореолом на Осветление (Screen), непрозрачность 100%. С помощью свободной трансформации (Ctrl+T), уменьшите, а также сделайте тоньше ореол.

alt

С помощью корректирующего слоя Кривые (Curves), усильте яркость ореола, чтобы он стал более заметным:

Примечание переводчика: не забудьте преобразовать корректирующий слой Кривые (Curves) в обтравочную маску к слою с ореолом.

alt

Создайте новый слой и с помощью мягкой кисти, цвет кисти #ffcab2, добавьте свечение вокруг ореола. Поменяйте режим наложения для слоя со свечением на Мягкий свет (Soft Light), непрозрачность (Opacity) слоя 100%:

alt

Поздравляю! Мы завершили урок!

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

Итоговый результат:

alt

Автор: Jenny Le

Создаём в Фотошоп Sci-fi постер с режимами наложения

Создаём в Фотошоп Sci-fi постер с режимами наложения

Если вам нужно шаблоны для сайта с psd то мы советуем вам посетить сайт protpls.ru. Чем больше времени вы потратите на определенные шаги, тем более детальным станет финальный результат.

Mart, автор урока, говорит, что всегда начинает с «доски настроений», которая помогает ему получить вдохновение для финального результата. Его мудборд можно найти здесь.

Скачать архив с материалами к уроку

Примечание: В архиве отсутствуют фотографии моделей, т.к. автор использовал платные материалы. 

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

Я купил две фотографии на Shutterstock, которые – если их совместить – передают основной концепт рисунка – человек, попавший в ловушку цифрового мира. Однако, стиль, который мы собираемся применять, будет работать с любыми субъектами, начиная с животных и заканчивая людьми и зданиями – всё, у чего есть точная фокусная точка или центральный субъект.

alt

Размер моего документа 5,120 х 2,880 px (вдвое больше разрешения экрана), так как я люблю работать с крупными изображениями и планировал использовать финальную работу в качестве обоев для рабочего стола.

Для создания изображений в таком стиле я часто смешиваю несколько стоковых фотографий, создавая цифровой «набросок». Это может значительно ускорить процесс работы.

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

Для меня очень важно иметь подходящее исходное изображение, даже если фотографию не будет заметно в финальной работе.

alt

Откройте файлы проекта и найдите папку Assets. Перетяните bg.psd в документ. Этот файл содержит два слоя с моими абстрактными фонами. Измените их размер, если необходимо, заполнив все рабочее пространство.

На панели Слоев (Layers Panel) разместите эти фоны под стоковыми снимками и установите их Непрозрачность (Opacity) в пределах 15-20%.

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

alt

alt

Включите видимость фотографии. Теперь пришло время делать наброски.

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

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

Не тратьте на этом этапе много времени, это лишь базовый набросок, который вы будете использовать как основу.

alt

alt

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

Для придания нашей «цифровой» модели компьютерного вида, постройте ее (или его) силуэт при помощи фигур и пикселей. Создайте новый слой под названием «белые штрихи» и очень грубо набросайте блики нашей модели при помощи квадратной белой кисти. Убедитесь, что получили разнообразные настройки, поигравшись с инструментами Колебание размера (Size Jitter), Интервал (Spacing), Рассеивание (Scattering) и т.д.

Так как у вас может быть совершенно другой размер документа, важно поиграться с настройками, чтобы увидеть, что лучше всего работает. Когда вы достигнете похожего эффекта, можете идти дальше. (Графический планшет Wacom с чувствительностью к нажиму очень помогает!)

alt

Создайте слой над «белыми штрихами» и закрасьте более темные участки (такие как тени) при помощи черной кисти.

Совет: Если вы не можете видеть черный цвет во время штриховки из-за того, что исходный снимок содержит слишком много темных участков и отличить ваши штрихи от картинки под ними невозможно, попробуйте использовать красный/синий цвет штриховки, а потом сменить его на черный.

alt

alt

На этом этапе бы добавим цифровое «сияние» вокруг нашей модели. Создайте новый слой надо всеми остальными и закрасьте силуэт модели белым цветом, используя ту же кисть.

На этот раз штрихуйте небрежно и не волнуйтесь, если «выйдете за рамки». Поскольку мы добиваемся компьютерно-цифрового эффекта, некая случайность штрихов будет выглядеть даже лучше.

alt

alt

alt

Измените режим наложения слоя над штрихами, которые мы рисовали в шагах 5-6 на Перекрытие (Overlay) и та-дам – у нас есть сияние.

alt

Повторите шаги 5 и 6 несколько раз, используя меньшую кисть для создания более детализированного изображения. Не забывайте постоянно создавать новые слои – это позволит отредактировать или убрать всё лишнее на более поздних этапах.

Можно заметить, что на этом этапе фон очень плоский.

Выберите оба слоя, затем перейдите в меню Редактирование > Трансформирование > Перспектива (Edit >Transform > Distort/Perspective), убедившись, что результат подходит вашей работе.

alt

Синий цвет часто ассоциируется с футуристическими изображениями. Заполните милым синим цветом новый слой, размещенный надо всеми остальными. Измените его режим наложения на Цветность (Color) и сократите Непрозрачность (Opacity) до 20%.

alt

alt

Пришло время добавить больше цвета. Откройте файл square_shapes.psd из файлов проекта.

Всё это основано на моих прошлых экспериментах (их можно увидеть в файле unedited_shapes.psd). Вот как я менял одну форму на другую.

alt

alt

Скопируйте и вставьте эти фигуры в документ – нам вряд ли придется использовать их все, но мы сможем увидеть, какие подходят, а все остальные удалим.

Убедитесь, что весь силуэт модели покрыт этими фигурами, а режим наложения установлен на Цветность (Color) с 70% непрозрачности. Также убедитесь, что есть частички, летающие вокруг модели. Дайте себе волю!

alt

alt

Теперь сделайте то же самое, но на этот раз с другими и более легкими фигурами – примените их только в светлых участках фотографии. Установите режим наложения Замена светлым (Lighten) с непрозрачностью около 65%.

alt

alt

Повторите предыдущий шаг, заполнив темные участки темными фигурами. Оставьте Нормальный (Normal) режим наложения с непрозрачностью 35%.

alt

alt

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

alt

alt

Сохраните Нормальный (Normal) режим наложения, но сделайте эффект очень легким, оставив непрозрачность где-то между 7 и 10%.

alt

alt

Если смотреть на рисунок с расстояния, всё выглядит довольно неплохо. Однако, если его приблизить, он до сих пор выглядит грубым.

Используйте кисти из шагов 5-6 и начните закрашивать все мелкие детали нашей модели черным и белым цветом (в зависимости от того, какой участок). На этот раз также создайте два слоя для белого и черного.

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

alt

alt

Измените режим наложения обеих слоев на Перекрытие (Overlay) с непрозрачностью 70%.

alt

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

Я также добавил немного случайных квадратных фигур за спиной у модели, а также вокруг рук, добавив ощущение движения.

Я поместил все эти слои в группу и установил ее режим наложения на Перекрытие (Overlay) с непрозрачностью 25%.

alt

alt

alt

Возьмите ту же кисть, на этот раз белого цвета, и нарисуйте случайные квадратные фигурки за спиной модели, симулировав эффект движения. Дублируйте этот слой и установите режим наложения обеих на Перекрытие (Overlay) – непрозрачность первого поставьте на 100%, второго – 70%.

alt

alt

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

alt

alt

Выберите несколько длинных фигур из файла square_shapes.psd и случайным образом разместите в документе.

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

Не забывайте, что цвета фигур должны сочетаться с цветовой схемой работы.

alt

alt

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

Сгруппируйте слои с текстом, дублируйте группу и измените ее режим наложения на Перекрытие (Overlay), а непрозрачность установите на 50%.

alt

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

На новом слое перейдите в меню Изображение > Внешний канал (Image > Apply Image) и нажмите ОК. Теперь создайте обтравочную маску этого слоя к квадратам. Как можно видеть на скриншоте, я сделал применяемое изображение значительно больше.

alt

alt

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

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

alt

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

Добавьте к этим фигурам эффект Тень (Drop Shadow), сделав их будто витающими в воздухе.

alt

alt

alt

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

При помощи стандартной круглой кисти размером 4,000 пикселей синего цвета я нарисовал немного света вверху и – чуть поменьше – справа. Я установил режим наложения на Заменасветлым (Lighten) и отрегулировал непрозрачность, чтобы эффект выглядел правильно.

alt

Я сделал то же самое с темной пурпурной кистью в нижнем правом углу, добавив немного тени. Я установил режим наложения слоя на Перекрытие (Overlay) с 40% непрозрачности. Хотя эффект едва заметен, мне нравится, как он выглядит.

alt

Создайте новый слой и перейдите в Изображение > Внешний канал (Image > Apply Image). Нажмите ОК.

Теперь прейдите в меню Фильтр > Галерея фильтров > Аппликация (Filter > Filter Gallery > Cutout).

alt

alt

На том же слое перейдите в меню Фильтр > Стилизация > Выделение краев (Filter > Stylize > Find Edges).

Создайте новый слой над этим, заполните его белым цветом и установите режим наложения Разница (Difference). Объедините слои, затем установите режим наложения полученного слоя на Экран (Screen) с 70% непрозрачности.

alt

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

alt

alt

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

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

alt

Добавьте интерфейс в документ и трансформируйте, чтобы он подходил под перспективу окружающих элементов. Сделайте их синими, сгруппируйте и установите режим наложения группы на Заменасветлым (Lighten) с 50% непрозрачности.

Дублируйте группу и установите режим наложения на Осветление Основы (Color Dodge) с 35% непрозрачности.

alt

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

Снова добавьте интерфейс – на этот раз используйте файл без цифр, так как мы будем поворачивать их, а также используем одинаковое изображение для левой и правой стороны.

На этот раз сделайте их намного больше. Сгруппируйте панели, установите режим наложения группы на Линейный осветлитель (Linear Dodge). Сделайте оба слоя размытыми и сократите непрозрачность для органичного результата.

alt

alt

Чтобы усилить иллюзию прикосновения, я сделал участки, где ее пальцы находятся на экранах, светлее.

При помощи мягкой кисти я закрасил синим кончики пальцев и установил режим наложения слоя на Линейный осветлитель (Linear Dodge), а непрозрачность сократил до 50%.

alt

Чтобы лучше осветить оба экрана, я выбрал очень большую мягкую кисть синего цвета, затем сделал пару штрихов и в итоге установил режим наложения на Осветление Основы (Color Dodge), а непрозрачность – на 60%.

alt

Теперь создайте новый слой и при помощи красной кисти нарисуйте круглые точки вокруг интерфейса, придав им контраст и визуальный интерес.

alt

Соедините некоторые точки тонкими светло-синими линиями. Дублируйте слой для дальнейшего использования.

alt

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

alt

Снова выделите вертикальные части, затем нажмите Ctrl + Shift + C.

alt

Вставьте этот слой, установите режим наложения на Экран (Screen) 100% непрозрачности, затем добавьте Размытие в движении (Motion Blur).

alt

alt

На этом этапе мне показалось, будто все еще не ясно, что она касается к экранам, поэтому я добавил большой квадрат и заполнил его синим цветом.

Затем стер большую часть Ластикомalt (Eraser Tool).

Я установил режим наложения слоя на Осветление Основы (Color Dodge), а непрозрачность сократил до 10%. Также можно сделать слой слегка размытым.

alt

Выберите противоположную от выделенной часть и добавьте размытие в движении. Установите режим наложения слоя – Замена темным (Darken) и сократите непрозрачность.

alt

Мы прошли долгий путь и с этого момента я позволю вам самостоятельно его завершить.

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

alt

Последнее, что я осознал – почему это всегда происходит, когда уже думаешь, что закончил? – если наша модель может читать цифры на экранах, мы не должны их разбирать.

Поэтому я зеркально отразил изображение (и немного обрезал его для более приятной композиции).

alt

Автор: Mart Biemans

 

25 лучших бесплатных тем WordPress за октябрь 2016

 25 лучших бесплатных тем WordPress за октябрь 2016

Огромное количество шаблонов wordpress на сайте https://inbenefit.com/, все советуем. Сегодня мы отобрали 25 лучших бесплатных тем WordPress за октябрь 2016. Под каждым изображением есть ссылки на демонстрацию, описание и загрузку темы. Выбирайте на свой вкус! Смотрите остальные наши подборки интересных тем оформления и уникальных WordPress сайтов в рубрике Темы.

01-freeoct2016

Описание | Демо | Скачать

02-freeoct2016

Описание | Демо | Скачать

03-freeoct2016

Описание | Демо | Скачать

04-freeoct2016

Описание | Демо | Скачать

05-freeoct2016

Описание | Демо | Скачать

06-freeoct2016

Описание | Демо | Скачать

07-freeoct2016

Описание | Демо | Скачать

08-freeoct2016

Описание | Демо | Скачать

09-freeoct2016

Описание | Демо | Скачать

10-freeoct2016

Описание | Демо | Скачать

11-freeoct2016

Описание | Демо | Скачать

12-freeoct2016

Описание | Демо | Скачать

13-freeoct2016

Описание | Демо | Скачать

14-freeoct2016

Описание | Демо | Скачать

15-freeoct2016

Описание | Демо | Скачать

16-freeoct2016

Описание | Демо | Скачать

17-freeoct2016

Описание | Демо | Скачать

18-freeoct2016

Описание | Демо | Скачать

19-freeoct2016

Описание | Демо | Скачать

20-freeoct2016

Описание | Демо | Скачать

21-freeoct2016

Описание | Демо | Скачать

22-freeoct2016

Описание | Демо | Скачать

23-freeoct2016

Описание | Демо | Скачать

24-freeoct2016

Описание | Демо | Скачать

25-freeoct2016

Описание | Демо | Скачать

 

Созаём в фотошопе коллаж с горой новогодних подарков

Созаём в фотошопе коллаж с горой новогодних подарков

 Если вам нужен чехол samsung galaxy j7 prime то мы советуем заказать его на отличном сайте E-star.com.ua. На нем вы найдете пленки качественные аксессуары, чехлы и много всего другова.

Финальное изображение:

alt

Скачать архив с материалами к уроку

Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант изображений для выполнения урока.

В этом уроке Photoshop вы можете найти полезные советы, которые могут помочь вам создать хороший гармоничный коллаж с некоторыми нарисованными деталями. Вы можете узнать некоторые необычные способы использования заливки Content-Aware (С учетом содержимого). Этот инструмент PS может помочь вам создать новые элементы пейзажа без особых навыков цифрового рисования. Этот урок написан для пользователей, которые знают основные инструменты и настройки Photoshop, а также в состоянии работать с уроками средней и продвинутой сложности. Урок не содержит подробного описания действий, таких как «как создать корректирующий слой», «как отделить элементы фона» и другие, из-за большого количества шагов.

Ниже показана анимация всех шагов, описанных в уроке:

alt

Создайте новый документ в Photoshop размером 2000 х 2600 px и Resolution (Разрешение) 72 pixels/inch.

Вставьте изображение Небо поверх фонового слоя. Отразите его по вертикали Edit > Transform> Flip Vertical (Редактирование > Трансформирование > Отразить по вертикали).

alt

Поверните немного к центру безоблачный участок неба

alt

Выделите пустые углы после поворота с помощью Polygonal Lasso Tool alt (Прямоугольное Лассо) и залейте их при помощи опции Content-Aware (С учетом содержимого) через меню Edit > Fill > Content-Aware (Редактирование > Заливка > Content-Aware).

alt

Затем перейдите в меню Filter > Liquify (Фильтр > Пластика). Сделайте безоблачную область неба больше и круглее с помощью Forward Warp Tool (Обратная деформация). Двигайте большой круглой кистью от центра к краям документа.

alt

Обработайте края облаков при помощи меньшей кисти Forward Warp Tool (Обратная деформация), чтобы сделать их лучше и аккуратней. Попробуйте создать что-то вроде круглой рамки из облаков вокруг чистого неба.

alt

Ниже результат применения фильтра Liquify (Пластика).

alt

Дублируйте слой с небом, отразите его по вертикали и поместите его ниже оригинального слоя с небом. Объедините оба слоя с облаками, чтобы закрыть весь фон документа.

alt

Создайте корректирующий слой Levels (Уровни) над объединенным слоем с облаками, чтобы сделать облачный фон темнее и контрастнее. Укажите параметры из правого верхнего угла скриншота ниже. Корректирующий слой Levels (Уровни) и другие корректирующие слои для последующих шагов вы можете найти, кликнув по круглой иконке в нижней части палитры Levels (Слои).

alt

Возьмите Magic Wand alt (Волшебная палочка) в режиме Add to selection (Добавить к выделению). Выделите всю центральную область чистого неба. Вы можете удалить ненужные области выделения тем же инструментом в режиме Subtract from (Вычесть из выделения) (следующая иконка справа от отмеченного).

alt

В итоге вы должны выделить область, аналогичную области на скриншоте ниже. Вы можете поправить выделение, через меню Select > Refine edge (Выделение > Уточнить край), сделав его более растушеванным.

alt

Не снимайте выделения, добавьте корректирующий слой Levels (Уровни). Этот корректирующий слой будет применен только к выделенной области.
Сделайте выделенное небо темнее. Используйте те же параметры, как на скриншоте.

alt

Добавьте корректирующий слой Gradient Map (Карта градиента). Укажите для него Opacity (Непрозрачность) 60%. Не нужно сохранять выделение при создании этого корректирующего слоя. Примените градиент ко всему изображению. (Выделение на скриншоте ниже оставлено случайно).

alt

Вот параметры для корректирующего слоя Gradient Map (Карта градиента).

alt

Вставьте изображение Горы. Сотрите первоначальную область неба с него.

alt

Добавьте слой-маску и скорректируйте форму горы при помощи Brush alt (Кисть). Удалите кистью черного цвета области, указанные ниже.

alt

Создайте новый пустой слой и нарисуйте в нем новый силуэт гор. Вы можете использовать для этого обычную круглую кисть любого цвета.

alt

Загрузите выделение для нарисованной серой формы (теперь можете слой с формой скрыть, он нам нужен только для получения выделенной области гор). Вернитесь к слою с горами и залейте выделенную область Content-Aware (С учетом содержимого) через меню Edit > Fill > Content-Aware (Редактирование > Заливка > Content-Aware).

alt

Вот результат применения заливки Content-Aware (С учетом содержимого). Вы можете попробовать залить каждый участок отдельно — это может дать лучший, более естественный результат.

alt

Добавьте слой-маску к слою с горами.
Возьмите круглую мягкую полупрозрачную кисть (Opacity (Непрозрачность) около 30%) и обработайте силуэт горы рядом с облаками, чтобы создать «эффект дымки».

alt

Создайте слой или слои поверх слоев гор для создания теней и светлых участков. Здесь применены отдельные слои для темных теней и светлых участков, чтобы создать эффект объема. Используйте светлые и темные полупрозрачные кисти, чтобы нарисовать светлые и темные области на горах. Вы можете использовать цвета и оттенки из палитры неба. Удерживая клавишу Alt, выбирайте цвет из фона.

Если вы создали разные слои для теней и светлых участков, можете применить к слою с темными оттенками режим наложения Multiply (Умножение), а к слою со светлыми оттенками — режим наложения Soft Light (Мягкий свет) или Overlay (Перекрытие). Это поможет вам сохранить горную текстуру. Кроме этого поэкспериментируйте с настройками Opacity (Непрозрачность) для оттенков слоев.

alt

Для того чтобы светлые и темные области были применены только к горе, конвертируйте эти слои в обтравочные маски для слоя с горами. Для этого кликните правой кнопкой по слою и выберите Create Clipping Mask (Создать обтравочную маску). Слои в качестве обравочной маски имеют небольшую стрелку, направленную вниз на левой стороне миниатюры.

alt

Добавьте корректирующий слой Levels (Уровни) в качестве обтравочной маски для гор. Сделайте их менее контрастными и более «мягкими» по цвету.

alt

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

alt

Чтобы изображение с горами лучше накладывалось на фон, примените к нему корректирующий слой Gradient Map (Карта градиента) с Opacity (Непрозрачность) 35%. Конвертируйте корректирующий слой в обтравочную маску, чтобы он влиял только на горы.

alt

alt

Добавьте немного снега на горы при помощи кистей Горы светлых, теплых оттенков.

alt

Ниже показаны области, где был применен эффект снега.

alt

Смягчите немного верхний пик гор при помощи еще одного корректирующего слоя Gradient Map (Карта градиента). Для того чтобы применить этот эффект только к верхней части горы примените черно-белый линейный градиент к маске слоя, используя вертикальное направление.

alt

alt

Давайте добавим к горам белые облака. Сделайте слой с горами временно невидимым. Если вы сделаете оригинальный слой с горами невидимым, слои с обтравочными масками должны стать невидимыми автоматически.

Перейдите к палитре Channels (Каналы), выберите и дублируйте канал Red (Красный).

alt

Увеличьте контраст этого канала с помощью настройки Levels (Уровни). Для этого перейдите в меню Image > Adjustments > Levels (Изображение > Коррекция > Уровни).

alt

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

alt

Не снимая выделение, сделайте активным канал RGB, чтобы вернуться к обычным цветам. Вы должны увидеть обычное цветное изображение неба. Затем перейдите в меню Edit > Copy merged (Редактировать > Cкопировать совмещенные данные). Таким образом, вы должны скопировать выделенную белую область облаков.

alt

Сделайте слой с горами снова видимым. Вставьте скопированные облака поверх всех горных корректирующих слоев.
Добавьте маску новому слою с облаками и залейте ее вертикальным черно-белым линейным градиентом, чтобы сделать видимой только верхнюю часть белых облаков.

alt

Откройте изображение с деревьями. Можете сделать это в другом документе.

alt

Увеличьте площадь земли и количество деревьев, «повторив» изображение.

alt

Выделите область неба с помощью Magic Wand alt (Волшебная палочка) и сотрите эту область или скройте маской.

alt

Скройте место стыка между двумя изображениями при помощи Patch (Заплатка).

alt

Ниже показан результат применения инструмента Patch alt (Заплатка).

alt

Поместите изображение деревьев в нашем документе над слоем с горами. Создайте новый слой и нарисуйте в нем закрученные верхушки деревьев обычной кистью и любым цветом. Воспользуйтесь тем же способом, который мы использовали при рисовании вершин гор.

alt

Затем загрузите выделение для каждого дерева и залейте его при помощи опции Content-Aware (С учетом содержимого). Сделайте это для каждого закрученного элемента в отдельности. Результат выглядит лучше, когда вы заполняете каждый элемент по отдельности.

alt

Вот что у нас получилось:

alt

Подкорректируем цвета при помощи корректирующего слоя Levels (Уровни).

alt

Примените корректирующий слой Gradient Map (Карта градиента). Установите Opacity (Непрозрачность) 50%.

alt

alt

Вы можете подкорректировать верхушки деревьев при помощи той же кисти, которой корректировали снег на вершинах гор в предыдущих шагах.

alt

Используйте светлые кисти для правой стороны деревьев и темные для левой стороны.

alt

Скачайте кисти Облака и используйте их для создания завитушек на облаках. Чтобы облака и завитушки были реалистичнее, используйте параметры Opacity (Непрозрачность) и Flow (Нажим) кисти около 80%. Чтобы подобрать нужный оттенок для облачных завитушек, удерживая клавишу Alt, кликните рядом с местом создания новой завитушки.

alt

Ниже показаны параметры для настройки кисти-облака:

alt

alt

alt

Вставьте изображение мешка с подарками. При желании украсьте его сверкающими звездами с помощью PS кистей.

alt

Вставьте изображение со льдом. Отделите лед от фона.

alt

Измените форму льда при помощи трансформации Warp (Деформация) через меню Edit > Transform > Warp (Редактировать > Трансформировать > Деформация) и расположите наверху закрученной горной вершины. Скорректируйте форму при помощи фильтра Liquify (Пластика).

alt

Добавьте слой-маску и обработайте нижний край льда, соединяя его с горой. Используйте полупрозрачные кисти в местах стыка льда и горы, чтобы создать эффект полупрозрачности льда. Также примените к слою со льдом Opacity (Непрозрачность) 85%.

alt

Примените ко льду корректирующий слой Selective Color (Выборочная коррекция цвета) в качестве обравочной маски.

alt

Уменьшите насыщенность при помощи корректирующего слоя Hue/Saturation (Цветовой тон/Насыщенность).

alt

Сделайте левую часть льда темнее при помощи корректирующего слоя Levels (Уровни) и линейного градиента в маске корректирующего слоя. Левая часть маски должна быть белой (видимой).

alt

Создайте еще один корректирующий слой Gradient Map (Карта градиента) для льда, установите для него Opacity (Непрозрачность) 50%. Залейте маску корректирующего слоя черно-белым линейным градиентом, чтобы он был виден только в нижней левой части льда.

alt

alt

Вставьте изображение Санты, уменьшите Opacity (Непрозрачность) до 90%

alt

Нарисуйте веревку при помощи Line (Линия). Укажите стиль слоя Gradient Overlay (Наложение градиента). Сотрите часть веревки с фигуры Санты.

alt

Используйте светлые и темные оттенки для градиента из нашей работы.

alt

Вставьте изображение с сосульками.

alt

Выделите и удалите черный фон.

alt

Загрузите выделение для сосулек и при помощи функции Refine Edge (Уточнить край) через меню Select > Refine Edge (Выделение > Уточнить край) сделайте их контур мягче.

alt

Трансформируйте слой с сосульками, чтобы сделать его меньше и выгните по форме горы. Для этого перейдите в меню Edit > Transform > Wrap > Arch (Редактировать > Трансформировать > Деформация > Арка).

alt

Примените к слою с сосульками режим наложения Screen (Экран).

alt

Сотрите верхнюю часть сосулек. Постарайтесь создать плавный переход между камнем и льдом.

alt

Скорректируйте уровни для слоя сосулек, чтобы сделать их еще более прозрачными. Примените к слою корректирующий слой Levels (Уровни) и укажите параметры, показанные ниже.

alt

Добавьте еще один корректирующий слой Levels (Уровни), чтобы сделать левую часть сосулек темнее и менее блестящими. Залейте маску корректирующего слоя линейным черно-белым градиентом, чтобы действие эффекта было видно только на левой части сосулек.

alt

Добавьте корректирующий слой Gradient Map (Карта градиента) поверх всех корректирующих слоев для сосулек.

alt

alt

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

alt

Вставьте изображение следов и примените к этому слою следующие стили слоя:

alt

Inner Shadow (Внутренняя тень):

alt

Gradient Overlay (Наложение градиента)

alt

Drop Shadow (Тень)

alt

Поверх всех созданных слоев вставьте изображение со звездами:

alt

Примените к этому слою режим наложения Screen (Экран)

alt

И вот результат!

alt

Автор: Alexandra Fomicheva

Создаем в Фотошоп коллаж Приближение зимы

Создаем в Фотошоп коллаж Приближение зимы

Отличный сайт заметки сисадмина sysadmin.ru, очень много интересных статей.

Мы создадим средневековую сцену с рыцарем и замком на заднем плане. Чтобы создать зимний пейзаж, мы добавим эффекты падающего снега, тумана и, конечно же, изменим цветовые тона для смены времени года.

 

Финальное изображение:

alt

Скачать архив с материалами к уроку

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

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

Давайте начнем с изображения красивого средневекового замка на озере. Назовите этот слой Замок на фоне.

alt

Дублируйте слой Замок на фоне и назовите его Замок. Измените размер до 75%, как показано на изображении ниже.

alt

Добавьте слой-маску к слою Замок.

alt

С помощью мягкой круглой Brush Tool alt (Кисть) черного цвета сделайте между двумя слоями бесшовный переход. Вы должны закрасить озеро и окрестности замка. Поиграйте с различными уровнями непрозрачности, а также поменяйте размер кисти, чтобы получить хорошие результаты. Слой-маска является неразрушающим способом скрыть область изображения. С помощью черного цвета вы скрываете, а с помощью белого цвета вы проявляете определенные области.

alt

Чтобы расширить нижнюю область изображения, вы можете воспользоваться Clone Stamp Tool alt (Штамп) или можете использовать Edit > Fill (Редактирование > Выполнить заливку), Content-Aware (С учетом содержимого) — новую особенность CS5.

alt

В этом шаге я добавлю корректирующий слой Gradient Map (Карта Градиента), чтобы изменить цветовые оттенки замка. Для градиента возьмите два цвета #65282f / #fef9e8, также установите режим наложения на Color (Цветность) с Opacity (Непрозрачность) 27%.

alt

Дублируйте слой Gradient Map (Карта Градиента). Установите режим наложения Overlay (Перекрытие) с Opacity (Непрозрачность) 100%, чтобы получить аналогичный результат.

alt

А сейчас добавьте средневекового рыцаря на новом слое. Добавьте этому слою маску.

alt

Используйте снова Brush Tool alt (Кисть) черного цвета с различными уровнями непрозрачности, чтобы скрыть некоторые области, как показано в окне предварительного просмотра. Вокруг рыцаря используйте жесткую круглую кисть, чтобы сделать точное выделение. Вокруг других областей используйте мягкую круглую кисть, чтобы создать плавный эффект.

alt

Добавьте Gradient Map (Карта Градиента) с теми же цветами, что использовались для замка. Установите режим наложения на Color (Цветность) с Opacity (Непрозрачность) 40%, укажите этот слой в качестве обтравочной маски.

alt

Добавьте слой Brightness/Contrast (Яркость/Контраст) в качестве обтравочной маски для слоя со средневековым рыцарем. 

alt

Добавьте корректирующий слой Gradient Map (Карта Градиента) выше всех слоев со следующими цветами: #65282f / #fef9e8 и установите режим наложения на Color (Цветность) с Opacity (Непрозрачность) 27%.

alt

Создайте новый слой поверх всех остальных слоев, назовите его Средневековый рыцарь и нажмите сочетание клавиш SHIFT + CTRL + ALT + E, чтобы сделать объединенную копию всех слоев. Дублируйте этот слой в новый PSD файл.

Для быстрого и реалистичного зимнего преобразования вам понадобится экшен Приближение зимы (платно). Скачайте экшен и загрузите файлы PAT и ATN. Перейдите в меню Window >Actions (Окно > Операции), чтобы открыть вкладку Actions (Операции). Выберите действие «WINTER EFFECT by PSDDUDE» и нажмите кнопку Play (Воспроизведение).

Примечание: Вместо платного экшена вы можете воспользоваться уроком Превращаем лето в зиму в Фотошоп.

alt

Действие остановится, чтобы установить пороговое значение Levels (Уровни). Установите его в положение 230; идея состоит в том, чтобы получить несколько белых деталей, но не слишком много. Нажмите OK для продолжения.

alt

Действие остановится для вас, чтобы вы закрасили области, которые хотите проявить, и дальше продолжили воспроизведение. С помощью Brush Tool alt (Кисть) белого цвета закрасьте рыцаря. Вы сможете скорректировать эффект после того, как действие закончится, поэтому не стоит уделять этому много внимания. Возобновите воспроизведение!

alt

Действие остановится для вас, чтобы вы закрасили области, которые хотите сделать более красочными и возобновили воспроизведение. Возьмите Brush Tool alt (Кисть), на этот раз черного цвета и закрасьте ту же самую область рыцаря. Вы сможете скорректировать эффект после того, как действие закончится, так что снова не уделяйте много внимания. Возобновите воспроизведение!

alt

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

alt

После того, как действие завершится, у вас все слои будут нетронуты, так что вы сможете скорректировать результат. Для коррекции рыцаря вы должны пройтись внутри маски белым цветом, чтобы проявить нужные области, и черным, чтобы скрыть нужные области. Нажмите на миниатюру слой-маски и просто закрасьте изображение. Чтобы придать рыцарю оригинальный цветовой эффект, вы должны рисовать внутри слоя Hue / Saturation 1 (Цветовой тон/Насыщенность) черным, чтобы проявить эффект, и белым, чтобы его скрыть. Нажмите на миниатюру маски и просто закрасьте изображение.

alt

Если вы не хотите использовать этот экшен, можете попробовать некоторые из этих замечательных обучающих уроков по созданию эффекта зимы и снега в Photoshop, но это будет более длительным процессом.

alt

Чтобы добавить эффект солнечных бликов, я использовал лучи света Photoshop. Немного настроив и скрыв некоторые корректировки, я получил такой результат. Вы можете использовать одну из текстур Блики с режимом наложения Screen (Экран) или Lighten (Светлее). 

alt

В качестве последних штрихов я использовал фильтр High Pass (Цветовой Контраст), чтобы повысить резкость изображения и получить ледяной четкий эффект. 

Примечание: Вы можете использовать данный урок для повышения резкости.

Вот окончательный результат нашего коллажа Приближение Зимы в Photoshop. Я надеюсь, что вам понравился этот Photoshop урок!

alt

Автор: psd-dude.com