Как сделать золото в иллюстраторе

Содержание серии

Материалы цикла представляют собой мои личные конспекты. Нет времени превращать их в полноценные обучающие статьи, и поэтому свободное отношение к слову может расстроить граммар-наци. Также не исключено, что использование каких-то картинок нарушит авторские права. Это нехорошо, но давно не помню, где и что брал. Я предупредил.

1. Введение

1. Файлы, монтажные области
2. Cлои

1. Перемещение, выравнивание и распределение объектов

1. Перо и инструмент «Кривизна» (Curvature)
2. ‍♀️ Правила красивых контуров

1. Shape Builder Tool (Создание фигур) — ⇧M
2. ✏️ Рисование фигур линиями и инструментом быстрой заливки
3. ❤️ «Оформление» (Appearance) — палитра и раздел палитры «Свойства»
4. Направляющие и линейки
5. ‍♂️ Переходы (Blend)
6. Перспектива
7. Cтили графики
8. Символы
9. Сетчатые объекты (meshes)
10. Ресницы, брови, волосы
11. Кисти и ластик
12. ☀️ Распределение объектов по кругу

Образцы (swatches)

Образцы стоит группировать по папкам. В процессе работы переключаться между видами палитры: список и миниатюры.

#10 Вектор на векторизацию — Как сделать золото в Illustrator / Gold effect in Illustrator

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

Также можно добавлять цвет в образцы перетягиванием: из палитры цвета или палитры инструментов.

Поиск/фильтрация образцов

• Дважды щелкнуть по миниатюре цвета в панели инструментов.
• Переключиться в Color Swatches.
• Искать в нижнем поле.

Удаление неиспользуемых образцов

• В меню палитры выбрать Select All Unused.
• Удалить.

Добавление используемых цветов в образцы

• Выбрать нужную графику в монтажной области.
• В меню палитры выбрать Select All Unused.

Глобальные триадные цвета

Глобальный цвет обновляется автоматически во всей иллюстрации. В том числе — в градиентах.

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

Все плашечные (spot) цвета являются глобальными, а триадные (process) цвета могут быть глобальными или локальными.

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

Создание золотого градиента в Иллюстраторе

Чтобы сделать триадный цвет глобальным, надо нажать флаг Global в диалоге создания/редактирования образца.

☝️ Чтобы сохранить все цвета в текущей графике в глобальные, надо выделить всё и нажать значок папки в нижней части палитры образцов.

В диалоге установить Selected Artwork и Convert Process to Global.

☝️ Все нарисованные объекты могут быть добавлены в образцы и затем использованы для заливки — это способ создания узоров.

Готовые коллекции образцов

Коллекции образцов AI открываются нажатием кнопки библиотеки в панели образцов (Swatch Library Menu).

Можно открыть образцы из другого документа: Swatch Library Menu ➜ Other Library. Затем выбрать нужный ai-файл.

Чтобы перенести образцы из панели коллекции в панель образцов, достаточно кликнуть на значке папки.

Сохранить образцы по умолчанию можно только, сохранив весь документ, как шаблон.

Цветовые группы (гармонии) и палитра «Каталог цветов» (Color guide)

Палитра «Каталог цветов» позволяет подобрать гармоничные цвета и оттенки выбранного цвета.

1. Меню «Правила гармонии» и активная цветовая группа
2. Выбор цвета в качестве основного
3. Активные цвета
4. Цветовые вариации
5. Ограничения количества цветов указанными в библиотеке образцов
6. «Редактировать цвета» или «Редактировать или применить цвета» в зависимости от выбора (открывает цвета в диалоговом окне «Редактировать цвета»/»Перекрасить графический объект«)
7. Сохранение группы на палитре «Образцы»

Палитра «Градиент»

Похожа на вкладку Gradient окна стиля слоя в Photoshop’е.

1. Образец
2. Меню
3. Градиентная заливка
4. Градиентная обводка
5. Поменять заливку и обводку
6. Средние точки
7. Цвет градиента
8. Непрозрачность
9. Положение
10. Еще одно меню
11. Список «Тип градиента»
12. Градиентная обводка относительно контура
13. Угол
14. Пропорции
15. Удалить точку

В меню можно выбрать созданные в документе градиенты

Дублировать цвета градиента можно, также, как объекты — перетаскивая с нажатой клавишей Alt.

☝️ Полезная привычка — сохранять градиенты в образцы, для повторного использования.

Множественные градиенты с помощью палитры «Оформление»

Gradient Tool (Градиент). Клавиша быстрого вызова «G»

Позволяет редактировать градиент в тех редких случаях, когда не хватает возможностей палитры «Градиент» — прежде всего для расстановки контрольных точек.

Выделить объект залитый градиентом. Выбрать инструмент Gradient Tool в панели инструментов.

В компактном состоянии представляет собой вектор градиента. Если навести на него курсор, вектор утолщается до полосы «комментатора» градиента (Gradient Annotator). И на нем появляются маркеры.

