Облака мы будем рисовать с помощью объектной (дискретной) кисти Scatter Brush. Урок очень простой и предназначен в первую очередь для начинающих иллюстраторов.
Много других уроков Adobe Illustrator можно найти по тегу "Уроки Adobe Illustrator". Если у вас возникли какие-либо затруднения при выполнении этого урока, то можете обратиться за подсказкой к разделам курса "Изучи Adobe Illustrator за 30 дней!". Вы также можете взять онлайн консультацию по Adobe Illustrator через Skype.
Автор: Роман aka dacascas
Уровень: для начинающих
Версия Adobe Illustrator: любая
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfrIRb-yWOKPNe65DGcVJYIw9OZh5yOZtbL0VMaAuj1mNSC98h1mph02Aykq6X-X8DS5JSbk8z7117iPN4bw5uu3mcCcSocUhLzOQlTOocVQaXxr7IqagRMFkzd-RhZjHVokBMRT4YcRc5/s1600/cartoon-clouds-screen11.jpg)
Начнем с фона. Размер рабочей области у меня 500x350 px, поэтому чтобы сделать фон, нужно нарисовать прямоугольник с такими же размерами. Заливку для прямоугольника выбираем градиентную голубых тонов. Если при работе с градиентом у вас возникают затруднения, то посмотрите вот этот видеоурок: Основы работы с градиентом.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtq-HndwpVzs-c-DGMP4HcVyZNC736bFKTj3PsgcM9jVEWsPpQ7TwuKdca58j_JgxkQUyAcyvUeotHOM_LggHdpcVTzriYJJBUlPNQRTYZrpGr1BzOSyDlOMJnPLUYBI9Fm1QXqXZ8LX6M/s1600/cartoon-clouds-screen01.jpg)
Далее нарисуйте небольшой кружочек. В моем случае его размеры 30x30 px. Этот кружок необходимо перетащить в панель кистей Brushes. В появившемся окне выберите New Scatter Brush и нажмите OK. Настройки кисти, которые появятся после этого, можно пока не трогать – опять жмем OK.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnaX92CSjqKxf-_Bh9bnbszSNde-MxNd3oN-IJ2Baia7hkI95dNsmvQshdWw-xClV8i5IltyGetTT5yKU1yEzaWJWVYnuVC5Pn-7G83WgwDCoZ8FzbDn-AQDBsotuSGFw5tcn-1aS0-TE7/s1600/cartoon-clouds-screen02.jpg)
Теперь если мы воспользуемся инструментом Paintbrush Tool, и проведем им любую линию, то кружочки будут выстраиваться вдоль неё. Не очень похоже на облако, но это только пока.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEistL6GL0Ckv_Enh_C1UQVnGKwvQT19ZSpQ-uPk71Zaek2kDBKvhbvUK2r_FqjgQECaN71XyzKhl6zY8-iT9fTwhyL1uG4nITP__cAmoehM3ueyPOhIn2CQZxaTpVF05gPuNF1IKU804717/s1600/cartoon-clouds-screen03.jpg)
Чтобы изменить настройки кисти, сделайте двойной клик по её иконке в панели Brushes. И в появившемся окне выставите Size, Spacing и Scatter в значение Random. Теперь эти параметры будут случайно изменяться в заданных диапазонах. Выставите галочку Preview, чтобы видеть, как наши изменения будут отображаться на экране, и установите ползунки в заданные значения, как на следующем скриншоте. Возможно, в вашем конкретном случае они будут отличаться. Все зависит от размеров исходных объектов. Как только вы добьетесь нужного результата, нажмите OK, затем подтвердите, что согласны с изменениями. Подробнее про работу с кистями вы можете узнать из этого урока: Adobe Illustrator за 30 дней. День 8: Использование кистей.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcPPJmxY_pVhPg9yTgj346kV5UBSnKBX4mhQ_bxuQraoJvZAkBZRD92A7UiASPUnT7WDLnoz6Aw-QH6IP7Lo7bpWkM2gaSCEAvjVQ3qm3wPQgGQ_KfsZZyjZSSUTV8oNaj0zD3ixuOdvhn/s1600/cartoon-clouds-screen04.jpg)
Теперь с помощью нашей облачной кисти можно нарисовать множество самых разных облаков.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgooUSrn-g8BPbfC7t5hyphenhyphenWL6T2o0lcDEwoNJRzaEFtwhnbvcRXWWvBG8NuLj4a6Ir7Zo80L5oH20D5BiLaiwaXXEFWPzyLF5begYrCKMJlkk_KZWQGmQSDzjLVAWDIyTkVM19NqKyw-5eh0/s1600/cartoon-clouds-screen05.jpg)
Когда облаков будет достаточно, нужно преобразовать их в простые формы. Выделяем все и идем Object > Expand Appearance. Если вы работаете в Adobe Illustrator CS6, то велика вероятность получить ненужные объекты без заливки и обводки после этой команды (пустые квадратные рамки). В этом случае нужно еще дополнительно вычистить все. Для этого идем Object > Path > Clean up.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgok-_7hvQKhXjrPnCQ8FUEzD6NFP_dOwVSK5FfQvyr2EouvUBnHvDeBkP5dXQLDCz8JTRRU_JdxpkvwSH6qPKE8R8Vw-9HfkiHwwYyVi4GuOw_kbN_aWkvUhC-H-yxNCmzzRJ8Om6hkEd1/s1600/cartoon-clouds-screen06.jpg)
После экспанда наши облака состоят из множества кружочков. Их нужно объединить в одну форму. Для этого воспользуйтесь командой Unite (Add) в панели PathFinder. Более подробный урок про функционал PathFinder можно посмотреть здесь: Adobe Illustrator за 30 дней. День 9: Создаем составные контуры.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipgS1rNa2p3kvY9N92NiWd1VfaAzBQlDGrmONCobWWtQSzCV4bDZ1sGUGfU7QR3IoNP_gkxjiAaGSI0X0J46wdoaaKb3oe864EIrD7sQ2ZED4OSR2tFoWZFLPYBJKQOaaEUIP5smU3FQYO/s1600/cartoon-clouds-screen07.jpg)
Осталось закрасить облака в белый цвет. Значение Opacity в панели Transparency выставите в 50%, чтобы облака стали полупрозрачными.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0WQCdi71mH_E1-UNB-BupjjgSi3Ke9PFJ_6ILl3XJF6xD2CUJazxlGREPmZleIIkN0ny3a2HxeSQuMDFpsFqCQdtLDJSPlh-7CllCOZDLZlRSIr_C6rxHZ93mQtwDNh948b6a1PKYpovm/s1600/cartoon-clouds-screen08.jpg)
Теперь расставляем облака на небе.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrVTvTSYw-gZc6rBLdZsRhqWNMBddsYDWOf4c1ZmuJHpnuzX3787MI0EPi9KgJGtGZqaR3Fg-pSjhgyxiOO5oGQLVmat9VlOeFeYyiQQ-Athyphenhyphen5k_PbkPUYD5s-PVLhSGtLRjoCMG2QMx2M/s1600/cartoon-clouds-screen09.jpg)
Чтобы нарисовать солнце, используйте инструмент Flare Tool. Возьмите инструмент, сделайте левый клик в верхнем левом углу рабочей области и потяните. Появится блик. Затем еще раз кликните в правом нижнем углу рабочей области.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxTlJ6lrcjcnhtuA5CbQ2BAkErlS8BKn0zRBPivQieNb5v-Y0SnAsZMcXaVNX8qNJpf5iDVAbmtF7Zvjgqf54JbZRywZhA7xMvFfaZvR6WvDLljH7phQcHSORruDpvdRDOghyQpt6IDL4f/s1600/cartoon-clouds-screen10.jpg)
Солнце готово. Все излишние элементы, которые торчат за границы рабочей области, можно скрыть маской. Как работать с Clipping Mask, можно узнать из этого урока: Adobe Illustrator за 30 дней. День 26: Создаем обтравочную маску и непрозрачную маску.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfrIRb-yWOKPNe65DGcVJYIw9OZh5yOZtbL0VMaAuj1mNSC98h1mph02Aykq6X-X8DS5JSbk8z7117iPN4bw5uu3mcCcSocUhLzOQlTOocVQaXxr7IqagRMFkzd-RhZjHVokBMRT4YcRc5/s1600/cartoon-clouds-screen11.jpg)
На этом урок закончен. Используя подобную технику, можно создавать самые разные облака. Для примера вот еще два урока посложнее, которые я делал для Vectortuts+
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4c55u0DEaIy2CqPo1gIz7zi0xUr1XuPg_xsalbl_vH3JAUHcg2XpTLx3N0Yn3xpx9JxNeUu-Y3tNEXQBpLNIbUOnPfeVWw5E49-KWRRDEJ1Dp8xvfUW-zrdIRGBP3yGCy0V-gItJSUwJX/s1600/cloudy-text-effect.jpg)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipl6JqD1FMlpvaVTcavlisMzvubgClCyyQlamb6Is7OcB8AcBULg9xioYaDmsg0PPVgZlwujcb4GmUIUsMMcDdcLfT3ay6wlifPRXvREh7qCGiR02n92CLBulijIrhnD5Km6o1e87JOjwe/s1600/sky-scene.jpg)
Роман aka dacascas специально для блога Записки микростокового иллюстратора
Видеоуроки Adobe Illustrator на YouTube. Всё, начиная от первых шагов в иллюстраторе и заканчивая подготовкой работ для экзаменов и для продажи на микростоках. Получи доступ к видеокурсу для начинающих прямо сейчас! Подробности в этой статье: Экспресс курс Adobe Illustrator для начинающих
Симпатично выходит ) Хотя и не очень реалистично.
ОтветитьУдалитьСпасибо большое!! как раз очень пригодилась такая кисть - только не для создания облаков, а для создания брызг :) а то я уже представляла, как мучительно будет делать брызги по одной точечке...)
ОтветитьУдалитьОтличный урок
ОтветитьУдалитьНо: у меня Illustrator CC и Flare Tool дает коричневые блики и их границы очень четко видны. Как я ни бился с настройками - ничего не помогло(
Цветовой профиль документа RGB или CMYK ?
УдалитьКрасивый урок, и все бы хорошо, только у меня кружки после команды Unite (Add) в панели PathFinder превращаются в квадраты. И вместо пушистости из облаков колючки торчат.
ОтветитьУдалитьВ уроке есть про этот момент:
Удалить"...Если вы работаете в Adobe Illustrator CS6, то велика вероятность получить ненужные объекты без заливки и обводки после этой команды (пустые квадратные рамки). В этом случае нужно еще дополнительно вычистить все. Для этого идем Object > Path > Clean up..."
Роман, спасибо за оперативную связь. Про команду "Вычистить" помню. Не помогает. Квадраты не пустые, а вполне полноцветные. Видоизменяются кружки-кисти, обычные эллипсы подчиняются командам без проблем. У меня Adobe Illustrator CС, на русском. Опции через Ctrl+K просмотрела, вроде не там надо ответ искать. Гугл отвечает, не найдено.
ОтветитьУдалитьПопробуй выполнять чистку сразу после экспанда кисти, именно тогда квадраты пустые и их можно удалить таким образом.
УдалитьДа, кружки в квадраты не превращаются, если их чистить сразу после экспанда кисти. И облака получаются отличные! Спасибо, Роман! А то я уже всякое передумала. Например, все ли у моего Иллюстратора с мозгами в порядке:)))
ОтветитьУдалить