01.09.15

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

Первый способ

Шаг 1 Выберите круглую кисть с включенной опцией Transfer/Передача. Нажмите F5, чтобы вызвать палитру кисти.

Шаг 2

Включите опцию Scattering/Рассеивание и подберите настройки, чтобы добиться эффекта, как показано на картинке ниже. Если нужно, зайдите в закладку Brush Tip Shape/Форма отпечатка кисти и измените параметр Spacing/Интервалы.

Шаг 3

Включите опцию Shape Dynamics. Это сделает размер кисти переменным.

Шаг 4

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

Протестируйте кисть. Если вам нравится результат, сохраните ее. Если нет - экспериментируйте дальше с настройками.

Шаг 5

Создайте новый документ. Залейте фон сине-голубым градиентом. Создайте новый слой и рисуйте бледно голубым цветом (like #B5C6CC).

Шаг 6

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

Шаг 7

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

Шаг 8

Выберите еще более светлый цвет - почти белый. Уменьшите размер кисти и нарисуйте светлые, залитые светом части облаков.

Шаг 9

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

Шаг 10

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

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

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

Второй способ

Есть еще один способ создания кисти.

Шаг 1 Создайте новый файл, залейте документ черным цветом и в новом слое белой кистью Chalk/Мел нарисуйте неопределенной формы пятно.

Шаг 2

Дублируйте (Control-J) слой с пятном. В режиме свободной трансформации (Control-T) масштабируйте оригинальный слой. УдерживайтеShift и Alt, чтобы сохранить пропорции и позицию. Снизьте Opacity/Непрозрачность оригинального слоя.

Шаг 3

В меню выберите Filter > Blur > Motion Blur/Фильтр>Размытие>Размытие в движении, чтобы сделать края еще менее четкими.

Шаг 4

Объедините/Flatten изображение и Invert/Инвертируйте (Control-I) цвета. В меню выберите Edit > Define Brush Preset/Редактировать>Определить кисть.

Шаг 5

Зайдите в настройки кисти (F5) и настройте параметры, чтобы получить пушистую кисть. Протестируйте результат и обратите особое внимание на параметр Spacing/Интервалы.

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

Перевод - Дежурка

Sp-force-hide { display: none;}.sp-form { display: block; background: rgba(255, 255, 255, 1); padding: 15px; width: 640px; max-width: 100%; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-color: rgba(51, 51, 51, 1); border-style: solid; border-width: 2px; font-family: inherit; background-repeat: repeat; background-position: center; background-size: auto;}.sp-form input { display: inline-block; opacity: 1; visibility: visible;}.sp-form .sp-form-fields-wrapper { margin: 0 auto; width: 610px;}.sp-form .sp-form-control { background: #ffffff; border-color: #cccccc; border-style: solid; border-width: 1px; font-size: 15px; padding-left: 8.75px; padding-right: 8.75px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; height: 35px; width: 100%;}.sp-form .sp-field label { color: #444444; font-size: 13px; font-style: normal; font-weight: bold;}.sp-form .sp-button { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; background-color: #0089bf; color: #ffffff; width: auto; font-weight: 700; font-style: normal; font-family: Arial, sans-serif; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}.sp-form .sp-button-container { text-align: left;}

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

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

Шаг 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. Переместите его на самый низ в панели слоев.







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

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

Итак кисти облаков. Скачать можно, кликнув по картинке-превью набора.

Отличный набор из 8-ми кистей высокого качества без острых углов.

Здесь представлены 17 кистей облаков высокого разрешения (от 2176px до 2500px), что делает их идеальным как для печатной продукции, так и для веб-дизайна. Автору набора удалось сделать снимки без авиатрасс в небе из-за того что авиасообщения было нарушено вулканическим извержением.

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

Как вы поняли из названия, набор содержит 24 облачные кисти. Есть густые кучные облака и маленькие — пригодятся в работе и те, и другие.

В наборе найдете 7 кистей облаков высокого разрешения — от 900px до 200px. Их немного, но они достаточно качественные.

10 бесплатных кистей для фотошопа в форме облаков. Можно использовать для создания дизайнов воздушных сайтов.

Гигантский набор кистей облаков для фотошопа — если верить названию, он содержит 120 разных объектов.

Набор из 10-ти реалистичных облачных кистей.

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

В этом уроке я покажу вам, как создать обои с очень стилизованными и суперпушистыми облаками в Photoshop. Мы будем использовать основные инструменты и стили слоя для создания эффектов. Весь процесс займет 30-45 минут, но я считаю, что это неплохой урок для тех, кто начинает в Photoshop.

Шаг 1

Откройте Photoshop и создайте новый документ. Я задал размер 2560x1440 пикселей. Создадим фоновый слой используя свойства слоев: Layer>Layer Styles> Gradient Overlay. Используйте радиальный градиент и используйте цвета # ddeffa и # 96ccee для светлых и темных цветов.

С помощью инструмента Ellipse Tool (U ) (Еллипс) создайте круг. Цвет в данном случае не имеет значения, может быть любой.

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

Добавьте еще один круг как на рисунке. Обратите внимание – круги накладываются друг на друга.

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

Получилась фигура, напоминающая облако, сгруппируйте слои и сделайте дубликат этой группы. (На палитре слоев создайте папку и поместите в нее слои с кругами. Затем сделайте дубликат папки).

В папке-оригинале объедините слои Layer>Merge Layers (Слои>Объединить слои) . У вас должно получиться следующее: папка с фигурой облака и папка с кругами – они понадобятся для дальнейшей работы.

Выберите слой с облаком (тот, где объединили слои), и выполните Layer > Layer Styles > Color Overlay (Слой> Стиль слоя> Наложение цвета) . Цвет выбирайте белый. подробнее о

Выберите режим Bevel and Emboss (Тиснение) . Задайте параметры Inner Bevel, for the Depth 100% (Внутренний скос, для глубины 100%), на размер 8 пикселов, для Soften (Смягчение ) 16 pixels, для Angle (Угол) 90º, для Altitude (Высота) 37º. Для Gloss Countour (Контур глянца) выбирайте такой, как на рисунке.Установите также для Highlight Mode (Света) и Shadow Mode (Тени) черный цвет и режим наложения Color Burn и Opacity (Непрозрачность) 54% и 60%.

Выберите Inner Glow (Внутреннее свечение) . Установите параметры Opacity (Непрозрачность) 100%, цвет белый и включите Edge . Размер 100 пикселей. Параметры как на рисунке.

Следующий этап Drop Shadow (Внутренняя тень ). Этот этап не обязательный, но неплохо бы создать некоторый контраст между фоном и облаком.

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

Чтобы добавить глубины сделаем довольно простые вещи.

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

Вначале нужно уменьшить непрозрачность облачного слоя до 30%.

Выделите один из кругов, затем выберите слой с облаком и создайте дубликат этого слоя с облаком. Выберите команду меню Layer > Layer Mask > Reveal Selection (Слой>Маска слоя> Показать выделение). Переместите этот новый слой под слой с полупрозрачным облаком.

Выберите маску круга, которую мы создали на предыдущем шаге (щелкните на маске в палитре слоев) и выполните Filter > Blur > Gaussian Blur (Фильтр> Размытие >Размытие по Гауссу). Используйте 20 пикселей для Radius (Радиус) .

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

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

Вот конечный результат, полученный после добавления объема. Облако теперь выглядит супер, пушистое, объемное. Но кое-что еще не сделано.

Чтобы добавить в изображение радугу, я создал прямоугольники цветов радуги. После этого я объединил их в один слой и прменил Gaussian Blur (размытие по Гауссу) в области, которая находится под облаком, чтобы создать красивый эффект прозрачности.

Создать выделение облака и добавить новый слой, залейте его цветами радуги и примените Gaussian Blur (размытие по Гауссу), по крайней мере 100 пикселей для радиуса. После этого переместите его под другие слои, используемые для создания облака.

Дважды продублируйте облако. Измените размер и выполните Flipp horizontally (Отразить горизонтально) чтобы создать красивую композицию. Радужные цвета я не дублировал.

Заключение

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

Скачать урок в формате psd c: