Разбираемся, в чём разница между векторной и растровой графикой, а также что общего у фрактальной графики и компьютерных клубов 90-х.
Что такое компьютерная графика
Компьютерная графика (англ. computer graphics, или CG) — способ создания графических изображений и визуальной информации с помощью специальных программ. Понятие компьютерной графики существует на стыке дизайна и искусства, объединяя классическое рисование и современные технологии. Компьютерная графика — это результат взаимодействия человека и машины.
Чтобы создать ручную графику, например, сложный градиент с помощью ватмана и аэрографа, потребуется 3-4 часа, а в Illustrator или Photoshop это займёт несколько секунд. При этом результат будет примерно одинаковый. Созданную вручную графику относят больше к изобразительному искусству, а компьютерную графику — к дизайну. Разница между двумя видами графики — в степени присутствия человека и в балансе искусства и технологий.
Области применения
Вся окружающая нас графическая информация сделана при помощи компьютера: книги, журналы, упаковки, обои, плакаты, инструкции, сайты и приложения и т. д. Часто ручная графика гармонично интегрируется в компьютерную: иллюстратор рисует изображение тушью, акварелью или любым другим инструментом, а затем оцифровывает его, встраивает в макет и обрабатывает. Такая интеграция превращает ручной рисунок в компьютерную графику.
Рукописные надписи и дизайн персонажей напоминают ручную графику и подчеркивают рукотворность продукта. Источник: behance
Рассмотрим области применения компьютерной графики:
● Дизайн — баннеры, обои для экранов, лендинги, сайты и т.д.;
● Анимация и игровая индустрия — ролики, фантазийные миры и персонажи;
● Полиграфия и реклама — от буклетов до огромных 3D-проекций;
● Киноиндустрия — спецэффекты;
● Промышленность — 3D-моделирование;
● Архитектура — визуализация проектов и создание рендеров;
● Живопись — цифровые картины;
● Медицина — обучающие симуляторы, например стоматологический VirTeaSy для создания имплантов и протезов с помощью 3D-технологий;
● Образование и культура — симуляторы и проекты дополненной реальности, например Google Arts&Culture.
С помощью виртуального стоматологического симулятора можно с высокой точностью отрабатывать клинические ситуации. Источник: medicalexpo
3D-кошка в Токио сначала отвлекала прохожих от мыслей о COVID-19, а затем стала рекламировать робот-пылесос. Источник: oohmag
В «Москва-Сити» трёхмерные Чебурашка и Крокодил Гена рекламировали «Сбербанк». Источник: youtube
Научится упаковывать смыслы в изображения и текст можно на курсе «Графический дизайнер». Заниматься можно в удобном месте и в любое время, без длинных видеолекций — вся информация собрана в удобном интерактивном задачнике. Каждый студент создаёт выпускной проект, который станет основой портфолио и плюсом при трудоустройстве.
Зарабатывайте с помощью творчества — уметь рисовать
не обязательно
Пройдите бесплатную вводную часть курса «Графический дизайнер», чтобы попробовать себя в профессии
Виды компьютерной графики
Существует четыре вида компьютерной графики в дизайне, разберём каждый из них:
1. Растровая графика
Растровая компьютерная графика, или «растр» состоит из множества квадратов — пикселей. Такое изображение невозможно увеличить без потери качества: оно начинает видоизменяться, проявляются неровные края и отдельные пиксели. Растровая графика создаётся в цветовом пространстве RGB и часто имеет красивый градиент, сложные переходы, интересную заливку, много цвета и почти фотографический реализм.
Растровую графику используют, когда нужно нарисовать, например, большую и красочную иллюстрацию для сайта: момент коммуникации с целевой аудиторией играет здесь важную роль. Для создания растровой графики чаще всего используют Adobe Photoshop — в этом редакторе проще всего работать с кистями, оттенками и градациями цвета.
Если при увеличении изображения видны пиксели, это растр. Если картинка остаётся четкой — это вектор
Растровые изображения часто используют в качестве иллюстраций, поскольку они занимают мало памяти. Источник: dribbble
2. Векторная графика
Векторная компьютерная графика состоит из опорных точек и соединяющих их кривых: такие изображения можно масштабировать без потери качества. Векторные изображения используют для создания инфографики, иконок и других элементов интерфейса, логотипов, персонажей фирменного стиля, лендингов, сайтов и приложений. Вектор, по сравнению с растром, более информативен.
Поскольку качество векторных изображений не зависит от разрешения, их используют на больших форматах: билбордах, автобусах, баннерах, растяжках и т. д. Создать векторную графику можно в Adobe Illustrator, Figma и CorelDRAW.
3. Фрактальная графика
Фрактальная графика связывает искусство и математику, это результат работы математических алгоритмов. Простейший пример фрактальной графики — калейдоскоп: механизм проектирует некий рисунок, выстраивая его без участия человека.
Фрактал — это бесконечно воспроизводимая самоподобная структура. В отличие от паттерна — бесконечно повторяемого рисунка, полностью предсказать внешний вид фрактала при его создании невозможно. Пример фрактальной графики — заставка на экране компьютера в спящем режиме, где похожие друг на друга геометрические объекты бесконечно сменяют друг друга. Фрактальную графику можно создать в Adobe Illustrator, Figma и в генераторах фракталов, например, в Fractal Generator или Frax.
Пример созданного в генераторе фрактального изображения из глянцевых переливающихся спиралей. Источник: fr.ax
Фрактальная графика часто кажется устаревшей, поскольку ассоциируется с эпохой компьютерных клубов начала 90-х: сложные градиенты на тёмном фоне, кричащая подсветка — своеобразная красота фракталов воспринимается как клише. Тем не менее фракталы и сейчас можно встретить на заставках сайтов и приложений — ритмичные изображения в светлых тонах используют вместо паттернов.
4. Трёхмерная графика
3D-графика передаёт ощущение объёма. Когда дизайнер рисует картинку в 2D, он использует две оси: высоту и ширину. В трёхмерной графике к ним добавляется третья ось — глубина. Каждая точка имеет свои координаты на каждой из трёх осей. Трёхмерная графика применяется в различных индустриях: от архитектуры до медицинской промышленности. В дизайне 3D-графика активно используется в сферах геймдева, брендинга, айдентики, дизайна сайтов и мобильных приложений: например, при создании иллюстраций, иконок и логотипов.
Для создания 3D-графики часто используют Blender, а также программу 3dsMax: в ней можно разбить экран на четыре поля, по одному на каждую ось, плюс вид в перспективе. Это позволяет менять направление каждой точки и видеть изменения во всех проекциях.
Совет эксперта
Статью подготовили:
Анна Денисенко
Яндекс Практикум
Старший наставник, ментор
Старший наставник, ментор
Полина Овчинникова
Яндекс Практикум
Иллюстратор
Иллюстратор
Дайджест блога: ежемесячная подборка лучших статей от редакции
Читать также:
