Содержание

Зеркальное рисование в Adobe Illustrator — Советы

Цель урока

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

Создание шаблона для зеркального рисования

Шаг 1

Открываем Adobe Illustrator и создаем новый документ (File > New). Размеры рабочей области и цветовой режим нового документа зависят только от ваших предпочтений. Берем Rectangle Tool (M) и создаем прямоугольник без заливки, размеры которого больше, чем размеры рабочей области. Цвет обводки этого прямоугольника не имеет абсолютно никакого значения.

Шаг 2

Включите линейки (Rulers) (Command/Ctrl + R) и создайте горизонтальную и вертикальную направляющую, перетащив их с соответствующих линеек. Направляющие должны проходить через центр созданного прямоугольника.

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

Шаг 3

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

Шаг 4

Выделяем весь слой в панеле Layer.

Теперь переходим Effect > Distort & Transform > Transform… и в открывшемся диалоговом окне указываем ось симметрии и количество копий, равное 1. Для визуального контроля над происходящим отмечаем опцию Preview и нажимаем OK.

Шаблон готов, можно приступать к рисованию.

Зеркальное рисование

Шаг 5

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

Теперь берем любой из инструментов рисования, например Paint Brush Tool (B) и создаем путь.

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

Шаг 6

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

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

Шаг 7

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

Настройка шаблона при зеркальном рисовании

Шаг 8

Вы всегда можете перенастроить шаблон. Для этого выделите слой с шаблоном и кликните на Transform effect в панели Appearance (Window > Appearance), что приведет к открытию диалогового окна с параметрами эффекта.

Например, вы можете изменить ось симметрии.

Шаг 9

Вы даже можете установить несколько осей симметрии, выбрав одновременно опции Reflect X, Reflect Y и установив требуемое количество копий и угол поворота.

Только в этом случае помимо симметрии мы также получаем поворот относительно точки пересечения осей.

Завершение процесса зеркального рисования

Шаг 10

Теперь давайте что-нибудь нарисуем. Я создал абстрактный узор в стиле Freehand Pinstriping.

Когда рисование закончено, выделяем весь слой, затем переходим Object > Expand Appearance. Зеркальное отражение материализовалось в виде обычных векторных объектов.

Вспомогательные элементы в виде стрелок и прямоугольников теперь могут быть удалены. Итоговая работа выглядит так:

Сегодня я рассказал вам о том, как осуществить зеркальное рисование при помощи стандартных функций Adobe Illustrator. Может этот путь показался вам неудобным и имеющим некоторые ограничения. Хочу заметить, что это не единственный способ осуществить зеркальное рисование. Недавно появился плагин MirrorMe для осуществления мгновенной симметрии в Adobe Illustrator, пользоваться которым намного удобней, и который имеет больше функций.

Как обрисовать картинку в иллюстраторе


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

Варианты рисования в программе

В Иллюстраторе предусмотрены следующие возможности для рисования:

  • При помощи графического планшета. Графический планшет, в отличие от обычного планшета, не имеет ОС и каких-либо приложений, а его экран – это рабочая область, по которой нужно рисовать специальным стилусом. Всё, что вы на ней нарисуете, будет отображено на экране вашего компьютера, при этом на планшете ничего отображаться не будет. Данное устройство стоит не слишком дорого, в комплекте с ним идет специальный стилус, пользуется популярностью у профессиональных графических дизайнеров;
  • Обычными инструментами Иллюстратора. В этой программе, как и в Фотошопе есть специальный инструмент для рисования – кисть, карандаш, ластик и т.д. Ими можно пользоваться без покупки графического планшета, но при этом пострадает качество работ. Будет достаточно сложно рисовать, используя только клавиатуру и мышку;
  • С помощью iPad или iPhone. Для этого нужно скачать с App Store Adobe Illustrator Draw . Данное приложение позволяет рисовать на экране девайса при помощи пальцев или стилуса, без подключения к ПК (графические планшеты необходимо подключать). Проделанную работу можно будет перекинуть с девайса на компьютер или ноутбук и продолжить с ним работу в Иллюстраторе или Фотошопе.

О контурах для векторных объектов

При рисовании любой фигуры – от просто прямой линии до сложных объектов, программа создаёт контуры, которые позволяют менять форму фигуры, не теряя при этом в качестве. Контур может быть, как замкнутый, в случае с кругом или квадратом, так и иметь конечные точки, например, обычная прямая линия. Примечательно, что сделать корректную заливку можно только в том случае, если фигура имеет замкнутые контуры.

Управлять контурами можно при помощи следующих компонентов:

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

Управляющих точек и линий. С их помощью можно округлить определённую часть фигуры, сделать изгиб в нужную сторону или убрать все выпуклости, сделав эту часть прямой.

Управлять данными компонентами проще всего с компьютера, а не с планшета. Однако, чтобы они появились, потребуется создать какую-либо фигуру. Если вы не рисуете сложною иллюстрацию, то нужные линии и фигуры можно нарисовать при помощи инструментов самого Иллюстратора.

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

Рисуем в Иллюстраторе при помощи обрисовки элемента

Данный способ отлично подходит для новичков, которые только осваивают программу. Для начала вам необходимо сделать какой-либо рисунок от руки или найти подходящую картинку в интернете. Сделанный рисунок потребуется либо сфотографировать, либо отсканировать, чтобы по нему делать обрисовку.

Итак, воспользуйтесь этой пошаговой инструкцией:

    Запустите Иллюстратор. В верхнем меню найдите пункт
    «File»
    и выберите «New…». Также можно воспользоваться просто комбинацией клавиш Ctrl+N.

В окне настройки рабочей области укажите её размеры в удобной для вас системе измерения (пиксели, миллиметры, дюймы и т.д.). В «Color Mode» рекомендуется выбирать «RGB», а в «Raster Effects»«Screen (72 ppi)». Но если вы будете отправлять свой рисунок для печати в типографию, то в «Color Mode» выбирайте «CMYK», а в «Raster Effects»«High (300 ppi)». Насчёт последнего – можно выбрать «Medium (150 ppi)». Такой формат будет потреблять меньше ресурсов программы и тоже подойдёт для печати, если её размер будет не слишком крупным.

Если изображение выходит за края рабочей области, то настройте его размер. Для этого выберите инструмент, который обозначен иконкой чёрного курсора мыши в «Панели инструментов». Нажмите им по картинке и тяните за края. Чтобы изображение трансформировалось пропорционально, не искажаясь в процессе, нужно зажать Shift.

После переноса изображения нужно настроить его прозрачность, так как когда вы начнёте поверх него рисовать, линии будут смешиваться, что значительно усложнит процесс. Для этого перейдите в панель «Transparency», которую можно найти в правой панели инструментов (обозначена иконкой из двух кружков, один из которых прозрачный) или воспользоваться поиском по программе.

В этом окне найдите пункт «Opacity» и настройте его на 25-60%. Уровень непрозрачности зависит от изображения, с некоторыми удобно работать и при 60% непрозрачности.

