Иллюстрированная графика

Размещено на http://www.allbest.ru/

Размещено на http://www.allbest.ru/

ПЕДАГОГИЧЕСКИЙ КОЛЛЕДЖ

МЕЖДУНАРОДНОГО УНИВЕРСИТЕТА АСТАНА

Начальное отделение

Факультет «Начальное образование»

Курсовая работа

Предмет: «Графика и проектирование»

Тема: «Иллюстрированная графика»

Рау Ангелина

Г. Нур-Султан, 2022 г.

Содержание

Введение

1. Определение иллюстрированной графики

1.1 Определение иллюстрации

1.2 История развития иллюстрации

2. Все о коммерческой иллюстрации

2.1 Иллюстрация для сайтов и приложений

2.2 Иллюстрация в рекламе

2.3 Концептуальная иллюстрация

2.4 Fashion-иллюстрация

2.5 Иллюстрация и анализ данных

3. Компоненты стиля иллюстрации

3.1 Характер

3.2 Средства выразительности иллюстрации

3.2.1 Цвет

3.3.2 Композиция

3.4.3 Форма

4. Техники и приемы создания иллюстрации

4.1 Цифровая живопись

4.2 Векторная графика

4.3 3D иллюстрация

Заключение

Список литературы



Введение

иллюстрация графика приложение

Компьютерная графика в настоящее время сформировалась как наука об аппаратном и программном обеспечении для разнообразных изображений от простых чертежей до реалистичных образов естественных объектов. Компьютерная графика используется почти во всех научных и инженерных дисциплинах для наглядности и восприятия, передачи информации. Применяется в медицине, рекламном бизнесе, индустрии развлечений и т.д. Без компьютерной графики не обходится ни одна современная программа. Работа над графикой занимает до 90% рабочего времени программистских коллективов, выпускающих программы массового применения.

Конечным продуктом компьютерной графики является изображение. Это изображение может использоваться в различных сферах, например, оно может быть техническим чертежом, иллюстрацией с изображением детали в руководстве по эксплуатации, простой диаграммой, архитектурным видом предполагаемой конструкции или проектным заданием, рекламной иллюстрацией или кадром из мультфильма.

Системы иллюстративной графики предназначаются для создания машинных изображений, которые играют роль иллюстративного материала. Это могут быть эскизы, иллюстрации, схемы, графические карты и др. При создании систем иллюстративной графики основные усилия направлены на то, чтобы графические объекты можно было легко формировать и преобразовывать, как и массивы чисел. Примером может служить программа растровой графики Paint. Она устроена таким образом, что клавиатура ПК используется только для ввода имени создаваемого изображения или имени текущего каталога. Все операции, связанные с формированием изображения, управляются с помощью манипулятора «мышь». Функции представлены в позиционном меню, и их выбор осуществляется путем указания на соответствующий условный символ-пиктограмму.

С точки зрения внутреннего представления выделяются два класса объектов иллюстративной графики.

1. Изображения на основе регулярных структур (примитивов). Изображения этого типа имеют вполне определенную форму, их можно однозначно определить на основе простейших геометрических понятий. Примерами могут служить прямоугольники, круги, треугольники. Все эти фигуры задаются определенными наборами математических формул. Для того чтобы их, копировать, перемещать, масштабировать или изменять цвет, достаточно присвоить соответствующим параметрам новые значения. Способ создания изображений на основе регулярных структур можно сопоставить со способом черчения изображения на листе бумаги с использованием линеек, циркулей и трафаретов. Данный тип изображений относят к так называемой векторной или координатной графике, поскольку каждый элементарный объект задается координатами опорных точек и некоторыми дополнительными параметрами.

2. Изображения на основе нерегулярных структур. В эту категорию попадают такие изображения, которые можно сопоставить с картинами, создаваемыми художником. На ПЭВМ такие изображения создаются методом так называемого свободного рисования, где вместо кистей и красок используются специальные функции, управляемые под действием клавишных команд или сигналов от манипулятора типа мышь. Первая проблема состоит здесь в том, чтобы нарисовать нерегулярную структуру, а вторая - чтобы произвести в ней различные изменения. Если такие графические операции, как перемещение и копирование, сохраняют свое значение и для нерегулярных структур, то, скажем, одномерное масштабирование оказывается здесь бессмысленным. Данный тип изображений относят к растровой графике, поскольку все изображение слагается, в конечном счете, из множества (цветных) точек растра их атрибутов (цветов).

Системы иллюстративной графики дают возможность квалифицированной подготовки графических и текстовых материалов, используемых в документах и в целях демонстрации на презентациях, деловых переговорах, конференциях. Эти системы реализуются либо как отдельные графические программы подготовки иллюстраций (Microsoft Photo Draw, Corel Draw и др.) и презентаций (Microsoft Power Point, Corel Presentation, Lotus Freelance Graphics, StarOffice Impress), либо как функции офисных приложений.



1. Определение иллюстрированной графики

Иллюстративная графика - это произвольное рисование и черчение на экране компьютера, позволяющее создавать и модифицировать файлы - картинки. При этом отсутствует какая-либо связь между изображением и абстрактным объектом, скрывающимся за картинкой.

Пакеты иллюстративной графики относятся к прикладному программному обеспечению общего назначения. Простейшие программные средства иллюстративной графики называются графическими редакторами.

Программные средства, позволяющие человеку использовать компьютер для произвольного рисования, черчения подобно тому, как он это делает на бумаге с помощью карандашей, кисточек, красок, циркулей, линеек и других инструментов, относятся к иллюстративной графике.

1.1 Определение иллюстрации

Что такое иллюстрация? (от латинского «illustro» - освещать, просвещать)

Иллюстрация - это картинка, график или схема, которая проясняет идею на примере. Изображения могут рассказывать самостоятельную историю, а могут сопровождать текст и раскрывать контекст. Иллюстрация - это одновременно искусство и ремесло. Граница между графическим дизайном и художественными практиками бывает очень тонкой. С одной стороны, иллюстратор - это художник, который пересобирает мир через линзу собственного восприятия. С другой стороны, иллюстрация - это проектирование и решение конкретных задач.



1.2 История развития иллюстрации

Иллюстрация как средство визуального дополнения текста появилась очень давно. Еще в Древнем Египте писцы на папирусах, помимо содержимого гимнов и заклинаний, размещали изображения для наглядности текста. Иллюстрации также присутствуют в рукописных европейских книгах разных эпох (от Античности до Средневековья). В книжных миниатюрах Востока (Китая, Японии, Персии) того времени имеются многочисленные изображения на тему охоты, батальных сцен и бытовых сюжетов.

В середине XV века в Европе началась эра книгопечатания. К этому времени относится бурное развитие иллюстрации. Особенностью изображений той поры была их монохромность. Картинки в книгах были черного цвета, как и буквы. Сначала средневековые мастера использовали оттиски с рельефных печатных форм (гравюру), а позже (в конце XVIII века) появилась техника плоской печати (литография).

В 1837 году человечество получило доступ к новому изобретению-фотографии. Одновременно начали развиваться революционные фотохимические способы печати и появилась возможность массово тиражировать многоцветные иллюстрации к сказкам, стихотворениям и другим художественным произведениям.

К концу ХХ века на помощь иллюстраторам пришли развитые компьютерные технологии. Современные дизайнеры чаще всего рисуют картинки на специальном графическом планшете или используют удобную векторную графику. Иллюстрация была и остается важным инструментом для улучшения восприятия текста читателем. Рисунки старинных мастеров вызывают восхищение, украшают книги сказочников, писателей, поэтов и баснописцев.



2. Все о коммерческой иллюстрации

Где и как используют иллюстрацию?

Иллюстрация процветает как в цифровом, так и в реальном мире. Современная иллюстрация становится многомерной и интерактивной. Её основная функция - стать «триггером» для мозга, а именно - зацепить внимание, удивить и дать новый опыт. Рассмотрим сферы применения иллюстрации на конкретных примерах.

2.1 Иллюстрация для сайтов и приложений

Есть мнение, что печатные издания уходят в небытие, а основная масса информации потребляется из цифровых книг, блогов и программ. Подход digital first означает ориентацию на материалы, которые вовсе не издаются в печатном виде, а продаются и раздаются в сети. Чем компьютерный монтаж отличается от сформированной веками бумажной вёрстки:

· адаптивность - универсальное размещение компонентов на экране любого размера

· анимация - видео, gif или код, не важно - направляет фокус и завораживает

· интерактивность и геймификация - время летит когда мы в игре

· программные возможности развиваются как никогда

Независимо от техники, человеческое внимание подчиняется визуальной иерархии. На прочтение и понимание текста уходит некоторое время. А визуальная информация проникает мгновенно и быстрее всех других видов информации отвечает на вопросы кто, что, где и как. Например, в самой простой странице состоящей из заголовка, текстового блока и картинки, взгляд в первую очередь направляется именно на картинку (конечно, если она соразмерна с другими элементами). Оценивается её притягательность, смысловое соответствие и в случае возникновения интереса - блуждающее внимание сменяется произвольным.

Задача иллюстрации - повлиять на аудиторию. Многие онлайн-ресурсы используют авторские иллюстрации в уникальном стиле. Если речь идет о конкретном предмете или человеке, конечно, фотография справляется лучше. Но когда речь идет о процессах и состояниях, то даже очень просто нарисованный, но удачный образ будет дополнять текст гораздо эффектнее.

Визуальный контент может преобладать над текстом, особенно если это каталог, галерея или промо-страница. Они обращаются к осязанию и тактильности, двигаются и меняются, чтоб увлекать и находить новые способы взаимодействия.

Изображение, цвет и типографика нуждаются в гармонизации с общей идеей. Осторожно, отличный дизайн может усилить или обмануть ваши ожидания!

Иллюстрация на сайте или в приложении может быть векторной или растровой (код или набор точек). А ещё занимать разное место на странице:

· быть на весь экран

· выделять темы и контент

· встречаться в блоге

· быть частью игры

· выступать как маскот и персонажи

· всплывающие окна и реклама

· инфографика

· стикеры и эмодзи

Хорошая иллюстрация не дублирует текст, а создает дополнительный смысл графическими методами. Чем нагляднее, ярче и неожиданней образ, тем выше шансы что он будет полезен и запомнится.



2.2 Иллюстрация в рекламе

Бизнесу нужно рассказывать про себя и общаться. То, как выглядит бренд - верхушка маркетингового айсберга. Фирменный стиль внедряется в жизнь после исследований рынка, анализа бизнеса и перевода идей в текстовую и образную плоскость.

Стиль бренда складывается из ценностей, характера, потребности, миссии, отличий…

А иллюстраторы способны выразить качества продукта эксклюзивно и демократично, зрело и молодо, сдержанно и ярко.

Брендинг - это создание ощущений для людей. Существует широкий спектр средств образной выразительности, но работают только те, которые устанавливают связь между продуктом / услугой и потребностями / желаниями.

Логотип - частый случай использования образов и визуальных метафор. Он состоит из символов (знака, изображения) и названия (текстовая часть, леттеринг).

Вместе они образуют единый ассоциативный комплекс, который должен легко наноситься и считываться со всех атрибутов которые окружают бренд.

«Принципиальная роль логотипа - отождествлять, и это решает простота… А эффект логотип производит когда он образный, отличается, гибкий, запоминается, универсальный и вне времени.»

- Пол Рэнд Графический дизайнер, разработал логотипы для IBM и NeXT.

Анри Нестле, осознавая важность торговой марки в продвижении, использовал в качестве торгового знака свой фамильный герб - гнездо с птицами. Компания Unilever стремится сделать развитие нормой для всех и каждый значок их логотипа имеет смысл.

Сила брендинга направлена не только на потребителей, но и на саму корпорацию - сотрудники, профсообщество, партнеры и инвесторы тоже становятся получателями месседжа. На разных уровнях он может управлять, мотивировать, развивать сервис и человеколюбие.

Упаковка - благодатное поле для иллюстрации. Фотография продукции чаще всего не отображает действительные особенности и преимущества. Продуманный дизайн нацелен в самое сердце целевой аудитории, презентует содержание и отличия, обещает новый опыт и стремится вызывать аффект.

Если бренд это голос, то реклама - сообщение от стратегии компании. Это всегда коллаборация (совместное творчество) группы людей, и очень редко мощные вещи производятся в одиночку. Количество и качества товаров и услуг возрастает, а с ней и конкуренция. Современному обществу уже не достаточно просто потреблять- идеология, контекст увеличивают радость от ощущений и причастности к тому или иному продукту.

2.3 Концептуальная иллюстрация

