Как нарисовать часы в illustrator
Если вы хотите развить свои навыки иллюстратора, вот учебник для вас! Следуйте этому пошаговому руководству, чтобы увидеть, как добавление слоя за слоем векторных фигур вместе с рядом градиентов и пятном текстуры может быстро создать великолепную графику часов в виде значка.
Откройте Adobe Illustrator и создайте новый документ. Я лично использую цветовой режим CMYK просто потому, что мне легче управлять уровнем черного в каждом цвете, но вы, безусловно, можете использовать RGB для более широкого спектра цветов. Нарисуйте круг на артборде. Удерживайте Shift, чтобы сохранить идеальный круг, и заполните линейным градиентом под углом от темно-синего до светло-голубого.
Нажмите CMD + C, чтобы скопировать форму, и CMD + B, чтобы вставить позади. Захватите угол инструментом выделения и немного увеличьте масштаб. Не забудьте удерживать Shift, чтобы сохранить форму пропорциональной. Отрегулируйте самый легкий образец от градиента до более светлого оттенка синего.
Скопируйте (CMD + C) внешнюю форму и нажмите CMD + F для вставки впереди. Уменьшите форму, удерживая клавиши Shift и Alt. Отрегулируйте угол наклона градиента так, чтобы он проходил по диагонали в противоположном направлении.
Нажмите CMD + F еще раз, чтобы вставить еще одну копию большого внешнего круга в верхней части стопки. Заполните эту форму черным, затем перейдите в Effect> Texture> Grain.
Измените режим смешивания круга с зернами на Multiply, затем уменьшите непрозрачность до 15%.
Это зерно добавляет небольшую текстуру к корпусу часов, что помогает добавить реалистичности. В конце концов, в реальной жизни не все идеально.
Вставьте другой круг и уменьшите его, чтобы он соответствовал циферблату. Замените заливку радиальным градиентом от серого до белого. Отрегулируйте ползунки, чтобы градиент не пополз слишком далеко к центру.
В другом месте документа нарисуйте маленький тонкий прямоугольник. Заполните прямоугольник серым цветом, затем дублируйте его, удерживая клавишу Alt и перетаскивая форму вниз. Удерживайте клавишу Shift, чтобы удерживать ось в вертикальном положении.
Эти две формы будут основой метрики циферблата, но нам нужно точно продублировать их, чтобы заполнить оставшееся пространство. Сгруппируйте фигуры вместе (CMD + G), затем перейдите в Object> Transform> Transform Each. 360 (градусы по кругу), разделенные на 12 (цифры на циферблате), равны 30 градусам каждый, поэтому введите 30 в опции Угол. Нажмите Copy, чтобы начать первое преобразование, затем просто нажмите CMD + D, чтобы повторить действие.
Когда у вас будет полный набор показателей, сгруппируйте все фигуры вместе и расположите их на циферблате.
Скопируйте и вставьте еще один дубликат циферблата, затем масштабируйте его до центра. Отрегулируйте градиент, чтобы течь вертикально со средним до светло-серого.
Возьмите прямоугольник с закругленными углами и нарисуйте несколько пальцев разных размеров. Заполните каждый соответствующим цветом, таким как темно-серый для «маленькой руки», светло-серый для «большой руки» и красный для счетчика секунд.
Поверните и разместите эти фигуры на циферблате. Используйте сочетание клавиш CMD + [, чтобы изменить порядок наложения, чтобы они отображались под центральным кругом.
Выделите все три круга и продублируйте их, нажав Alt и клавишу курсора вниз. Измените заливку всех трех фигур на черный и измените режим смешивания на Умножение на 20%. Это создает впечатление маленькой тени под пальцами.
Используйте инструмент «Текст» для маркировки ваших часов. Запомните комбинацию клавиш CMD + [, чтобы настроить порядок объектов, чтобы текст находился ниже часового пальца.
Скопируйте и вставьте еще одну копию циферблата и залейте черным. Используйте инструмент Эллипс, чтобы нарисовать временную фигуру через черный круг. Цель состоит в том, чтобы получить красивую плавную кривую, которая пересекает черный объект. Выделив обе фигуры, используйте параметр «Минус спереди» на палитре «Навигатор», чтобы вырезать фигуру. Измените на Умножение только на 3%, чтобы сформировать тонкую тень.
Скопируйте и вставьте перед фоновым квадратом и залейте новый объект повторяющимся узором. Этот ужасающий рисунок рыбы скрыт в коллекции образцов Illustrator по умолчанию. Измените режим смешивания на Overlay, чтобы объединить цвета с синим градиентом.
Нарисуйте чуть больший черный кружок за часами, измените режим смешивания на Умножение на 30% и сместите в направлении внизу справа.
Держите выделенный черный круг, затем перейдите в Effect> Blur> Gaussian Blur. Введите радиус 30px на панели параметров.
Если вы никогда не работали в Illustrator и не знаете, с чего начать — эта статья для вас.
Программу устанавливайте на английском языке. Рекомендуем так сделать всем новичкам, так вы избежите трудностей в изучении Illustrator, а также других проблем в работе программы.
Изучите Adobe Illustrator за час
Всем новичкам рекомендуем начать изучение Illustrator с этого видео.
За час автор познакомит вас с Adobe Illustrator и вы научитесь пользоваться его базовыми инструментами и командами. В ходе урока вы вместе с автором создадите современную иллюстрацию по готовому эскизу.
Для чего нужен Illustrator?
Adobe Illustrator - это программа для работы с векторной графикой.
Для чего нужна векторная графика? Её используют для создания иллюстраций и логотипов, иконок и баннеров, она применяется в разработке фирменных стилей и печатной продукции.
Почему стоит выбрать Illustrator? Он хорошо дружит с другими программами Adobe. Например, вы можете легко переносить иллюстрации в InDesign для вёрстки книг. Или сможете перенести логотип в Photoshop для создания презентации, все изменения файлов будут синхронизироваться, что очень удобно.
Мини-курсы Adobe Illustrator на русском
Если вы желаете самостоятельно изучить иллюстратор, уроки для начинающих можно найти на YouTube, он полон обучающих видео для художников самого разного уровня.
Ниже есть ссылки на бесплатные мини-курсы и полезные плейлисты с уроками по Illustrator для начинающих.
1. Мини-курс «Adobe Illustrator для новичков»
В ходе изучения этого мини-курса вы познакомитесь с Adobe Illustrator, изучите его интерфейс и необходимые инструменты для создания иллюстраций.
Всего в курсе 6 уроков длительностью по 10 минут, материал подаётся грамотно и потому очень легко усваивается, рекомендуем всем новичкам:
2. Фишки и лайфхаки Illustrator
Отличные уроки по фишкам Adobe Illustrator для новичков. Автор в 6 уроках по 10 минут расскажет про интересные техники работы и полезнейшие инструменты программы:
3. Базовый курс с канала Atlantis
Хороший мини-курс из 5 уроков по 10 минут, подойдёт абсолютно каждому. Автор познакомит вас с интерфейсом программы, научит настраивать его и покажет полезные фишки Illustrator:
Уроки Illustrator для начинающих на русском
Когда познакомитесь с основными инструментами Adobe Illustrator — изучите интересные техники и приёмы работы в нём и больше практикуйтесь.
Уроки с крутыми идеями и техниками вы найдёте на YouTube каналах по ссылкам ниже.
Канал Atlantis
На этом канале есть классные уроки по векторным иллюстрациям.
Автор покажет вам, как рисовать в иллюстраторе пейзажи в современном стиле. Уроки подойдут начинающему, в ходе их изучения вы создадите несколько эффектных иллюстраций.
Канал Виталия Менчуковского
Быстрые уроки по самым различным техникам и композициям в Illustrator. Есть много классных идей, уроки по 5 минут, классный способ изучить рисование в иллюстраторе:
Уроки по Illustrator на английском
Обучающего материала на русском по Adobe Illustrator более, чем достаточно. Но не стоит обходить стороной и англоязычные ресурсы, мы оставили пару ссылок на классные каналы ниже.
Серия уроков Make it Now
Гениально простые минутные уроки Illustrator от Adobe. Они минималистично оформлены, на экране — только самое главное.
Здесь вы изучите 11 интересных техник, которые могут пригодиться вам в создании собственных крутых иллюстраций:
Канал Satori Graphics
В этом плейлисте есть много уроков по Illustrator, в которых вы узнаете как нарисовать в иллюстраторе текст и эффектно оформить его. Также автор делится полезными фишками программы и даёт отличные советы по дизайну:
Канал Nobu Design
Плейлист с 90+ уроков, в которых автор показывает, как сделать в иллюстраторе крутые паттерны и оформление текста.
Уроки наполнены ценной информацией для новичков и длятся не более 10 минут:
Нужна помощь в изучении Adobe Illustrator?
По итогам обучения вы нарисуете 25 иллюстраций для своего портфолио, а также научитесь организовывать рабочий процесс и вести крупные проекты.
Желаю вам интересного изучения этой крутой программы, творческих успехов и вдохновения!
В посте собрана подборка обучающих уроков по созданию векторной графики. На мой взгляд большинство материалов покажутся интересными для новичков только начинающих постигать векторное искусство. Но думаю, что специалисты также смогут найти для себя полезные уроки.
Туториалы бесплатные, но почти все на английском языке. Для удобства они поделены на три категории: приступая к работе, создание лиц, дизайн персонажей, ландшафт и окружающая среда и особые эффекты.
Приступая к работе
В этом уроке объясняется, каким образом создавать векторные иллюстрации используя Adobe Illustrator. Приводится объяснение ключевых параметров и инструментов, которое дополняется советами экспертов.
В этом многогранном туториале Вы узнаете основные термины, рассмотрите рабочие процессы и техники, которые помогут начать работать с векторной графикой.
Инструмент «перо» — один из основных в арсенале программы, он особенно важен для начального овладения векторной графикой. Это подробное руководство ставит своей целью познакомить Вас с особенностями и методами работы с незаменимым инструментом компании Adobe. А также с наиболее рациональными способами его использования.
Данный видео-туториал является действительно ценным ресурсом, который объясняет как создавать векторную графику в Illustrator и какую роль в этом процессе играет рисование.
От использования точек кривой Безье до обводки, заливки и придания векторной графике более естественного вида — это лишь некоторые секреты Illustrator из урока, которые существенно пополнят арсенал новичка.
Узнайте, как создавать простые органические формы в Illustrator с этим простым для восприятия руководством от Верле Питерс (Veerle Pieters), графического и веб-дизайнера.
7. Добавление текстуры для векторных иллюстраций
Добавление текстуры — это отличный способ сделать Вашу векторную графику более выразительной, подчеркнуть ее перспективу. В этом очень доступном видео эксперт Illustrator Александра Сесилио (Alexandra Cecilio) демонстрирует как это сделать.
Этот туториал от Андрея Мариуса (Andrei Marius) поможет Вам создать векторный линейный график. Пошагово: начиная с простой сетки до направляющих линий, используя только панель Appearance (один из мощнейших инструментов в Adobe Illustrator) с добавлением некоторых простых фрагментов текста и тонкой штриховки.
Создание лиц
9. Создание векторного глаза
Это очень полезный видео туториал, который показывает процесс создания векторного глаза, а также затемнение кожи.
Это углубленный видео курс, который поможет в овладении искусством создания векторных портретов на основе фотографий.
Еще один замечательный туториал по векторной графике. Руслан Хасанов показывает как манипулировать работой векторных линий и градиентами, чтобы придать работе динамичность.
С возрождением геометрической тенденции, справедливо сказать, что WPAP может быть представлен в большем количестве различных аспектов дизайна. Этот туториал покажет Вам как самостоятельно создать WPAP в Illustrator с помощью мастера WPAP.
Прорисовка волос в векторе может быть довольно мудреной. Этот туториал шаг за шагом показывает как волосы с фотографии превращаются в векторные.
В этом уроке Вы сможете создать иллюстрированный автопортрет в геометрическом стиле. В качестве основы иллюстрации будет использоваться Ваша собственная фотография. Она поможет нарисовать эскиз, а затем завершить оставшуюся часть работы.
Дизайн персонажей
Иллюстратор и дизайнер Юлия Соколова показывает как создать набор портретов, которые идеально подходят для социальных медиа или, к примеру, для обозначения различных категорий и профессий на Вашем сайте.
Джонатан Болл (Jonathan Ball), основатель Poked Studio, обьясняет как с помощью Illustrator основные геометрические фигуры превращаются в уникальных, красочных персонажей.
В этом уроке Вы легко и весело создаете очень простой трафарет, который можно использовать на различных поверхностях (включая футболки, стены, холсты). Сказка Л. Кэррол «Приключения Алисы в Стране чудес» вдохновила автора на создание векторного изображения и написание туториала.
С помощью этого туториала Мэри Винклер (Mary Winkler) собирается показать Вам, как нарисовать чиби персонажа с нуля, используя Shape Builder Tool (Shift-M), Pen Tool (P), прозрачные градиенты, и многое другие инструменты Illustrator.
В руководстве описан процесс создания простого персонажа аниме от начала и до конца.
Узнайте как создаются милые кролики в этом туториале векторной графики. Тренинг использует простые формы и градиенты, которые легко применимы и к иллюстрациям других персонажей.
Этот туториал представляет очень много основных форм для достижения действительно ловкого стиля иллюстраций. А затем «оживляет» йети с помощью палитры холодных цветов.
Здесь Вы сможете увидеть, как создаются персонажи видеоигр. У Вас будет возможность рассмотреть работу с первого эскиза и до самого финала.
Иллюстратор и автор Шейрен Милн (Sharon Milne) показывает, как создать монохромный портрет с фотографии.
Если Вы заядлый любитель футбола, то этот туториал будет особенно кстати. В уроке Сергей Кандаков создает яркую иллюстрацию с эффектом стиля ретро.
Ландшафт и окружающая среда
В этом уроке от векторного художника Андрея Мариуса (Andrei Marius) показано, как можно создать простой дизайн карты в Illustrator.
В этом туториале продемонстрировано, как создать в llustrator эффектный ландшафт окружающей среды. Для выполнения задания будет достаточно базовых знаний об инструментах программы.
Очень простой и последовательный урок от Дианы Тома (Diana Toma), который показывает как нарисовать прекрасные цветы используя градиентные сетки (меш).
Особые эффекты
В этом пошаговом руководстве Вы изучите, как создать «электрический» текст в векторе.
Том Мак (Tom Mac) показывает, как в Illustrator создать портрет с drip-effect, используя инструмент Pen и кое-какие дополнительные методы.
В этом учебном руководстве мы сделаем простой и красивый восточный паттерн в Adobe Illustrator, который будет состоять из различных объектов азиатской культуры.
За прошедшие годы винтажные иллюстрации и ретро-стиль стали вновь популярными в дизайне. В представленном уроке разработчик Бен Стирс (Ben Steers) делится своими методами, которые помогут Вам преобразовать векторные рисунки в ретро-стиль.
С помощью Illustrator можно создавать безупречную векторную графику. Но порой требуются иллюстрации, напоминающие художественные эскизы, выполненные на скорую руку. В уроке показано, как нарисовать векторный рисунок в таком стиле.
Следуя этому туториалу Вы сможете создать эффект блеска в Adobe Illustrator. В основе иллюстрации заложены три эффекта: бумага для заметок, витраж и рваные края. С помощью быстрой трассировки они превращаются в блестящую векторную текстуру.
Полутон — способ воспроизведения монохромного изображения. Он базируется на специфике восприятия картины человеческим глазом для которого область изображения, заполненная крупными точками, ассоциируется с более темными тонами. И наоборот, область, заполненная точками меньшего размера, воспринимается как более светлая. Художник Крис Маквей (Chris McVeigh) покажет, как создать векторный полутон.
В этом учебном руководстве Вы изучите, как создать графический логотип Бэтмена, используя простые формы в Adobe Illustrator. Используются простые инструменты, вроде Ellipse Tool (L) и Shape Builder Tool (Shift + M).
36. Конвертируйте растровое изображение в векторное
Это учебное руководство Inkscape демонстрирует, как преобразовать растровое изображение в векторное при помощи функции Trace Bitmap.
Слайдер — популярный элемент веб-дизайна. В данном туториале показан вариант создания слайдера в векторе.
Сиара Фелен (Ciara Phelan) продемонстрирует Вам как с помощью комбинирования векторных изображений и фотографий можно создать удивительный коллаж.
В этом туториале от одной дизайнерской студии рассказывается как просто нарисовать и трассировать фотографию. Для создания реалистичной иллюстрации в примере используется простая градиентная заливка.
В этом учебном руководстве показано, как создать эффект вышивки крестиком в Adobe Illustrator. Для этого будет использоваться панель Appearance и образцы.
Решила рассказать об изучении программы Adobe Illustrator (AI) для создания векторных изображений. Опишу свой, так сказать, путь. Возможно, кто- то после прочтения этого поста вдохновится и тоже станет изучать иллюстратор и рисовать в нём. Итак, начну!
Впервые с этой программой я познакомилась в 2016 году на курсах графического дизайна. Курсы длились пол года, занятия были по выходным дням. Изучали на курсах разные предметы, а также программы, такие как иллюстратор и фотошоп. Если с фотошопом я худо- бедно была знакома и хоть немного в нём разбиралась, то AI был как тёмный лес. Занятия по этим двум программам вела один преподаватель, которая явно не была первоклассным специалистом. Но это и не удивительно, всё- таки крутые специалисты, как правило, работают в крутых компаниях. В общем, я старалась всё записывать, делать, как она говорила, но всё равно не было понимания того, как грамотно и комфортно работать в программе. Я могла сделать что- то только по шаблону или под руководством преподавателя, а о реализации каких- то своих идей даже и речи не шло. Ситуацию ещё усугубляла английская версия программы. Английский знаю плохо, на уровне "ландан из э кэпитал оф грэйт британ", а русифицированный иллюстратор нам не разрешали устанавливать. Сказали, что надо привыкать именно с английской версией работать. В общем, параллельно с курсами приходилось смотреть уроки на ютубе. И к концу занятий по AI я смогла нарисовать эту иллюстрацию с рыбой. В те времена она казалась настоящим шедевром :D
В начале 2017 года мы все получили дипломы о проф. переподготовке и стали дипломированными графическими дизайнерами. Лично я по этой специальности так и стала работать ввиду определённых обстоятельств, в то время стало не до дизайна и какого- либо творчества. Даже забросила лепку из полимерной глины, которой увлекалась долгое время.
Спустя 3 года, в 2020 году, когда из- за пандемии закрылась компания, в которой я работала, вдруг появилось желание рисовать. И рисовать захотелось именно в Adobe Illustrator. Помня, как трудно было работать в английской версии, скачала иллюстратор на русском. Потом стала искать в ютубе разные уроки для новичков, а в ВК шерстила группы, посвящённые векторным иллюстрациям. В первое время рисовала простейшие иллюстрации, наподобие таких.
И вдруг однажды увидела в вк рекламу курсов именно по AI. Первые 4 занятия были бесплатными, и я решила, что стоит их изучить, всё равно ничего не теряю. А уж если понравится, то можно и полную версию приобрести.
Бесплатные занятия были хорошие, даже ОТЛИЧНЫЕ! Я из них узнала гораааздо больше, чем на тех курсах 2016 года, всё настолько круто и наглядно объяснялось, что я потом приобрела и остальные занятия. После просмотра этих видео- уроков дело пошло гораздо веселее, получалось создавать более сложные иллюстрации и применять разнообразные эффекты. Покажу несколько рисунков, сделанных по ходу и после изучения уроков.
Это была самая- самая первая иллюстрация, из простых элементов.
Далее были иконки на лесную тематику. Потом, когда уже более- менее освоилась в программе, стала рисовать разных персонажей. Покажу некоторых из них.
Две буквы и одна долька арбуза :)
Птиц, спешащий куда-то
Принты для футболок
Ну, и рыбодракон, нарисованный совсем недавно примерно за 15 часов. Знаете, может он и не идеален, но я прям горжусь им :)
Рисование в AI для меня на данный момент- это хобби. Но очень хочется верить, что когда- нибудь это хобби сможет стать любимой работой. С детства есть мечта- создавать персонажей для мультфильмов, раскрасок и книг. Говорят, что мечты сбываются. :)
Возможно, этот пост вдохновит кого- то на рисование или другое творческое дело. По крайней мере, надеюсь на это :)
Читайте также: