В этом уроке мы с вами попробуем создать облака в фотошопе. И заодно изучим парочку полезных приемов, которые впоследствии пригодятся вам для создания объемных фигур в процессе освоения технического дизайна.
Итак, как нарисовать облаков в фотошопе? Довольно просто. Давайте начнем.
Любой бриллиант требует соответствующей огранки. Потому, нам следует предварительно создать градиент на рабочей области. Не хочу растекаться мыслю по древу и описывать размеры каждого элемента. Делаем на глаз.
Настройки задаем следующие:
Цвета градиента: #91d0ff, #69a9ff.
Теперь с помощью инструмента «эллипс», зажимая клавишу shift, делаем несколько белых окружностей. С их помощью мы, так сказать, рисуем само облако, просто располагая элементы в нужном порядке.
Как видите, верхняя часть напоминает облако. А вот нижняя не слишком. Нам следует сделать ее ровной. Для этого опять обратимся к фигурам и заполним пробелы с помощью прямоугольника.
Подтащите окружности так, чтобы они не выходили за его границы снизу. Облачко все-таки у нас стилизованное.
Вот так у меня получилось.
Теперь давайте сведем слои. Так нам будет гораздо проще работать. Соберем наше облако по клочкам.
В окне слоев выделяем все с фигурами, составляющими облако, зажимая клавишу shift. После чего, кликаем по ним левой клавишей мыши и выбираем из списка команду «объединить слои».
В итоге, мы имеем только один слой с облаком. Нам следует создать три дубликата. Для этого в окне слове выбираем его и опять же, делаем клик левой клавишей мыши.
Выбираем первый слой с облаком и накладываем ан него синий цвет #1b314e. Предлагаю работать через «параметры наложения».
Вытаскиваем этот слой из под остальных. Он должен опуститься чуть ниже.
Тень следует сделать более правдободобной и мягкой. Для этого используем «Размытие по Гауссу».
Таким образом, нам удалось нарисовать тень от облака. Давайте теперь сделаем само облако чуть объемнее. На верхний слой с облаком наложим градиент. Настройки будут следующими:
Градиент от белого цвета к # abcbf7.
А теперь сдвигаем этот слой чуть ниже, так, чтобы показалась белая кромка облачка.
И последний штрих. Давайте уменьшим непрозрачность слоя с тенью. А то облако у нас зловещее какое-то.
Вот и все. Как видите, сделать красивое облачко в Adobe Photoshop не составляет никакого труда. Да и навыки рисования особые не требуются. Достаточно знать всего лишь несколько операций и умело пользоваться ими.
16.07.15 1.9KВ этой статье я расскажу, как добавить облака (реальные фото и искусственно созданные в программе) на чистое небо. При этом, не используя ничего, кроме режимов смешивания и простых методов выделения.
Окончательное изображение
Это окончательное изображение, которое мы будем создавать:
Программное обеспечение: 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
Один завершающий штрих-виньетка (затемненная рамка вокруг изображения, которая фокусирует внимание на центральной части сцены ).
Рисуем облако пером
Простенький урок рисования. Как рисовать все, что угодно инструментом 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 (Определить фигуру) .
В открывшемся окне задайте имя фигуры и ОК.
В дальнейшем вы найдете свое облако в разделе готовых векторных фигур произвольной формы и сможете использовать, когда оно вам понадобится.
Просматривая последние посты, понимаю, что давненько не было публикации для фотошопа. По традиции представляю вашему вниманию несколько разных материалов, объединенных одной темой. На сей раз это будут кисти облаков (Cloud Brushes на английском). Использовать их сможете как для создания красивых «воздушных» иллюстраций, так и для дизайнов сайтов с «облачными» картинками в шапке. Особенно актуально это будет в сфере облачных технологий, где иконки, логотипы и любые другие графические объекты активно используют изображения облака.
Итак кисти облаков. Скачать можно, кликнув по картинке-превью набора.
Отличный набор из 8-ми кистей высокого качества без острых углов.
Здесь представлены 17 кистей облаков высокого разрешения (от 2176px до 2500px), что делает их идеальным как для печатной продукции, так и для веб-дизайна. Автору набора удалось сделать снимки без авиатрасс в небе из-за того что авиасообщения было нарушено вулканическим извержением.
Набор содержит 25 высококачественных кистей облаков для фотошопа. Они отлично подойдут для создания картинок красивых горизонтов, закатов или просто неба. Кисти здесь достаточно разные.
Как вы поняли из названия, набор содержит 24 облачные кисти. Есть густые кучные облака и маленькие — пригодятся в работе и те, и другие.
В наборе найдете 7 кистей облаков высокого разрешения — от 900px до 200px. Их немного, но они достаточно качественные.
10 бесплатных кистей для фотошопа в форме облаков. Можно использовать для создания дизайнов воздушных сайтов.
Гигантский набор кистей облаков для фотошопа — если верить названию, он содержит 120 разных объектов.
Набор из 10-ти реалистичных облачных кистей.