Это иллюстрации для игр, анимации, фэнтези и других подобных проектов. Суть концепт-арта в том, что художник воплощает несколько интерпретаций (концепций) объекта и развивает их.

Художники делают наброски, а потом добавляют объем, цвет и пространство. Прорисовка элементов может быть очень подробной и живописной, а иногда идея важнее техники.

Предметами для визуализации могут быть объекты - персонаж, окружение, артефакты, сцены. А их взаимодействие раскрывают характеры и состояния.

Авторы, которые обладают навыками моделирования в 3D, могут и создают целые миры, которые потом оживают стараниями многих людей. Например, сага Звездные войны - это результат работы десятков художников.

Комиксы и мангу тоже можно считать концепт-артом, ведь самые крутые графические новеллы в итоге становятся мультипликацией. Или набирают миллионы подписчиков - как Antоn Gudim или Sarah Andersen.

С помощью рисунка можно воссоздать сюжет с точными деталями и сделать любой вымысел правдоподобным и существующим. Искусный художник создает на плоском и неподвижном листе иллюзию динамики и глубины.

Анимация - достаточно трудоемкий в освоении навык, но результат стоит всех затрат. Объекты и фон приходят в движение после эскизной раскадровки (их называют аниматик). Ещё такие наброски последовательных сцен используют для фото и видеосъемки.

2.4 Fashion-иллюстрация

Фешн иллюстрация - достаточно самостоятельный вид искусства и дизайна, потому что это и открытие будущего, и переосмысление текущего мира моды.

Если фото фиксирует готовые объекты, иллюстрация позволяет увидеть ещё не существующие или концептуальные модели. В композициях участвуют люди в определенных позах и существуют традиции в пропорции лиц и тел. Основной фокус направлен на одежду и аксессуары, косметику и украшения; большое внимание уделяется передаче фактуры и текстуры материалов.

Самые популярные материалы, такие как тушь и акварель, позволяют создавать пластичные и светлые портреты. Базовый инструмент - карандаш, а ещё часто фигурируют художественные маркеры и акварельные карандаши. Изображения так же создаются с помощью цифровой графики и коллажа.

Техники и материалы отличаются, особенно в мужской и женской иллюстрации. Авторский почерк вырабатывается после погружения в работы модельеров. История связана с современными тенденциями и анализ их отношений и развивает личные предпочтения и фокусы интереса.

2.5 Иллюстрация и анализ данных

Сильная научная иллюстрация быстрее доносит смысл с помощью графического языка - формы, линии, цвета, композиции. Часто такая визуализация соседствует с таблицами и инфографикой. Хорошие примеры информационного дизайна опубликовала Federica Fragapane.

Дизайнеры используют научный подход в исследованиях и аналитике. Это значит, что информация передается максимально точно, а несущественное опускается. В свою очередь, журналисты, блоггеры и маркетологи используют эти визуализации и сопровождают их выводами, которые читателю неподготовленному легче понять.

«Мы достигаем мудрости, когда понимаем полученное знание глубоко, когда не только «овладеваем» им, но и когда полно сочетаем с прошлым опытом. Тогда становятся известны действия в других ситуациях, даже слабо связанных с оригинальными знаниями».

- Альберто Каир информационный дизайнер, консультирует Google и госучреждения

Визуализация данных начиналась со статистики и географии. Учёные хотели демонстрировать свои открытия, а для человека видеть - значит понимать. Количество информации невообразимо растет, привычные диаграммы и линейные графики уже не доносят сообщение полностью. С начала 2010-х годов наука о данных (data science) считается одной из самых привлекательных, высокооплачиваемых и перспективных профессий, а с ней развиваются информационный дизайн и научная коммуникация.



3. Компоненты стиля иллюстрации

Как зрители, мы можем переключаться и воспринимать два условных уровня картинки:

· реальный (наполнение, знаки, конкретика, соответствие предметам в мире, фактура и текстура)

· и идейный (характер, эмоции, значение, абстрактное, атмосфера, внутреннее)

Иногда они противостоят друг-другу, а порой их практически невозможно отделить друг от друга, но именно в совместной работе техники и смысла происходит волшебство.

3.1 Характер