1. Начало градиента (круглый маркер);
2. конец градиента (маркер-ромб);
3. маркер цвета;
4. точка перехода.

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

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

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

Чтобы отредактировать цвет градиента, кликнуть на маркер. Откроется диалог параметров, включая прозрачность цвета и положение на векторе градиента.

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

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

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

Тоже самое можно сделать и в панели градиента, введя значение в поле пропорций.

Готовые градиенты. См. коллекции образцов

Пипетка

• Обычный клик — копировать одновременно цвета заливки и обводки.
• Shift+клик — копировать только тот цвет, на который кликаешь. Он будет применен либо к заливке, либо к обводке — в зависимости от того, что выбрано на панели инструментов или цвета.

Заливка и обводка по умолчанию

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

Альтернативный вариант

• Настроить желаемый стиль обводки и заливки на любой фигуре.
• Добавить стиль в панель графических стилей.
• Перетянуть с нажатым Alt’ом на образец стиля по умолчанию (самый первый квадратик c символом обводки и заливки в углу).

Выбор всех элементов, окрашенных в один цвет

Чтобы выбрать все элементы, окрашенные в один цвет, надо выбрать в документе один такой элемент, а затем выбрать команду Select Similar Options, отфильтровав результат по Fill Color

Узоры

В образцы можно сохранить не только цвет, но и узоры.

Также можно выбрать для заливки один из готовых образцов узоров.

Чтобы изменить масштаб узора, нужно дважды кликнуть на инструменте масштабирования. Ввести процент масштабирования. И снять флаг Transform objects.

Чтобы отредактировать узор, нужно дважды кликнуть на его образце в палитре.

«Перекрасить графический объект» (Recolor Artwork)

Можно заменить цвета в графике, используя точные инструменты типа цветового круга.

• Выбрать объект или объекты.
  Edit ➜ Edit Colors ➜ Recolor Artwork
  (Можно также нажать значок цветового круга на контрольной панели, палитре образцов или «Каталоге цветов»).
• Выбрать вкладку Edit, чтобы редактировать гамму на цветовом круге.
• Выбрать вкладку Assign, чтобы редактировать цвета по одному.

• Можно настраивать цвет бегунками.
• Можно перетаскивать образцы в центральной части один на другой, меняя таким образом, раскраску одной детали на цвет другой еще одной детали.
• Можно выбирать способы замены («Точно», «Масштабировать оттенки», «Сохранить оттенки», «Оттенки и тени», «Сдвиг цветового тона»), нажав стрелку справа от плашки цвета.
• Если перетащить часть цветов на другие, изначальные цвета будут заменены оттенками того цвета, на который они были перенесены.

Чтобы откатить все изменения, нажать пипетку.

14 ноя 2020

Источник: super-mark.ru

Градиент в Adobe Illustrator

Чтобы создать градиент, вы должны сначала получить доступ к панели «Градиент» . Она может быть расположена на панели инструментов справа. Вы также можете получить доступ к ней, перейдя в Window > Gradient.

При первом щелчке на панели «Градиент» по умолчанию будет выбран градиент белого и черного цветов (или последний использованный градиент). Чтобы применить градиент к объекту, сначала выберите объект, к которому вы хотите применить градиент, нажав на него. Затем просто нажмите на Gradient Box или Gradient Bar внутри панели «Градиент» .

Это автоматически применит градиент к объекту. Отредактировав вид градиента на панели «Градиент», вы также измените градиент выбранного объекта.

Вы также можете выбрать тип градиента , щелкнув один из параметров в верхней части панели «Градиент» .

Редактирование цвета

Чтобы отредактировать цвета градиента, дважды щелкните на один из цветовых ограничителей под панелью градиента. Это откроет несколько вариантов выбора цвета. Когда вы выбираете цвет, он будет автоматически применен к градиенту.

Тоже самое проделайте и с остальными цветовыми ползункам на панели градиента.

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

Чтобы отредактировать внешний вид градиента дальше, вы можете отрегулировать расположение средней точки (представленной значком ромба). Это определяет равномерное сочетание начального и конечного цветов. Для этого просто перетащите ромб влево или вправо.

Добавление цветовых точек

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

Чтобы удалить цветовую точку, просто выделите ее мышью и нажмите кнопку «Удалить» или перетащите цветовую точку на значок корзины.

Угол наклона градиента

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

Угол будет применен автоматически, если у вас выбран объект.

Прозрачность градиента

Чтобы отрегулировать непрозрачность цветовой точки, нажмите на нее и используйте раскрывающийся список «Непрозрачность» (Opacity) под панелью градиента. Вы можете ввести значение в поле или переместить ползунок «Непрозрачность» на панели управления.

Непрозрачность цвета обозначена ​​клетчатым узором, когда значение ниже 100%.

Как сохранить градиент в Illustrator

Чтобы сохранить созданный вами новый градиент, вы должны добавить его в образцы. Для этого откройте панель «Образцы» («Окно» > «Образцы» (Window > Swatches)).

