HTML Diff
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>