Перейдите в «Слои». Можно также найти их в правом меню — выглядят как два квадрата, наложенных друг на друга сверху — или в поиске по программе, введя в строку слово «Layers». В «Слоях» нужно сделать невозможным работу с изображением, поставив иконку замка справа от иконки глаза (просто нажмите на пустое место). Это нужно для того, чтобы в процессе обводки случайно не передвинуть или удалить изображение. Данный замочек можно снять в любой момент.

  • Теперь можно заняться самой обводкой. Каждый иллюстратор выполняет данный пункт как ему удобно, в данном примере рассмотрим обводку при помощи прямых линий. Для примера обведём руку, которая держит стакан с кофе. Для этого нам понадобится инструмент «Line Segment Tool». Его можно найти в «Панели инструментов» (выглядит как прямая линия, которая слегка наклонена). Ещё его можно вызвать, нажав клавишу . Выберите цвет обводки линии, например, чёрный.
  • Обведите таковыми линиями все элементы, которые есть на изображении (в данном случае – это рука и кружка). При обводке нужно смотреть, чтобы опорные точки всех линий элементов соприкасались между собой. Не стоит делать обводку одной сплошной линией. На местах, где есть изгибы желательно создавать новые линии и опорные точки. Это нужно для того, чтобы рисунок впоследствии не выглядел слишком «обрубленным».
  • Доведите обводку каждого элемента до конца, то есть, сделайте так, чтобы все линии на рисунке образовали замкнутую фигуру в виде того объекта, который вы обрисовываете. Это необходимое условие, так как если линии не будут замыкаться или в каких-нибудь местах образуется зазор, то вы не сможете закрасить объект на дальнейших шагах.
  • Чтобы обводка не выглядела слишком обрубленной, воспользуйтесь инструментом «Anchor Point Tool». Его можно найти в левой панели инструментов или вызвать при помощи клавиш Shift+C. Нажимайте данным инструментом по конечным точкам линий, после чего будут появляться управляющие точки и линии. Тяните их, чтобы слегка скруглить контуры изображения.

    Когда обводка изображения будет доведена до совершенства, можно приступать к закрашиванию объектов и обрисовке мелких деталей. Следуйте данной инструкции:

    1. В качестве инструмента заливки на нашем примере будет логичней использовать «Shape Builder Tool», его можно вызвать при помощи клавиш Shift+M или найти в левой панели инструментов (выглядит как два круга разных размеров с курсором у правого круга).
    2. В верхней панели выберите цвет заливки и цвет обводки. Последняя в большинстве случаев не используется, поэтому в поле выбора цветов поставьте квадрат, перечёркнутый красной линией. Если же вам нужна заливка, то там выбираете нужный цвет, а напротив «Stroke» указываете толщину обводки в пикселях.
    3. Если у вас получилась замкнутая фигура, то просто подведите на неё мышью. Она должна покрыться маленькими точками. Затем кликайте по покрытой области. Объект закрашен.

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

  • Для обрисовки деталей, в данном случае кожных складок и ногтя, можно воспользоваться тем же «Line Segment Tool» и делать всё в соответствии с пунктами 7, 8, 9 и 10 из инструкции ниже (данный вариант актуален для обрисовки ногтя). Для прорисовки складок на коже желательно воспользоваться инструментом «Paintbrush Tool», который можно вызвать при помощи клавиши B. В правой «Панели инструментов» выглядит как кисть.
  • Чтобы складки получились более естественными, нужно произвести некоторые настройки кисти. Выберите подходящий цвет обводки в цветовой палитре (он не должен сильно отличаться от кожаного цвета руки). Цвет заливки оставить пустым. В пункте «Stroke» задать 1-3 пикселя. Также нужно выбрать вариант окончания мазка. Для данной цели рекомендуется выбирать вариант «Width Profile 1», который выглядит как вытянутый овал. Выберите вид кисти «Basic».
  • Кистью обводите все складки. Данный пункт удобнее всего делать на графическом планшете, так как устройство различает степень нажима, что позволяет делать складки разной толщины и прозрачности. На компьютере же получится всё довольно однотипное, а для того чтобы внести разнообразие, придётся каждую складку прорабатывать индивидуально – настраивать её толщину и прозрачность.
  • По аналогии с данными инструкциями, обрисовывайте и закрашивайте другие детали изображения. После работы с ним, разблокируйте его в «Слоях» и удалите картинку.

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

    Отблагодарите автора, поделитесь статьей в социальных сетях.

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

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

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

    Три картинки — три разных способа создания. Угадаете, где какой? 🙂

    Это я все к тому, что меня тут как-то недавно спросили — а как удобнее обрисовывать картинку в Иллюстраторе?

    Ведь существует великое множество способов превратить идею или скетч в векторную картинку с помощью нашей любимой программы 🙂 И я решила описать самые известные способы — с их плюсами и минусами. Сама я пользуюсь разными способами — в зависимости от результата, который хочу получить.

    Трейс / Image Trace

    Самый автоматизированный способ сделать из скетча векторную картинку и, как мне казалось раньше, самый быстрый (дисклеймер — сейчас я уже так не думаю).

    Трейс картинки осуществляется с помощью панели image trace (верхняя панель Window — Image Tace) — просто помещаете свой скетч на рабочую область, открываете панельку, в выпадающем меню выбираете один из пресетов (у всех разные настройки, выбрать лучший можно методом тыка) — например, sketch — и через минуту-другую ваш файл превращен в вектор. Потом нужно только не забыть удалить “мусор” — разные пустые пути, которые образуются в процессе. Для этого не снимая выделение с оттрейсенного объекта надо пойти в верхнее меню Object — Path — Clean Up.

    Трейс готов! Как говорили на одной моей прошлой работе “нажал кнопку — и в кассу”. Но, увы, все не так просто.

    Результат трейса выглядит круто только тогда, когда исходная картинка-скетч была высокого качества (четкие линии с минимумом рукодрожания, не ворсистыми линиями и тп), потом она была сканирована с приличным DPI и хотя бы немного обработана в фотошопе (выбеливание фона, добавление контраста). Во всех остальных случаях трейс требует доработки.

    Я делаю так: включаю видимость путей (cmd+H), выбираю контрастный цвет для них по отношению к обводке (двойной клик по названию слоя) — и, увеличив картинку до 200-300% проверяю аккуратность линий. В этом мне сильно помогают обычный карандаш — он мне нравится больше, чем сглаживающий — и плагин от Astute Graphics Smart Remove Brush Tool, которым можно удалять лишние точки, минимально изменяя линию.

    Тут важно не переусердствовать в “вылизывании” картинки — если вам нужно идеальные ровные линии — быстрее использовать один из инструментов, о которых речь пойдет ниже. Трейс разумно использовать тогда, когда хочется сохранить эффект “нарисованности вручную”.

    Я на данный момент использую трейс только для цитат вроде такой:

    Плюсы и минусы трейса:

    + Можно относительно быстро превратить хороший скетч в векторную картинку с сохранением hand drawn эффекта

    – Нужно потратить время, чтобы обработать
    – Весь объект уже векторный, то есть труднее поменять толщину линий
    – Линии не будут идеально ровными (это же и плюс)

    Мой вердикт таков — использовать трейс надо с умом, применяя его ни ко всему подряд, чтобы сэкономить время на обработку, а к избранным картинкам, чтобы сохранить “ручной” эффект и некую небрежность линий.

    Блоб браш / Blob Brush

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

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

    Одна из моих первых картинок, нарисованная блоб брашем

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

    Плюсы и минусы блоб браша:

    + Облегчает художникам переход с растра на вектор
    + Имитирует “живое” рисование

    – Нужен планшет, чтобы оценить всю прелесть (и умение рисовать тоже не помешает)
    – Толщину линий можно задавать только перед рисованием, как только линия проведена — она по сути является векторным объектом с заливкой, — как и в случае с трейсом регулировать толщину постфактум сложно

    Самый, наверное, непонятный инструмент для новичков, который оказывается крайне удобной и функциональной штукой, когда узнаешь его поближе. Совсем скоро я добавлю урок в магазин про то, как сделать кривые Безье своими лучшими друзьями, потому что сама в свое время потратила на них немало нервов.
    Перо — инструмент наиболее далекий от художников и близкий графическим дизайнерам, потому что чтобы нарисовать линию — нужно не провести ее кисточкой/карандашом и тп, а поставить точку, потом еще одну — и так далее, регулируя изгиб и длину ручками кривой.

    Почему-то мне видится, что блоб брашем больше рисуют девочки, а пентулом — мальчики, потому что он такой строгий и серьезный. И да, это мой любимый инструмент. Правда, не стандартный пентул, а апгрейд от Астуте Графикс под названием Вектор Скрайб.

    Плюсы и минусы пентула:

    + Чистые и аккуратные линии
    + Можно регулировать толщину нарисованных линий/картинки в любой момент за пару секунд, пока не сделан экспанд (который нужно делать перед отправкой на стоки, но лучше сохранять в рабочем файле неэкспанднутую копию)
    + Пентул — отличный способ создавать картинки на стоки для тех, кто не умеет рисовать в классическом понимании этого слова

    – Все рисование сводится к расстановке точек и повороту ручек — многих креативных людей это напрягает
    – Полезно также освоить инструмент Shape Builder Tool и панель Pathfinder, потому что обычный ластик удалить лишнее не поможет
    – Чтобы научиться уверенно обращаться с пентулом, нужно освоить какое-то количество теории и много, много практиковаться, при этом первое время линии будут получаться кривоватыми и на отрисовку будет уходить много времени

    Кисточка (обычная) / Brush

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

    Что на линию, проведенную кистью, что на “пентульную” можно “насадить” огромное количество самых разных кистей — из стандартной библиотеки (правда, официально на стоки их использовать нельзя), либо !! своих собственных, каждый раз получая новый результат. Потом нужно не забыть все это дело отэкспандить (то есть превратить в вектор с помощью команды Object — Expand).

    Плюсы и минусы кисточки:

    + Сохраняется возможность редактирования линий и можно рисовать руками (не точками)

    – Нужен планшет
    – Линии почти всегда получаются не такими, как хочется, — может у меня руки кривые, но по моим ощущениям тот же блоб браш позволяет точнее контролировать линию

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

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

    Простые геометрические формы

    Речь о квадрате, круге, линиях, многоугольниках — чаще всего, конечно, они используются не сами по себе, а в сочетании с пентулом. Рисование с помощью геометрических фигур подходит тем, кто любит геометричность в картинках, кайфует от четких форм и минимума точек на путях 🙂 Раньше я использовала формы только для каких-то очевидных действий — например, делала глаза персонажу с помощью круга, или каркас дома с помощью квадрата.

    Посмотрев курс Illustration for Designers: Create Your Own Geometric Animal (Иллюстрация для дизайнеров: Создайте свое собственное геометричное животное) на Skillshare я переосмыслила роль форм в картинках и мне стало интересно научиться видеть формы в объектах. Так родилась серия животных, которую я скоро планирую продолжить:

    Плюсы и минусы рисования формами:

    + Линии получаются идеальными, не нужно думать о том, куда поставить точку и как потянуть за ручку

    – Перестроиться на «мышление формами» большинству людей очень сложно
    – Все равно придется использовать дополнительные инструменты — пентул, панель пасфайндер или шейп билдер тул

    Примерно 80% моих текущих картинок нарисованы плагином InkScribe — тот самый аналог пентула от Astute Graphics, о котором я уже говорила (я, кстати, планирую написать отдельный пост про астутовские плагины, как только меня перестанет пугать потенциальный размер этого поста).

    Остальные 20% — это трейс, простые формы и иногда — Dynamic Sketch Tool. Это что-то вроде карандаша, только более аккуратный и с большим количеством настроек (опять же, астутовский).

    Каким инструментом будет удобнее/быстрее рисовать лично вам кроме вас никто решить не сможет. Поэтому мой главный совет — пробуйте их все, применяйте для разных картинок, разных стилей, в разных ситуациях и не позволяйте чужому мнению на вас влиять. Потому что для кого-то блоб браш всех прекраснее и милее, а кому-то, чтобы рисовать крутые картинки, и планшет не нужен — справляются мышкой и пентулом.

    Микростоки: рисуем и зарабатываем на своем творчестве

    20 апр. 2015 г.

    Урок Adobe Illustrator: Как отрисовать набросок в иллюстраторе, если нет планшета

    У нас в гостях Елена Дмитриева с очередным уроком по Adobe Illustrator. Лена расскажет, как отрисовать исходник в иллюстраторе, например фотографию или скетч, если у вас нет графического планшета. Если же планшет всё-таки есть, то можно посмотреть другой урок: Видео урок Adobe Illustrator: Как рисовать при помощи графического планшета.

    Если вы тоже хотите написать для нас гостевую статью, то тут есть все подробности: Напиши свой урок – попади к нам на блог!

    Остальные уроки по иллюстратору с нашего блога вы найдёте на этой странице: Уроки Adobe Illustrator

    Можно взять любой дудлик и открыть его с помощью иллюстратора. У меня есть вот такой.

    Его легко можно отрисовать на планшете. А если планшета нет, либо вы с ним совсем не дружите, то тогда автотрейс. Но в этом случае линии иногда получаются рваными, особенно если исходная картинка не очень хошего качества. Поэтому я решила её обвести с помощью пера Pen Tool.

    В меню панели Слои (Layers) поставьте галочку Шаблон (Template). Это позволит закрепить текущий слой с рисунком, чтобы он не двигался. Также изображение станет немного бледным, чтобы удобнее было отрисовывать исходник.

    Затем создаём новый слой. Цвет обводки возьмем синий, чтобы он отличался от эскиза и от цвета направляющих, так его лучше видно. И инструментом перо Pen Tool отрисовываем в этом слое все линии. Если у вас мало опыта по работе с Pen Tool, то вот урок для начинающих: Рисуем с помощью инструмента Перо (Pen Tool). Ещё вы можете потренировать свои навыки владения пером в этой игре: Bezier Game.

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

    Чтобы отрисованый дудл смотрелся красивее, к линиям можно применить кисть. Например, сделать кисть из эллипса. Для этого нарисуйте узкий эллипс, он должен быть больше похож на полоску. Также можно его немного исказить с помощью Warp Tool (Shift+R). Затем перетаскиваем эллипс в панель Brushes (кисти). Тип кисти выбираем Art Brush, в окне настроек можно оставить всё без изменений. Если вы не работали до этого с кистями, то вот урок для начинающих: Использование кистей в иллюстраторе.

    Когда кисть готова, нужно выделить все контуры на артборде и применить её. Просто нажмите на кисть в панели Brushes, и она заменит стандартные обводки рисунка.

    Если у вас образовались неаккуратности на некоторых линиях, это можно исправить. Пройдитесь по этим местам инструментом Warp Tool (Shift+R), или сгладьте через Smooth Tool (второй инструмент в карандаше).

    Чтобы линии были разной толщины, можно применить инструмент Width Tool (shift+W). Выделяем линию, которую хотим изменить, и тянем в сторону этим инструментом.

    Width Tool (shift+W) можно применять к одному контуру в нескольких местах, тогда можно добиться неравномерного профиля линии, она будет как бы гуляющая. После того как линии станут вас устраивать, их следует разобрать в простые формы через команду Object > Expand Appearance. Результат можно разгруппировать для дальнейшего редактирования Object > Ungroup (ctrl+shift+G).

    Если в векторе появилось очень много лишних точек, то их количество можно сократить через упрощение контура Object > Path > Simplify.

    Продолжаем править наш дудлик. Сейчас он немного похож на ёжика, линии пересекаются и торчат с разных сторон. Поэтому выделим всё (Ctrl+A) и разрежем через панель Pathfinder (shift+ctrl+F9) > Divide (разделение). Затем разгруппировываем результат, и удаляем лишние детали вручную. Имейте ввиду, что при работе Pathfinder могут появиться контуры-призраки, это пустые формы без заливки и обводки. Но они легко вычищаются с помощью команды Object > Path > Clean Up (предварительно всё выделите).

    Рисунок почти готов. Его можно оставить разделенным на кучу мелких кусочков, раскрасить их в разные цвета, например с помощью скрипта Very Hues. Если вы не знакомы с таким скриптом, то в этом уроке есть подробное описание его работы: Уроки Adobe Illustrator: как нарисовать фон из треугольников

    Также части рисунка можно объединить в одну форму с помощью Pathfinder (shift+ ctrl+F9) > Unite.

    Спасибо за внимание! Если у вас есть вопросы по уроку, то можете их оставлять в комментариях к статье.

    Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:

    “>

    Как нарисовать sprite sheet в Adobe Illustrator

    Мне надоело тестировать процессы GameDev с помощью треугольников и прямоугольников. Это скучно и не интересно, поэтому настало время что-нибудь взорвать. Но с чего начать? — спросите Вы. А я отвечу, нужно нарисовать sprite взрыва, если быть точным, то нарисовать sprite sheet для взрыва, который будет представлять анимацию взрыва.

    Но как это сделать? — этим вопросом озадачился я. После изучения нескольких форумов и видеоуроков, я решил собрать полученную информацию в один урок на своём сайте. Итак у нас следующее технической задание на этот урок:

    1. Нарисовать несколько sprite картинок, из которых мы сделаем sprite sheet для анимации взрыва;
    2. Собрать сам sprite sheet и сохранить его в PNG файл;
    3. Сделать всё это, используя ПО Adove Illustrator .

    Рисуем sprite картинки по шагам

    Примечание. Также, если не интересно читать пошаговый мануал, то предлагаю сразу обратиться к видеоуроку в конце статьи, там всё наглядно расписано, показано и объяснено.

    Шаг первый

    Создаём файл с полотном для sprite картинки с параметрами 20 на 20 пикселей. Именно такие картинки будем использовать в следующих уроках по GameDev в Qt для реализации взрывов от пуль. Будем рисовать взрывы.

    Шаг второй

    А теперь создаём на рабочем полотне прямоугольную сетку, которая будет разделять наши пиксели. При этом необходимо задать параметры сетки такие, что её ширина и высота будут равны ширине и высоте спрайта, а количество вертикальных и горизонтальных разделителей сделать количеству пикселей по высоте и ширине соответственно. Также не забудьте убрать обводку и сделать фон прозрачным, нам же не нужен лишний белый цвет в sprite-картинке.

    Шаг третий

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

    Шаг четвертый

    После того, как мы отрисуем все 15 sprite картинок, создадим новый проект в Adobe Illustrator. Который будет содержать все 15 sprite картинок и будет шириной на все 15 картинок и по высоте на одну картинку. То есть будем отрисовывать все картинки в один ряд. Также поместим прямоугольник на всё полотно. Не забудьте убрать обводку и сделать фон прозрачным.

    Шаг пятый

    Далее создаём в Прямоугольнике контурную сетку, состоящую из одной строки и 15 столбцов под все sprite картинки.

    Шаг шестой

    А теперь, зайдя в пункт меню Файл, с помощью пункта «Поместить» добавляем в проект все подготовленные спрайты.

    Шаг седьмой

    А теперь завершаем создание sprite sheet , сохранив его в PNG картинку с прозрачным фоном. После сохранения получившегося изображения проверим его, как оно выглядит в обычном просмотрщике изображений.

    Также весь урок представлен в ниже следующем видеоуроке.

    Видеоурок

    Начинаем рисовать? Начинаем | artlab.club

    Как же это тяжело — просто начать рисовать! Спросите кого угодно из состоявшихся стокеров, что нужно делать, чтобы как-то дать старт своему портфолио, и они ответят нечто в духе «А ты просто начни. Просто начни рисовать.» Вот и первая серьёзная проблема на пути к счастью — как так, просто начать рисовать?! А если вы в последний раз в жизни рисовали на полях тетрадки по алгебре в средней школе? А если вы в общем и целом что-то там рисовали, но никогда не рисовали в векторах? А если вы просто не считаете себя достаточно талантливым, чтобы что-то рисовать? На все эти вопросы я попытаюсь дать ответ.

    Я не умею рисовать!

    Я и сам так о себе думал. Да и продолжаю думать. «Я не умею рисовать», всегда говорил я, глядя на совершенно изумительные иллюстрации топ-стокеров. Что я там умею? Рисовать квадраты и круги в Иллюстраторе, больше ничего. Если вы про себя считаете так же, то не торопитесь с выводами, так как… *тайна! спойлер! сенсация!* для того, чтобы зарабатывать на стоках, вовсе не нужно уметь рисовать 🙂 То есть, конечно, в каких-то пределах вам придётся овладеть Иллюстратором, но не стоит смотреть на работы профессиональных иллюстраторов и думать, что без такого уровня вы не сможете добиться каких бы то ни было результатов. Не забивайте себе головы какими-то заоблачными стандартами качества, для достижения которых вам придётся не спать, не есть и не смотреть «South Park» десять лет кряду. Поймите правильно, профессиональный уровень — отлично, но на стоках решающим зачастую является вовсе не он. Сперва вам кажется, что для того, чтобы иллюстрация часто продавалась, её нужно отрисовать чуть ли не в фотореалистичном стиле, но посмотрите в любой топ — там очень много достаточно простых, плоских картинок. Чем больше вы будете гулять по чужим портфолио, тем яснее для вас будет одна простая истина: не можете сложно — не надо, главное чтобы было мило, актуально и тематически востребовано.


    На этой иллюстрации вы можете увидеть одну из моих самых первых работ для стоков. Посмотрите, насколько она проста и насколько запросто вы могли бы нарисовать то же самое. Это просто несколько прямоугольников, не более того, но если сложить их вместе, то получается очень просто нарисованная дверь. Где-то за час я придумал и нарисовал 8 разных дверей, которые имели различную форму и фактуру, но были ничуть не сложнее этой. И да, эта иллюстрация достаточно много раз продалась и время от времени продолжает продаваться. Этим всем я пытаюсь высказать одну простую мысль, которая снимет целую кучу вопросов:

    • Простая ли это работа? Да, очень.
    • Трудно ли её было придумать и реализовать? Нет, не трудно.
    • Можно ли считать, что нарисовавший эту дверь умеет рисовать? Ни разу.
    • И тем не менее она продаётся? Да.

    Ещё одна из самых первых работ — стандартная розетка. Ничего сложного, ну вот совсем ничего. За пару часов я сделал их штук 12 (в мире их на самом деле много видов) и этот набор вполне себе продаётся до сих пор.

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

    Я в общем-то рисую, но не в векторах…

    Бывает, не страшно, это можно починить 🙂 Конечно, векторная графика кардинально отличается от обычной (растровой), но при некотором энтузиазме что-то несложное можно научиться рисовать практически сразу. Было бы желание, а мы исходим из того, что у вас это желание есть.

    Прежде всего стоит выбрать редактор, в котором вы будете работать. Если выбирать из серьёзного софта, то я бы посоветовал выбрать между Corel Draw и Adobe Illustrator. Сам я работаю с Иллюстратором, но лично знаю людей, кто предпочитает Corel Draw. Дело вкуса. Однако, могу наперёд сказать, что Иллюстратор более прогрессивный продукт и под него куда легче найти актуальные и толковые уроки. Кстати, об уроках. Для начала я бы вам очень советовал пройти какой-нибудь не слишком длинный, хороший и доходчивый курс. Скажу честно, в сети я нашёл аж несколько видеокурсов, каждый из которых показался мне до ужаса нудным. Ну вот не люблю я, когда мне хочется поскорее начать рисовать, а лектор три часа сверлит мозг, рассказывая, как космические корабли бороздят просторы Большого Театра. В итоге я остановился на сайте Digital-Tutors.com и их курсах. Да, сайт платный и мне пришлось заплатить $29 за месячный доступ, но лично для меня оно того стоило. За пару месяцев я успел пройти этот начальный курс и зацепить ещё пару заинтересовавших меня курсов, которые мне не нужно было проходить полностью, а важно было понять сам принцип. Начальный курс идёт на хорошем английском, а ведущий Эдди Рассел (Eddie Russell) объясняет живо, наглядно и вовсе не скучно. В любом случае после этого курса я был в общем и целом готов открыть Иллюстратор и что-то в каких-то пределах нарисовать.

    Если же вы уже умеете рисовать на бумаге, то вам вообще все дороги открыты: пройдите какой-нибудь начальный курс и вперёд! Конечно, как я сказал ранее, вектор сильно отличается от растра, но по крайней мере у вас будет серьёзное преимущество перед теми, кто вообще не рисует. Вам не нужно будет своим умом доходить до того, что такое удачная композиция, что такое свет и тень или что такое гармония цвета. Ваш переход на вектор пройдёт раз в сто проще, чем у меня и тысяч других самоучек. А уж если вы подружитесь с планшетом, то скоро выше вас будут только звёзды.

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

    Начни, начни… А с чего конкретно мне начать?!

    Например с приобретения удобного блокнота. И блокнот этот вам понадобится для трёх вещей:

    1. Этим блокнотом мы на чисто психологическом уровне сообщаем себе «Я хочу начать рисовать для стоков и это серьёзно»;
    2. В этом блокноте вы будете записывать ваши идеи;
    3. И конечно же в нём же вы будете отрисовывать ваши первые наброски.

    На фото выше вы можете видеть скетчбук, которым пользуется моя жена Юля. Скетбук шикарный, сразу как-то сам собой настраивает на весьма креативный лад. Однако, это уже продвинутый уровень, и ваш блокнот может выглядеть куда проще. Например, так, как выглядит мой собственный блокнот (присутствие на обложке Бильбо Беггинса должно повысить желание рисовать как минимум вдвое) 🙂

    Блокнот — совершенно необходимая вещь, которая уже самим фактом своего приобретения говорит о том, что всё серьёзно. Ну или нет, время покажет 🙂

    Прежде всего блокнот — то место, где вы будете записывать ваши идеи. Идея — такая ненадёжная вещь… Она иногда приходит в самое неподходящее время, а потом нежданно улетучивается без следа, поэтому важно сразу же её записать или даже набросать (буквально несколькими штрихами). Всегда носите блокнот с собой, ничто не должно пропасть бесследно, даже какая-то не вполне оформившаяся идея для иллюстрации должна быть сразу же записана. Ну и конечно в этом же блокноте вы начнёте рисовать ваши первые наброски. У всех это проходит по-разному, но мне иногда проще сперва набросать эскиз на листе бумаги, попробовать так и эдак, а уже после отрисовывать всё это в Иллюстраторе. Вот как-то так:

    На первых порах лучше приобрести блокнот с листами в клеточку, чтобы было легче рисовать прямые линии. Не обращайте внимание на качество, пусть ваши эскизы будут косые, кривые и страшненькие — это совершенно не важно. Важен сам факт того, что вы что-то придумали и из головы перенесли это на бумагу (из ничего вы уже сделали что-то — теперь оно существует). Сперва это будет ужасно трудно, потом легче, а затем и совсем легко. Так за месяц-два даёт трещину эта с первого взгляда непрошибаемая стена под названием «Я не умею рисовать». Вскоре окажется, что всё не так уж и сложно, что на стоках не так важно наличе какого-то там невероятного мастерства, как умение придумать что-то потенциально интересное и перенести это сперва на лист блокнота, а затем — в вектор. Пусть пополнение списка идей новыми задумками и периодическая отрисовка некоторых из них прямо тут же в блокноте войдёт у вас в привычку.

    В качестве завершения поста упомяну ещё одного распространённого врага начинающего иллюстратора — паническую боязнь нарушить белизну листа. Можете смеяться, но эта штука проявляется у многих. Блокнот куплен, раскрыт, а дальше — бесконечный дикий страх испортить такую красоту чем-то глупым, кривым и корявым. Ну вот нельзя просто так взять и начёркать на первом же листе набросок какой-то «примитивной» иконки 🙂 А вот и можно! Боритесь с собой, это всего лишь блокнот! Рисуйте всё, что приходит в голову, зачёркивайте, рисуйте снова, лист за листом, и вскоре сами увидите, что новые наброски стали даваться всё проще и проще.

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

    Рисование волос | Уроки по Иллюстратору

    ШАГ 1

    Рисуем форму будущей прически. Для этого возмем Перо (P) или Карандаш (N). Так как она не может быть абсолютно ровной по краям, то нам нужно нарисовать несколько выбивающихся прядей.

     

    Поэтому сделаем новую кисть и пройдемся ей по краям прически.

    Рис.1 Создание формы прически

     

    Для создания кисти я нарисовала инструментом Кисть (B) несколько штрихов. Я выбрала настройки для кисти: Diameter :7 Pressure 7. Эти настройки можно сделать дважды кликнув  по стандартной кисти (см. рисунок 1).

     

    Потом я выделила все штрихи и разобрала их командой Expand Appearence в меню Object. Затем на панеле PATHFINDER объединила все штрихи в один объект. (смотрите панель на рисунке 3).

     

    Псоле этого можно создать новую кисть New Artbrush (см. рисунок 1).

     

    ШАГ 2

    Сделаем еще одну ксить. Точно такую же, но посветлее. (Не нужно заново ничего рисовать, только поменяйте завливку объекта из которого делалась первая кисть). Будем рисовать ей в режиме прозрачности Screen 20-40% поверх уже сделанной формы прически.

     

    Рис. 2 Рисование волос. Важно вести кисть по росту волос и избегать пересечений линий.

     

    Сначала стоит нарисовать длинные пряди, а потом поверх них определить свелые участки волос.

     

    ШАГ 3

    Рис. 3 Завершение рисования волос

     

    Псоле того, как завершено рисование, штрихи окажутся вышедшими за края формы. Это будет незаметно на белом фоне, но на темном будет виден брак. Поэтому нужно взять нашу изначально заготовленную форму и скопированть ее поверх всего. (Это форму также нужно разобрать и объединить, как мы делали это с первой кистью). После этого выделите все и создайте Clipping Mask (Object/Clipping Mask/Make или cmnd/ctrl+7).

     

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

     

     

    Рисуем новогоднюю снежинку в Adobe Illustrator

    Скоро зима, Рождество и Новый год. Пора начинать готовиться:)
    Я Вам расскажу быстрый способ рисовать снежинки. Для этого удобно использовать шаблон симметрии.  Можно использовать встроенные средства иллюстратора, но шаблоном удобнее.

    Есть несколько видов шаблонов симметрии. Первое это плагин  MirrorMe  от astutegraphics. Он довольно дорогой. Второе это Шаблон для создания круговых орнаментов.  Его можно скачать бесплатно.  Третье это Live Mirror Illustrator Templates  Мы будем использовать третий инструмент, потому что он проще и в нем больше шаблонов (27 штук).

    Я выбрала этот шаблон. Буква F используется  в разных шаблонах (для паттернов, для симметрии). Она показывает, как будет отзеркаливаться объект.

    Открываем файл. Видим такую картину.

    Читаем справку, а потом работаем. Иначе будет как у меня)) Сначала стала рисовать, а потом, вдруг, центр симметрии «уехал».

    Переходим в контурный режим ctrl+Y, видим, что на самом деле здесь один объект, запоминаем в каком он секторе.

    Переходим обратно в полноцветный режим ctrl+Y. Удаляем объект. Начинаем рисовать вместо него. Я решила нарисовать ягодки и листики в рождественских цветах.

    Расставляем элементы и видим, что одновременно, в режиме реального времени, объекты расставляются по всему кругу. Это очень удобно. Главное не рисовать за монтажной областью, а то центр рисования сместится.

    Снежинка готова. Но она все еще не может быть использована для микростоков. Это можно определить потому что при выделении ctrl+A выделяется только часть объектов и в контурном режиме ctrl+Y мы видим тоже только часть снежинки.

    Поэтому мы ее экспандим. Объект — разобрать. Все готово!

    Теперь у нас выделяется вся снежинка.

    Попробуем сделать из снежинки открытку и бесшовный паттерн (seamless).

    Еще урок по рисованию снежинки в  иллюстраторе

    Рисуем город из базовых фигур в illustrator

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

    Шаг 1. Квадрат

    Создадим новый документ (Ctrl+N), выберем инструмент Прямоугольник (M) и зададим стандартную белую заливку с черной обводкой. Толщину последней поставим 4рх. Нарисуем квадрат (зажав shift). С помощью инструмента Перо (Р) поставим дополнительный узел посреди верхней граний и Частичным выделением (А) подымем его на некоторую высоту, что бы получилась «крыша».

    Шаг 2. Этажи

    Добавим балки этажей с помощью Прямоугольника и на крыше сделаем окошко с помошью инструмента Эллипс (О). Для ровной окружности зажимаем shift при рисовании.

    Шаг 3. Окна и двери

    На второй этаж с помощью Прямоугольника добавим окна, а на первом нарисуем фигурные двери. Сделать это можно несколькими способави: с помощью Пера или же Прямоугольника, скруглив верхние углы через Частиное выделение (с помощью ctrl выделяем кружочки под нужными углами и тянем внутрь фигуры)

    Шаг 4. Больше домиков

    Далее включаем фантазию и рисуем несколько новых домов с разным дизайном. Например, такой. Каждый домик лучше затем сгруппировать (Ctrl+G)

    Шаг 5. Солнышко

    Нарисуем окружность. Далее (лучше с привязкой к сетке) нарисуем пару лучиков. С помощью клонирования (Ctrl+C -> Ctrl+F) продублируем лучи, зажав Ctrl, повернем их на 45 градусов. Повторим клонирование и поворот (Ctrl+C -> Ctrl+D -> Ctrl+D, лучи дважды повернутся).

    Шаг 6. Тучки

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

    Шаг 7. Волны

    На этом этапе мы будем работать с кистаяи. С помощью Пера создадим простую закругленную форму. Затем Развернем её (меню редактирование) и с помощью прямоугольников обрежем края.

    Теперь создадим новую Узорчатую (Scatter) кисть. Для этого выделим нашу форму и перетащим на панель кистей. Зададим параметры, как на рисунке. В итоге, при рисовании линиии и применении к ней новой кисти, мы получим такие вот простые волны.

    Шаг 8. Эксперименты

    Используя Прямоугольник, скругление углов Окружность и Обработку контуров нарисуем еще домов и объектов, какие только придут в голову. Не забываем и про растительность.

    Шаг 9. Раскраска.

    Осталось только расскавить в красивой композиуии наши объекты и дать каждому их них отдеьльную заливку контура. Наш городской эскиз готов.

    Автор урока: Mary Winkler

     

    Основы работы с инструментами рисования в Illustrator | Учебные пособия по Adobe Illustrator

    Изучите основы использования инструментов рисования в Adobe Illustrator, в том числе о том, как использовать инструменты «Карандаш» и «Кривизна», как редактировать контуры и многое другое.

    Узнайте, из чего состоят формы и пути.

    Adobe Illustrator используется для векторной графики. Это означает, что вы используете его для создания фигур и различных типов путей.В этом видео вы узнаете, из чего состоит векторный путь, используя различные инструменты для изучения путей в этом файле проекта. Вы можете открыть этот практический файл, если хотите продолжить. Начните с выбора инструмента «Выделение» на панели «Инструменты» слева. Затем перейдите к иллюстрации и щелкните правой кнопкой мыши по этой строке, чтобы выбрать ее. Это прямой путь. Пути состоят из узловых точек в начале и в конце простого пути с путем или отрезком линии, соединяющим эти узловые точки. В таком пути точки привязки определяют длину и направление пути.Теперь давайте посмотрим на изогнутый путь, как вы видите здесь. Выберите инструмент «Масштаб» на панели «Инструменты» слева и перетащите его по этому контуру, чтобы увеличить масштаб. Затем выберите инструмент «Выделение» на панели «Инструменты» слева и щелкните вправо по изогнутому контуру над линией. Когда вы выбираете контур с помощью инструмента «Выделение», контур окружает ограничивающая рамка, позволяющая изменять размер, вращать и трансформировать контур в целом. Если вы не видите эту ограничивающую рамку, выберите «Просмотр», «Показать ограничивающую рамку», чтобы включить их. Попробуйте перетащить угол поля, чтобы увидеть, как он меняет форму.На панели «Свойства» справа от документа вы увидите свойства выбранного пути. Обратите внимание, что к этому контуру применена Обводка, но нет Заливки. Щелкните цвет заливки. Убедитесь, что выбран параметр «Образцы». А затем выберите цвет; Я выберу этот синий. Обратите внимание, что обводка не полностью окружает заливку. Этот путь называется открытым путем, потому что точки привязки на концах пути не соединены. Теперь, чтобы удалить эту цветовую заливку, выберите Edit, Undo Apply Swatch.Если вы хотите отредактировать путь, например, регулируя кривую, вы должны отредактировать опорные точки. Чтобы увидеть опорные точки, управляющие этим путем, выберите инструмент «Прямое выделение» на панели «Инструменты» слева. Инструмент «Прямое выделение» можно использовать для настройки контура и отдельных узловых точек. Это может дать вам контроль над формой пути после того, как вы его создали. Наведите указатель на верхнюю опорную точку кривой. Когда вы увидите слово «Якорь», щелкните, чтобы выбрать точку привязки.Теперь вы должны увидеть эти линии, идущие от точки привязки. Они называются маркерами направления или маркерами управления. Эти маркеры могут быть у любой созданной вами точки привязки. И их можно использовать для изгиба пути и управления формой этой кривой. Попробуйте перетащить конец ручки, и вы увидите, что кривая пути изменится. Последний тип пути, на который вы будете смотреть, — это формы. Форма, подобная кругу или квадрату, является замкнутым путем, поскольку начальная и конечная точки пути совпадают. Другими словами, все точки привязки соединены друг с другом в фигуре.Выбрав инструмент «Прямое выделение», щелкните край круга, чтобы выделить его. Вы должны увидеть четыре точки привязки, которые контролируют кривую пути. Наведите указатель мыши на одну из точек привязки, а затем щелкните, чтобы выбрать ее. Вы увидите маркеры направления, управляющие кривой. Попробуйте перетащить эту опорную точку, чтобы переместить ее. Затем перетащите конец маркера направления, и вы увидите, что кривая пути изменится. В Illustrator можно создать множество контуров и форм, и все они состоят из узловых точек, контуров и, при необходимости, указателей направления для создания кривой.Понимание того, из чего состоят контуры, — отличный первый шаг к созданию и редактированию ваших собственных изображений в Illustrator.

    Что вы узнали: Пути и кривые

    • Пути состоят из узловых точек, которые соединяются отрезками линий.
    • Пути для редактирования выбираются с помощью инструмента «Выделение» на панели «Инструменты». Ограничивающая рамка появляется вокруг всего пути для преобразования.
    • Инструмент «Прямое выделение» на панели «Инструменты» используется для выбора узловых точек и контуров.
    • Изогнутый путь контролируется точкой привязки с маркерами направления. Ручки направления управляют формой кривой.
    • Фигуры — это замкнутые пути, потому что все точки привязки на пути соединены.

    Узнайте, как рисовать произвольные и прямые контуры с помощью инструмента «Карандаш».

    Adobe Illustrator имеет множество инструментов для рисования контуров, включая инструмент «Карандаш» для создания плавных, красивых кривых и прямых контуров.Чтобы завершить оформление этого проекта, вы начнете с рисования с помощью инструмента «Карандаш». Затем установите некоторые настройки инструмента «Карандаш». И, наконец, вы закончите оформление корабля здесь. Вы можете открыть этот практический файл, если хотите продолжить. Открыв файл, обратите внимание на изображение корабля слева. Вы добавите окончательные формы этому кораблю с помощью инструмента «Карандаш». Итак, чтобы увеличить его часть, выберите инструмент «Масштаб» на панели «Инструменты» слева. И перетащите левую верхнюю часть артборда с кораблем, чтобы увеличить масштаб.Чтобы выбрать инструмент «Карандаш» и начать рисовать, нажмите и удерживайте инструмент «Кисть» на панели «Инструменты» слева. Затем выберите инструмент «Карандаш» в появившемся меню. Перед тем, как начать рисовать, вы установите несколько свойств. Чтобы установить цвет обводки и толщину обводки для линии, которую вы собираетесь нарисовать, щелкните цвет обводки на панели свойств справа. Выбрав Swatches, убедитесь, что выбран черный цвет. Вы можете нажать Escape, чтобы скрыть цвета. Также убедитесь, что здесь для толщины обводки установлено значение 1 pt.В этом случае заливка не имеет значения, поскольку она будет удалена, когда вы начнете рисовать. Слева от корабля в пустой области нажмите и перетащите, чтобы создать изогнутую траекторию с помощью инструмента «Карандаш». Рисование с помощью инструмента «Карандаш» очень похоже на рисование карандашом на бумаге. Появятся даже небольшие вариации. Чтобы сделать контуры, которые вы рисуете с помощью инструмента «Карандаш», более плавными, вы можете изменить настройки инструмента «Карандаш». Дважды щелкните инструмент «Карандаш» на панели «Инструменты» слева, и в диалоговом окне появятся параметры инструмента. Теперь, чтобы сделать контуры, которые вы рисуете, более плавными, перетащите верхний ползунок до состояния «Сглаживание».Это создаст новый контур, который вы рисуете с помощью инструмента «Карандаш». Итак, жмем ОК. И попробуйте нарисовать другой изогнутый путь с помощью инструмента «Карандаш». Обратите внимание, что после того, как вы отпустите кнопку мыши, путь станет более плавным. Теперь вы нарисуете часть корабля. Если хотите, вы можете следовать этим руководствам по аквапаркам во время рисования. Начиная с угла здесь, нажмите и перетащите, чтобы начать рисовать с помощью инструмента «Карандаш», и как можно лучше следуйте инструкциям по воде. Когда вы вернетесь к началу пути, рядом с указателем появится кружок, означающий, что путь будет закрыт, когда вы отпустите кнопку мыши.Итак, отпустите кнопку мыши, чтобы закрыть путь. Вы заметите, что этот угол здесь на самом деле не угол. С помощью инструмента «Карандаш» вы также можете перерисовывать части контура, даже контуры, созданные не с помощью инструмента «Карандаш». Чтобы перерисовать часть пути, переместите указатель на путь. Когда звездочка рядом со значком карандаша исчезнет, ​​перерисуйте часть пути, которую вы хотите, убедившись, что закончили снова на существующем пути. Там. Чтобы изменить цвет заливки фигуры, щелкните цвет заливки на панели «Свойства» справа.Убедитесь, что выбраны образцы, и выберите этот цвет желто-коричневого цвета. Теперь вы переместитесь в окне документа в другую часть документа. Итак, нажмите клавишу пробела, чтобы временно получить доступ к инструменту «Рука». И перетащите в Окно документа, чтобы увидеть водные направляющие в нижней части монтажной области. Затем отпустите клавишу пробела. Затем вы нарисуете эту форму, следуя направляющим. На этот раз вы увидите, как рисовать прямую линию с помощью инструмента «Карандаш». Итак, начав здесь перед рисованием, нажмите клавишу Option на Mac или клавишу Alt в Windows, чтобы начать рисовать прямую линию.Когда рядом с указателем карандаша появится линия, перетащите ее сюда, чтобы создать прямую линию. Не отпуская кнопку мыши, отпустите клавишу и продолжайте рисовать по водной направляющей. Когда вы подойдете к верхней строке водного руководства, удерживая кнопку мыши нажатой, нажмите клавишу Option на Mac или клавишу Alt в Windows и проведите прямую линию через верх. Когда указатель достигает начальной точки, рядом с ним появляется кружок. Отпустите кнопку мыши, а затем клавишу, чтобы закрыть путь.Чтобы установить цвет заливки для только что нарисованной фигуры, щелкните цвет заливки на панели «Свойства». И выберите этот оранжевый цвет. Чтобы вы могли видеть все иллюстрации, выберите «Просмотр», «Уместить все в окне». Теперь, чтобы завершить этот дизайн, вы собираетесь перетащить этот корабль на правый артборд. Итак, выбираем инструмент «Выделение». Перетащите через два созданных пути. И нажмите Backspace или Delete, чтобы удалить их. Затем перетащите все фигуры, чтобы выбрать их здесь. Перетащите одну из выбранных фигур на монтажную область справа, и готово.Рисовать с помощью инструмента «Карандаш» может быть очень весело. И это дает вам инструмент для простого создания плавных траекторий. Как и все инструменты в Illustrator, не торопитесь и попрактикуйтесь в создании собственных проектов.

    Что вы узнали: рисовать с помощью инструмента «Карандаш»

    • Щелкните и удерживайте инструмент «Кисть» на панели «Инструменты» и выберите инструмент «Карандаш» в появившемся меню.
    • Дважды щелкните инструмент «Карандаш», чтобы задать параметры инструмента.
    • Перетащите документ, чтобы создать контур с помощью инструмента «Карандаш».
    • По мере рисования вернитесь к началу контура, чтобы замкнуть его и создать фигуру.
    • Поместите инструмент «Карандаш» на траекторию, чтобы перерисовать его часть. Перетащите, чтобы перерисовать, вернувшись на путь.
    • Чтобы нарисовать прямой путь с помощью инструмента «Карандаш», удерживайте нажатой клавишу «Alt» (Windows) или «Option» (macOS).

    Узнайте, как рисовать различные типы контуров с помощью инструмента «Кривизна».

    Инструмент «Кривизна» в Illustrator — отличный способ легко создавать векторные изображения. Вы будете использовать его для создания гитарного рисунка, который вы видите здесь справа, нарисовав контуры, составляющие эту гитару, и затем собрав формы на монтажной области справа. Если вы хотите продолжить, вы можете открыть этот файл из файлов практики для этого руководства. И при открытом файле, чтобы убедиться, что вы видите все иллюстрации, выберите «Просмотр», «Уместить все в окне».Вы начнете с увеличения первой области, где вы начнете рисовать. Итак, выберите инструмент Zoom на панели инструментов слева. И перетащите эту фиолетовую область слева, чтобы увеличить масштаб. Вы начнете с рисования корпуса гитары здесь. Итак, выберите инструмент Кривизна на панели инструментов слева. Инструмент Кривизна используется для создания контуров путем установки узловых точек щелчком. Однако, прежде чем начать рисовать, на панели свойств справа вы измените некоторые настройки внешнего вида. Итак, щелкните цвет заливки.Убедитесь, что выбран параметр «Образцы», и выберите «Нет», чтобы можно было удалить заливку во время рисования. Затем вы можете нажать Escape, чтобы скрыть цвета. Затем убедитесь, что толщина обводки установлена ​​на 1 пункт. Это будут настройки заливки и обводки для рисунка, который вы собираетесь нарисовать. Теперь кружки в документе показывают, где вы щелкните, чтобы установить точки привязки для пути. Итак, начиная сверху, щелкните, чтобы создать первую точку привязки. После того, как вы отпустите кнопку мыши, переместите указатель на следующий круг и щелкните, чтобы создать другую точку привязки.После того, как вы снова отпустите кнопку мыши, переместите указатель в сторону. Обратите внимание, что между этими двумя точками создается изогнутый путь. Переместите указатель, чтобы почувствовать, как он создает кривую. Затем перейдите к следующей точке и щелкните, чтобы установить ее. Затем снова переместите указатель. Во время рисования с помощью инструмента «Кривизна» вы можете редактировать уже нарисованные опорные точки, даже перемещать их, добавлять или удалять их. Перейдите к предыдущей созданной точке и наведите на нее указатель. Щелкните, чтобы выбрать его.Перетащите эту точку, чтобы увидеть, как вы можете их переместить и изменить форму пути. Затем перетащите его на место. Щелкните, чтобы создать следующую точку, и продолжайте щелкать, чтобы создать точки по всему периметру этой формы. Чтобы замкнуть контур, наведите указатель на первую созданную точку и, когда рядом с указателем появится круг, щелкните, чтобы закрыть контур и закончить рисование этой формы. Теперь вы также можете создавать прямые линии с помощью инструмента Curvature, что вы и сделаете дальше, чтобы создать гриф этой гитары.Итак, подойдите сюда и щелкните, чтобы установить первую точку привязки. Затем щелкните, чтобы установить следующую точку в правом углу, и переместите указатель в сторону. Обратите внимание, что у пути есть кривая. Теперь, чтобы сделать этот путь прямым, наведите указатель на последнюю созданную точку привязки и дважды щелкните по ней. Затем переместите указатель в сторону. Теперь путь прямой. Вы также можете работать быстрее, дважды щелкнув мышью, чтобы создать точку и одновременно провести прямую линию. Итак, подойдите к тому месту, где будет спускаться следующая точка, и дважды щелкните, чтобы создать опорную точку с прямым путем.Затем дважды щелкните, чтобы создать следующую точку. Вернитесь к исходной точке, которую вы создали. И дважды щелкните, чтобы закрыть путь, и закончите рисование прямой линией. Пути, которые вы создаете с помощью любого из инструментов рисования, также можно редактировать с помощью инструмента Кривизна. Чтобы увидеть иллюстрацию, которую вы редактируете, нажмите клавишу пробела, чтобы получить временный доступ к инструменту «Рука». Затем перетащите в окно документа, чтобы вы могли видеть оранжевую область ниже. Отпустите клавишу пробела. Чтобы увеличить эту оранжевую область, выберите инструмент «Масштаб» и проведите по ней.Для этой формы нужна кривая внизу, а не прямая линия. Итак, теперь вы добавите новую точку и измените ее положение с помощью инструмента Curvature. Во-первых, вам нужно выбрать путь. Выберите инструмент «Выделение» на панели «Инструменты» и щелкните край фигуры, чтобы выделить ее. Затем снова выберите инструмент «Кривизна» на панели «Инструменты». Теперь, когда фигура выделена, переместите указатель на нижний контур. Когда рядом с указателем появится знак плюса, щелкните, чтобы добавить точку. Затем перетащите эту новую точку вниз, чтобы придать нижней части формы некоторую кривую.Удалить точку так же просто; вы можете щелкнуть, чтобы выбрать точку с помощью инструмента «Кривизна», и нажать клавишу «Backspace» или «Удалить», чтобы удалить ее. Чтобы закончить работу, вы перетащите все созданные вами фигуры на место. Чтобы увидеть все, выберите «Просмотр», «Уместить все в окно». Выберите инструмент «Выделение» и перетащите каждую из этих фигур за края — поскольку они не имеют заливки — в положение справа. С инструментом «Кривизна» практика ведет к совершенству. Продолжайте использовать его, и вы сможете создавать всевозможные пути и формы для своих собственных работ.

    Что вы узнали: рисование с помощью инструмента Кривизна

    • Выберите инструмент «Кривизна» на панели «Инструменты».
    • Щелкните, чтобы установить точки привязки на пути. По умолчанию опорные точки создают изогнутые контуры.
    • Чтобы создать прямой путь с помощью инструмента «Кривизна», дважды щелкните, чтобы задать точку привязки, или дважды щелкните существующую точку привязки, чтобы сделать путь прямым.
    • Чтобы добавить точки к пути, наведите указатель на путь.Когда рядом с указателем появится знак плюса (+), щелкните, чтобы установить точку.
    • Чтобы переместить опорные точки, перетащите их.

    Узнайте, как редактировать контуры с помощью инструментов «Кривизна» и «Прямое выделение».

    После того, как вы создадите иллюстрацию в Illustrator, вам неизбежно придется отредактировать ее. Используя иллюстрацию из этого практического файла, вы будете выбирать и перемещать опорные точки и контуры с помощью инструмента «Прямое выделение», а затем узнаете, как изменять форму контуров, а затем редактировать контуры с помощью инструмента «Кривизна».Вы начнете с выбора и редактирования этого круга. Итак, выберите инструмент «Масштаб» на панели «Инструменты» слева, чтобы вы могли увеличить его и провести по кругу. Если вы хотите изменить размер, повернуть или иным образом трансформировать фигуру, подобную этому кругу, вы должны выбрать ее с помощью инструмента «Выделение» на панели «Инструменты». Теперь, чтобы увидеть и отредактировать опорные точки для контура, выберите инструмент «Прямое выделение» на панели «Инструменты» слева, а затем щелкните край круга. Появятся опорные точки, составляющие форму.Вы узнали о частях пути в первом видео в этом разделе, понимая кривые пути. Щелкните одну из точек привязки и переместите указатель в сторону. Вы можете сказать, что точка привязки выбрана, потому что она залита цветом. Затем переместите указатель обратно на эту точку привязки и перетащите его, чтобы увидеть, как он влияет на форму. Вы можете попробовать это для любой точки фигуры. Теперь вы работаете с контурами в верхней части монтажной области. Иногда вам нужно панорамировать и увеличивать документ, чтобы работать с разными частями.Для этого вы получите доступ к ручному инструменту. Итак, нажмите клавишу пробела, перетащите в окно документа и панорамируйте, чтобы увидеть верх гитары в верхней части монтажной области, затем отпустите клавишу пробела. Если вам нужно немного уменьшить масштаб, вы можете выбрать «Просмотр», «Уменьшить». Теперь инструмент «Перетащить выделение» также может выбирать и корректировать контуры. Итак, наведите указатель на путь и щелкните, чтобы выбрать его. Наведя указатель на путь, вы увидите эту изогнутую стрелку, что означает, что вы можете изменить форму пути путем перетаскивания. Итак, перетащите этот изогнутый путь, чтобы попытаться изменить его форму.Теперь вы перейдете к другой части изображения и посмотрите, как работает перетаскивание прямого пути. Нажмите клавишу пробела, чтобы снова получить доступ к инструменту «Рука», перетащите курсор в окно документа, чтобы вы могли видеть путь с прямой линией здесь, затем отпустите клавишу «Пробел». Наведите указатель на край фигуры и щелкните, чтобы выбрать ее. Как и в приведенном выше пути, вы можете перетащить изогнутые части этого пути, чтобы изменить их форму, но переместите указатель на прямой путь, перетащите путь и обратите внимание, что он движется как прямая линия.Этот метод перемещает путь вместо того, чтобы изменять его форму, поскольку он не изогнут. Перетащите этот путь немного вверх, чтобы изменить его форму. Теперь вы вернетесь к верхней части гитары, чтобы начать редактирование с помощью инструмента Curvature. Итак, нажмите пробел, чтобы получить доступ к инструменту «Рука», перетащите в окне документа, чтобы панорамировать к верхней части гитары, затем отпустите клавишу пробела. Если вы обнаружите, что у вас есть путь или фигура, которую нужно отредактировать, и перемещения опорных точек или изменения формы контуров недостаточно, вы можете создавать, удалять и редактировать опорные точки с помощью инструмента «Кривизна».Выберите инструмент «Кривизна» на панели «Инструменты» слева, затем щелкните этот путь, чтобы выбрать его, и вы увидите опорные точки для этого пути. Теперь, чтобы преобразовать путь из кривой в прямую или наоборот, вы можете дважды щелкнуть существующую точку привязки с помощью инструмента Кривизна. Итак, наведите указатель на эту опорную точку и дважды щелкните, чтобы сделать путь прямым. Чтобы полностью изменить форму пути, как в этой области, вы даже можете добавить или удалить опорные точки. Переместите указатель на край пути и, когда появится знак плюса, щелкните, чтобы добавить новую точку привязки.Попробуйте перетащить эту опорную точку, чтобы изменить форму пути. Когда вы закончите, переместите указатель немного вниз по пути и добавьте еще одну точку привязки, щелкнув. Перетащите эту новую точку привязки, чтобы изменить форму пути. Чтобы отменить выбор всего, выберите «Выбрать», «Отменить выбор». А затем, чтобы увидеть все иллюстрации, выберите View, Fit Artboard in Window. Теперь, когда вы знаете некоторые методы редактирования контуров, вы сможете вносить изменения в контуры в своих собственных изображениях. Будь то тонкая настройка дизайна логотипа или редактирование иллюстраций для вывесок и многое другое.

    Что вы узнали: редактировать пути

    • Выберите инструмент «Выделение» на панели «Инструменты». Щелкните или перетащите фигуру, чтобы выделить ее.
    • Выберите инструмент «Прямое выделение» на панели «Инструменты» для редактирования узловых точек контура. Щелкните край пути, чтобы отобразить его узловые точки. Перетащите точку привязки, чтобы увидеть ее влияние на фигуру. Перетащите контур, чтобы скорректировать кривую, если это часть изогнутого контура. Перетащите путь, чтобы переместить его, если он является частью прямого пути.
    • Выберите инструмент «Кривизна» на панели «Инструменты» для редактирования существующих контуров. Дважды щелкните точку привязки, чтобы преобразовать прямой путь в изогнутый и обратно. Наведите указатель на путь и щелкните, когда рядом с указателем появится знак плюса (+), чтобы добавить точку привязки.

    Исследуйте соединяющиеся пути вместе с помощью команды «Соединить».

    В Adobe Illustrator вы можете очищать и создавать контуры на иллюстрации, соединяя контуры.В этом видео вы будете использовать команду «Соединить», чтобы соединить пути вместе. Если вы хотите продолжить, вы можете открыть этот файл из файлов практики для этого руководства. Вверху артборда находится логотип. Справа — готовый логотип, а слева — серия отдельных дорожек. Чтобы завершить логотип слева, вы соедините некоторые из этих путей вместе, так что это произведение будет выглядеть как готовый логотип справа. Чтобы увеличить изображение, чтобы его было немного легче увидеть, выберите инструмент «Масштаб» на панели «Инструменты» слева и проведите по этим контурам слева, чтобы увеличить масштаб.Затем, чтобы выбрать пути, выберите инструмент «Выделение» на панели «Инструменты» и перетащите два внешних контура, чтобы выбрать только их. Чтобы объединить их вместе так, чтобы они были одним путем вместо двух, выберите «Объект», «Путь», «Соединить». Пути соединяются там, где точки привязки перекрывают друг друга. Теперь это один путь. Соединение работает на открытых путях, но не на путях, которые замкнуты, как круг или квадрат. Теперь вы соединитесь с двумя путями посередине. Перетащите здесь два средних пути, чтобы выбрать их. Будьте осторожны, чтобы не выбрать что-либо еще.Затем, чтобы присоединиться к ним, выберите Object, Path, Join. Теперь у них один путь. Давайте сделаем то же самое для самых маленьких путей, чтобы выбрать только их и соединить их. Итак, перетащите по этим путям. Чтобы присоединиться к ним, выберите «Объект», «Путь», «Присоединиться». Теперь у вас есть три пути. Чтобы завершить дизайн логотипа, вам нужно соединить эти пути разными способами. Итак, щелкните наименьший путь, чтобы выбрать его, если он еще не выбран. Затем нажмите клавишу Shift и щелкните путь посередине, чтобы выбрать их обоих. Вы собираетесь соединить эти два пути вместе.Итак, выбираем Object, Path, Join. Illustrator соединяет концы двух контуров прямой линией. Ближайшие концы путей обычно соединяются первыми. Если бы вы еще раз выбрали команду «Соединить», два последних конца были бы соединены прямой линией, и путь был бы полностью замкнут. Теперь вы соедините этот выбранный путь с первым путем, к которому вы присоединились. Итак, нажмите клавишу Shift и щелкните первый путь. На этот раз вместо перехода в меню вы будете использовать команду клавиатуры для присоединения.Нажмите Command J на ​​Mac или Control J в Windows, чтобы соединить два конца выбранного пути прямой линией. Чтобы придать кончикам контуров закругленный вид, щелкните слово «Обводка» на панели «Свойства» справа от документа и выберите «Закруглить кончик», чтобы можно было скруглить концы контуров. Теперь этот логотип готов. Теперь вы присоединитесь к художественному произведению внизу монтажной области. Итак, нажмите пробел, чтобы получить временный доступ к инструменту «Рука», затем перетащите его в окно документа, чтобы вы могли видеть здесь иллюстрацию.Затем вы закончите этот значок глаза, используя команду Присоединиться. Вам нужно сначала скопировать и перевернуть этот изогнутый путь. Итак, с выбранным инструментом «Выделение» щелкните путь, чтобы выделить его. Чтобы скопировать его, выберите «Правка», «Копировать». А затем, чтобы вставить копию в том же месте поверх оригинала, выберите «Правка», «Вставить на передний план». Теперь, когда он выбран, вы перевернете его. На панели «Свойства» нажмите здесь кнопку «Отразить по вертикальной оси». Теперь, чтобы перетащить его на место, перетащите новый контур так, чтобы концы выровнялись с исходным путем, а интеллектуальные направляющие должны сообщать вам, когда они выровнены друг с другом.Если вы не видите пурпурные умные направляющие, вы можете выбрать «Просмотр», «Умные направляющие», чтобы убедиться, что они включены. Хорошо, теперь, чтобы соединить эти пути, перетащите их через оба пути и нажмите Command J на ​​Mac или Control J в Windows, чтобы соединить концы выбранных путей. Теперь, чтобы присоединиться к другому концу, еще раз нажмите Command J на ​​Mac или Control J в Windows, чтобы присоединиться к другим концам выбранных путей. Чтобы закончить логотип, вы заполните фигуру черным цветом. Итак, щелкните цвет заливки на панели свойств. Убедитесь, что образцы выбраны, а затем щелкните, чтобы применить этот черный цвет.Чтобы расположить черную фигуру позади другой формы глаза, нажмите клавишу Escape, чтобы скрыть цвета, нажмите кнопку «Упорядочить» в нижней части панели «Свойства» и выберите «На задний план». Чтобы отменить выбор всех иллюстраций, выберите «Выбрать», «Отменить выбор». Затем, чтобы увидеть все иллюстрации, выберите View, Fit Artboard in Window. Теперь вы знаете, как соединять пути с помощью команды соединения. В ваших собственных проектах вы можете использовать соединение множеством различных способов, в том числе для объединения двух зеркальных контуров для создания симметричных иллюстраций.

    Что вы узнали: пути соединения

    • Выделите два пути и выберите «Объект»> «Путь»> «Соединить», чтобы соединить ближайшие концы друг к другу.

    Как рисовать в Adobe Illustrator CC с помощью фигур и линий

    В этом уроке мы будем рисовать по рисунку, который я сделал. Просто чтобы упростить, чтобы мы все могли следовать за ним. Что я хотел бы сделать, так это в Illustrator перейти в «Файл», «Новый».Выберите размер документа, я начну с «Печать». Я собираюсь использовать «US Letter», я собираюсь использовать «Пейзаж». Больше ничего менять не буду, просто нажму «Создать». Я собираюсь сохранить его, поэтому иду в «Файл», «Сохранить». Что мы сделаем для этого класса, так это то, что я помещу все на свой рабочий стол, вы сделаете то же самое. Я собираюсь создать новую папку на своем рабочем столе. Я назову его «Файлы классов Illustrator», и все. Мы собираемся придерживаться всего из этого класса. Назовем его «Спящий лис».Нажимаем «Сохранить». Оставим все по умолчанию и нажмем «ОК».

    Итак, мы рисуем по рисунку, я нарисовал его в своей записной книжке, верно? И я хочу просто перерисовать его в Illustrator. Так что хороший трюк в том, что я его отсканировал, или мы можем сфотографировать. Я иду в «Файл», «Место». Теперь Place is Import для Illustrator. Illustrator любит называть это «Место», щелкните по нему. Я хочу, чтобы вы нашли свои «Файлы с упражнениями», а там есть один под названием «Спящий лис».jpg ‘. Теперь, прежде чем вы нажмете «Поместить», нажмите на то, что написано «Шаблон». Для чего он нужен, давайте посмотрим, давайте нажмем «Место». Что он делает для нас, так это то, что он вводит его — я собираюсь щелкнуть здесь фон, и он помещает его на слой и блокирует его, чтобы мы могли легко рисовать поверх него. Видите ли, там, где я щелкнул здесь «Панель слоев», был создан слой шаблона, а затем слой, на котором я могу рисовать.

    Нам не нужно этого делать, просто упрощает процесс перерисовки. По какой-то причине он любит вводить, и это как бы немного здесь, слева.Я собираюсь разблокировать его, видите, это значок блокировки, я собираюсь щелкнуть по нему. Перетащите его немного посередине. Как то так, потом снова заблокирует. И чтобы продолжить рисование, я хочу убедиться, что я нахожусь на слое 1. Вернемся к «Свойствам». Теперь мы начнем с этого тела, здесь мы возьмем инструмент «Прямоугольник», вот, он здесь. Я собираюсь щелкнуть, удерживать и растянуть грубый прямоугольник. Вы не совсем правильно поняли, вернитесь к «Черной стрелке» и используйте любое из этих белых прямоугольников, чтобы изменить его размер и приблизить его к этому размеру.Это немного предположение, не волнуйтесь слишком сильно.

    Я собираюсь выбрать цвет заливки и цвет обводки. Теперь ваш может быть другим, у вас может быть черная линия снаружи и белая заливка. Давайте посмотрим, как их изменить. Итак, здесь, в моей панели внешнего вида, есть одна под названием «Заливка», а другая — под названием «Обводка». Я собираюсь нажать «Заливка» и выбрать цвет лисы. Теперь мы собираемся использовать эти образцы, так что у вас есть два варианта. Типа цветов радуги и тех образцов.Давайте просто выберем, только для этого класса давайте будем простыми и просто выберем что-нибудь здесь. У вас может быть зеленая лисица, ничего страшного, я просто собираюсь завести оранжевую лисицу. А что касается обводки, обводка — это обводка снаружи, у вас может быть уже черный. Вы можете увидеть … Я перейду сюда. Вы можете видеть, есть черная линия, если я выберу ее и нажму «Цвет обводки», теперь я хочу использовать здесь эту красную линию. Эта маленькая красная линия указывает на отсутствие обводки, эта маленькая красная перечеркнутая линия.Там ничего нет, но я хочу именно этого. Если ничего не меняется, что вам нужно сделать с помощью черной стрелки, просто убедитесь, что этот флажок установлен, а затем внесите изменения. Это захватывающий прямоугольник, и это его цвет заливки.

    Давайте займемся чем-нибудь более захватывающим, видите эти маленькие точки в углу? Это ваши угловые варианты. Смотрите, я могу щелкнуть и перетащить эти углы, маленькие точки там. И вы можете заметить, что все углы приходят и меняются. Это то, чего я хочу.Я собираюсь пойти в «Редактировать», «Отменить». Я собираюсь использовать свой ярлык для остальной части этого курса, так что это «Command Z» на Mac или «Control Z» на ПК. Хочу пару раз отменить, пока он не вернется. Теперь то, что я хотел бы сделать, это то, что вы можете видеть здесь внизу рисунок, у меня только что есть угол, а там угол. Итак, что я хотел бы сделать, это использовать мою Белую стрелу. Помните, Черная Стрела в основном делает большие вещи, перемещая весь объект. Белая стрелка хороша для выполнения маленьких кусочков внутри этого объекта.

    Теперь то, что я собираюсь сделать, это щелкнуть по нему в правом верхнем углу один раз. Вы заметите, что этот парень синий, а эти парни белые, что означает, что эти парни выбраны. И вы можете видеть здесь, появляется только одна маленькая мишень. Теперь я могу щелкнуть по этому парню и сделать что-нибудь в этом роде. То же самое с нижним левым, нажмите на него, перетащите вверх. Не беспокойтесь слишком сильно о том, чтобы быть идеальным, но если да, если вы действительно хотите, чтобы все было идеально, что вы можете сделать — я собираюсь отменить пару раз.- можно выбрать этих парней одновременно. Итак, щелкните этого парня один раз, удерживайте Shift, щелкните этого парня один раз, и вы получите две точки. Затем вы перетаскиваете один, и они оба обновляются. Так что это моя маленькая вещь для его тела, давайте теперь посмотрим на голову. Итак, я собираюсь вернуться к своей Черной стрелке, помните, что это инструмент по умолчанию. Щелкните в фоновом режиме, у меня ничего не выделено.

    Следующий инструмент, который мне нужен, — это инструмент «Многоугольник», потому что мне нужен треугольник для его головы, а здесь он считается многоугольником.Итак, я собираюсь найти инструмент «Прямоугольник», щелкнуть, удерживать, удерживать с помощью клавиши мыши. Удерживайте ее, и в конце концов они всплывают. Мы ищем этот, который называется «Многоугольник», нажмите на него. Теперь, если я просто ничего не сделаю, все, что я рисовал в последний раз, затянется. Ваш, вероятно, будет рисовать настоящий Пентагон или Шестиугольник, он будет рисовать что-то. Я собираюсь отменить, чтобы избавиться от этого. Если вы хотите настроить количество сторон этого многоугольника, все, что вам нужно сделать, это просто щелкнуть мышью один раз. Щелкните один раз, и вы получите эти параметры многоугольника.У вас, вероятно, установлено значение 5, и вы, вероятно, получаете что-то в этом роде. Я собираюсь отменить снова, щелкнуть один раз, выбрать «3» стороны. Не беспокойтесь о радиусе, мы можем изменить это позже. У меня есть Треугольник.

    Следующее, что я хочу сделать, это сделать поворот и масштабирование. Лучше всего это сделать, когда мы вернемся к нашему инструменту безопасности — Черной стреле. Я собираюсь щелкнуть, удерживать и перетащить центр, чтобы он находился в более удобном месте. Теперь, чтобы масштабировать и вращать, давайте сначала посмотрим на вращение.Итак, Черная стрела, выберите этого парня только один раз. Теперь вы заметите, что когда я нахожусь в углу, у меня появляется эта растягивающаяся стрелка, это моя шкала, но если я отойду немного дальше, я получу эту двойную стрелку. Так что тут вроде ничейной земли, слишком далеко, не работает. Просто в, ладно, никогда к этому не привык. Поэтому, если я щелкну и удерживаю здесь, я могу перетащить его, щелкнув и удерживая. Что я также могу сделать, так это отменить. Я хочу, чтобы это было что-то вроде того, как будто я хочу перевернуть его, типа… Это 90 °, я полагаю, 90 °. Я хочу … пока я тащу, посмотрите это.Если я нажму и удерживаю клавишу «Shift» на клавиатуре, посмотрите это, вы видите? Он затягивается, как большие куски, это 45 °, затем 90 °, это то, что я хочу.

    Теперь что касается масштабирования, тот же инструмент, Черная стрелка, и если я возьму здесь угол и просто перетащу его, я могу изменить его размер любой формы, которую захочу, щелкнув, удерживая и перетаскивая. Теперь я хотел бы пропорционально ограничить его, чтобы получился идеальный треугольник, потому что, если я уменьшу его здесь, он станет немного длинным и тонким.Итак, что я собираюсь сделать, так это удерживать клавишу Shift, как я делал, когда вращался, если я удерживаю Shift во время масштабирования, в любом из этих углов, вы можете увидеть, если я перетащу его. вниз он как бы хочет быть той же высоты и ширины, он как бы фиксирует это соотношение. Так что я собираюсь затащить его туда. Потяните немного вверх, что-то в этом роде. Итак, приближаемся. Единственная проблема с тем, что у меня здесь, в том, что я не вижу сквозь него, это несколько другие части, которые я рисую. Так что сейчас может быть хорошо, что пока я работаю, я собираюсь выключить Stroke, и я собираюсь сделать его «черным» Stroke и Fill, я собираюсь изменить на «None». ‘.Итак, Заливка с красной линией и Обводка с черной линией, теперь я могу видеть сквозь нее.

    Так же, как мы сделали с фигурой здесь, мы можем поиграть с вариантами углов. Итак, я выбрал это с помощью моей Черной стрелы, вы заметите, что я больше не могу щелкать по центру. Я мог бы в этом, потому что он выбирает все, но в середине этого я не могу. Это не так. Теперь вам нужно выбрать край, потому что у него нет заливки. И, как и раньше, я могу схватить эту мишень здесь, и она снимает все углы.Это не то, что я хочу, поэтому собираюсь отменить. Я собираюсь взять свою «Белую стрелу» и щелкнуть только по этому парню. Затем я увеличу его примерно до того же размера, который мне нужен. Потрясающие! Треугольники и прямоугольники. Теперь займемся носом.

    Итак, я собираюсь взять свой инструмент «Многоугольник», щелкнуть один раз, «3» стороны, щелкнуть «ОК», слишком большой. Грэми «Черная стрела», удерживая «Shift», я собираюсь уменьшить масштаб. Тогда просто в этой нейтральной зоне я попытаюсь повернуть ее. Теперь я собираюсь перетащить его вниз, позвольте мне получить там примерно нужный размер.Теперь, что я могу сделать, пока я перетаскиваю эту штуку, часто вы просто перетаскиваете эту маленькую точку в центре, она перемещает ее, и я вроде как хочу, чтобы это было идеально, так что нам нужно несколько вещей делать, когда мы работаем. Вы заметите, что по умолчанию на этой штуке вы видите эти маленькие отметки, которые появляются? Вы можете увидеть, как говорится, пересечься. Создает линию с вещами здесь повсюду.

    Итак, вам нужно сделать пару вещей. Убедитесь, что наши умные руководства включены, потому что они действительно полезны.Так что перейдите в «Просмотр», спуститесь сюда и убедитесь, что Smart Guides отмечены галочкой. Следующее, что нужно сделать, это просто увеличить масштаб. Когда мы работаем так далеко, над такими деликатными вещами это просто очень сложно, это касается всего. Так что помните, что «Command +» или «Control +» на ПК помогают нам разобраться. И посмотрите на это, если у меня есть черная стрелка, и я просто щелкаю в фоновом режиме, у меня она не выбрана, у меня ничего не выделено. Если я нажму, вы увидите, что я могу перемещать курсор, он говорит: «Якорь». Якорь считается угловой точкой.Итак, если я щелкну и перетащу этот якорь, а затем перетащу его сюда, вы увидите, что в конечном итоге он там закрепится. Он просто хочет выстроиться в линию и пересечься. Так что вы можете найти это приятный и простой способ. Его просто нужно увеличить немного ближе. Затем просто перетащите его в угол и попробуйте выровнять его там, где вы хотите. И если умные направляющие включены, это действительно хорошо, вроде как защелкивается.

    Следующее, что я хочу сделать, это чтобы у него была заливка черного цвета, и я не хочу, чтобы снаружи не было линии.У нас есть красная линия. Следующий инструмент, который мы собираемся использовать, — я хочу вставить эти усы. Я собираюсь выбрать этого парня. Несмотря на то, что я только что добавил цвет, я собираюсь вернуть его к «Нет» заливки. Я собираюсь нанести ему обводку снаружи, чтобы я его увидел. Теперь займемся усами. Я просто воспользуюсь инструментом «Отрезок линии». Это хороший и простой инструмент. Щелкните, удерживайте, перетащите. Щелкните, удерживайте, перетащите, щелкните, удерживайте, перетащите. Так что у меня есть три строчки. Вы можете найти одну вещь: если вы попытаетесь нарисовать что-то прямо из, вы можете видеть, если я что-то рисую, я рисую еще один, чтобы вывести эту маленькую точку там, она фактически начинает ее перемещать.Если вы хотите, чтобы они выходили из одной и той же точки после того, как вы ее нарисовали, возьмите «Черную стрелку», щелкните фон и вернитесь к «Инструмент линии», тогда вы сможете чтобы начать заново. «Черная стрелка», щелкните фон, это инструмент «Линия», начните снова. Я как бы держал свой здесь отдельно, чтобы избежать этого.

    Следующее, что я хочу сделать, это маленький закрытый глаз. Теперь мы могли бы, удерживая «Инструмент многоугольника», найти инструмент «Эллипс». Я мог рисовать как открытый глаз.Но мой парень спит, поэтому я собираюсь удалить его, а под инструментом «Отрезок линии» находится инструмент «Дуга». Так что нажмите на него, и то, что я собираюсь нарисовать, будет просто чем-то, немного случайным, как это рисует. Я хочу, чтобы это было примерно так, но давайте просто щелкнем по нему и получим что-то архиважное, а затем мы его повернем. Так что у меня есть что-то в этом роде, хватай мою «Черную стрелу». Помните, просто паря здесь, я могу перетаскивать его, перемещать вниз, увеличивать масштаб. Просто поработайте с этим, пока не найдете то, что вам нравится.А с точки зрения обводки, скажем, ширины, для меня он немного тонковат. Я собираюсь увеличить его, наверное, одинаково для всех этих парней, они все немного худоваты для меня на данный момент.

    Я могу делать их индивидуально, и вот здесь, когда он выбран, это ширина обводки, насколько толстая линия, вы можете видеть, как он становится действительно большим. Я собираюсь набрать что-то вроде «5 баллов». Я не хочу делать это индивидуально. Итак, я собираюсь щелкнуть по этому парню своей Черной стрелой, удерживать «Shift», схватить его, схватить его. Итак, я выбрал все три из них, и я бы хотел, чтобы все они были «5».Большой. Итак, теперь я могу снова добавить свои цвета, я собираюсь немного уменьшить масштаб. Итак, эта граница здесь, у нас не может быть Обводки. Итак, я собираюсь вернуться к этой перечеркнутой красной линии и Заливке здесь, я собираюсь выбрать свой цвет. Это будет, я думаю, что это было. И голова, я сделаю то же самое. У меня не будет инсульта. И я собираюсь выбрать цвет заливки этого апельсина. Это своего рода основы для начала.

    Давайте взглянем на пару вещей.Посмотрим на это ухо. Итак, что я хотел бы сделать, я снова возьму свой инструмент «Многоугольник». И поскольку он запоминает то, что я рисовал в прошлый раз, я могу просто нарисовать что-то, а не щелкнуть один раз и убедиться, что у него три стороны. Теперь я знаю. Так что я могу щелкнуть и растянуть. Теперь, пока я тяну, я могу удерживать Shift, чтобы все получилось идеально, это то, чего я хочу. Так что-то вроде того. Просто он должен быть достаточно большим, потому что я собираюсь сделать это с помощью Черной стрелы, взять центр, я собираюсь превратить его в это ухо.Так что, наверное, нужно быть немного больше. Просто так, чтобы он немного сидел там на заднем плане. Итак, что я хотел бы сделать для этого, я хотел бы иметь действительно толстую обводку и заливку белого цвета. Итак, Заливку, я собираюсь изменить ее на «белый», и у меня будет Обводка, и я собираюсь выбрать, может быть, просто более темный цвет этого. Я собираюсь увеличить его, чтобы он соответствовал размеру обводки. Я использовал 5 здесь для этих парней, я мог бы также использовать 5 для уха. Я просто закину его туда.

    Теперь это подводит меня к следующему этапу аранжировки.Обычно последнее, что вы рисуете, находится сверху. Все, что мне нужно сделать, это переместить его назад. И есть несколько способов, с его выбранным, с черной стрелкой здесь, есть один под названием «Упорядочить», и я могу выбрать «Отправить на задний план», и он идет туда. Или часто я просто щелкаю по нему правой кнопкой мыши, и появляется «Упорядочить», «Отправить на задний план». В любом случае это не имеет значения. Давайте посмотрим, как сделать эти звезды. Для этого есть настоящий инструмент под названием Star Tool, возьмите его. Щелкните один раз, решите, сколько очков вы хотите.По умолчанию это даст вам довольно красивую звезду. Вы можете изменить два радиуса: внутренний, который является внешней частью, а затем внутренний радиус, радиус 2, это внутренняя часть. Я собираюсь нажать «ОК», это дает мне звездочку, я могу щелкнуть и перетащить ее.

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

    Здесь мы займемся парочкой мелочей. Давайте сначала сделаем этот хвост. Так что я мог бы взять свой инструмент «Прямоугольник». Не могу его найти, вот он. Нарисуйте что-нибудь примерно похожее на него. Вы заметите, что умные направляющие здесь закреплены внизу, что очень полезно. Вы можете отключить их, выбрав «Просмотр», «Умные направляющие», если они вам мешают.Есть ярлык, он действительно часто позволяет включать и выключать его, пока вы строите. Так что они дали ему действительно хороший ярлык. В данном случае на Mac это «Command U» на Mac или «Control U» на ПК.

    Итак, первое, что я хочу сделать, это сделать это без заливки, чтобы я мог видеть насквозь. И я собираюсь схватить свою «Белую стрелу», щелкнуть именно по этому углу. На самом деле я собираюсь щелкнуть по нему, удерживая Shift, взять его. Давайте нарисуем что-нибудь подходящее. Снова то же самое, я собираюсь нарисовать прямоугольник над этим парнем.Я собираюсь взять свою «Белую стрелу». Нажмите на него, удерживайте Shift, возьмите этого парня. Добавьте эту угловую точку. И мы кое-что делаем. И что я хочу сделать, так это выбрать цвет Заливки, поэтому на данный момент Обводка оранжевого цвета, я бы хотел, чтобы Обводка была как «Нет». Цвет заливки — «Апельсин». И я собираюсь использовать этот цвет Заливки, поэтому Обводка «Нет» и цвет Заливки «Белый». Захватывающий! Он лежал. Я чувствую, что теперь, когда я нарисовал это, я хочу схватить этого парня. Итак, я выделил их обоих, нажал на это, зажал Shift, схватил этого парня и повернул его.Удерживая «Shift» во время вращения, помните, как будто голова фиксирует его примерно на 45. Похоже, он там спит. Вам решать. Да, похоже, он там спит.

    Следующее, что я хотел бы сделать, это то, что под ней немного травы, поэтому все, что я собираюсь сделать, это … на самом деле я просто собирался сейчас двигаться в другом направлении. Возьмите инструмент «Многоугольник», который все еще установлен на «Треугольник». Нарисуйте что-нибудь, например, треугольник. Тогда возьмите «Черную стрелу». И просто уменьшите это там, и мы просто построим это.Я собираюсь немного увеличить масштаб. Скопируйте и вставьте его, поэтому, выбрав его, я выбрал «Редактировать», «Копировать», «Редактировать», «Вставить». Я просто воспользуюсь своими ярлыками, чтобы ускорить его. И я собираюсь нарисовать, изменить его размер. Здесь вы можете просто собрать свою собственную траву. Немного выше, возьмите эту точку посередине, чтобы убедиться, что вы ее переместили. Сейчас я просто рисую.

    Есть еще одна вещь, так что подождите, я покажу вам через секунду. Скопируйте, вставьте, переместите. Я не слишком беспокоюсь о том, что они здесь внизу, потому что я собираюсь показать вам технику их подрезания.Итак, я собираюсь выделить все это, скопировать и вставить, сделать другую версию. И когда все они выбраны, я могу масштабировать их все за один раз. Так что это будет выглядеть примерно так. Что я собираюсь сделать, так это выделить их все, взять вас и взять заливку такого темно-серого цвета. Я покажу вам, что я собираюсь делать через секунду, вы ведь видели это в начале, верно? Так что верните его обратно. Хорошо! Мы использовали мой рисунок, он вроде как сделал свое дело. Теперь у нас есть наш вид заливки, я хочу перейти в свою панель «Слои».Давайте просто отключим это видимость.

    Итак, вот этот слой с глазным яблоком, если вы нажмете на него, вы заметите, что он исчезает. Вы можете оставить его там, не имеет значения, но я просто выключаю его, чтобы не видеть. Это как бы подводит меня к следующему пункту. Мне нужно изменить размер. Мой следующий момент: когда вы масштабируете вещи, посмотрите, что происходит по умолчанию. Итак, если я выберу все, то есть «Черная стрелка», обведите все это рамкой. В разделе «Свойства» есть важная вещь. На самом деле нет, прежде чем вы выберете что-либо, здесь есть «Масштабировать обводку и эффекты».Так что будут времена, когда вам это нужно, а иногда, когда вам это нужно. Если он выключен, посмотрите, что произойдет. Если я выберу это и уменьшу масштаб, скажем, мне просто нужна его уменьшенная версия, поэтому я выбрал все это. Я собираюсь уменьшить его, и, как мы это делали, когда рисовали множество фигур, если мы удерживаем Shift во время масштабирования, он блокирует высоту и ширину, иначе он становится растягивающимся. Так что сдвиньтесь вниз и посмотрите, что происходит, когда я опускаюсь совсем немного. Напомним, что это 5 баллов.И когда доходит до этого, он просто делает какие-то странные вещи. Он пытается вспомнить фактические радиусы, которые мы использовали здесь. Он делает какие-то странные вещи.

    Так что иногда вам это нужно, вы хотите немного уменьшить масштаб и сохранить ширину обводки, но я собираюсь перейти к «Редактировать», «Отменить». И когда ничего не выделено, я собираюсь включить это, и теперь он будет масштабировать эти штрихи пропорционально размеру, который у меня есть. Теперь, когда я уменьшаю масштаб, я удерживаю Shift, а затем уменьшаю его, вы видите, эти ребята, эти звезды здесь, они падают, и они меньшего размера, теперь они как 3 точки.Так что это то, о чем вам нужно знать, когда вы масштабируете вещи. Дело в том, что иногда вы хотите, чтобы они соответствующим образом масштабировались, а иногда вы хотите, чтобы они действительно становились меньше, поэтому вы включаете и выключаете это.

    Последняя мелочь, я просто собираюсь, я не знаю, может быть, просто выглядеть немного лучше с некоторыми прямоугольниками. Я собираюсь использовать … Я нарисую прямоугольник, здесь он покрывает часть нижней части. Просто он будет того же цвета, что и моя трава. На самом деле я мог бы использовать Черную стрелу и заставить ее прижаться ко дну моей лисы.Я использую тот же цвет, что и этот, так что «Заливка», и какой именно? Удачное первое предположение. То же самое и с небом здесь. Я собираюсь взять инструмент «Прямоугольник», пробел, немного потянуть вверх. И пусть будет красивое звездное небо. Защелкивается. Залейте цветом, я собираюсь использовать еще один из более темных оттенков серого. Так темно. Выбрав его, выберите «Упорядочить», «Отправить на задний план». И я мог бы сделать звезды просто белыми. Несмотря на то, что мы потратили много времени на разговоры об Ударах этих парней, до свидания, Строка. И Fill может быть… возиться с этим сейчас.Так что это моя, или наша лиса, нарисованная из очень простых форм. С этими формами можно сделать так много всего.

    Теперь, как я сказал в начале, часто это комбинация … Я как бы сохранил этот дизайн в определенной форме, чтобы вроде как, я думаю, поработать с некоторыми инструментами, но часто вы найдете вы будете использовать такие инструменты, как Shape Builder Tool и Pen Tool, что мы и сделаем в следующем уроке. Также в этом процессе, как вы видели, как мы сначала начали с рисования.Я так часто делаю, правда? Я как бы рисую в блокноте, потому что считаю, что это проще и быстрее. Часто я даже не сканирую для перерисовки в Illustrator, я просто получаю общее представление об этом в своей записной книжке. Теперь мой рисунок здесь выглядел действительно хорошо, не так ли? Он идеален, он как бы следует линиям. Никогда не бывает так хорошо. Я покажу вам … Я перейду к этому кадру, прыгну. Итак, вот оно, я только что сфотографировал свой ноутбук. Это славная лиса. Так что просто нарисуйте немного, и вроде как получилось.Я бы не стал сканировать и перерисовывать, я просто использовал бы это как своего рода визуализацию, а затем просто начал бы рисовать в Illustrator, как бы усовершенствовал его, я думаю, чтобы получить более красивую форму. Но это более верное представление о моем процессе. Я просто сделаю что-то вроде базового рисунка, а затем нарисую прямо в Illustrator.

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

    Sketch против Illustrator: что купить?

    Как сравнить Illustrator и Sketch?

    Итак, как узнать, какое приложение подходит вам? Идеальной программы не существует, но может быть идеальная программа для проекта, над которым вы работаете. Illustrator имеет множество функций, которые могут быть полезны опытным художникам, в то время как Sketch быстр и интуитивно понятен, что делает его привлекательным для дизайнеров UX, создающих макеты интерфейсов. Вот их сравнение:

    Зрелость и интеграция: Illustrator побеждает в рейтинге

    Поскольку Illustrator существует уже почти тридцать лет, он создан для работы с InDesign, Photoshop и другими программами Adobe.Переключение между ними не вызывает затруднений. Sketch — это отдельный продукт, и он не предлагает никаких функций для редактирования фотографий. Если интеграция имеет решающее значение для вашей работы, Illustrator — приложение для вас.

    Плагины

    : Sketch побеждает

    И Illustrator, и Sketch используют плагины, чтобы свести к минимуму повторяющиеся задачи дизайна, но проще интегрировать CSS (форматирование веб-страниц) с плагинами Sketch. Хотя они обычно используются более продвинутыми дизайнерами, нет причин, по которым вы не можете сразу начать экспериментировать с плагинами!

    Вот скриншот пользовательского интерфейса Sketch (Источник: sketchapp.com)

    Терминология: это ничья!

    Illustrator и Sketch имеют много общих терминов, таких как «слои» и «пути», и многие из различий легко понять (например, «страницы» в Sketch — это «монтажные области» в Illustrator). Если вы уже знакомы с Illustrator, переход к Sketch будет легким. Если вы новичок в обеих программах, в зависимости от того, что вы выберете, процесс обучения будет одинаковым.

    Импорт и экспорт: Sketch побеждает

    Sketch выигрывает в том, что касается простоты экспорта.Вы можете перетащить любой элемент из Sketch прямо в папку, браузер или рабочий стол. Illustrator, вероятно, по-прежнему имеет преимущество, когда дело доходит до работы с несколькими типами файлов, хотя Sketch поддерживает SVG, PDF и EPS и позволяет открывать файлы Illustrator и PSD как плоские слои.

    Формат программы: Sketch выигрывает

    В Sketch вы можете использовать один холст для всего проекта. Напротив, в Illustrator легко найти множество разных файлов для одного проекта, особенно если вы занимаетесь веб-дизайном.Sketch хранит все вместе, а также автоматически сохраняет несколько версий одного и того же файла, так что вы можете повернуть время вспять, если вам нужно.

    Это пользовательский интерфейс в Adobe Illustrator CC (источник: adobe.com)

    Mac против ПК: Illustrator побеждает

    В настоящее время Sketch доступен только для Mac OS X, а Adobe Creative Cloud доступен как для ПК, так и для Mac.

    Создание иллюстрации персонажа в Illustrator CC с помощью нарисованных от руки кистей

    Самый первый этап этого урока потребует некоторого творчества.Нарисуйте в своем альбоме ручкой, карандашом, маркером или даже акварелью, чтобы добиться удовлетворительной формы ваших линий! Позже вы будете использовать их в процессе создания векторных иллюстраций. В этом уроке я рисовал линии кистей с помощью маркера Prisma Color Premier Marker.

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

    После этого мы нарисуем реальную иллюстрацию на бумаге — вот мой персонаж панк-конь.

    Как видите, это грубый набросок.Но он достаточно полезен, чтобы использовать его как основу для достойной иллюстрации кисти.

    После того, как мы закончили рисовать от руки, мы сканируем оба рисунка: линии и персонаж панк-лошади. Если у вас нет сканера, вы тоже можете сделать снимок.

    Чтобы форма иллюстраций оставалась максимально точной, стоит добавить к ним некоторый контраст. Для этого мы открываем оба рисунка в Photoshop по отдельности. Позже мы переходим к нижней панели панели «Слои» и выбираем значок «Создать новую заливку или корректирующий слой», затем «Яркость и контраст».На самом деле не имеет значения, какие параметры вы будете использовать для этого процесса. Единственное, что важно, — чтобы наши линии и иллюстрации персонажей были хорошо представлены. Благодаря этому позже мы сможем более точно прослеживать наши линии, и наш персонаж станет более заметным.

    Мы сохраняем наши контрастные рисунки в Photoshop в формате JPG. Затем мы создаем новый файл Illustrator (File> New) с параметрами, как показано ниже.

    Чтобы импортировать рисунки в формате JPG, перейдите в меню «Файл»> «Поместить» или нажмите сочетание клавиш Shift + Command + P.

    Мы выбираем кисти и эскизы в формате JPG и помещаем их в нашу рабочую область. Затем мы переходим на панель «Слои» и меняем название «Слой 1» на «Рисунки».

    Теперь мы можем приступить к созданию кисти! Сначала нам нужно обвести нашу кисть JPG с помощью Image Trace Tool. Для этого мы выбираем импортированное изображение кисти с помощью Selection Tool (V) и в верхнем баннере нажимаем Image Trace Panel Icon. Появится новое окно: там мы должны развернуть список Advanced и отметить опцию Ignore White — благодаря этому мы можем избавиться от ненужной белой заливки.Затем снова возвращаемся на верхнюю панель и нажимаем там Expand. Теперь наша кисть стала векторной!

    Мы разгруппируем выбранные векторизованные кисти и щелчком правой кнопкой мыши разгруппируем их (Shift + Command + G). Затем мы выбираем ненужные формы и удаляем их.

    Оставшуюся форму мы выбираем с помощью Selection Tool и поворачиваем в горизонтальное положение. После этого мы переходим на верхнюю панель, выбираем там Window> Brushes и в окне Brushes щелкаем значок в нижней панели: Create New Brush> Art Brush.Появится New Art Brush Option — мы сохраняем все настройки по умолчанию и нажимаем ОК. Бам, теперь у нас есть своя кисть! Чтобы рассматривать это как обводку, давайте нарисуем обводку с помощью инструмента «Линия сегмента» (/) и применим кисть, которую мы создали. Вот как он должен выглядеть:

    Теперь мы переходим на панель «Слои» и создаем там новый слой (щелкнув «Создать новый слой» на нижней панели параметров панели «Слои») и называем его «Кисти». Рекомендуется заблокировать слой с рисунками, чтобы он не беспокоил нас во время нанесения фактических линий на слой кистей.

    Пришло время нанести обводку нашему персонажу с помощью Pencil Tool (N). Чтобы сделать формы наших штрихов более гладкими, мы дважды щелкаем значок инструмента «Карандаш» на панели инструментов, чтобы ввести параметры этого инструмента. Меняем там Fidelity level на max Smooth — затем нажимаем ОК. Теперь мы можем применить нашу кисть к Pencil Tool и нарисовать первые штрихи.

    Стоит отметить, что исходный мазок кисти был немного толстым для иллюстрации (1pt), поэтому было лучше изменить его толщину на 0,05 pt. Вы можете легко сделать это на панели кистей.

    Чтобы добиться максимально точной формы штрихов, мы используем Direct Selection Tool (A) и выделяем с его помощью опорные точки наших линий. Перетаскивая их, мы можем легко изменить определенные части наших линий. И это действительно круто — даже если у вас нет навыков рисования, с небольшой помощью Direct Selection Tool вы можете редактировать формы ваших линий так, как вам хочется! Весь процесс создания мазка кисти можно увидеть на записи ниже:

    С помощью этого метода мы можем создать всю иллюстрацию.Обратите внимание, что на деталях (например, на строчках ткани) эффективно использовать меньший вес мазка. И не беспокойтесь о пересечении границ! Это можно исправить позже.

    Когда мазки кисти готовы, скройте рисунки слоев, щелкнув значок глаза Переключить видимость.

    Пришло время преобразовать штрихи нашего персонажа в очертания! Для этого мы выбираем все штрихи с помощью Selection Tool (V), затем переходим в верхнюю строку меню> Object> Expand Appearance. Теперь мазки кисти приобрели правильную форму.Мы выбираем наши недавно созданные формы, а затем открываем панель Pathfinder, где выбираем Divide Option.

    Теперь наши иллюстрации разделены, и мы можем легко выбрать ненужные части с помощью Direct Selection Tool (A) и удалить их.

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

    В следующем уроке мы пройдем еще один шаг: раскраска и затенение в иллюстраторе!

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

    Творческое приключение с Adobe Illustrator Draw

    Вы когда-нибудь задумывались, чем еще вы должны заниматься помимо бездельничанья и просмотра телепередач в течение трехдневных выходных? Для меня ответ ясен. Я позаимствовал iPad с работы, чтобы исследовать все скрытые жемчужины и чудеса Adobe Illustrator Draw.

    Работая в дизайн-студии в Бостоне и будучи давним пользователем Adobe, я был взволнован и заинтригован этим приложением для рисования. Я впервые услышал об Adobe Illustrator Draw несколько лет назад, но так и не смог найти ему применение.Со временем Adobe внесла множество обновлений в это маленькое приложение, и с момента своего дебюта оно претерпело значительные изменения.

    Первое впечатление

    Когда я впервые открыл Adobe Illustrator Draw (AID), я был впечатлен его простым и понятным интерфейсом. Приложение приветствует вас множеством размеров артборда по умолчанию на выбор. Это очень щедрая и продуманная вещь, которую может сделать приложение. Мой любимый размер артборда для рисования — это стандартная альбомная буква. Он максимально естественно сочетается с экраном iPad.

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

    Избранные функции

    Моя первая любимая функция — это настройка чувствительности к давлению. Благодаря этому рисование в цифровом формате выглядит по-настоящему естественным и гладким, поскольку размер штриха меняется в зависимости от вашего давления.
    Существует 5 различных типов кистей, которые вы можете выбрать: круглая, коническая, плоская, зубила, кончик, а также ластик. У каждой кисти есть четыре различных параметра, которые вы можете настроить: размер, непрозрачность, цвет и базовую настройку, где вы можете настроить все, от округлости кисти до той чувствительности к давлению, которая подходит вам наиболее естественно. Лично я предпочитаю 100% динамику давления с размером кисти 8.0 и углом 45 градусов.

    Еще одна любимая функция Adobe Illustrator Draw — это настройка экспорта и совместного использования.Наряду с обычными опциями экспорта, такими как отправка по электронной почте или публикация на Behance, вы также можете опубликовать свои работы в формате PDF прямо в папке Creative Cloud Files на вашем iMac или MacBook. Затем вы можете открыть иллюстрацию в других программах Adobe, чтобы уточнить, подправить или просто оставить ее как есть.

    Моя последняя и, вероятно, самая любимая функция — это опция покадровой генерации. Раньше я часто пытался записать свой процесс, только чтобы выйти из него на полпути из-за технических проблем, неудобства при записи моего процесса или хлопот, связанных с необходимостью редактировать и вырезать некоторые из ненужных отснятых материалов между ними.Теперь, благодаря встроенной функции покадровой съемки, я могу сосредоточиться на создании своих иллюстраций, зная, что приложение уже делает за меня грязную работу по записи процесса. Нет ничего более приятного, чем повторное наблюдение за процессом в конце в таймлапсе. Вы видите все: как вы начали, небольшие перебои между ними и полезный результат в конце.

    Процесс рисования

    Я буду использовать одну из моих успешных иллюстраций, чтобы продемонстрировать свой личный процесс с AID.Я создал вымышленный музыкальный плакат для акустического джем-сейшна на песню «Summer Night’s Dream» моей любимой группы FT Island. Для этой иллюстрации я использовал iPad Pro 12,9 дюйма в качестве планшета для рисования и карандаш Apple для создания иллюстрации.

    Во-первых, я начал с грубого наброска композиции и сюжетов, которыми являются участники группы. Я основывал композицию этого плаката на снимке экрана с фактическим исполнением песни.

    Затем я перешел к уточнению иллюстрации.Я снизил непрозрачность эскиза до 30% и просто создал новый слой для рисования поверх исходного чернового рисунка. Этот шаг занял больше всего времени, так как я внес несколько модификаций и изменений в некоторые детали в дополнение к простому отслеживанию эскиза.

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

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

    Последние мысли

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

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

    Удачи и удачи в рисовании!

    Ресурсов:

    Начало работы с Adobe Illustrator Draw

    Галерея рисования Adobe Illustrator на Behance

    Adobe Illustrator Draw YouTube Учебное пособие от Рокки Рорка

    Рисование и живопись в Adobe Illustrator

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

    Создание групп быстрой заливки

    Live Paint позволяет заполнять открытые или закрытые контуры, создавая группы Live Paint. Просто нужно превратить пути в эти группы Live Paint, чтобы вы могли их раскрасить. Более того, вы можете обвести растровое изображение и преобразовать его в группу Live Paint для рисования. Инструмент «Быстрая заливка» позволяет щелкнуть область, образованную пересекающимися линиями, чтобы применить атрибуты заливки (также известной как грань) и обводки (известной как кромка).

    Вот как можно создавать группы Live Paint.

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

    Выберите пути или объекты.

    Перейдите в Object> Live Paint> Make.

    Используйте инструмент «Заливка с быстрой заливкой» (сгруппированный с помощью инструмента «Построитель фигур»), а затем щелкните выбранный объект.

    Преобразование объектов в группы быстрой заливки

    Если вы не можете преобразовать объект в группу с быстрой заливкой, используя описанные выше шаги, перейдите в меню «Тип»> «Создать контуры».Затем превратите пути в группу с быстрой заливкой.

    При использовании растровых изображений выберите «Объект»> «Живая трассировка»> «Сделать и преобразовать в быструю краску».

    Для других объектов вы можете перейти в Object> Expand. Это превращает пути в группу с быстрой заливкой.

    Параметры настройки для инструмента Live Paint Bucket Tool.

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

    Если вы хотите, чтобы инструмент закрашивал заливку, установите флажок. Если вы хотите, чтобы он рисовал штрихи, установите флажок Paint Strokes.

    Наши проверили на заливку краской. Как вы видели на предыдущем снимке, ведро с живой краской заполнило наши формы.

    Если бы мы вместо этого проверили штрихи, то вот что произошло бы.

    Проверьте предварительный просмотр образца курсора, если вы хотите мгновенно увидеть, что будет делать Live Paint. Предварительный просмотр образца курсора показан ниже для заливки. Он обведен красным.

    Затем выберите цвет, которым будут выделены контуры, которые будут окрашены.Как вы видите выше, наши выделены красным, что соответствует окну опций ниже. Вы также можете выбрать ширину выделения.

    Нажмите ОК, когда закончите настройку параметров.

    Используйте инструмент Live Paint Bucket Tool

    Щелкните на инструменте «Быстрая краска» на панели инструментов. Убедитесь, что у вас установлены параметры заливки краской.

    Выберите цвет, который хотите использовать.

    Теперь перейдите в свою группу Live Paint.

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

    Чтобы использовать инструмент «Ведро с быстрой заливкой» для обводки, убедитесь, что он установлен в параметрах «Ведро с быстрой заливкой». Затем наведите указатель мыши на путь в группе Live Paint. Вы увидите, как появится образец. Щелкните, чтобы нарисовать обводку.

    Инструмент выделения с помощью Live Paint

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

    Инструмент «Выделение с быстрой раскраской» позволяет выбирать части группы с быстрой раскраской для раскрашивания.

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

    Раскрашивает за вас выбор.

    Панель кистей

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

    Перейдите в «Окно»> «Кисти», чтобы открыть панель «Кисти».

    Теперь выберите путь в вашем объекте с помощью инструмента выделения.

    Чтобы изменить вид панели «Кисти», нажмите кнопку «Параметры» на панели «Кисти» и выберите, какую категорию кисти вы хотите видеть.

    Теперь нажмите кнопку «Меню библиотек кистей» на панели, укажите категорию «Кисти» и выберите библиотеку.

    Библиотека отображается на другой панели.

    Теперь щелкните кисть на панели библиотеки, чтобы добавить ее на панель «Кисти». Мы выберем синий выше.

    Как видите, теперь он добавлен в нашу панель кистей.

    И это тоже добавлено к выбранному нами пути.

    Использование инструмента Paint Brush Tool для рисования от руки

    Инструмент «Кисть» находится в вашем наборе инструментов. Выглядит это так,.

    Щелкните инструмент «Кисть».

    Теперь выберите «Нет» для цвета заливки.

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

    Затем перейдите на панель «Кисти» и выберите кисть. Теперь вы можете рисовать от руки.

    Мы выбрали эту кисть.

    Вот нарисованный нами замкнутый путь.

    Вы можете использовать любую из кистей из библиотек кистей.

    Найдите время, чтобы поиграть с различными категориями кистей (и со всеми кистями в этих категориях).Изучите эффекты, которые имеет каждая кисть, и почувствуйте те, которые вам нравятся. Рисовать в Illustrator очень весело.

    Инструменты для пластики

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

    Инструменты «Пластика» включают в себя: «Деформация», «Закрутка», «Сморщивание», «Вздутие», «Гребешок», «Кристаллизация» и «Морщинка».

    Давайте немного повеселимся и узнаем, как использовать инструменты Liquify.

    Инструмент ширины

    Выберите инструмент «Пластика», который вы хотите использовать. Мы выбрали ширину.

    Теперь щелкните или перетащите путь, который вы хотите «сжать».

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

    Щелкните инструмент выбора, а затем щелкните пустую область, чтобы отменить выбор пути.

    Инструмент Crystallize

    А теперь давайте попробуем инструмент «Кристаллизация» на нашей звезде.

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

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

    Инструмент для деформации

    Давайте воспользуемся инструментом Warp на нашем многоугольнике.

    Щелкните на инструменте «Деформация».Щелкните или перетащите круг по путям, которые вы хотите деформировать.

    Наш многоугольник теперь выглядит так.

    Инструмент Twirl

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

    Щелкните на инструменте Twirl.

    Как и в случае с инструментом «Деформация», щелкните или перетащите круг по контурам.

    Когда мы закончим, это будет выглядеть так.

    Складной инструмент

    Давайте воспользуемся инструментом Pucker на нашем новом чертеже.

    Щелкните на инструменте Pucker.

    Вы можете щелкнуть или щелкнуть и перетащить круг по пути.

    Вы можете увидеть наш готовый рисунок выше.

    Инструмент для вздутия

    Используйте инструмент «Раздувание» таким же образом. Щелкните инструмент Раздувание и проведите пальцем по своим контурам.

    Гребешок

    Щелкните инструмент «Гребешок», а затем щелкните или перетащите его по контурам, которые нужно сделать гребешком.

    Мы превратили круг в этот.

    Инструмент для разглаживания морщин

    Щелкните инструмент «Морщинки», а затем щелкните или перетащите контуры. Мы превратили круг в этот с помощью инструмента «Морщинки».

    Эффекты Illustrator

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

    Применение эффектов

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

    Теперь перейдите к Эффекту в строке меню. Выберите эффект, который вы хотите добавить, из меню и подменю.Откроется окно параметров для выбранного вами эффекта.

    Вы можете предварительно просмотреть, как эффект будет выглядеть в вашем документе, установив флажок «Предварительный просмотр». Окно параметров для 3D Revolve показано ниже. Вы можете увидеть окно предварительного просмотра в нижнем левом углу.

    Теперь настройте свои параметры. Когда вы закончите, нажмите ОК.

    Adobe Illustrator обработает ваши изменения. Это может занять несколько минут, в зависимости от объема изменений, которые необходимо внести в Illustrator.

    В этом уроке мы обсудим некоторые из этих эффектов и покажем вам, как их использовать. Конечно, мы не можем охватить их все. Есть 100 эффектов и бесконечное количество комбинаций этих эффектов. Мы собираемся рассмотреть некоторые из них, чтобы вы понимали, что они делают, и были более знакомы с параметрами настройки всех эффектов.

    Преобразовать в эффект формы

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

    Сначала выберите объект, слой или группу, которые вы хотите преобразовать.

    Мы выбрали эту звезду.

    Затем перейдите в Эффект> Скрыть в форму и выберите форму. Мы выбрали прямоугольник.

    Откроется окно параметров.

    Задайте сторону и укажите, хотите ли вы абсолютное значение или относительно исходной формы объекта.

    По завершении нажмите ОК.

    Это то, что мы видим, когда снимаем выделение с нашего объекта.

    Однако, если мы воспользуемся инструментом «Выделение», мы все равно сможем увидеть нашу исходную форму с ее путем.

    Эффект каракулей

    Если вы хотите, чтобы ваш объект выглядел так, как будто он нарисован от руки, вы можете применить эффект Scribble.

    Мы собираемся использовать нашу звезду еще раз.

    Выберите свой объект, слой или группу. Затем перейдите в Эффект> Стилизация> Набросок.

    Появится окно «Параметры рисования».

    Давайте рассмотрим варианты.

    Settings позволяет нам выбрать предустановку для эффекта Scribble.

    Угол позволяет ввести значение угла или повернуть циферблат. Вы можете изменить угол линий эскиза (линий каракулей).

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

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

    Щелкните ОК.

    Вот наша звезда с эффектом Scribble.

    Эффект внутреннего или внешнего свечения

    Внутреннее свечение распространяет цвет от края объекта внутрь. Внешнее свечение распространяет цвет от края объекта наружу.При желании вы можете применить к объекту оба эффекта.

    Сначала выберите объект, слой или группу, к которым вы хотите применить эффект.

    Перейдите в Эффект> Стилизация> Внутреннее свечение или Эффект> Стилизация> Внешнее свечение.

    Мы выбрали Inner Glow.

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

    Mode означает Blend Mode . Выберите режим наложения.

    Затем вы можете изменить непрозрачность , или прозрачность свечения.

    Размытие определяет, насколько далеко распространяется свечение от края объекта.

    Для Inward Glow щелкните Center , если вы хотите, чтобы свечение распространялось наружу от центра объекта. Щелкните Edge , чтобы он распространился от края внутрь.

    Щелкните ОК.

    Эффект тени

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

    Давайте добавим к нашей звезде эффект тени.

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

    Перейдите в Эффект> Стилизация> Тень.

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

    Смещение по осям X и Y — это то место, где вы вводите расстояние смещения для тени.

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

    Щелкните ОК.

    3D-эффекты

    Используя 3D-эффекты в Illustrator, вы можете превратить двухмерные объекты в трехмерные. Вы можете выбрать один из следующих эффектов: «Вытягивание» и «Фаска», «Вращение» и «Поворот».

    Давайте выберем нашу звезду и узнаем, как работают 3D-эффекты.

    Перейдите в Эффект> 3D.Мы собираемся выбрать Extrude и Bevel.

    Нажмите кнопку «Дополнительные параметры» в нижней части окна параметров.

    Теперь позвольте нам установить ваши параметры.

    Позиция относится к перспективе объекта и углу поворота.

    Extrude and Bevel позволяет указать степень глубины объекта и скоса. Это ваш 3D-эффект.

    Поверхность позволяет указать поверхность трехмерного объекта.

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

    Map Art позволяет наносить 2D-изображения в виде символа на поверхность вашего нового 3D-объекта.

    По завершении нажмите ОК.

    Эффекты деформации

    Эффекты искажения позволяют применять к объектам эффекты искажения.Чтобы показать вам, как работает эффект Деформации, мы собираемся применить его к нашему прямоугольнику.

    Выберите свой объект, группу или слой. Мы выбрали наш прямоугольник.

    Перейдите в Эффект> Деформация, затем выберите тип деформации, которую вы хотите применить, из подменю, как показано ниже:

    Мы собираемся выбрать Fisheye.

    Откроется окно параметров деформации.

    Щелкните стрелку вниз «Стиль», чтобы изменить эффект деформации.

    Щелкните по горизонтали или вертикали, чтобы указать Illustrator желаемое направление эффекта.

    Перетащите ползунок «Изгиб», чтобы настроить изгиб для эффекта.

    Перетащите ползунки по горизонтали и / или по вертикали, чтобы отрегулировать направление искажения.

    По завершении нажмите ОК.

    Искажение и преобразование

    Эффекты «Искажение» и «Преобразование» помогают применять к работе различные типы эффектов искажения и преобразования.Вы можете выбрать один из нескольких эффектов, и каждый из них дает свой результат. Различные эффекты, которые вы можете применить с помощью этого инструмента, перечислены ниже:

    Позвольте нам показать вам, как работают эти эффекты, используя эффект Pucker and Bloat на нашем прямоугольнике:

    Не забудьте выбрать объект, группу или слои, которые вы хотите исказить или преобразовать.

    Перейдите в Эффект> Искажение и преобразование> Сморщивание и раздувание.

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

    Щелкните ОК.

    Мы выбрали больше наворотов.

    Вот наша форма с примененными искажением и трансформацией:

    Почему не нужно уметь рисовать, чтобы освоить Adobe Illustrator

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

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

    Итак, почему я должен использовать Illustrator и нужно ли мне для этого хорошо разбираться в искусстве?

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

    Во-вторых, вам, конечно же, не нужно увлекаться книгами и начинать изучать историю искусства аборигенов или движения абстрактного экспрессионизма, чтобы начать получать отличные результаты от Illustrator. Вам также не обязательно брать уроки рисования (вы можете, если хотите, но на самом деле это не обязательно). На самом деле, в Illustrator все хорошо, так это в исправлении ваших недостатков.Например, попробуйте нарисовать от руки идеальный круг. Не так-то просто, правда? На самом деле это практически невозможно. Но когда вы рисуете круг с помощью встроенного инструмента рисования фигур Illustrator, он всегда будет идеальным — как и ваши квадраты, звезды, треугольники или любые другие фигуры, которые вы можете придумать.

    Важно знать, что Illustrator рисует линии и формы, используя математические уравнения, известные как векторы. Этот формат создает чистые, четкие линии (или контуры, как более известные) и может быть напечатан сколь угодно большого размера без пикселизации или неровных линий растровых / пиксельных изображений, которые вы получаете при использовании Photoshop.

    Кроме того, не позволяйте слову «Illustrator» сбить вас с толку. На самом деле рисовать — или иллюстрировать — от руки не обязательно (так что нет, вам действительно не нужно хорошо разбираться в искусстве, чтобы использовать Adobe Illustrator), поскольку есть много простых инструментов, которые можно использовать в этой чрезвычайно обширной программе, некоторые из которых будут раскрыты в этой статье.

    Формы

    Начните с знакомства с рабочей зоной. В левой части экрана обратите внимание на панель инструментов, идущую вертикально вниз по рабочему пространству.

    Инструмент «Форма» расположен чуть ниже символа T. Выберите это, выберите свою форму (см. Снимок экрана ниже), нажмите и удерживайте страницу (монтажную область) и перетащите курсор по экрану.

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

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

    Трассировка изображений

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

    Убедившись, что слой 1 выбран и выделен, щелкните вкладку «Прозрачность» (символ двух кружков) и уменьшите непрозрачность примерно до 60, затем вернитесь на вкладку «Слои» и нажмите «Эскиз».

    На панели инструментов (слева) выберите инструмент «Карандаш» и начните обводить изображение — вы можете увидеть свой прогресс, включая и выключая символ глаза на слое 1.

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

    Инструмент «Перо»

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

    Сначала щелкните инструмент «Перо» на панели инструментов. Щелкните в любом месте страницы, затем выберите второе место и щелкните еще раз. Вы увидите, что линия была сформирована от первой точки до второй.

    Но что, если вы хотите согнуть леску? Простой. Щелкните точку в любом месте линии, а затем, не отпуская курсора, перетащите перо от линии. Обратите внимание на маркеры, появляющиеся при перетаскивании. Чем дальше вы перетаскиваете перо, тем глубже получится кривая.

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

    Автор записи

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *