Добавляем облака на небо в Photoshop
В этой статье я расскажу, как добавить облака (реальные фото и искусственно созданные в программе) на чистое небо. При этом, не используя ничего, кроме режимов смешивания и простых методов выделения.
Окончательное изображение
Это окончательное изображение, которое мы будем создавать:
Программное обеспечение: Photoshop CS3 .
Ресурсы:
- Небо ;
- Облака .
Шаг 1
Откройте файл «Небо «. На снимке красивое голубое небо совершенно чистое. Но скоро мы добавим на него облака. Давайте немного обрежем это изображение, чтобы переместить фокус внимания на небо. Выберите инструмент «Кадрирование » (C ) и подрежьте фото, как показано на рисунке ниже:
Шаг 2
Откройте файл «Облака
«. Для выделения облаков мы будем использовать средство «Цветовой диапазон
», потому что облака преимущественно имеют белый цвет, а небо — голубой. Эта разница в цвете позволит выделить облака намного проще.
Перейдите в Выделение> Цветовой диапазон
и нажмите один раз маркером на образце в области облаков и нажмите «ОК
»:
Шаг 3
Нажмите Ctrl + C , чтобы скопировать выделение.
Вернитесь к основному документу и нажмите Ctrl + V , чтобы вставить облака.
Измените размер облаков и разместите их, как показано на рисунке ниже. Для изменения размера любого слоя нужно нажать Ctrl + T , чтобы активировать инструмент «Произвольная трансформация ». Затем, удерживая нажатой клавишу Shift , потянуть за углы ограничивающей рамки, чтобы пропорционально изменить размер слоя:
Шаг 4
Добавьте к слою облаков маску слоя (Слой> Новая маска слоя> Показать все ). Закрасьте в маске черным цветом нижнюю часть облаков и серым цветом некоторые верхние области. Перед тем, как закрашивать области, убедитесь, что у вас выбрана маска. Как видно, черные участки в маске слоя скрывают соответствующие области слоя, белые наоборот — проявляют, серые — скрывают частично:
Шаг 5
Дважды кликните по слою облаков, чтобы открыть окно «Параметры наложения ». Удерживая нажатой клавишу Alt , перетащите черный ползунок, как показано ниже. Таким образом, мы частично скрываем серые части облаков, чтобы они лучше сочетались с небом:
Шаг 6
Облака уже выглядят вполне естественно, но они еще слишком белые. Обычно облака частично окрашиваются в цвета неба (красноватые облака на закате, серые при грозовом небе и т.д .). Поэтому давайте создадим тот же эффект.
Создайте новый корректирующий слой «Кривые » (Слой> Новый корректирующий слой > Кривые ) и задайте для параметров значения, приведенные на рисунке ниже, чтобы увеличить насыщение синим цветом:
Теперь просто удерживайте нажатой клавишу Alt , и кликните мышью между слоем кривых и слоем облаков, чтобы подрезать слой «Кривых » под слой с облаками. Это ограничит действие корректирующего слоя «Кривые » исключительно областью облаков.
Шаг 7
Теперь облака выглядят достаточно хорошо, но нужно добавить едва видимых пятен дымчатого белого цвета. Просто, чтобы создать некоторый эффект случайности.
Нажмите клавишу D , чтобы установить черный и белый в качестве цветов текста и фона, и создайте новый слой (Ctrl + Shift + Alt + N ).
Перейдите в Фильтр> Рендеринг> Облака . Результат показан на рисунке ниже:
Шаг 8
Измените режим смешивания слоя созданных с помощью фильтра облаков на «Экран » и уменьшите «Непрозрачность » до 77%.
Режим смешивания «Экран » скроет все черные цвета слоя и выведет только белые. Все черные тучи будут скрыты и будут выведены только белые. Режимы смешивания — это очень полезная функция, и я настоятельно рекомендую вам узнать о них больше:
Шаг 9
Добавьте маску слоя к созданным облакам (Слой> Маска слоя> Показать все ) и закрасьте в ней черным цветом нижнюю часть облаков (там, где они перекрывают землю), и некоторые верхние области:
Шаг 10
Создайте новый корректирующий слой «Кривые » и перетащите ползунки, как показано на рисунке ниже, чтобы увеличить контрастность:
Подрежьте этот слой под слой созданных облаков. Таким образом, мы еще больше увеличим контрастность размытых облаков и улучшим их вид.
Шаг 11
Давайте еще улучшим внешний вид нашего изображения. Создайте новый корректирующий слой «Кривые » (Слой> Новый корректирующий слой > Кривые ) и примените настройки, показанные на рисунке ниже, чтобы усилить контрастность и немного затемнить изображение:
Корректирующие слои позволяют изменять изображения неразрушающим способом. Если вам не нравится эффект корректирующего слоя, вы можете просто удалить его. Или попробовать настроить непрозрачность и изменить режим смешивания.
Шаг 12
Один завершающий штрих-виньетка (затемненная рамка вокруг изображения, которая фокусирует внимание на центральной части сцены ).
Шаг 1. Откройте Фотошоп и создайте новый документ. В уроке размер документа равен 2560 x 1440 пикселей. Затем щелкните по слою Background два раза, чтобы получить возможность его редактировать. Теперь пройдите в меню Слой – Стиль слоя – Наложение Градиента (Layer - Layer Styles - Gradient Overlay). Выберите радиальный(Radial) тип градиента, а цвета задайте #ddeffa для начальной точки и #96ccee для конечной.
Шаг 2. Создайте новый слой и с помощью инструмента Рисуем пушистые облака при помощи Эллипс (Ellipse) нарисуйте круг. Подсказка: чтобы построить ровный круг, зажмите клавишу Shift, а если зажмёте еще и Alt, то круг будет строиться от центра.
Шаг 3. Далее нам потребуется создать еще несколько кругов, каждый из которых должен распологаться на новом слое, так Вам будет удобнее их перемещать. Создайте еще один круг – немного меньше, чем первый, и пододвиньте его вправо.
Шаг 4. И еще один круг – рядом с предыдущими. Круги должны располагаться, как на картинке ниже – обратите внимание, что круги немного перекрывают друг друга.
Шаг 5. Добавляем очередной круг – этот должен быть гораздо меньше остальных и располагаться немного выше, чем они.
Шаг 6. И, наконец, еще один, последний круг. Он должен быть побольше, чем остальные и располагаться рядом с предыдущим маленьким. Закончив рисовать круги, объедините полученные слои с кругами в группу, для этого выделите их, удерживая зажатой клавишу Ctrl, после чего нажмите Ctrl + G. Затем сделайте копию группы. После чего в дубликате группы, выделите все слои и в главном меню пройдите Слой – Объединить слои (Layer - Merge Layers). Таким образом, в одной группе у Вас будет один слой со всем облаком целиком, а в другой группе останутся круги на отдельных слоях, что пригодится нам позже в уроке. Видимость оригинальной группы, можно убрать.
Шаг 7. Выберите слой с целым облаком и щелкните по нему два раза, чтобы открыть окно Стиль слоя (Layer Style), где выберите пункт Наложение цвета (Color Overlay). Выберите там белый цвет.
Шаг 8. Теперь выберите пункт Тиснение (Bevel & Emboss). Выберите тип тиснения Внутренний скос (Inner Bevel) и установите настройки, показанные на рисунке ниже:
Шаг 9. Следующий стиль, который мы применим – это Внутреннее свечение (Inner Glow). Необходимые настройки также указаны на картинке:
Шаг 10. Следующий нужный нам стиль – Внутренняя тень (Inner Shadow)
Шаг 11. И, наконец, последний стиль, который мы здесь используем – Тень (Drop Shadow). Конечно, облако, отбрасывающее тень на небо, выглядит несколько странно, но в данном случае это поможет нам лучше выделить наше облако на фоне неба, так как и облако и небо выполнены в похожих цветах.
Шаг 12. Вот такое симпатичное облако получилось у нас с помощью только стилей слоя. Оно уже выглядит очень неплохо, но не помешает сделать его чуть более объемным.
Шаг 13. А добавим объем мы очень просто. Мы создадим несколько дубликатов слоя с облаком с дальнейшей маскировкой каждого из них.
Первым делом уменьшите уровень непрозрачности слоя с облаком до 30%. Затем создайте выделение на основе центрального нижнего круга. Это можно сделать, щелкнув по миниатюре данного слоя в панели слоев, удерживая при этом зажатой клавишу Ctrl. После того как выделение будет создано, создайте дубликат слоя с облаком и пройдите в меню Слой – Слой-маска – Показать выделенную область (Layer - Layer Mask - Reveal Selection). Переместите этот слой ниже первого слоя с облаком.
Шаг 14. Выберите маску созданного слоя и выберите Фильтр – Размытие – Размытие по Гауссу (Filter - Blur -Gaussian Blur). Задайте радиус 20px.
Шаг 15. При таком радиусе круг становится размытым и еле заметным. Если Вы хотите, чтобы его границы были более четкими, задайте радиус поменьше.
Шаг 16. Повторите то же самое и для остальных слоев с кругами. Обратите внимание, что можно разъединить слой и его маску, щелкнув на значке в виде цепи между ними и переместить слой немного в сторону, чтобы создать более интересный эффект. На рисунке это сделано с кругом слева.
Шаг 17. Вот такое облако у нас получилось. Оно уже выглядит объемным и пушистым, но это еще не все.
Шаг 18. Попробуйте добавить в рисунок радугу. Ее можно создать с помощью семи прямоугольников, покрашенных в нужные цвета. Затем следует слить слои с прямоугольниками в один и добавить размытие по Гауссу на ту часть радуги, которая находится под облаком. Это создаст иллюзию того, что радуга находится за облаком и просвечивает сквозь него.
Шаг 19. Теперь создайте выделение в форме облака (кликнув по слою с облаком с Ctrl). Создайте новый слой, раскрасьте его в цвета радуги, применив стилевую настройку Наложение градиента. Затем примените размытие по Гауссу с радиусом не меньше 100px. Переместите его на самый низ в панели слоев.
На этом наша работа закончена, у нас получилась симпатичная картинка с пушистыми облаками, которую можно использовать, например, как обои на рабочий стол. Или как фон для рисунка с пони Рейнбоу Дэш.
Рисуем облако пером
Простенький урок рисования. Как рисовать все, что угодно инструментом Pen Tool (Перо). Инструмент универсальный, может очень многое, но непрофессионалы редко им пользуются. Почему? Им кажется, что сложно научиться пользоваться инструментом Перо в фотошопе. Ничего сложного. Попробуйте на примере этого урока.
Как нарисовать пером несложную фигуру – облако или маленькую тучку? Или любую другую фигуру, состоящую из нескольких криволинейных сегментов. Самый простой путь - создать простой и примитивный прямолинейный контур, а затем "искривить" его сегменты так, как нужно.
Возьмите Pen Tool (Перо), на панели параметров нажмите кнопку Paths (Контур), чтобы рисовать контур без заливки, и нарисуйте вот такую фигуру, просто щелкая в нужных местах пером:
Стрелки Path Selection Tool и Direct Selection Tool, расположенные на панели инструментов сразу под пером, позволяют передвигать контур или отдельные его узлы. Используйте эти стрелки для редактирования, если созданный вами контур получился не совсем удачный.
На облако это мало похоже. Выберите инструмент Add Anchop Point Tool (Добавить опорную точку) из группы инструментов Перо и проставьте дополнительную узловую точку на середине какого-нибудь прямого отрезка.
Чтобы прямая изогнулась нужно потянуть наружу за середину, то есть за эту дополнительную точку, которую мы установили. От этой точки отходят две направляющие. Если они совсем короткие, дуга будет изгибаться круто. Чтобы изменить форму дуги, возьмите за кончик направляющей и растяните ее. Чтобы дуга была симметричной, направляющие должны быть одинаковой длины и располагаться под одинаковым углом к ней.
Превратите в дуги все прямолинейные отрезки как на рисунке.
Получился контур, напоминающий облако. Но нарисованная таким образом фигура не является изображением, а только лекалом, которое можно использовать для создания изображения. Контур невидимый на картинке. Созданный контур облака можно залить цветом или текстурой или же обвести карандашом или кистью.
Выберите на панели инструментов фотошопа основной цвет белый.
Щелкните правой кнопкой где-нибудь на контуре или рядом с ним. Откроется контекстное меню для работы с контуром.
В этом меню выберите Fill Path (Заливка контура). В открывшемся диалоговом окне можно выбрать цвет заливки основной или фоновый, радиус размытия (Feather Radius) и режим перекрытия слоев.
Вот результат - нарисовано симпатичное белое облако:
А если облако не должно быть белым, и нужно нарисовать только контур облака? Отмените последнее действие - заливку контура: палитра History (История), на шаг назад.
Выберите и настройте инструмент Pencil (Карандаш). На панели параметров задайте ему толщину 2 или 4 пикселя.
Щелкните правой кнопкой, чтобы вызвать контекстное меню для работы с контуром. В меню выберите Stroke Path (Обводка).
В открывшемся окне выберите инструмент Pencil (Карандаш),
нажмите ОК и получите результат - обведенный карандашом контур облака.
Для обводки можно использовать и другие инструменты, например, кисть. Каждый инструмент необходимо предварительно настроить.
Отмените последнее действие - обводку карандашом: палитра History (История), на шаг назад. На панели инструментов выберите инструмент Brush (Кисть), задайте ей такие параметры:
Щелкните правой кнопкой, чтобы вызвать контекстное меню для работы с контуром. В меню выберите Stroke Path (Обводка) и в диалоговом окне вместо Pencil (Карандаш) установите Brush(Кисть)
Получится вот такой результат:
Если в процессе обучения вы создали маленький шедевр и хотите его сохранить для дальнейшего использования, то снова вызывайте правой кнопкой контекстное меню для работы с контуром и выбирайте Define Custom Shape (Определить фигуру) .
В открывшемся окне задайте имя фигуры и ОК.
В дальнейшем вы найдете свое облако в разделе готовых векторных фигур произвольной формы и сможете использовать, когда оно вам понадобится.
В этом уроке мы будем добавлять облака на чистое небо в Adobe Photoshop. Этот урок прост и увлекателен. Мы будем работать с инструментами выделения, режимами наложения, масками и фильтрами. Здесь просто и понятно объясняются принципы работы в маске и некоторых режимов наложения.
Результат
Исходники
Шаг 1
Откройте изображение с небом и домиком. Как вы видите, небо на этой фотографии чистое — ни единого облачка. Давайте кадрируем изображение так, чтобы сфокусировать внимание на небе. Возьмите инструмент Crop/Кадрировать и обрежьте фото как показано ниже.
Шаг 2
Откройте файл с облаками. Мы выделим наши облака при помощи инструмента Color Range/Цветовой диапазон, так как облака по большей части белые, а небо синее. Разница в цветах поможет нам создать выделение.
В меню выберите Select > Color Range/Выделение>Цветовой диапазон, кликните по облаку и нажмите Оk.
Шаг 3
Облака выделены. Нажмите Ctrl + C, чтобы скопировать их. Вернитесь в документ с чистым небом и нажмите Ctrl + V, чтобы вставить облака.
Масштабируйте облака до нужного размера (нажав Ctrl + T, чтобы войти в режим свободной трансформации) и разместите их как показано ниже.
Шаг 4
Укажите слою с облаками маску (Layer > New Layer Mask > Reveal All/Слой>Новая слой-маска>Показать все). Переключитесь на маску (кликните по ней, чтобы сделать активной), возьмите кисть черного цвета и в маске рисуйте поверх нижней чисти слоя с облаками, чтобы скрыть лишнее. Черный цвет в маске скрывает области, к которым применяется. Также менее интенсивно обработайте нижние края верхних облаков кистью серого цвета, чтобы скрыть области лишь частично.
Шаг 5
Кликните дважды по слою с облаками, чтобы открыть окно с настройками наложения. Удерживая Alt, потяните указанный ниже слайдер как показано. Таким образом мы частично скроем серые области изображения и обеспечим лучшее смешивание с фоновым изображением.
Шаг 6
Облака уже выглядят неплохо, однако они все же слишком белые. Обычно облака перенимают цвет неба (становятся розовыми на закате, темно-серыми во время грозы). Давайте добавим этого эффекта.
Создайте новый корректирующий слой Curves/Кривые (Layer > New Adjustment Layer > Curves/Слой>Новый корректирующий слой>Кривые) и повторите настройки, как показано ниже, чтобы усилить синий цвет.
Теперь, удерживая Alt, кликните между слоями корректирующего слоя и слоя с облаками. Таким образом вы укажите корректирующему слою обтравочную маску по слою с облаками (в итоге эффект буден виден только на облаках).
Шаг 7
Уже неплохо, но мы добавим еще еле заметных дымчатых облаков, чтобы добавить реалистичности.
Нажмите D — так вы вернете цвета к режиму по умолчанию (первый цвет — черный, фоновый — белый), теперь создайте новый слой (Ctrl + Shift + Alt + N).
В меню выберите Filter > Render > Clouds/Фильтр>Рендеринг>Облака.
Шаг 8
Смените режим наложения (blending mode) слоя с только что созданными облаками на Screen/Осветление и снизьте Оpacity/Непрозрачность до 77%.
В режиме наложения Screen/Осветление черные цвета становятся невидимыми. Остаются только белые.
Шаг 9
Укажите этому слою маску (Layer > Layer Mask > Reveal All/Слой>Слой-маска>Показать все) и черным цветом скройте нижнюю часть слоя — ту, где облака накладываются на землю и дом, а также некоторые области в верхней части.
Шаг 10
Создайте корректирующий слой Curves/Кривые и настройте его как показано ниже, чтобы увеличить контрастность изображения.
Превратите корректирующий слой в обтравочную маску для слоя с облаками (как мы делали ранее).
Шаг 11
Теперь займемся общим видом изображения. Создайте новый корректирующий слой Curves/Кривые (Layer > New Adjustment Layer > Curves/Слой>Новый корректирующий слой>Кривые) и настройте кривые как показано ниже.
Корректирующий слои — очень полезная вещь. Они позволяют корректировать изображение, не меняя его безвозвратно. Если вам не понравится то что вышло, вы можете просто удалить корректирующий слой.
Шаг 12
Последний штрих, который мы добавим — виньетка (еле-заметный эффект затемнения по краям, который заставляет сфокусировать внимание на центре изображения).
Создайте новый слой (Ctrl + Shift + Alt + N) и залейте его белым цветом (нажмите D, чтобы выставить цвета по умолчанию, затем Ctrl + Backspace, чтобы залить слой белым цветом).
В меню выберите Filter > Lens Correction/Фильтр>Коррекция дисторсии и откройте закладку Custom. Укажите настройки как показано ниже и нажмите Ok.
Теперь смените режим наложения слоя (blending mode) на Multiply/Умножение (в этом режиме белый цвет становится прозрачным).
Результат
Перевод — Дежурка
В этом уроке Photoshop мы научимся создавать кисть из облаков. Для создания кисти мы будем использовать фильтр "clouds".
В уроке по созданию кисти вы также узнаете как правильно загрузить и установить только что созданную кисть.
1. Создаем кисть из облаков
Начнем с создания нового документа: File / New...
задайте размеры
640 x 480 px
:
Нажмите на клавиатуре букву D
, чтобы установить основной цвет черный, а фоновый белый.
Теперь в главном меню выберите Filter / Render / Clouds
Выберите инструмент Lasso
на панели инструментов и сделайте выделение похожее на кривое яйцо или что-то вроде этого.
Постарайтесь в эту область захватить как темно-серую, так и светло-серую часть облаков;
Размер и угол выделения здесь не важны.
Выберите в меню Select / Feather... и выберите Feather Radius со значением 10 px , нажмите OK :
Это сгладит края нашего выделения.
В меню выберите Edit / Copy (или Ctrl + C ) чтобы скопировать содержание выделения.
Создайте новый слой .
Снова в меню выберите Edit / Paste
(или Ctrl + V
) чтобы перенести копию на новый слой.
Фоновый слой (Background layer - он находится в самом низу палитры Layers) сделайте невидимым - просто спрячьте глазик напротив окошка с фоном.
В меню выберите Image / Trim и выберите установленные по умолчанию настройки:
Функция Trim затушевывает те области, где нет пикселей (т.е. области прозрачные на 100%):
Кроме того, вы можете выбрать из меню Image / Adjustments / Brightness/Contrast... чтобы подредактировать яркость и контраст вашей кисти, но обычно этого бывает не нужно, если вы выбрали подходящую область.
В меню выберите Edit / Define Brush Preset...
Назовите кисть "Сlouds Original"
Теперь в панеле инструментов выберите кисть
(это очень важный шаг, так как если вы не выберите инструмент кисть, то все области на палитре Кистей будут тусклые).
Теперь выберите палитру Кистей. Вы можете открыть ее тремя способами;
Нажав F5
на клавиатуре
- используя меню: Window / Brushes
- кликая на палитре Кистей - на скриншоте отмечено буквой (A
):
Кликните на области под названием Brush Tip Shape
(B).
Выберите кисть из облаков, которую вы только что сделали (C).
Заметка: если вы наведете курсор на какую-либо кисть, то появится окошко с названием кисти (например, как на картинке - кисть под названием Wet Sponge):
Продолжаем...
Проверьте соответствие параметров вашей кисти с областью отмеченой буквой D
, они должны быть идентичны.
Теперь выберите Shape Dynamics и проверьте все ли настройки такие же как на картинке (особенно значение 100% для Size Jitter и Angle Jitterare ):
Выберите секцию Сolor Dynamics и проверьте настройки (особенно значение 10% для Brightness Jitter ):
Заметим, что поменяли настройки мы только в пунктах Shape Dynamics и Color Dynamics . Проверьте, чтобы другие пункты, например, Scattering, Texture, Dual Brush, Smoothing , и т.д. были отключены:
Кликните на область Вrush Presets (A):
Внизу того же окна кликните на значок - создать новый слой .
Назовите новую кисть "Clouds":
Помните, прошлую кисть мы называли "Clouds Original", теперь ее нужно удалить. Еще раз наведите курсор на кисть с облаками, чтобы случайно не удалить нужную.
Правый щелчок на кисти "Clouds Original" , выберите Delete Brush
Вот мы и создали кисть, которой можно теперь рисовать облака.
Выберите Preset Type
под названием Brushes
(A)
Кликните на окошке с созданной кистью (B)
Затем на Save Set...
кнопка (C)
Дайте кисти подходящее имя и нажмите Save
После того, как вы сохранили кисть, закройте это меню, кликнув на кнопке Done
(D).
Этот пункт специально для тех, кто не делал кисть вместе с нами.
Если у вас возникли трудности с установкой кистей, то читайте далее. Там вы узнаете очень полезную информацию о том, как нужно загружать и устанавливать кисти.
Ту кисть, которую мы готовили в первой части вы можете взять .
Правый клик, Save Target As...
Посмотрите на скриншот:
Как только вы выбрали инструмент Кисть, кликните на стрелку на панеле настроек (отмечена буквой A)
В окошке, которое появилось кликните на маленькой кнопке и треугольником (отмечена В) и выберите Load Brushes...
или Replace Brushes...
(C)
Load Brushes
- это значит добавить новые кисти в уже существующий список кистей Photoshop
Replace Brushes
- заменить существующие кисти в Photoshop
Удобнее выбрать Load Brushes...
Активируйте кисть, выбрав ее в окошке Brush Preset picker , которое откроется, когда вы нажмете на кнопку под буквой A.
