Уроки Адобе Иллюстратор
by Liuda Dunaf. Posted on 19.04.2022
Продолжим изучение Blend Tool и функции Blend в Adobe Illustrator CS5. И сегодня мы попробуем применить блэнд к более сложным объектам. Также узнаем как с помощью блэнд можно создать тень, которая будет соответствовать требованиям микростоков. Кнопочка инструмента Blend Tool находится на панели инструментов, а также можно использовать Blend выбрав соответствующий пункт на вкладке Object > Blend. Мне больше нравится использовать сочетание горячих клавиш Ctrl + Alt + B (чтобы применить бленд), Ctrl + Shift + Alt + B (обратное действие). Блэнд для градиентов Для этого примера рисуем две линии (можно и больше). В моем случае разного цвета. Выделяем их и […]
Читать далше…
by vecart_admin. Posted on 19.09.2013
Сегодня мы создадим один прикольный эффект текста в Adobe Illustrator с помощью функции Blend. Для этого урока я использовал Adobe Illustrator CS6, но подойдет любая друга версия.
Читать далше…
by vecart_admin. Posted on 06.02.2013
В этом уроке узнаем, как создать комету в Adobe Illustrator CS5 с помощью инструмента бленд. Для создания векторной кометы будем использовать как уже знакомые нам инструменты, функции и панели, так и новые ранее не использовавшиеся. Это инструменты Flare Tool и Convert Anchor Point Tool. Простые фигуры На заранее подготовленном фоне инструментом Elipse Tool создаем два круга белого цвета без контура.
Читать далше…
by vecart_admin. Posted on 03.11.2012
Сегодня постараемся создать реалистичный летящий шар с огненным следом. Для его создания будем использовать бленд, поработаем с градиентами и различными режимами наложения. 1. Создаем новый документ размером 800 на 800 пикселей. Берем инструмент Rectangle Tool и создаем квадрат на всю рабочую область. Заливаем его радиальным градиентом. Смещаем градиент выше центра. Далее берем инструмент Elipse Tool и создаем фигуру шара и заливаем её тем же градиентом. 2. Добавляем свечение фигуре шара. Для этого при выделенной фигуре на вкладке Effect > Stylize выбираем пункт Outer Glow и выставлявляем параметры свечения. 3. Создаем огненный след. Здесь нам понадобятся несколько фигур прямоугольников.
Читать далше…
by vecart_admin. Posted on 01.09.2012
Сегодня рассмотрим очень полезный инструмент из арсенала Adobe Illustrator – это Blend Tool. После освоения Blend Tool Adobe Illustrator CS5 станет незаменимым помощником в создании иллюстраций для микростоков. Объекты, созданные с помощью Blend Tool, не противоречат современным требованиям к загрузке работ на большинство микростоков. В отличии от других инструментов Blend Tool создает объекты, которые можно легко редактировать и видеть результат сразу. Это придает больше гибкости в работе с этим инструментом, хотя и за это есть своя цена. Blend Tool дает нагрузку на оперативную память, что может создать неудобства на слабых компьютерах (замедление работы), а также существенно добавляет вес созданным […]
Читать далше…
by vecart_admin. Posted on 21.04.2012
Возможно ли применить градиентную заливку к контуру? Хороший вопрос! Контур не является фигурой и ответ, в этом случае, был бы — нет.
Но есть одна тонкость, используя которую можно это сделать. И сегодня мы узнаем как добавить градиент на контур. Суть этой хитрости в том, что сначала нам понадобится создать кисть необходимого вида, которую мы будем применять к контуру. Для этого создаем две фигуры круга разного цвета. Выделив обе фигуры, на вкладке Object > Blend выбираем пункт Blend, либо жмем сочетание клавиш Ctrl + Alt + B. Берем получившийся градиент и перетаскиваем его на панель Brushes, тем самым создавая […]
Читать далше…
by vecart_admin. Posted on 24.03.2012
В этом уроке мы будем рисовать затмение в Adobe Illustrator CS5. Интересный эффект света на фоне темной планеты. В работе мы будем использовать технику, которая может пригодится при создании иллюстраций для микростоков. Создаем прямоугольник на всю рабочую область и заливаем его черным цветом. Берем инструмент Elipse Tool и создаем круг размером 100 на 100 пикселей. Копируем его (Ctrl + C) и вставляем снизу (Ctrl + B).
Читать далше…
by vecart_admin. Posted on 08.01.2012
В предидущей статье мы создавали абстрактный фон из Градиентного мэша. Сейчас же мы рассмотрим ещё одни простой метод создания абстрактного фона. Для этого мы будем использовать Бленд (Blend). Создадим новый документ и прямоугольник того же размера. Как заливку будем использовать линейный градиент. В моём случае это тёмный и светлый оранжевые цвета. Далее рисуем пару красивых линий карандашом (Pensil Tool) или пером (Pen Tool). Выделяем обе получившиеся линии и в закладке Objects выпираем пункт Blend > Make. В результате этого был создан Бленд. Теперь нам нужно его настроить. Для этого делаем двойной щелчок на инструменте Blend Tool . В […]
Читать далше.
Как нарисовать векторный секундомер в Adobe Illustrator (перевод).
Содержание
- Шаг 1. Создайте металлическую форму
- Шаг 2. Кнопки
- Шаг 3. Циферблат, числа и детали
Этот урок был создан в программе Adobe Illustrator CS2. Для других версий программы возможны небольшие изменения.
Шаг 1. Создайте металлическую форму
Сначала мы создаем форму часов. Создайте круг с помощью инструмента Эллипс (Ellipse tool). Заполните круг градиентом с параметрами, показанными ниже. Растяните градиент таким образом, чтобы светлое пятно было в верхней левой части круга.
Создайте новый круг с центром в том же месте. Сделайте этот круг немного меньшим чем первый. Заполните новый круг градиентом,как показано ниже.
Результат должен быть похожим на это:
Добавьте третий круг снова с центром в том же месте и снова немного меньший чем второй круг. Дайте новому кругу градиент, похожий на это:
Чтобы добавить дополнительный теневой эффект к третьему кругу создают новый круг такого же размера и применяют градиент и прозрачность:
Если эта работа для микростоков, то градиент с прозрачностью поддерживается только в EPS 10! Еще можно прочитать Формат EPS 10 – как найти ошибки при сохранении
Результат должен быть похожим на это:
Теперь к циферблату часов.
Создайте новый круг, немного меньший чем предыдущее. Добавьте градиент, как показано ниже, таким образом, чтобы самая светлая часть находилась в центре часов.
Теперь Вы создали металлический каркас часов и циферблата. Давайте идти дальше к кнопкам.
Шаг 2. Кнопки
Чтобы добавить кнопки к секундомеру сначала создают новый слой и помещают его ниже первого слоя.
Создайте прямоугольник наверху часов. Заполните прямоугольник градиентом как показано ниже, чтобы моделировать блики металла.
Скопируйте новый прямоугольник и затем расположите его поверх первого (CTRL+F). Продвиньте новый прямоугольник выше первого и измените его размеры, чтобы он стал шире, как на рисунке:
Чтобы смоделировать рифленую поверхность кнопки, мы сделаем много темных прямоугольников, чтобы показать тени. Создайте связку маленьких прямоугольников как показано ниже и расположите их сверху кнопки. Сделайте их всех черными и установите прозрачность в 60 %.
Если эта работа для микростоков, то прозрачность поверх градиента можно сохранить только в EPS 10, EPS 8 это не поддерживает.
Чтобы добавить тень к кнопке создайте новый прямоугольник ниже верхней части, но поверх первого прямоугольника. Сделайте его черным и установите прозрачность в 30 %.
Для микростоков можно просто подобрать цвета в градиенте черного (если Вы хотите сохранить в EPS 8), не используя прозрачность. Для EPS 10 можно применить прозрачность.
Теперь создайте два круга как показано ниже. Выберите эти два круга и сделайте составной путь (Object > Compound Path > Make). Поместите круг позади кнопки Object > Arrange > Send to Back)
Примените градиент к новому кругу. Тяните градиент из центра круга к краю.
Чтобы добавить еще одну кнопку, выберите два главных прямоугольника и прямоугольник тени, который мы создали, и скопируйте их. Поверните их приблизительно 35 градусов и разместите их слева.
Шаг 3. Циферблат, числа и детали
Мы идем дальше, чтобы создать числа и детали на циферблате. Создайте новый слой и поместите его сверх других.
Прежде, чем создать цифры, мы создадим все линии. Сначала создайте единственную линию в верху циферблата, как показано здесь:
Выделив линию, щелкните по инструменту Вращение (rotate tool). Тяните точку вращения из центра линии в центр часов. Теперь вращайте линию, зажав shift и ALT . Понизьте копию линии в 180 степенях. Перетащите копию линии на противоположный край циферблата:
Нам нужно скопировать эти линии вокруг циферблата с расстоянием в 6 градусов между каждым. Выберите обе линии и откройте окно Вращение (Object > Transform > Rotate). Задайте Угол вращения Angle =6 и щелкните Copy.
Повторите этот шаг, нажимая CTRL+D, пока Вы не создали все линии.
Мы хотим выдвинуть на первый план каждую 5-ую секунду, таким образом, мы теперь изменим толщину линии. Каждая 5-ая линия должна быть более толстой — 1.3 pt., а остальные — 0.6 pt.
Мы должны создать еще больше линий на этих часах. Создайте новый слой. Создайте линию наверху циферблата ( там где 12 часов), эта линия должна быть еще тоньше (0.
2 pt.) и короче чем линии на предыдущем слое. Как и в предыдущем примере с первой линией, щелкните по инструменту вращения. Тяните точку вращения из центра линии в центр часов. Теперь вращайте линию, зажав shift и ALT. Переместите копию линии на противоположную сторону циферблата.
Выберите обе линии и откройте окно Вращение (Object > Transform > Rotate). Задайте Угол вращения Angle =6 и щелкните Copy. Повторите этот шаг, нажимая CTRL+D. Повторитесь, пока Вы не создали нужное количество линий.
Чтобы добавить детальности создайте два круга с центральной точкой в центре циферблата. Один круг должен проходить по краю недавно созданных линий, и другой немного ближе к центру. задайте толщину линий 0.4 pt.
Теперь пора добавить цифры. Создайте числа при использовании инструмента Type Tool и шрифта на Ваш выбор. Добавьте числа рядом с самыми толстыми линиями.
Теперь давайте создадим стрелку. Вы можете использовать инструмент Star tool, чтобы создать треугольник.
Тяните звезду, удерживая кнопку мыши, и нажмите на клавиатуре стрелка вниз, чтобы уменьшить количество углов у фигуры. Отпустите, когда у Вас получится треугольник. Сделайте треугольник темно-серым.
Измените размеры треугольника, сделав его очень узким, и подкорректируйте длину.
Добавьте маленький круг в центре часов. Заполните его темно-серым градиентом. Вы можете вращать стрелку часов с помощью инструмента Вращения Rotate tool.
Последняя деталь, которую мы создадим в этом уроке Adobe Illustrator — это блик на стеклянной поверхности. Создайте новый слой. Создайте два круга как показано на рисунке ниже.
Выделив обе окружности, в палитре Pathfinder выберите Divide. Затем разгрупируйте результат (Object > Ungroup) и удалите все лишнее:
Добавьте градиент, чтобы сделать блик, с параметрами, как на рисунке ниже:
Такой градиент с прозрачностью поддерживает только формат EPS 10.
Результат должен быть похожим на это:
Это все.
Теперь у Вас есть прекрасная иконка секундомера.
Хотите заработать на своей иллюстрации? Узнайте как это сделать с помощью микростоков.
У вас остались вопросы или есть что добавить по теме статьи? Напишите в комментариях.
Простое размещение текста внутри фигур
Домашняя страница
Блог
Учебные пособия
Как разместить текст внутри фигур (без Illustrator) | Учебное пособие
Даже графическому дизайнеру, освоившему Adobe Photoshop или Illustrator, могут понадобиться советы дизайнеров по размещению текста внутри фигур и их подгонке. Но добавление текста внутри объектов — это отличный способ придать больше характера сообщениям бренда, сделать логотип или вывеску, улучшить плакат, создать забавный дизайн одежды или создать веб-элементы и значки.
К счастью, вам не нужно полное владение Illustrator или Photoshop при создании письменных сообщений и размещении их в пространстве между строками. Независимо от того, работаете ли вы с базовыми или пользовательскими фигурами, вы можете разместить свой текст разными способами.
Один из самых простых способов доступен в Kittl. Загрузите Kittl бесплатно и следуйте этому руководству, чтобы узнать, как разместить текст внутри фигур без Illustrator. Быстро переходите от нового проекта к готовому и опубликованному дизайну с эстетичным текстовым эффектом.
1. Добавить базовую фигуруЧтобы понять, как работает процесс размещения текста внутри фигур, лучше всего начать с простой фигуры. В этом уроке давайте начнем с круга.
Перейдите в меню «Добавить элементы» в Kittl и выберите категорию «Фигуры». Нажмите на круглую фигуру в категории «Основные фигуры». Сделайте круг больше, чтобы потом было легче увидеть и изменить текст.
Вы также можете отрегулировать непрозрачность в меню «Настройки объекта».
Киттл добавит ваш объект со стандартной непрозрачностью 100% по умолчанию. Снизьте его примерно до 30%, чтобы увидеть, что вы делаете.
В качестве альтернативы найдите другую фигуру, с которой хотите потренироваться.
2. Блокировка объектаРаботать с выделением, углами и искажающими элементами в Kittl очень просто. Но если вы не будете осторожны, манипулирование текстовыми эффектами внутри фигур может привести к смещению объекта или разрушению определенных линий.
Для упрощения процесса заблокируйте объект, в данном случае круг.
Выберите круг и нажмите кнопку «Слои» в правом нижнем углу интерфейса Kittl. Затем щелкните значок замка рядом с тегом (basicShape). Это предотвратит его перемещение независимо от того, как вы настраиваете и редактируете текстовые эффекты.
3. Добавьте свой текст Пришло время попрактиковаться в размещении текста внутри фигур с помощью Kittl. Нажмите кнопку «Текст» на левой панели.
Дважды щелкните текстовое поле «Заголовок», чтобы написать слово или фразу.
В этом уроке мы можем использовать слово «Лето», так как оно хорошо впишется в форму круга после некоторой тонкой настройки. А поскольку вы добавляете текст внутри круглой геометрической формы, рассмотрите возможность использования закругленного шрифта.
HT Modern Hand Sans Serif — отличный выбор для эстетики.
Нажмите T, если хотите быстро вставить текстовое поле по центру монтажной области Kittl.
4. Применение искажения к текстуВ Kittl есть несколько способов редактирования текста. Вы можете играть с цветами, изменять шрифт, манипулировать буквами по отдельности, добавлять эффекты и т. д.
Но если вы хотите разместить текст внутри фигур, есть только два важных шага. Во-первых, важно изменить размер текста. Перетащите угол границы текстового поля, пока слово или фраза не растянется на весь диаметр круга.
Во-вторых, вы должны применить правильный текстовый эффект.
Выберите текстовое поле и перейдите в «Настройки текста». Посмотрите на вкладку «Преобразование» и найдите параметр «Искажение». Он должен быть вторым в списке между вариантами «Пользовательский» и «Круг».
Используйте клавишу «плюс» (+), чтобы увеличить масштаб при искажении текста, чтобы четко увидеть все опорные точки и детали и добиться лучшего выравнивания между текстом и фигурой.
5. Используйте опорные точки для подгонкиПреобразование «Искажение» — идеальный метод для размещения текста внутри любого пространства внутри фигуры. Он добавит несколько опорных точек в текстовое поле и позволит вам манипулировать им различными способами.
Например, потяните среднюю опорную точку к вершине круга. Это растянет середину слова как можно ближе к границе круга.
При использовании слова «лето» внутри круга можно добиться, чтобы текст следовал за линией довольно близко.
Снова выберите верхнюю опорную точку. Затем перетащите новые горизонтальные опорные точки вправо и влево, чтобы растянуть больше букв к границе круга.
По сути, это позволяет вам редактировать кривизну слова в зависимости от формы, с которой вы работаете.
Вы можете сделать это, перетащив каждую опорную точку в определенном направлении, в зависимости от того, как вы хотите, чтобы текст помещался внутри фигуры. В этом уроке мы собираемся выполнить полную заливку.
Удерживайте клавишу Shift на клавиатуре при игре с опорными точками, чтобы сохранить прямое направление и добиться оптимального выравнивания и подгонки внутри фигур.
6. Сохранить текст и потерять формуЧто делать, если вы хотите, чтобы ваши искаженные слова повторяли форму, но не хотите видеть фоновый объект? Вы удалите его.
Сформировав текст с помощью специальной направляющей и придав словам желаемую форму или контур, вы можете отбросить эту форму и позволить вашему тексту сиять. Но вы можете обернуть текстовые поля внутри тела объекта, а затем сделать их верхним объектом.
Нажмите на элемент круга. Разблокируйте его и нажмите «Удалить».
Процесс деформирования текста может продолжаться, если вы хотите. Но лучше всего делать это только тогда, когда у вас есть фигура в качестве руководства для создания самого красивого текста.
В качестве альтернативы выберите другой шрифт или используйте другой цвет, пока не будете удовлетворены результатом.
7. Деформация текста на нескольких строках внутри фигурЧто делать, если вы хотите добавить более одного слова внутри фигуры? Или что, если вам нужно деформировать текст во что-то другое, кроме круга?
Деформировать текст в Kittl легко даже начинающему графическому дизайнеру. В отличие от того, чему вас могут научить некоторые учебные пособия по Illustrator, вам нужно знать два совета по дизайну: использование нескольких строк и применение текстовых эффектов искажения ко всем текстовым полям.
Например, вы можете найти и добавить треугольную форму в свой проект Kittl. Оттуда вы можете нажать T, чтобы вставить текстовое поле.
Скопируйте и вставьте его четыре или пять раз, в зависимости от размера текста, который вы хотите использовать.
Дважды щелкните поля по отдельности, чтобы отредактировать и применить искажение. Вручную оберните текст внутри треугольника, чтобы выровнять его по краям, потянув опорные точки в разных направлениях. Немного потренировавшись, легко получить слова, параллельные краям фигуры.
Хорошая новость заключается в том, что вам не нужно ничего рисовать вручную, как в Adobe Illustrator или подобных редакторах. Нет необходимости в инструменте «Перо», чтобы использовать сложные методы для рисования или создания собственного пути для текста.
Смещайте опорные точки до тех пор, пока вы не перенесете текст на основе контура формы, с которым работаете, и не добьетесь правильного выравнивания.
С легкостью оборачивайте текст внутри или вокруг объектов В Kittl можно играть с текстом и фигурами разными способами. А бесшовные методы — это то, чему вы можете научиться всего за несколько минут практики.
Взгляните на существующие шаблоны для вдохновения и начните работу над своим новым проектом. Нет необходимости что-либо экспортировать в Adobe Illustrator, поскольку все необходимые настройки можно выполнить в Kittl.
Начало работы с Kittl →
Статьи по теме
Учебники
Простой ввод текста по любой траектории
Вам не нужен Adobe Illustrator, чтобы разместить текст по изогнутой траектории! В Kittl у вас есть полный ко…
Учебники
Как сделать радужную надпись
На первый взгляд может показаться, что создать радужный текст несложно. Конечно, мы думаем…
Учебники
Создание эффектов винтажной типографики
В этом видео Дрю начинает с показа вам страниц с образцами винтажного шрифта, отображающих стили, которые вы бы использовали…
Как добавить маркеры к тексту в Adobe Illustrator
Как добавить маркеры к тексту в Adobe Illustrator В сегодняшней статье вы узнаете, как добавлять маркеры в текст, правильно форматировать маркированный список и создавать новый стиль абзаца, чтобы ускорить работу с похожими текстовыми объектами в текущем и новом документах.
Для этой статьи не требуются плагины или дополнения к Adobe Illustrator. Astute Graphics опубликовала это, чтобы помочь ответить на один из главных вопросов, с которыми дизайнеры векторной графики сталкиваются каждый день.
Хотя в Adobe Illustrator нет функций для создания маркированных списков, простая последовательность действий позволяет это сделать.
Шаг 1
Возьмите инструмент «Текст» (T), создайте текстовую область и вставьте несколько абзацев текста. Для этих целей я использовал текст Lorem Ipsum.
Для пользователей CC2018 и выше обратите внимание, что Ai теперь по умолчанию заполняет текстовые поля Lorem Ipsum. Однако пользователям CS6 и более ранним версиям CC по-прежнему потребуется использовать внешний инструмент, такой как Lorem Ipsum или Lorem Ipsum Generator.
Это создаст маркер.Для создания маркеров также можно использовать панель «Глифы» ( «Текст» > «Глифы» или «Окно» > «Текст» > «Глифы» ).
Здесь вы можете выбрать не только круглую точку, но и другие символы. В стандартных шрифтах WingDings и Webdings представлено множество различных символов, которые подходят для нашей задачи.
Шаг 2
Поместите символ табуляции после маркера.
Скопируйте маркер, затем Tab и вставьте их перед остальными абзацами.
Шаг 3
Выберите весь объект текстовой области и откройте панель вкладок ( Окно > Тип > Вкладки ) и установите для левой вкладки значение 10 pt.
Панель «Открыть абзац» ( Окно > Тип > Абзац ) и установите Отступ слева на 10 пунктов, Отступ первой строки на -10 пунктов, а затем установите Пробел перед абзацем на 5 пунктов.
Теперь маркированный список имеет правильный формат.
Естественно, вы можете настроить размер отступов в зависимости от стиля и размера шрифта, с которыми вы работаете. Но, как правило, старайтесь, чтобы эти значения были пропорциональны.
Шаг 4
Чтобы не избежать повторения вышеприведенной последовательности каждый раз, создайте новый стиль абзаца. Откройте панель «Стили абзацев» ( «Окно» > «Текст» > «Стили абзаца» ) и выберите «Новый стиль абзаца» во всплывающем меню. Назовите стиль и нажмите «ОК».
Теперь вы можете применять этот стиль в текущем документе к другим абзацам, содержащим маркеры и символы табуляции.
Шаг 5
Чтобы использовать стиль Bullet points в новом документе, сохраните пустой файл, в котором был создан стиль, с расширением .ai в удобном месте. Затем в новом документе откройте панель «Стили абзацев» и выберите «Загрузить стили абзацев…» во всплывающем меню.
