Курс Реактивный Adobe Illustrator — первое занятие бесплатно ~ Записки микростокового иллюстратора
С помощью этого курса вы сможете в несколько раз ускорить многие процессы в иллюстраторе и на микростоках. Начиная с использования Actions, скриптов и плагинов и заканчивая автоматическим сохранением иллюстраций и загрузкой на стоки.
, вы можете посмотреть его прямо в этой статье.
На Реактивном курсе уже благополучно отучилось три потока. Сейчас все материалы доступны на закрытом блоге. Вы можете записаться на занятия в любое время, и проходить курс в удобном темпе. Также индивидуальное обучение предусматривает поддержку преподавателя. То есть с ответами на вопросы и проверкой домашних заданий. Доступ к курсу — $ 42 доллара.
План курса «Реактивный Ai»:
1 занятие. Интуитивное управление через Hotkeys и Actions. Как настраивать, создавать и связывать вместе горячие клавиши и сценарии.
2 занятие. Скрипты для работы и ускорения. Как скрипты нам строить и жить помогают, и как вызывать их одним кликом.
3 занятие. Плагины для иллюстратора — эффективный инструмент для профессионала.
4 занятие. Артборды, шаблоны, слои и другие удобства в иллюстраторе, которые здорово облегчают и ускоряют работу.
5 занятие. Эффективное размножение иллюстраций. Качество и количество.
6 занятие. Организация хранения файлов. Атрибутирование и автоматическая загрузка на стоки.
7 занятие. Микростоки как бизнес. Команды и студии вырываются вперёд. Присоединиться или продолжить путь одинокого мастера.
8 занятие. Фишки иллюстратора.
Посмотрите первое занятие. И если заинтересует – записывайтесь на весь курс.
Структура каждого занятия следующая:
1. Смотрите видеоурок по основной теме (не более 20 минут).
2. Прорабатываете дополнительный материал — статьи, уроки, инструкции, шпаргалки и полезные видео.
3. Выполняете домашнее задание, чтобы сразу применить новые знания на практике.
4. Оставляете отчёт по домашке и проделанной работе. Задаёте вопросы, если таковые есть.
И так работаем по каждому занятию в течении всего курса. При работе по курсу в потоках, все занятия мы проходили за два месяца. Но так как сейчас обучение индивидуальное, то вы можете сами планировать свою работу. Надо больше времени — учимся медленнее. А если всё понятно и даётся легко — пройти занятие быстрее.
Чтобы начать обучение, нажмите на кнопку ниже и оплатите вступительный взнос в размере 42 доллара. Вместе с курсом «Реактивный Adobe Illustrator» вы получите доступ к закрытому блогу на 3 месяца. На закрытом блоге вы найдёте массу полезного материала по Adobe Illustrator и микростокам. Курсы Adobe Illustrator шаг за шагом и Начинающего микростокера, касты, статьи и другие полезные инструкции.
На странице оплаты выберите удобную для себя валюту, способ платежа и заполните небольшую анкету. Все явки и пароли придут на вашу электронную почту после обработки заказа.
С любыми вопросами вы можете обратиться на мой e-mail:
Тут всё просто:
1. Вы сдали экзамен на Shutterstock.
2. У вас есть навыки работы в Adobe Illustrator.
3. Вам интересны темы занятий из курса.
4. Вы хотите быть быстрее и продуктивнее.
5. Вы желаете общения с единомышленниками и поддержки опытных товарищей.
Если ответы утвердительные, то курс «Реактивный Adobe Illustrator» будет для вас несомненно полезен. Можно смело записываться на обучение. Если же вы поняли, что на курс «Реактивный Adobe Illustrator» вам ещё рановато, то рекомендую курс для начинающих — Adobe Illustrator шаг за шагом.
Если у вас уже есть доступ к закрытому блогу, то вы можете учиться по курсу «Реактивный Adobe Illustrator» бесплатно. Для этого напишите мне на почту:
Уже не первый год мы помогаем освоиться в иллюстраторе и на стоках. Отзывы можно найти на этой странице: Отзывы и благодарности.
И ещё несколько отзывов от ребят с первого набора «Реактивный Adobe Illustrator»
Итак, если курс «Реактивный Adobe Illustrator» вас заинтересовал. Вы хотите работать быстрее и продуктивнее, то записывайтесь на занятия.
Роман aka dacascas специально для блога Записки микростокового иллюстратора
Рисуем интерфейс в Adobe Illustrator
Статья Дениса Кортунова, веб-дизайнера из Самары, об использовании программы Adobe Illustrator для создания интерфейсов.
Кстати, у нас тоже ранее выходила статья на тему проектирования интерфейсов в Illustrator.
Когда показываешь свои работы, зачастую начинающие графические дизайнеры задают вопрос «А в чем это нарисовано?».
Опытные дизайнеры спрашивают такое реже, так как понимают, что одно и тоже можно сделать с помощью разных графических редакторов. Тем не менее, расскажу свою историю…
Где-то в 99 году мне пришло осознание, что я дизайнер и, вероятно, некоторое время буду что-то рисовать. Тогда как раз вышел фотошоп пятой версии, где были такие поражающие воображения мощнейшие фичи для веб-дизана:
— Текстовые слои. Подумать только — текст в виде текста, а не растра!
— Многоуровневое Undo! Раньше можно было отменить только последнее действие.
Потом вышел еще более мощный фотошоп версии 5.5, где появился Save for Web — очень важная штука для веб-дизайна…
Шли годы, версии фотошопа сменяли друг друга. Но я рисовал веб-сайты и интерфейсы в фотошопе. Да, появились некоторые удобности, даже векторные объекты. Но основа была в растре, а главный инструмент — слои.
Но около года назад случилось так, что вся наша команда дизайнеров, которые занимаются интерфейсами, перешла на Adobe Illustrator. Будучи консервативным человеком, сначала я сильно страдал. Все было очень неудобно и непривычно. Но потом постепенно до меня начало доходить, что кое-какие преимущества есть.
На самом деле, я немного недоговариваю. Уже довольно давно, мы использовали Иллюстратор для того, чтобы рисовать иконки. Поэтому большую часть стресса я уже пережил, когда переучивался рисовать иконки в векторе.
Зачем рисовать веб-сайты и интерфейсы в векторном редакторе? Что мы за это получим?
Около двух лет назад на массовом рынке появились экраны повышенной плотности, так называемые Retina Display. Суть в том, что их разрешение, если считать в точках на дюйм, приближается к полиграфическому качествую — около 300 точек на дюйм.
При таком разрешении пиксели становятся чем-то не очень важным для экранной графики, их просто не видно.
В ближайшее время должны появиться настольные компьютеры или мониторы с высоким разрешением. Ваш дизайн нужно будет как-то оптимизировать, чтобы отображать на таких экранах. Ведь, если взять, например, iMac 27 и увеличить его разрешение вдвое, то получится почти 15 мегапикселей. Даже боюсь представить сколько будет занимать графический файл, который полностью заполнит экран.
Выход один — в интерфейсах надо переходить на вектор и оставить пиксели только для фотографии.
Что же изменится в вашей жизни и карьере дизайнера, если вы начнете делать веб- и интерфейсы в векторном редакторе?
Начнем с минусов…
— Во-первых, вы будете страдать. Многое будет непривычно и вообще придется думать иначе.
— Вы не станете более лучшим дизайнером. Качество ваших работ никак не вырастет. Вы будете делать все тоже самое, но немного иначе. Первое время.
— Вам будет очень не хватать некоторых растровых возможностей. Придется подумать, чтобы сделать некоторые элементарные для фотошопа вещи.
Но есть и хорошие новости:
— Во-первых, главный и самый ценный ресурс для любого дизайнера (да и вообще любого человека) — это время. Зачем что-то делать два дня, если это можно сделать за 4 часа?! Как правило, мысль обычно идет быстрее, чем рисуют руки. Иллюстратор очень сильно помогает экономить время.
— Во-вторых, векторные файлы намного проще исправлять. Что-то передвигать, изменять размер и так далее. Идеология «Объект, а не слой» дает существенный прирост производительности.
— Ну и самый важный пункт. К вам начинает приходить Понимание с большой буквы чем именно вы занимаетесь. Ну то есть вы что-то делаете день изо дня. А потом до вас доходит! С большой буквы доходит. Что важно, а что нет.
Например, лично до меня дошло, что современные интерфейсы не рисуют. Их верстают. Идеология «панели управления» отходит. Интерфейс становится больше похож на журнальную верстку. Большое значение приобретают такие вещи как типографика и интерактивность. А какие-то pixel-perfect штуки уже не так много значат.
Одно из самых важных и приятных вещей, которые появились с переходом на Иллюстратор, это конечно же арт-борды. Дико удобная штука.
Раньше в фотошопе была идеология: «один файл — одна страница». Но современные интерфейсы и веб-сайты очень редко состоят из одного экрана.
Иллюстратор позволяет иметь много экранов в одном файле. Это очень удобно. В папке проекта на порядок меньше файлов. Все файлы всегда под рукой. Ну нужно открывать новые файлы. Плюс, экономится память, что немаловажно.
Новые артборды можно создавать по ходу работы или сделать сразу несколько зон при создании документа. Как видите, иллюстратор стал ориентирован не только полиграфию, но и содержит пресеты для экранной графики.
Вот как это выглядит. Кстати, есть довольно удобная фича: если один и тот же элемент есть на всех экранах, то его можно нарисовать только в одном месте, а потом скопировать и воспользоваться функцией «вставить во все артборды».
Вот пример одного из интерфейсов, которые мы разрабатываем. Все экраны веб-интерфейса в одном файле. Причем, этот файл занимает не так много места — удобно потом передавать его потом разработчикам.
Приложение для iPhone. Особенность в том, что экраны небольшие, но их очень много. А теперь представьте, что это были бы PSD-файл и вам нужно было бы исправить какую-то кнопку, которая встречается на нескольких экранах. Пришлось бы открывать много файлов и следить за версиями.
Изначально родной формат файлов иллюстратора это AI. Но мы храним все макеты в формате PDF.
— Сохраняются все данные. Ничего не теряется и нормально отображается, если при сохранении не забывать нажимать галочку — «сохранить возможность редактировать в Иллюстраторе»
— Главное удобство в том, что PDF можно открыть на любой платформе с помощью бесплатных приложений. В мак ос есть стандартное приложение Preview или можно воспользоваться Acrobat Reader. Да, возможно не все эффекты отобразятся корректно, но в целом картина ясна.
Еще момент Finder на маке отображает делает иконку файла в виде такой брошюры. И из-за отогнутого листочка виден второй артборд. Когда я увидел это ми-ми-ми, то чуть не прослезился от умиления.
Сетка важна для любого макета. В иллюстраторе есть свои особенности.
Мы не испольуем направляющие, которые Guides, а рисуем прямо по сетке, которая Grid. В основном используем сетку с размером шага 10 пикселей. Для мобильных приложений берем сетку помельче — 8х8. Мы размещаем объекты так, чтобы они все стояли на сетке.
В настройках просто выбираем размер блока в 100 пикселей и включаем 10 делений. В итоге и получается квадратики 10х10. Для сетки 8х8 мы используем параметры 64 и 8 делений блока.
Чтобы полностью насладиться удобством иллюстратора, нужно включить режим «прилипание к сетке». В таком случае при создании или перемещении объекта он будет стремиться «встать на сетку». Это залог аккуратного макета.
Еще один мощнейший инструмент Иллюстратора — это Appearance. В фотошопе есть похожая штука — эффекты слоя. Но аппиранс намного мощнее. К каждому векторному объекту можно применять векторные и растровые эффекты в любой последовательности, которые в реальном времени пересчитываются, если вы меняете объект.
Давайте посмотрим на эту чудесную синюю стрелочку. Это один векторный объект, ну кроме текста. Справа табличка аппиренс для этого объекта. По сути тут очень похоже на фотошоп, так как у объекта есть слои.
Самый нижний слой это тень, которая не тень вовсе, а блик. Выше лежит голубая градиентная заливка. К которой применен эффект «иннер шадоу», чтобы было понятно, что объект как бы вдавлен. Далее лежит заливка в виде черного полосатого паттерна с 5-процентной прозрачностью.
А вот кнопочка, которая сделана особенно хитро, чтобы ровнять её по сетке. Снизу эффект тени, который делает блик. Далее подряд идут подряд три градиентных заливки, к которым применены эффекты Offset Path, которые делают меньше объект на заданное число пикселей. Ко всему этому применен эффект «Round Corners», чтобы закруглить края. И на самом верху эффект который уменьшает кнопку так, чтобы она вставала на сетку.
Чтобы сделать кнопку из другого объекта, нужно просто перетащить на него этот аппиренс или ткнуть в кнопку инструментом «Пипетка».
Как вы заметили, основной вид заливок в интерфейсных элементах — это градиенты. Пару версий назад в иллюстраторе переделали механизм работы с градиентами и сделали его очень удобным. Теперь там наконец-то появилась возможность работы с прозрачностью. И вот эти быстрые столбики, которые появляются поверх объекта.
Но не будем забывать, что пиксели пока никуда не пропали. И рано или поздно макет будет растрирован и отображен на экране.
Иллюстратор знает не только физические метры, сантиметры и дюймы, но и пиксели. Перед тем как работать с экранной графикой, укажите в настройках, что вы хотите работать с пикселями.
Первое время у вас будет проблема с тем, что границы объектов размываются, так как включается анти-алиасинг. Чтобы этого не происходило, нужно чтобы вертикальные и горизонтальные линии попадали в пиксели. Вам нужно следить, чтобы координаты и размеры объектов были целыми значениями.
В иллюстраторе есть еще одна очень удобная штука для автоматического выравнивания. Вам не нужно самому следить за координатами. Особенно это удобно для сложных объектов, которые вы хотите чтобы выглядели четко. Фича крутая, но мы ей не пользуемся. Так как она глючит! Когда в группе есть объект с включенным «align to pixel grid», то эта группа начинает неправильно прилипать к сетке и координаты плывут.
У иллюстратора есть и слабые стороны. Совсем отказаться от растрового редактора у вас не получится.
Например, вам не обойтись без фотошопа для работы с (сюрприз-сюрприз) фото! Если в макетах есть фотографии, то желательно не резайзить их в иллюстраторе, а вставлять сразу «размер в размер».
А вот тут неожиданный поворот. Но изначально векторные иконки желательно сначала растеризовать, а потом уже вставить в таком виде в фотошоп.
Еще пару слов про сильные стороны иллюстратора, которыми я не пользуюсь, но возможно начну.
После того, как макет нарисован, его нужно как-то сверстать в HTML или вставить графику в мобильное приложение. Мы отдаем разработчикам векторные PDF файлы, которые уже сами режут картинки тоже в иллюстраторе.
У меня это до сих пор в голове не укладывается. HTML-верстальщики используют векторный редактор.
Допустим, в макетах у вас есть один и тот же элемент. Например, кнопка. Вы можете сделать из неё символ и использовать. Зачем так делать? Потому что, если вы исправите эту кнопку, то она исправится и в других местах.
Удобно. Но пока я использую это не так часто. Так как абсолютно одинаковые элементы встречаются не так часто. Вероятно, скоро для этого что-то придумают.
Еще одна штука, которую пока используем мало, но продолжая популяризацию идеологии журнальной верстки, уверен, что она пригодится. Это такие же стили текста, как в ворде. В макете вы размечаете текст не параметрами, а логикой его использования. Потом, вам, например, захочется изменить все стили заголовков. Нужно будет поменять только в одном месте.
50 уроков по созданию персонажей в Adobe Illustrator
Если вы изучаете программу Adobe Illustrator, то наверняка уже пробовали или хотели попробовать нарисовать кого-нибудь живого. Создание персонажей замечательно тем, что изобразить нужно как образ, так и характер того, кого вы рисуете. Сегодня мы собрали уроки для Adobe Illustrator по созданию персонажей. Вы найдете целых 50 уроков на английском и русском языках. С их помощью вы научитесь рисовать людей, животных и других персонажей в Illustrator.
Люди
Рисуем девушку-вампира в Adobe Illustrator
Создаем королеву червей с тату рукавом в Illustrator
Грозный самурай средствами Illustrator
Draw a Vector Pirate Cartoon Character in Illustrator
Create a Geisha Girl in Illustrator
Beginner Tutorial: Create Super Mario’s Head on Illustrator
Beginner Tutorial: Create Dexter on illustrator
Create a Simple Vector Ninja Character in Illustrator
Create a Simple Mechanic Character in Illustrator
How to Create a Yoga Goddess Illustration in Adobe Illustrator
Create the Enchanting Maleficent Portrait in Adobe Illustrator
Create a Fun Cartoon Character Face in Adobe Illustrator
Create a Skating Girl With Basic Shapes in Adobe Illustrator
Create a Tim Burton Inspired Bride of Frankenstein in Illustrator
Create a Colorful, 1940s-Inspired Witch in Adobe Illustrator
How to Create a Happy Drummer Using Adobe Illustrator and VectorScribe Plugin
Illustrator Tutorial: How to Create a Cartoon Little Girl Portrait
Illustrator and CorelDraw Tutorial: How to Create a Vector Girl with a Fan
Звери
Рисуем спящую кошечку в Adobe Illustrator
Рисуем речную рыбу в Adobe Illustrator
Рисуем зайку на качелях в Adobe Illustrator
Рисуем свинку-валентинку в Adobe Illustrator
Рисуем ёжика в Inkscape
Рисуем Teddy Bear в Adobe Illustrator
Рисуем панду в Adobe Illustrator
Создаем золотую рыбку в Adobe Illustrator
Happy Tree Friends in Illustrator
Create Courage, The Cowardly Dog in Illustrator
Quick tip: Make a Worm on Illustrator
Draw a cute lion in Illustrator
How To Create a Vector Sponge Art Effect in Illustrator
Create a Cute Vector Penguin Character in Illustrator
Create a Cute Vector Reindeer Character in Illustrator
How to Create a Flat, Subtle Textured Fox in Adobe Illustrator
Create a Super Happy Octopus Character
Create a Cute Panda Bear Face Icon
Другие персонажи
Создаем милого монстра в Illustrator
Create a Dirty Water Drop Character
Create a Creamy Ice Cream Poster on Illustrator
Fun Vector Monster Character Illustrator Tutorial
How To Create a Cool Vector Yeti Character in Illustrator
Create A Cute Creature Character From A Sketch
How To Create a Cute Hairy Vector Monster Character
How To Create a Cute Vector Mushroom Character
Create a Cool Vector Robot Character in Illustrator
Create a Cute Adipose From Doctor Who in Adobe Illustrator
Creating a Simple Kawaii Yeti With Basic Shapes in Adobe Illustrator
Create Your Own Terrifying Monster Rabbit in Adobe Illustrator
Автор подборки — Дежурка
Смотрите также:
- Лучшие уроки по созданию паттернов
- Цветочные уроки Adobe Illustrator
- 25 вкусных уроков для Illustrator
Как сделать анимацию в Adobe Illustrator ~ Записки микростокового иллюстратора
Сегодня у нас не совсем обычный урок Adobe Illustrator. Потому что в этот раз мы будем делать не статичную картинку, а самую настоящую анимацию. Представьте себе, оказывается с помощью Adobe Illustrator можно ещё и мультики рисовать 🙂Данный урок предназначен в первую очередь для продвинутых дизайнеров и иллюстраторов. Другие уроки Adobe Illustrator можно найти на этой странице: «Уроки Adobe Illustrator». Если вы столкнулись с какими-либо трудностями при выполнении этого урока, то можете обратиться за подсказкой к разделам курса «Изучи Adobe Illustrator за 30 дней!». Вы также можете взять онлайн консультацию по Adobe Illustrator через Skype.
Автор: Роман aka dacascas
Уровень: продвинутый
Версия Adobe Illustrator: любая
Видеоуроки Adobe Illustrator на YouTube. Всё, начиная от первых шагов в иллюстраторе и заканчивая подготовкой работ для экзаменов и для продажи на микростоках. Получи доступ к видеокурсу для начинающих прямо сейчас! Подробности в этой статье: Экспресс курс Adobe Illustrator для начинающихЧитать дальше…
Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:
Предлагаю ознакомиться с аналогичными статьями:
Второй набор на курс Реактивный Adobe Illustrator. Первое занятие – бесплатно ~ Записки микростокового иллюстратора
Всем привет! Мы открываем второй набор на курс «Реактивный Adobe Illustrator». С помощью этого курса вы сможете в несколько раз ускорить многие процессы в иллюстраторе и на микростоках. Начиная с использования Actions, скриптов и плагинов и заканчивая автоматическим сохранением иллюстраций и загрузкой на стоки. Первое занятие – бесплатное, вы можете посмотреть его прямо в этой статье.
Первый набор на курсе благополучно отучился в июне. Движуха удалась на славу. Мы решили её повторить — и собрать вторую группу. Сейчас все материалы курса доступны на закрытом блоге. Курс себя отлично зарекомендовал. Отзывы и все остальные подробности вы найдёте под катом.
Старт второго набора — 30 июля 2016Количество мест — 100 80 60 30 20 мест нет
Авторы курса — Роман aka dacascas и Анна Волкова
Куратор курса — Ольга Мацкевич
Доступ к курсу — $ 42 доллара
Бесплатный Бонус – доступ к закрытому блогу на 6 месяцев и курсам Adobe Illustrator шаг за шагом и Начинающего микростокера.
План курса «Реактивный Ai»:
1 неделя. Интуитивное управление через Hotkeys и Actions. Как настраивать, создавать и связывать вместе горячие клавиши и сценарии.
2 неделя. Скрипты для работы и ускорения. Как скрипты нам строить и жить помогают, и как вызывать их одним кликом.
3 неделя. Плагины для иллюстратора — эффективный инструмент для профессионала.
4 неделя. Артборды, шаблоны, слои и другие удобства в иллюстраторе, которые здорово облегчают и ускоряют работу.
5 неделя. Эффективное размножение иллюстраций. Качество и количество.
6 неделя. Организация хранения файлов. Атрибутирование и автоматическая загрузка на стоки.
7 неделя. Микростоки как бизнес. Команды и студии вырываются вперёд. Присоединиться или продолжить путь одинокого мастера.
8 неделя. Фишки иллюстратора.
Как видите, курс рассчитан на 8 недель. Вся движуха будет идти на закрытом блоге в течении 2-х месяцев: с августа по сентябрь.
Посмотрите первое занятие. И если заинтересует – записывайтесь на весь курс.
Структура каждого занятия следующая:
1. Смотрите видеоурок по основной теме (не более 20 минут).
2. Прорабатываете дополнительный материал — статьи, уроки, инструкции, шпаргалки и полезные видео.
3. Выполняете домашнее задание, чтобы сразу применить новые знания на практике.
4. Оставляете отчёт по домашке и проделанной работе. Задаёте вопросы, если таковые есть.
И так работаем по каждому занятию в течении всего курса. В итоге вы получаете два месяца активного рисования на стоки, массу новых знаний и приёмов, поддержку опытных товарищей и общение в творческой тусовке. По нашей доброй традиции на финише всех ждут призы и подарки.
ЗАПИСЬ ЗАКРЫТА
С любыми вопросами вы можете обратиться на мой e-mail:
Тут всё просто:
1. Вы сдали экзамен на Shutterstock.
2. У вас есть навыки работы в Adobe Illustrator.
3. Вам интересны темы занятий из курса.
4. Вы хотите быть быстрее и продуктивнее.
5. Вы желаете общения с единомышленниками и поддержки опытных товарищей.
Если ответы утвердительные, то курс «Реактивный Adobe Illustrator» будет для вас несомненно полезен. Можно смело записываться обучение. Если же вы поняли, что на курс «Реактивный Adobe Illustrator» вам ещё рановато, то рекомендую курс для начинающих — Adobe Illustrator шаг за шагом.
Если у вас уже есть доступ к закрытому блогу, то вы можете учиться по курсу «Реактивный Adobe Illustrator» бесплатно. Для этого напишите мне на почту:
Уже не первый год мы помогаем освоиться в иллюстраторе и на стоках. Отзывы можно найти практически в каждой статье в комментариях. Но недавно мы всё-таки стали собирать их в одном определённом месте: Отзывы и благодарности.
И ещё несколько отзывов от ребят с первого набора «Реактивный Adobe Illustrator»
Итак, если курс «Реактивный Adobe Illustrator» вас заинтересовал. Вы хотите работать быстрее и продуктивнее, то записывайтесь на занятия.
ЗАПИСЬ ЗАКРЫТА
Роман aka dacascas специально для блога Записки микростокового иллюстратора