Иллюстрацию называют визуальной метафорой и она чувственно влияет на восприятие, направляя его, передает состояние, момент. Очень важно настроение, которое транслирует иллюстрация. Оно может быть игривым, но в то же время говорить про сложные темы. Вместе с текстом иллюстрация может производить синергию, дополняя и взаимно усиливая содержание друг друга.

При правильном «прочтении», иллюстрация способна передавать не только объем, движение, взаимодействия, но и мироощущение автора.

Именно способность подмечать интересное в мире и по-своему его трансформировать становится «секретным соусом» иллюстратора.

Смыслы в иллюстрации комбинируют разнообразными способами - помещая в необычную среду и меняя угол зрения, провоцируя, интригуя, останавливая время и проявляя взаимодействия.



3.2 Средства выразительности иллюстрации

Каждый человек по-своему обрабатывает информацию, и у иллюстрации есть целый арсенал для производства впечатлений. Иллюстратор постоянно изучает и практикует использование любимого оружия, чтобы поразить своего зрителя.

3.2.1 Цвет

Одно из самых интересных и сильных средств воздействия.

Прежде всего, мы видим самое светлое, крупное и контрастное. Цвет воспринимается в зависимости от освещённости, размера пятна, соседних цветов и текстур.

Каждый по-разному выстраивает отношения с цветом, но про него есть целая наука - колористика.

3.3.2 Композиция

Cамое сложное и главное средство художественной выразительности которым необходимо овладеть. Композиция чутко реагирует на мельчайшие изменения и очень зависит от контекста.

Прежде всего, композиция - это расположение объектов по отношению друг к другу, а также к пространству формата. Композиция может быть подчинена движению, ритму, а также по-разному концентрирована и распределена по поверхности.

Творческое преображение пространства и времени с помощью объёмов, плоскостей и контуров возможно с помощью практики внимательного наблюдения.

Симметричные композиции воспринимаются как гармоничные и классические, а для современности характерны нарочитая неупорядоченность и доминирование фона.

Внутри удачной композиции ничего не хочется добавить, подвинуть или убрать. Это достигается группированием объектов, масс и направлений. Общая гармония есть сумма всех элементов, их качеств и пустоты.

3.4.3 Форма

Может быть отчетливая и размытая, с линией контура или без, плавная, гибкая и пластичная или же дикая, прерывистая и незавершенная.

С передачей качеств реальных объектов хорошо справляется фотография, а вот рисунок или 3D-модель приветствуют определенную степень искажения и неправдоподобности, по-своему передают освещённость и выделяют главное.

Повторение форм и текстур составляют ритм. А из разницы размеров, направлений и свободного пространства создаются контрасты. Различные формы, как и цвет, влияют друг на друга, и нельзя изменить что-то одно так, чтобы оно не повлияло на всю композицию.



4. Техники и приёмы создания иллюстрации

Важен не способ выполнения иллюстрации, а то, каким образом техника сочетается с замыслом и доносит желаемое содержание и настроение. Это значит, что при выборе материала в первую очередь стоит ориентироваться на удобство, практичность и удовольствие от процесса.

В художественном сообществе существует термин «традишка», что значит традиционные материалы, то есть живые, физически существующие. Тактильность, осязаемый масштаб, ощущение от инструментов и возможность допускать ошибки часто «срабатывают» и из них рождается что-то новое.

В цифровую эпоху, все материальные рисунки должны перетерпеть изменения в Фотошопе после фото или сканера. Графические редакторы дают возможность исправить ошибки, добавить цвет или детали. Многие видят смысл сразу создавать цифровые (или диджитал) изображения, без материальной части.

Независимо от устройства ввода (графический планшет, Apple Pencil, обычная мышка), работа на компьютере - это виртуальный отклик, неограниченные слои, возможность бесконечного редактирования и версий. Отсутствие веса и толщины в цифровых работах требуют специфического восприятия пространства.

4.1 Цифровая живопись

Имитация традиционных инструментов иногда неотличима даже профессионалами. Для того, чтобы хорошо рисовать на компьютере, необходимо точно так же уметь применять законы композици, светотени, перспективы и т.д. Работы многих художников на компьютере и на бумаге очень похожи между собой.

В целом, это всё тот же правильный цвет в правильном месте, только основа - это холст с определённым количеством пикселей и их разрешением (густота, количество на дюйм). А инструменты можно скачать у других творцов или настроить на свой вкус, исходя из доступных параметров.

