Как рисовать кривые пером в фотошопе? Добавляем облака на небо в Photoshop

Вот такие облака мы сейчас создадим:

Как нарисовать облака в фотошопе

1. Итак, создаём новый документ. Размер совсем не важен. Выбираем инструмент Gradient Tool (Градиент), щёлкаем по полоске градиента в верхней панели, открывается окно настройки параметров градиента. Здесь нам нужно подобрать цвета неба, я использовал такие:

2. Заливаем холст этим градиентом сверху вниз:

Получаем примерно такую картинку:

3. Теперь перейдём непосредственно к рисованию облаков. Выбираем инструмент Brush Tool (Кисть), нажимаем F5 для вызова настроек кисти. Берем обычную мягкую кисть и настраиваем следующим образом:

Таким образом, мы создали особую кисть, которой сейчас и будем рисовать облака.

4. Создайте новый слой, установите непрозрачность кисти 50% и набросайте контур облака, с новой кистью у вас на этой должно уйти 5 секунд:

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

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

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

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

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

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

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

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

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

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

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

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







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

В этом уроке мы будем добавлять облака на чистое небо в 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/Умножение (в этом режиме белый цвет становится прозрачным).

Результат

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

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;}