воздушный фон с облаками ~ Записки микростокового иллюстратора
Всем привет! Ловите полезный урок Adobe Illustrator на нашем блоге. Это практическое задание из курса Adobe Illustrator шаг за шагом.
Записаться на обучение по курсу вы можете в vk по этой ссылке 👉 объявляется набор на курс Adobe Illustrator шаг за шагом, индивидуальное обучение с поддержкой преподавателя, подготовка и сдача экзаменов на стоки.
Рисовать мы будем вот такой воздушный фон, с классическим пожеланием приятного полёта. Многие авиалинии используют этот слоган, так что данная иллюстрация просто напрашивается, чтобы её поместили на рекламный баннер или буклет. И самое главное, в работе вы сможете попрактиковаться с градиентными сетками.
Создаём градиентную сетку
Для фона неба нам понадобится исходная фотография. Я взял вот такую.
Да, у меня не оказалось хорошего фото небосвода. Но это не беда. Нам подойдёт любое любительское фото, где есть хотя бы кусочек неба.
Используйте любой растровый редактор, в котором можно подрезать фотографию. Я закинул её в Adobe Photoshop, вырезал кусочек неба инструментом Crop Tool (C) и сохранил в новый файл (в новых версиях Adobe Illustrator тоже можно обрезать растр). Полученное изображение нужно поместить в Adobe Illustrator. Достаточно перетащить его на рабочую область из папки, где оно сохранено. Либо используйте меню File > Place.
Затем идите в меню Object > Create Gradient Mesh
Когда появятся настройки, установите небольшое значение для количества строк и колонок (Rows, Columns).
Я ограничился пятью колонками и строками. Жмём OK и получаем градиентную сетку.
Останется только изменить размер сетки, чтобы она подходила под рабочую область. Это можно сделать инструментом Selection Tool (V). Вы можете увеличивать и перемещать сетку как любой другой векторный объект, так что подогнать её под размеры рабочей области не составит большого труда.
Рисуем облака
Итак, небо готово, можно переходить к облакам. Будет удобно, сделать для этого новый слой. Для начала нужно нарисовать обычный круг. А затем залить его радиальным градиентом от белого к чёрному. Обратите внимание на то, что чёрный цвет должен быть стопроцентно чёрный, а не в градациях серого. Иначе при применении режимов наложения в следующих шагах мы не получим нужного эффекта. Вы можете сделать двойной клик по ползунку с чёрным цветом в панели градиента. Если в открывшемся окне с настройками вы увидите, что цвет в градациях серого, то нужно зайти в меню и выбрать 
Затем откройте панель Transparency и примените к кругу режим наложения Screen, чтобы получить следующий эффект.
Далее нужно просто копировать круги. Где-то для разнообразия можно изменять их размеры. Для быстрого копирования достаточно перетаскивать круг инструментом Selection Tool (V) и зажимать клавишу Alt на клавиатуре.
Благодаря режиму наложения Screen вся эта куча кругов на фоне неба выглядит как воздушное облако.
Затем скопируйте всё облако в какое-нибудь другое место на небе. Добавьте ещё кругов, измените их размеры, в общем, добавьте разнообразия.
И у нас готово второе облако.
По такому же принципу делаем остальные облака. В моём примере их всего три.
Кадрируем облака
Как и в прошлом практическом занятии, в этой работе есть объекты, выступающие за границы рабочей области.
Их необходимо убрать. Здесь вы можете выбрать любой способ кадрирования. Но я крайне не рекомендую использовать функцию Crop в панели
Итак, вам нужно выделить все облака, чтобы Eraser Tool взаимодействовал только с ними. Слой с небом лучше пока заблокировать, чтобы не мешался. Затем берём инструмент ластик Eraser Tool (Shift+E) и зажимаем клавишу Alt. После этого ластик начинает стирать прямоугольными областями (на скриншоте белого цвета). Вы словно рисуете прямоугольник ластиком из одного угла в другой угол, а когда отпускаете левую кнопку мыши, всё что под прямоугольником, стирается.
Нам нужно стереть таким образом круги, которые выступают с левой стороны. Старайтесь стереть ровно по краю рабочей области. Но у ластика нет никакой привязки к координатам, так что хотя бы на чуть-чуть промахнётесь. Но незначительные погрешности мы легко исправим в следующих шагах.
Стираем облака со всех сторон.
Далее откройте панель Transform (Shirt+F8)
Чтобы всё в итоге было ровно, можно вручную подогнать координаты и размеры через панель Transform
Если справа установлена цепочка для сохранения пропорций, то её нужно снять. А затем ввести с клавиатуры в панель Transform нули в значениях X и Y, а для W и H ввести ширину и высоту рабочей области. Иллюстратор поставит облака в нулевые координаты и чуть изменит их размер, чтобы они точно подходили под рабочую область. Для данной иллюстрации такие изменения размера, пропорций и положения незначительны.Добавляем текст
Для текста тоже лучше сделать новый слой. В нём нужно провести изогнутую линию. Я использовал для этого инструмент перо
Затем возьмите инструмент Type on a Path Tool, и кликните им в начало линии. Теперь, если вы начнёте вводить текст, то он будет идти вдоль этой линии.
Когда вы написали фразу, то можно поменять шрифт. Для этого делаем правый клик и в контекстном меню выбираем Font.
В выпадающем списке можно найти все шрифты, которые установлены на вашем компьютере. Например, для Windows шрифты находятся в специальной папке на диске C, где установлена сама система. Путь может быть такой
Если вы планируете создавать иллюстрации для продажи на микростоках, то лучше применять шрифты бесплатные для коммерческого использования. Обычно это лицензия для шрифта SIL Open Font License, либо у шрифта будет пометка Free for commercial use.
Также все тексты в иллюстрации для микростоков должны быть преобразованы в простые формы. Это можно сделать через правый клик, выбрав в контекстном меню команду Creates Outline.
Когда текст наконец будет готов, останется назначить ему белую заливку, и воздушный фон готов.
Наш урок завершён! Напоминаю, что если вы ещё не записались на занятия по курсу Adobe Illustrator шаг за шагом, то это можно сделать по ссылке 👉 нажми меня.
Роман aka dacascas специально для блога Записки микростокового иллюстратораЧитать дальше…
Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:
Предлагаю ознакомиться с аналогичными статьями:
Новинки IT-индустрии, обзоры и тесты компьютеров и комплектующих
- ПК и комплектующие
- Настольные ПК и моноблоки
- Портативные ПК
- Серверы
- Материнские платы
- Корпуса
- Блоки питания
- Оперативная память
- Процессоры
- Графические адаптеры
- Жесткие диски и SSD
- Оптические приводы и носители
- Звуковые карты
- ТВ-тюнеры
- Контроллеры
- Системы охлаждения ПК
- Моддинг
- Аксессуары для ноутбуков
- Периферия
- Принтеры, сканеры, МФУ
- Мониторы и проекторы
- Устройства ввода
- Внешние накопители
- Акустические системы, гарнитуры, наушники
- ИБП
- Веб-камеры
- KVM-оборудование
- Цифровой дом
- Сетевые медиаплееры
- HTPC и мини-компьютеры
- ТВ и системы домашнего кинотеатра
- Технология DLNA
- Средства управления домашней техникой
- Гаджеты
- Планшеты
- Смартфоны
- Портативные накопители
- Электронные ридеры
- Портативные медиаплееры
- GPS-навигаторы и трекеры
- Носимые гаджеты
- Автомобильные информационно-развлекательные системы
- Зарядные устройства
- Аксессуары для мобильных устройств
- Фото и видео
- Цифровые фотоаппараты и оптика
- Видеокамеры
- Фотоаксессуары
- Обработка фотографий
- Монтаж видео
- Программы и утилиты
- Операционные системы
- Средства разработки
- Офисные программы
- Средства тестирования, мониторинга и диагностики
- Полезные утилиты
- Графические редакторы
- Средства 3D-моделирования
- Мир интернет
- Веб-браузеры
- Поисковые системы
- Социальные сети
- «Облачные» сервисы
- Сервисы для обмена сообщениями и конференц-связи
- Разработка веб-сайтов
- Мобильный интернет
- Полезные инструменты
- Безопасность
- Средства защиты от вредоносного ПО
- Средства управления доступом
- Защита данных
- Сети и телекоммуникации
- Проводные сети
- Беспроводные сети
- Сетевая инфраструктура
- Сотовая связь
- IP-телефония
- NAS-накопители
- Средства управления сетями
- Средства удаленного доступа
- Корпоративные решения
- Системная интеграция
- Проекты в области образования
- Электронный документооборот
- «Облачные» сервисы для бизнеса
- Технологии виртуализации
Наш канал на Youtube
Архив изданий
| 1999 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 2000 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 2001 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 2002 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 2003 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 2004 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 2005 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 2006 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 2007 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 2008 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 2009 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 2010 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 2011 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 2012 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 2013 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
- О нас
- Размещение рекламы
- Контакты
Популярные статьи
Моноблок HP 205 G4 22 AiO — одно из лучших решений для офисной и удаленной работы
В настоящем обзоре мы рассмотрим модель моноблока от компании HP, которая является признанным лидером в производстве компьютеров как для домашнего использования, так и для офисов.
Моноблок HP 205 G4 22 — модель нового семейства, которая построена на базе процессоров AMD последнего поколения и отличается неплохой производительностью вкупе с привлекательной ценой
Logitech G PRO X Superlight — легкая беспроводная мышь для профессиональных киберспортсменов
Швейцарская компания Logitech G представила беспроводную игровую мышь Logitech G PRO X Superlight. Новинка предназначена для профессиональных киберспортсменов, а слово Superlight в ее названии указывает на малый вес этой модели, который не превышает 63 г. Это почти на четверть меньше по сравнению с анонсированным пару лет тому назад манипулятором Logitech G PRO Wireless
Материнская плата для домашнего майнинга ASRock h210 Pro BTC+
Как показало недавнее исследование Кембриджского университета — количество людей, которые пользуются сегодня криптовалютами, приближается к размеру населения небольшой страны и это только начало, мир меняется. Поэтому компания ASRock разработала и выпустила в продажу весьма необычную материнскую плату — h210 PRO BTC+, которую мы и рассмотрим в этом обзоре
Верхняя панель клавиатуры Rapoo Ralemo Pre 5 Fabric Edition обтянута тканью
Компания Rapoo анонсировала в Китае беспроводную клавиатуру Ralemo Pre 5 Fabric Edition.
Новинка выполнена в формате TKL (без секции цифровых клавиш) и привлекает внимание оригинальным дизайном. Одна из отличительных особенностей этой модели — верхняя панель, обтянутая тканью с меланжевым рисунком
Изогнутый экран монитора MSI Optix MAG301 CR2 обеспечит максимальное погружение в игру
Линейку компьютерных мониторов MSI пополнила модель Optix MAG301 CR2, адресованная любителям игр. Она оборудована ЖК-панелью типа VA со сверхширокоформатным (21:9) экраном изогнутой формы (радиус закругления — 1,5 м). Его размер — 29,5 дюйма по диагонали, разрешение — 2560×1080 пикселов
Комплект SilverStone MS12 позволяет превратить SSD типоразмера M.2 2280 в портативный накопитель
Каталог продукции компании SilverStone пополнил комплект MS12. Он позволяет создать портативный накопитель на базе стандартного SSD типоразмера M.2 2280 с интерфейсом PCI Express
SSD-накопители ADATA XPG Spectrix S20G сочетают производительность с эффектным дизайном
Компания ADATA Technology анонсировала твердотельные накопители серии XPG Spectrix S20G.
Они предназначены для оснащения игровых ПК и, как утверждают их создатели, сочетают высокую производительность и эффектный внешний вид
Видеокарта ASUS GeForce RTX 3070 Turbo оснащена системой охлаждения с одним центробежным вентилятором
Линейку видеоадаптеров ASUS на базе графических процессоров NVIDIA пополнила модель GeForce RTX 3070 Turbo (заводской индекс TURBO-RTX3070-8G), предназначенная для оснащения игровых ПК. Одной из особенностей новинки является конструкция системы охлаждения
КомпьютерПресс использует
3 способа изменить цвет фона в Adobe Illustrator
Какой именно цвет фона вы хотите изменить? Пользовательский интерфейс рабочей области, фон монтажной области или цвет сетки? Есть совершенно разные вещи. Но у меня есть решение для каждого из ваших запросов.
Быстрый спойлер. Нарисуйте прямоугольник, если вы хотите изменить цвет фона монтажной области, измените яркость, если вы хотите иметь другой цвет фона пользовательского интерфейса, а что касается сетки, вы будете менять цвет представления.
Давайте перейдем к подробным шагам!
Примечание: скриншоты из этого руководства взяты из версии Adobe Illustrator CC для Mac. Windows или другие версии могут выглядеть иначе. Пользователи Windows меняют клавишу Command на Ctrl .
Содержание
- Способ 1. Изменение цвета фона интерфейса документа
- Способ 2. Изменение цвета фона монтажной области
- Способ 3: изменение цвета фона сетки прозрачности
- Final Words
Способ 1: изменение цвета фона интерфейса документа
Более новая версия Adobe Illustrator имеет темно-серый фон документа по умолчанию, если вы привыкли к Версии CS со светлым фоном можно изменить в меню «Настройки» .
Шаг 1: Перейдите в верхнее меню и выберите Illustrator > Настройки > Пользовательский интерфейс .
Существует четыре цвета интерфейса, которые вы можете выбрать из вариантов Яркость .
Если вы еще не заметили, сейчас у меня самый темный цвет фона.
Шаг 2: Выберите один из параметров Яркость , который вы хотите, нажмите на него, и вы увидите, как он будет выглядеть на фоне вашего документа.
Нажмите OK после выбора цвета.
Способ 2. Изменение цвета фона монтажной области
Самый простой способ добавить или изменить цвет фона монтажной области — изменить цвет прямоугольника.
Шаг 1: Выберите инструмент Rectangle Tool (сочетание клавиш M ) и нарисуйте прямоугольник того же размера, что и ваша монтажная область. Цвет будет цветом заливки, который вы использовали ранее.
Шаг 2: Выберите прямоугольник, дважды щелкните Заливка, чтобы открыть палитру цветов, или выберите цвет на панели Образцы , чтобы изменить цвет.
Вы можете заблокировать прямоугольник, если не хотите случайно переместить его. Просто выберите прямоугольник и нажмите Command + 2 , чтобы зафиксировать фигуру (фон). Если вы хотите сделать его фоновым слоем и заблокировать его, перейдите на панель «Слои» и заблокируйте слой.
Способ 3: изменение цвета фона сетки прозрачности
Белый фон, который вы видите, не существует! На самом деле белый фон, который вы видите при создании документа, прозрачен. Вы можете включить представление сетки прозрачности, чтобы увидеть его.
Шаг 1: Перейдите в верхнее меню и выберите Вид > Показать сетку прозрачности ( Shift + Команда +81).
Видишь? Ваш фон прозрачен. Представьте, что если у вас белый текст на «белом» фоне, его будет невозможно увидеть, поэтому иногда нам нужно работать в режиме сетки.
Шаг 2: Снова перейдите в верхнее меню и выберите Файл > Настройка документа . Вы увидите Параметры прозрачности и наложения , и вы можете выбрать цвета сеток.
Шаг 3: Нажмите на поле цвета и выберите цвет заливки. После того, как вы выбрали цвет, нажмите на кнопку закрытия окна, и вы увидите, что теперь сетка меняет свой цвет.
Используйте пипетку, чтобы выбрать один и тот же цвет для обоих вариантов цвета. (Если у вас хорошее сочетание цветов, вы также можете выбрать два разных цвета.)
Шаг 4: Отметьте Имитация цветной бумаги и нажмите OK .
Теперь сетка прозрачности станет выбранного вами цвета. Вы можете нажать Shift + Command + D , чтобы скрыть сетку прозрачности и по-прежнему видеть цветной фон.
Однако вы сможете увидеть цвет фона только на самом документе.
При экспорте монтажной области цвет фона не будет отображаться.
Например, когда я экспортирую файл в png, цвет фона остается прозрачным.
Этот метод может изменить цвет фона только сетки прозрачности, но не монтажной области.
Final Words
Некоторых из вас может смутить цвет фона сетки прозрачности и цвет фона монтажной области. Просто помните, что если вы хотите добавить или изменить цвет фона монтажной области, лучший способ — нарисовать прямоугольник того же размера, что и монтажная область, и отредактировать его цвет.
Информация о Джун Эскалада
Окончила факультет креативной рекламы, более восьми лет работала графическим дизайнером, специализируясь на брендинге и иллюстрации. Да, Adobe Illustrator — мой лучший друг, и я увлечен искусством и дизайном.
Изменить цвет фона в Illustrator
Adobe Illustrator — это программа для работы с векторной графикой, которая обычно разработана и создана для графических дизайнеров и 2D-художников.
Последней версией Adobe Illustrator является версия CC, входящая в состав Adobe Creative Cloud Suite. Программа используется для создания видеоигр, логотипов, печатных материалов, рекламы и рекламных материалов и других 2D-произведений искусства. Программа — это векторное программное обеспечение, которое позволяет пользователю создавать эффективные и независимые от разрешения материалы.
Adobe Illustrator имеет мощный набор инструментов и функций, которые помогают пользователю создавать произведения искусства из библиотеки шаблонов дизайна, известной как Adobe Stock, с более чем 80 миллионами видеороликов, шаблонов, изображений и других материалов пользователей.
Программное обеспечение представляет собой огромную программу, которая позволяет использовать предустановки библиотеки по умолчанию для своих проектов и презентаций. В этом документе мы узнаем, как изменить цвет фона любого документа в Illustrator. Фон любого конкретного документа является очень важной частью процесса создания объектов и произведений искусства.
По сути, это начальный шаг, который предпримет любой дизайнер для создания графического изображения в программе.
Как изменить цвет фона?
Ниже приведены шаги по изменению цвета фона любого документа в Illustrator. есть два основных метода достижения того же.
Метод 1 — параметр настройки документа
В этом методе мы изменим цвет фона документа в параметрах настройки документа. Мы поймем процесс более подробно с шагами, указанными ниже.
Шаг 1: Запустите Adobe Illustrator. Откройте документ, нажав Файл > Создать.
Шаг 2: Появится диалоговое окно, выберите необходимые сведения о свойствах документа и нажмите OK.
Шаг 3: Затем нажмите «Файл» > «Настройка документа», чтобы открыть свойства настройки документа.
Шаг 4: Как только откроется окно настроек документа, щелкните параметр МОДЕЛИРОВАТЬ ЦВЕТНУЮ БУМАГУ в параметрах прозрачности и надпечатки.
Эта опция позволит нам увидеть цвет фона самого документа.
Шаг 5: После этого щелкните поле ниже, как показано на рисунке.
Шаг 6: Окно откроет цветовую палитру для использования. После отображения цветовой палитры выберите любой цвет по вашему выбору, чтобы установить его в качестве цвета фона. Нажмите «ОК».
Шаг 7: После этого снова нажмите OK в диалоговом окне «Настройка документа».
Примечание: этот документ выбран для цветовой модели CMYK (голубой, пурпурный, желтый и ключевой). Это означает, что изображение, созданное в этом документе, будет использоваться для печати. Когда пользователь создает документ с моделью CMYK, он используется для печати и должен быть в печатном виде. В то время как, когда произведение искусства создается в модели RGB (красный, зеленый и синий), оно используется для веб-страниц и веб-сайтов.
Шаг 8: Цветовую модель документа можно изменить в меню «Файл» с помощью параметра «РЕЖИМ ЦВЕТА ДОКУМЕНТА».
Способ 2. Создание прямоугольника
В этом методе мы просто создадим прямоугольник размером с документ и применим к нему цвет. Это не меняет цвет фона, но мы все еще можем использовать этот метод для быстрого использования. Затем этот слой можно заблокировать, чтобы его нельзя было редактировать или изменять во время работы с документом. Шаги для того же приведены ниже.
Шаг 1: Запустите Adobe Illustrator. Создайте новый документ из меню «Файл».
Шаг 2: Назначьте документ, его свойства и атрибуты на панели свойств.
Шаг 3: Нажмите на инструмент «Прямоугольник» и перетащите курсор, чтобы создать прямоугольник того же размера, что и документ.
Шаг 4: Выберите нужный цвет.
Шаг 5: Задайте цвет этому прямоугольнику.
Шаг 6: Теперь перейдите в Windows, затем в Layers.
Это откроет панель «Слои», чтобы увидеть различные доступные слои.
Шаг 7: Слой 1 st представляет собой прямоугольный слой, дважды щелкните значок слоя, и вы увидите диалоговое окно, как показано на рисунке.
Шаг 8: В диалоговом окне отметьте неотмеченную кнопку для БЛОКИРОВКИ. Эта опция заблокирует слой.
Шаг 9: Это даст преимущество пользователю, поскольку слой блокируется и не перемещается или не модифицируется при любых изменениях.
Чтобы разблокировать слой, дважды щелкните его и снимите флажок БЛОКИРОВАТЬ.
Заключение
Изменение цвета фона — простая задача в Illustrator, но немного сложная по сравнению с Photoshop. Находясь в Photoshop, пользователю просто нужно использовать ярлыки для фона и цвета переднего плана; это не относится к Adobe Illustrator. Пользователь может иногда теряться при смене цвета фона в Illustrator тем, кто ранее работал в Photoshop.