Преимущества работы в цифре:

· работа со слоями, их свойствами и наложениями

· история работы и возможность сохранять разные версии

· эффекты кистей, размытия и разнообразный характер линий

· доступность палитр и огромное количество оттенков

· комбинирование с текстурами и фото

· любые трансформации и коррекции формы (без потерь, только в пределах доступного размера)

· генерация шумов заданного типа

· тонкая настройка динамического диапазона

· обилие фильтров и эффектов

Однако в начале пути такое разнообразие инструментов может стать помехой в достижении целостности работы. Поэтому часто традиционные техники, с их естественными ограничениями, дают лучшее понимание авторского подхода к выразительности.

4.2 Векторная графика

Её создают с помощью компьютерных программ и самая популярная на сегодняшний день - Adobe Illustrator. С помощью мышки создают линии с ключевыми точками (кривые безье), которые легко редактировать и настраивать.

Основным свойством такой графики является возможность бесконечного масштабирования, при котором изображение остается неизменного качества. Это активно используют в полиграфии, веб-дизайне и анимации.

У линий может быть разная толщина (и даже чувствительность к перу графического планшета и текстура с имитацией реальных материалов). Линии замыкаются в объекты, которые можно превращать друг в друга и всячески модифицировать.

И линиям, и объектам назначают цвет или градиент (со множеством настроек). Когда объекты перекрываются, имеет значение их порядок в списке слоёв.

4.3 3D-иллюстрация (англ. «3 dimensions» - три измерения)

В виртуальном пространстве ограничения заключаются в поставленной задаче, программных и технических возможностях. Объем же существует лишь в воображении, а результатом является проекция. Создание обычно предполагает следующие шаги:

1. Моделирование - создание объектов, лепка модели, установка сцены и камер;

2. Текстурирование - поверхностям или разверткам назначают материалы (прозрачность, отражения, шероховатость и пр.);

3. Освещение - установка и настройка источников световых потоков;

4. Динамическая симуляция - взаимодействие частиц, твёрдых / мягких тел и пр. с силами гравитации, ветра, выталкивания и др., а также друг с другом;

5. Рендеринг (визуализация) - построение проекции в соответствии с выбранной физической моделью и типом камеры;

6. Композитинг (компоновка) - доработка изображения в соответствии с требованиями.

Такая работа очень требовательна к аппаратному обеспечению («железу», компьютерным комплектующим). Поэтому для производительности без мучений необходим компьютер с мощными процессором, видеокартой и памятью. Сборка ПК для 3D моделирования зависит от требований программ («софта»).

Последние годы устойчивыми лидерами в этой области являются такие продукты:

· Blender

· Cinema 4D

· 3ds Max

· ZBrush

· Houdini

· SketchUp



Заключение

Все области применения - будь то инженерная и научная, бизнес и искусство - являются сферой применения иллюстрированной графики. Возрастающий потенциал ПК и их громадное число - порядка 100 миллионов - обеспечивает соблазнительную базу для капиталовложений и роста. Неизвестно как долго продлиться тенденция удвоения капиталовложений, особенно под воздействием цен, однако ожидается устойчивое 10% ежегодное повышение в последующие 5 лет. Сегодня особенно привлекательны для инвесторов компании, специализирующиеся на графических интерфейсах пользователя, объектно-ориентированных программах, виртуальной реальности и программном обеспечении параллельных процессов.

По увеличению числа графических терминалов от 100 в 1964 году до 50.000 в 1977 году, а уже в 1994 году 3 млн. рабочих станций и 60 млн. ПК используются только в США. Иллюстрированная графика продолжает лидировать в вопросах обеспечения нашего взаимодействия с компьютерами и организации доступа к информации. Мы вступаем в новую эпоху расширения полномочий графических систем при движении по информационной супермагистрали.



Список литературы

1. Информатика: Базовый курс/С.В. Симонович и др. - СПб.: «Питер», 2001.

2. Системы и средства информатики: Выпуск 4. - М.: «Наука», 1993.

3. Векторная графика: http://imped.vgts.ru/polygraph/vektor.html

4. О векторной и растровой графике: http://flashmaker.8 m.com/help/html/02basics2.html

Размещено на Allbest.ru

...