1 added
1 removed
Original
2026-01-01
Modified
2026-02-21
1
<p><a>#статьи</a></p>
1
<p><a>#статьи</a></p>
2
<ul><li>19 апр 2024</li>
2
<ul><li>19 апр 2024</li>
3
<li>0</li>
3
<li>0</li>
4
</ul><p>Рассказываем о том, как устроен Adobe Illustrator и в каких случаях будет полезен</p>
4
</ul><p>Рассказываем о том, как устроен Adobe Illustrator и в каких случаях будет полезен</p>
5
<p> vlada_maestro / shutterstock</p>
5
<p> vlada_maestro / shutterstock</p>
6
<p>Пишет о дизайне в Skillbox Media, а в перерывах и сама орудует графическим планшетом. Влюблена в советские шрифты, японскую рекламу и русский язык.</p>
6
<p>Пишет о дизайне в Skillbox Media, а в перерывах и сама орудует графическим планшетом. Влюблена в советские шрифты, японскую рекламу и русский язык.</p>
7
<p>Adobe Illustrator - вторая по популярности программа из пакета Adobe после знаменитого<a>Photoshop</a>. Основная её функция - создание иллюстраций, лаконичных картинок c однотонными заливками. Но, помимо этого, здесь верстают макеты для печати, создают логотипы и иконки для сайтов, делают картинки в изометрии. Adobe Illustrator нужен не только представителям одноимённой профессии, но и гораздо более широкому кругу специалистов.</p>
7
<p>Adobe Illustrator - вторая по популярности программа из пакета Adobe после знаменитого<a>Photoshop</a>. Основная её функция - создание иллюстраций, лаконичных картинок c однотонными заливками. Но, помимо этого, здесь верстают макеты для печати, создают логотипы и иконки для сайтов, делают картинки в изометрии. Adobe Illustrator нужен не только представителям одноимённой профессии, но и гораздо более широкому кругу специалистов.</p>
8
<p>Это программа для создания векторной графики. В отличие от фотографий или других растровых изображений, которые состоят из мелких разноцветных точек (пикселей), векторные картинки состоят из кривых линий. Кривые задаются математическими формулами: любой рисунок в векторе может быть описан координатами. Из-за этого принципа сложно создавать детализированные изображения, зато файлы с картинками мало весят и быстро загружаются.</p>
8
<p>Это программа для создания векторной графики. В отличие от фотографий или других растровых изображений, которые состоят из мелких разноцветных точек (пикселей), векторные картинки состоят из кривых линий. Кривые задаются математическими формулами: любой рисунок в векторе может быть описан координатами. Из-за этого принципа сложно создавать детализированные изображения, зато файлы с картинками мало весят и быстро загружаются.</p>
9
Так выглядит векторная графика<em>Изображение: Kelly Richman-Abdou /</em><a><em>The New Yorker</em></a><p>Картинки в Adobe Illustrator состоят из отдельных цветных фигур. Можно редактировать контур этих фигур, добавлять разные заливки или обводки. Чтобы получилось полноценное изображение с несколькими цветами, приходится собирать фигуры вместе. В Illustrator они накладываются одна на другую, как в аппликации, и можно менять их порядок по ходу работы.</p>
9
Так выглядит векторная графика<em>Изображение: Kelly Richman-Abdou /</em><a><em>The New Yorker</em></a><p>Картинки в Adobe Illustrator состоят из отдельных цветных фигур. Можно редактировать контур этих фигур, добавлять разные заливки или обводки. Чтобы получилось полноценное изображение с несколькими цветами, приходится собирать фигуры вместе. В Illustrator они накладываются одна на другую, как в аппликации, и можно менять их порядок по ходу работы.</p>
10
<p>Помимо однотонных заливок, в программе доступны градиенты, разные уровни прозрачности, можно добавлять эффекты. Также в Illustrator очень удобно работать с текстом: легко перемещать надписи, редактировать параметры шрифта, а при желании буквы можно перевести в кривые и работать с ними как с обычными векторными фигурами.</p>
10
<p>Помимо однотонных заливок, в программе доступны градиенты, разные уровни прозрачности, можно добавлять эффекты. Также в Illustrator очень удобно работать с текстом: легко перемещать надписи, редактировать параметры шрифта, а при желании буквы можно перевести в кривые и работать с ними как с обычными векторными фигурами.</p>
11
<p>Многофункциональной программой пользуются художники и дизайнеры в разных областях. В ней, конечно, нельзя редактировать фотографии или верстать книги, но можно делать другие полезные вещи.</p>
11
<p>Многофункциональной программой пользуются художники и дизайнеры в разных областях. В ней, конечно, нельзя редактировать фотографии или верстать книги, но можно делать другие полезные вещи.</p>
12
<p>Современные фирменные знаки - векторные. Это нужно для удобства масштабирования без потери качества: логотип любой компании можно в два клика растянуть на размер огромного билборда или, напротив, разместить на шариковой ручке. В интернете простые векторные логотипы не тормозят загрузку веб-страниц, что тоже очень ценно.</p>
12
<p>Современные фирменные знаки - векторные. Это нужно для удобства масштабирования без потери качества: логотип любой компании можно в два клика растянуть на размер огромного билборда или, напротив, разместить на шариковой ручке. В интернете простые векторные логотипы не тормозят загрузку веб-страниц, что тоже очень ценно.</p>
13
<p>Лаконичные логотипы строят по <a>модульным сеткам</a>, а сложные рисуют с нуля с использованием<a>референсов</a> - и то и другое удобно делать в программе. Даже детализированные логотипы рисуют в Illustrator.</p>
13
<p>Лаконичные логотипы строят по <a>модульным сеткам</a>, а сложные рисуют с нуля с использованием<a>референсов</a> - и то и другое удобно делать в программе. Даже детализированные логотипы рисуют в Illustrator.</p>
14
-
Портрет состоит из плоских фигур<em>Изображение:<a>KFC</a></em><p>Программа идеально подходит для рисования<a>flat-иллюстраций</a>различной сложности: от простейших предметов до полноценных картинок с тонкой проработкой деталей.</p>
14
+
Портрет состоит из плоских фигур<em>Изоб��ажение:<a>KFC</a></em><p>Программа идеально подходит для рисования<a>flat-иллюстраций</a>различной сложности: от простейших предметов до полноценных картинок с тонкой проработкой деталей.</p>
15
<p>Например, следующая иллюстрация состоит из множества мелких фигур:</p>
15
<p>Например, следующая иллюстрация состоит из множества мелких фигур:</p>
16
Каждый блик или тень здесь - это отдельный векторный объект<em>Иллюстрация:<a>The Beast Is Back Inc</a></em><p>Детализированная иллюстрация в векторе - это кропотливое дело, хотя работу в программе можно оптимизировать: группировать фигуры, просматривать изображение в контурном виде без заливок, автоматически заменять конкретные цвета. На графических планшетах удобно работать кистями: они здесь такие же, как в Photoshop, только вместо растровых линий получаются сразу векторные.</p>
16
Каждый блик или тень здесь - это отдельный векторный объект<em>Иллюстрация:<a>The Beast Is Back Inc</a></em><p>Детализированная иллюстрация в векторе - это кропотливое дело, хотя работу в программе можно оптимизировать: группировать фигуры, просматривать изображение в контурном виде без заливок, автоматически заменять конкретные цвета. На графических планшетах удобно работать кистями: они здесь такие же, как в Photoshop, только вместо растровых линий получаются сразу векторные.</p>
17
<p>Набор иконок - это несколько простых векторных изображений, выполненных в единой стилистике. Для их создания в Illustrator рисуют сетку, чтобы все картинки были одинаковыми по пропорциям, изгибам линий, углам наклона. Самые простые изображения могут состоять из одной фигуры, более сложные - из нескольких разноцветных фигур.</p>
17
<p>Набор иконок - это несколько простых векторных изображений, выполненных в единой стилистике. Для их создания в Illustrator рисуют сетку, чтобы все картинки были одинаковыми по пропорциям, изгибам линий, углам наклона. Самые простые изображения могут состоять из одной фигуры, более сложные - из нескольких разноцветных фигур.</p>
18
<em>Изображение:<a>Peter Deltondo</a>/<a>unfold</a>/ Dribbble</em><p>Изометрия - это имитация трёхмерной графики, которую рисуют из плоских фигур вручную. Особенность изометрии в том, что линии, параллельные горизонтальной плоскости, развёрнуты под углом 30 градусов. Обратите внимание на диван и кресло, камин, телевизор, картину на следующей иллюстрации - они все в одном ракурсе.</p>
18
<em>Изображение:<a>Peter Deltondo</a>/<a>unfold</a>/ Dribbble</em><p>Изометрия - это имитация трёхмерной графики, которую рисуют из плоских фигур вручную. Особенность изометрии в том, что линии, параллельные горизонтальной плоскости, развёрнуты под углом 30 градусов. Обратите внимание на диван и кресло, камин, телевизор, картину на следующей иллюстрации - они все в одном ракурсе.</p>
19
<em>Иллюстрация: Юлия Попова /</em><a><em>Behance</em></a><p>В отличие от фотографий или 3D-моделей, в изометрии намеренно нарушены правила перспективного сокращения. Если вы сфотографируете кубик и измерите его на фото, то увидите, что его дальние рёбра будут короче, чем ближние. В изометрии это не так: все стороны куба рисуют равными.</p>
19
<em>Иллюстрация: Юлия Попова /</em><a><em>Behance</em></a><p>В отличие от фотографий или 3D-моделей, в изометрии намеренно нарушены правила перспективного сокращения. Если вы сфотографируете кубик и измерите его на фото, то увидите, что его дальние рёбра будут короче, чем ближние. В изометрии это не так: все стороны куба рисуют равными.</p>
20
<p>Изометрия делается по сетке, которую можно автоматически включить в Adobe Illustrator. По клеточкам каждая плоская фигура прорисовывается вручную, и из множества таких фигур получаются более сложные изображения.</p>
20
<p>Изометрия делается по сетке, которую можно автоматически включить в Adobe Illustrator. По клеточкам каждая плоская фигура прорисовывается вручную, и из множества таких фигур получаются более сложные изображения.</p>
21
<p>Визуализация данных помогает проще и быстрее усваивать информацию. Поэтому<a>инфографика</a>окружает нас везде: на сайтах, в соцсетях, в рекламе, в презентациях. Иногда это обыкновенные плоские картинки, а иногда - изометрия. Но основное отличие инфографики от простой иллюстрации - это сочетание картинок с небольшими блоками текста. Очень редко одних картинок достаточно для точной передачи смысла.</p>
21
<p>Визуализация данных помогает проще и быстрее усваивать информацию. Поэтому<a>инфографика</a>окружает нас везде: на сайтах, в соцсетях, в рекламе, в презентациях. Иногда это обыкновенные плоские картинки, а иногда - изометрия. Но основное отличие инфографики от простой иллюстрации - это сочетание картинок с небольшими блоками текста. Очень редко одних картинок достаточно для точной передачи смысла.</p>
22
<em>Инфографика:</em><a><em>mos.ru</em></a><p>Бывает инфографика с фрагментами фотографий - в этом случае без Photoshop не обойтись. Но если нужны только рисунки и текст, удобнее всего делать это в Illustrator: здесь легко двигать картинки и надписи туда-сюда, автоматически их масштабировать, перекрашивать и выравнивать по направляющим линиям.</p>
22
<em>Инфографика:</em><a><em>mos.ru</em></a><p>Бывает инфографика с фрагментами фотографий - в этом случае без Photoshop не обойтись. Но если нужны только рисунки и текст, удобнее всего делать это в Illustrator: здесь легко двигать картинки и надписи туда-сюда, автоматически их масштабировать, перекрашивать и выравнивать по направляющим линиям.</p>
23
<p>В Adobe Illustrator делают макеты мерча, упаковок рекламных листовок, флаеров, вывесок. Здесь можно сверстать всё, что не крупнее 5,7 метра, - это приблизительный размер максимальной рабочей области в программе. Также редактор не очень годится для создания многостраничных макетов - тут нельзя автоматически настроить единообразное форматирование страниц, а текст не будет автоматически передвигаться по листам при внесении изменений.</p>
23
<p>В Adobe Illustrator делают макеты мерча, упаковок рекламных листовок, флаеров, вывесок. Здесь можно сверстать всё, что не крупнее 5,7 метра, - это приблизительный размер максимальной рабочей области в программе. Также редактор не очень годится для создания многостраничных макетов - тут нельзя автоматически настроить единообразное форматирование страниц, а текст не будет автоматически передвигаться по листам при внесении изменений.</p>
24
<p>Однако дизайн кружек, значков, футболок, коробок, банок, бутылок, плакатов, визиток и рекламных материалов на одну-две страницы собирают именно в Illustrator. Даже если нужны фотографии, это не проблема: их предварительно обрабатывают в Photoshop, а затем вставляют в макет.</p>
24
<p>Однако дизайн кружек, значков, футболок, коробок, банок, бутылок, плакатов, визиток и рекламных материалов на одну-две страницы собирают именно в Illustrator. Даже если нужны фотографии, это не проблема: их предварительно обрабатывают в Photoshop, а затем вставляют в макет.</p>
25
<p>Основное преимущество Adobe Illustrator - возможность легко двигать изображения и надписи, перекрашивать их и менять порядок наложения. Также готовый макет удобно вставлять на <a>мокапы</a>в Photoshop: можно вносить изменения в дизайн в векторной программе, и они автоматически будут переноситься на финальную картинку.</p>
25
<p>Основное преимущество Adobe Illustrator - возможность легко двигать изображения и надписи, перекрашивать их и менять порядок наложения. Также готовый макет удобно вставлять на <a>мокапы</a>в Photoshop: можно вносить изменения в дизайн в векторной программе, и они автоматически будут переноситься на финальную картинку.</p>
26
<p>Макет любой полиграфии обычно делается в векторном редакторе - а дальше можно показать его клиенту на мокапе или сразу отнести в типографию.</p>
26
<p>Макет любой полиграфии обычно делается в векторном редакторе - а дальше можно показать его клиенту на мокапе или сразу отнести в типографию.</p>
27
<p>Вероятно, самая бесполезная функция программы - создание векторных реалистичных изображений.</p>
27
<p>Вероятно, самая бесполезная функция программы - создание векторных реалистичных изображений.</p>
28
<p>На это нужно много часов кропотливого труда, а необходимости в такой графике, по сути, ни в одной сфере нет. Однако некоторые художники создают реалистичные картины в Illustrator, чтобы продемонстрировать своё мастерство. Для такого рисования создаётся сетка, в которой для каждого пересечения линий можно задать цвет с градиентным переходом. Чем больше таких пересечений - тем больше возможностей для детализации.</p>
28
<p>На это нужно много часов кропотливого труда, а необходимости в такой графике, по сути, ни в одной сфере нет. Однако некоторые художники создают реалистичные картины в Illustrator, чтобы продемонстрировать своё мастерство. Для такого рисования создаётся сетка, в которой для каждого пересечения линий можно задать цвет с градиентным переходом. Чем больше таких пересечений - тем больше возможностей для детализации.</p>
29
Так создается реалистичная векторная графика<em>Кадр: frankwyte81 /<a>YouTube</a></em><p><strong>В Skillbox есть курс, с помощью которого можно освоить Adobe Illustrator</strong></p>
29
Так создается реалистичная векторная графика<em>Кадр: frankwyte81 /<a>YouTube</a></em><p><strong>В Skillbox есть курс, с помощью которого можно освоить Adobe Illustrator</strong></p>
30
<p>Это курс "<a>Adobe Illustrator для иллюстрации</a>". Вы научитесь:</p>
30
<p>Это курс "<a>Adobe Illustrator для иллюстрации</a>". Вы научитесь:</p>
31
<ul><li>работать с перспективой, цветом и композицией;</li>
31
<ul><li>работать с перспективой, цветом и композицией;</li>
32
<li>находить идеи для иллюстраций и подбирать референсы;</li>
32
<li>находить идеи для иллюстраций и подбирать референсы;</li>
33
<li>создавать иллюстрации в разных стилях;</li>
33
<li>создавать иллюстрации в разных стилях;</li>
34
<li>и многому другому для работы в Adobe Illustrator на продвинутом уровне.</li>
34
<li>и многому другому для работы в Adobe Illustrator на продвинутом уровне.</li>
35
</ul><p>Программа Adobe - не единственный векторный редактор, и главный её конкурент - CorelDRAW. Возможности двух программ практически одинаковые, так что выбор между ними - во многом дело вкуса и привычки к конкретному интерфейсу.</p>
35
</ul><p>Программа Adobe - не единственный векторный редактор, и главный её конкурент - CorelDRAW. Возможности двух программ практически одинаковые, так что выбор между ними - во многом дело вкуса и привычки к конкретному интерфейсу.</p>
36
<p>Главный минус Adobe Illustrator - ограниченный размер рабочей области: дизайн билборда на шесть метров в нём сделать не удастся. Поэтому для особенно крупных макетов всегда используют Corel.</p>
36
<p>Главный минус Adobe Illustrator - ограниченный размер рабочей области: дизайн билборда на шесть метров в нём сделать не удастся. Поэтому для особенно крупных макетов всегда используют Corel.</p>
37
<p>Но в остальных случаях дизайнеры нередко выбирают Illustrator, потому что он интегрирован в экосистему Adobe. Можно легко переносить иллюстрации в программу InDesign для вёрстки книги или логотипы в Photoshop для создания презентации заказчику. Изменения всех файлов будут синхронизироваться - это значительно ускоряет работу. И, поскольку большинство дизайнеров и художников работает сразу в нескольких программах, это важное преимущество Illustrator.</p>
37
<p>Но в остальных случаях дизайнеры нередко выбирают Illustrator, потому что он интегрирован в экосистему Adobe. Можно легко переносить иллюстрации в программу InDesign для вёрстки книги или логотипы в Photoshop для создания презентации заказчику. Изменения всех файлов будут синхронизироваться - это значительно ускоряет работу. И, поскольку большинство дизайнеров и художников работает сразу в нескольких программах, это важное преимущество Illustrator.</p>
38
<a>Практический курс: "Adobe Illustrator для иллюстрации" Узнать больше</a>
38
<a>Практический курс: "Adobe Illustrator для иллюстрации" Узнать больше</a>