Создаем кисть из облаков. Как рисовать кривые пером в фотошопе

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

Рисуем облако пером

Простенький урок рисования. Как рисовать все, что угодно инструментом 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-ти реалистичных облачных кистей.

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

Итак, как нарисовать облаков в фотошопе? Довольно просто. Давайте начнем.

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

Настройки задаем следующие:

Цвета градиента: #91d0ff, #69a9ff.

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

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

Подтащите окружности так, чтобы они не выходили за его границы снизу. Облачко все-таки у нас стилизованное.

Вот так у меня получилось.

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

В окне слоев выделяем все с фигурами, составляющими облако, зажимая клавишу shift. После чего, кликаем по ним левой клавишей мыши и выбираем из списка команду «объединить слои».

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

Выбираем первый слой с облаком и накладываем ан него синий цвет #1b314e. Предлагаю работать через «параметры наложения».

Вытаскиваем этот слой из под остальных. Он должен опуститься чуть ниже.

Тень следует сделать более правдободобной и мягкой. Для этого используем «Размытие по Гауссу».

Таким образом, нам удалось нарисовать тень от облака. Давайте теперь сделаем само облако чуть объемнее. На верхний слой с облаком наложим градиент. Настройки будут следующими:

Градиент от белого цвета к # abcbf7.

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

И последний штрих. Давайте уменьшим непрозрачность слоя с тенью. А то облако у нас зловещее какое-то.

Вот и все. Как видите, сделать красивое облачко в Adobe Photoshop не составляет никакого труда. Да и навыки рисования особые не требуются. Достаточно знать всего лишь несколько операций и умело пользоваться ими.