С выбранным градиентом, нажмите на кнопку «Новый образец».

Назовите образец во всплывающем окне и нажмите «ОК» . Это создаст новый образец с созданным вами градиентом. Вы также можете перетащить градиентную заливку из панели «Градиент» на панель «Образцы».

Например, мы назвали новый градиент «Темная бронза». Каждый новый созданный вами образец будет отображаться в конце списка.

Чтобы сохранить библиотеку образцов, нажмите кнопку библиотеки в левом нижнем углу и выберите «Сохранить образцы» . Введите имя файла и нажмите «Сохранить» . Это сохранит вашу текущую библиотеку образцов в папке по умолчанию для Illustrator, хотя вы можете указать новое местоположение, если хотите.

Как загрузить градиент в Illustrator

Illustrator предоставляет предустановленный набор градиентов, которые можно использовать на панели «Градиент» или «Образцы». Все созданные вами градиенты также будут найдены на панели «Образцы».

Откройте панель «Образцы», перейдя в «Окно»> «Образцы».

Нажмите на кнопку библиотеки внизу слева. Это откроет все варианты образцов для выбора. Чтобы выбрать один из предустановленных градиентов, перейдите к градиентам и выберите из широкого диапазона параметров, таких как металлы (например, золотой градиент), времена года, небо, вода, земляные тона.

Чтобы загрузить созданную и сохраненную ранее библиотеку образцов, перейдите к «Определено пользователем» и выберите имя сохраненного файла из списка.

Сетчатый градиент Mesh Tool

Так же для создания плавных цветовых переходов вы можете использовать инструмент Mesh Tool . Более подробно о нем вы можете почитать в этом разделе с уроками.

Произвольный градиент Freeform Gradient

Это новый тип градиента, появился он уже в версии Illustrator CC 2019 и чем-то напоминает Mesh Tool, но на много проще и удобнее в работе.

Чтобы создать произвольный градиент выберите объект и в панели Градиент выберите соответствующий пункт.

Чтобы отредактировать цвета градиента выберите нужную точку и двойным кликом по ней вы вызовите палитр цветов. Цвет можно выбрать как из палитры, так и с помощью пипетки.

Чтобы удалить точку нужно ее выделить и нажать на кнопку Удалить в панели Градиент, либо мышкой перетащить точку за пределы фигуры.

Чтобы создать новую точку просто кликните по фигуре в нужном месте (инструмент Градиент при этом должен быть активен).

Так же можно использовать этот инструмент в режиме Линии.

Источник: adobeillustrator.ru

15 уроков по созданию текстовых эффектов Adobe Illustrator

Коллекция уроков по созданию текстовых эффектов в программе Adobe Illustrator.

Тексты всегда являются неотъемлемой частью дизайна. От умения их оформлять зависит успешность всего проекта.

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

1. Как создать текст из невозможных фигур

В этом уроке мы научимся создавать «невозможный текст», используя простые и понятные техники. В последней части урока мы оформим текст в стиле “Blueprint”. Этот стиль является популярным трендом в дизайне сегодня.

2. Создание 3D текстового эффекта в гранжевом стиле

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

3. Добавьте дополнительный объем вашему шрифту

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

4. Как создать неоновый текстовый эффект в Adobe Illustrator

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

5. Создание текста на основе изометрической сетки

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

6. Как создать декоративную надпись в Illustrator

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

7. Как создать жидкий логотип, используя Illustrator and DrawScribe плагин

В этом уроке мы рассмотрим технику создания «жидких» объектов при помощи Dynamic Sketch Tool и Blend Tool. Этот урок содержит детальные инструкции и интересные приемы, что позволит вам добиться успеха в создании подобного стиля.

8. Как создать изогнутый текст в Adobe Illustrator

Сегодня вы узнаете, как создать текст, который находится в разных плоскостях. Один интересный трюк с ограничительной рамкой позволит нас сделать это без использования 3D моделирования.

9. Как создать стилизованную надпись из волос

В сегодняшнем уроке я собираюсь рассказать вам, как создать надпись, которая состоит из локонов волос в Adobe Illustrator CS5. Мы также поговорим, как придать вашей работе винтажный вид.

10. Как создать надпись в стиле винтажной почтовой открытки

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

11. Как создать вывеску в Adobe Illustrator

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

12. Как создать 3D текст в перспективе, используя Adobe Illustrator CS6

Для создания текстового эффекта мы будем использовать Perspective Grid Tool, Blend и некоторые новые функции Adobe Illustrator CS6.

13. Создание 3D текста инкрустированного золотом

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

14. Как создать текст из травы

В этом уроке вы научитесь создавать текст из травы. Мы будем использовать растровый эффект, который потом превратим вектор при помощи автоматической трассировки. Эффект Pucker https://infogra.ru/typography/15-urokov-po-sozdaniyu-tekstovyh-effektov-adobe-illustrator» target=»_blank»]infogra.ru[/mask_link]