КОМПЬЮТЕРНАЯ ГРАФИКА. ПРОГРАММА ADOBE ILLUSTRATOR
Муниципальное бюджетное общеобразовательное учреждение «Средняя общеобразовательная школа № 2 с. Чермен» муниципального образования – Пригородный район Республика Северная Осетия – Алания
СЕМИНАР УЧИТЕЛЕЙ ИНФОРМАТИКИ ПРИГОРОДНОГО РАЙОНА
ДОКЛАД НА ТЕМУ:
«КОМПЬЮТЕРНАЯ ГРАФИКА.
ПРОГРАММА ADOBE ILLUSTRATOR»
|
Выполнила: учитель информатики МБОУ «СОШ №2 с. Чермен» Кочиева Изаура Тамазовна
|
Дата семинара: 27 февраля 2026 г.
ОГЛАВЛЕНИЕ ВВЕДЕНИЕ…………………………………………………………………………………………............3ТЕОРЕТИЧЕСКИЕ СВЕДЕНИЯ……………………………………………………………….6
ОБЩИЕ ЭЛЕМЕНТЫ ИНТЕРФЕЙСА ПОЛЬЗОВАТЕЛЯ……………………………7
ТЕХНОЛОГИЯ ВЫПОЛНЕНИЯ ЗАДАНИЯ……………………………………………15
ПРАКТИЧЕСКОЕ ЗАДАНИЕ………………………………………………………………..18
СПИСОКИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ……………………………..............................................................19
ПРИЛОЖЕНИЕ………………………………………………………………..…………………20
ВВЕДЕНИЕ
Компьютерная графика – это область информатики, посвящённая созданию, обработке, хранению и визуализации графических данных с помощью вычислительных средств.
В компьютерной графике существует два типа двухмерных компьютерных изображений: растровые и векторные.
Растровые изображения представляют собой набор ячеек (их называют
пикселями (picture element) или точками выборки) одинаковой формы и размера. На практике работают только с прямоугольными растрами, причем в большинстве случаев форма ячейки представляет собой квадрат. Пиксель является наименьшим графическим элементом изображения. Каждый пиксель имеет свое значение цвета.
Основу векторных изображений составляют разнообразные линии или
кривые, называемые векторами, или, по-другому, контурами. Каждый контур представляет собой независимый объект, который можно редактировать: перемещать, масштабировать, изменять. В соответствии с этим векторную графику часто называют также объектно-ориентированной графикой. Каждый объект имеет несколько атрибутов, задающих его дополнительные характеристики (цвет заливки+толщина контура+цвет контура+тип контура и т.д.).
Такой подход имеет следующие преимущества:
• для хранения векторной модели изображения не требуется много места.
Компьютер работает с компактной моделью, выполняя преобразование в пиксельное изображение только перед выводом на экран или на печать;
•объекты векторной модели легко преобразовываются (масштабируются, вращаются, наклоняются и т.д.) без потери качества;
• векторным программам свойственна очень высокая точность рисования;
• векторные изображения без проблем преобразуются в растровые;
• векторное изображение может быть структурировано с произвольной
степенью детализации, поскольку любому элементу изображения при желании можно сопоставить отдельный контур (или группу контуров) векторной модели.
Это позволяет хорошо структурировать модель так, чтобы в дальнейшем ее было удобно редактировать;
• в векторной модели очень развиты средства обработки текста.
Сферы применения векторной графики очень широки. В полиграфии – от создания красочных иллюстраций до работы со шрифтами. Подавляющее большинство компьютерных шрифтов являются векторными. Инженерная графика, 3D-графика, компьютерное моделирование – это также технологии, основанные на использовании векторной графики.
Векторное представление данных используется и в производстве наружной рекламы посредством технологий лазерной резки (контурный раскрой тонколистовых материалов). Данная технология нашла широкое применение в изготовлении сувенирной продукции, производстве вывесок и элементов оформления офисов и торговых залов. Технология плоттерной резки (самоклеющаяся плёнка на винловой подложке – признанный материал для создания рекламного изображения) также требует векторного описания исходных данных. Аппликация пленками используется для создания световых коробов и фасадных вывесок, табличек, штендеров, информационных стендов и прочей оформительской, представительской и информационной продукции.
В настоящее время векторная графика все шире используется и в Web-
дизайне. Формат масштабируемой векторной графики (Scalable Vector Graphics, SVG) является частью семейства стандартов векторной графики. Изображения в формате SVG визуализируются браузером и могут выводиться программными средствами. Они способны динамически изменяться, благодаря чему хорошо подходят для размещения на Web-страницах карт, схем и диаграмм.
Чаще всего векторная графика применяется при разработке всевозможных знаков, логотипов, пиктограмм, шрифтовых композиций. Применяется она и при создании художественных иллюстраций. Обычно это стилизованные «плакатные» изображения с ограниченным количеством цветов, а также всевозможные схемы, диаграммы, графики, инфографика.
Выразительными средствами векторной графики являются плавность линий, чистые цвета заливок векторных объектов, оригинальность формы объектов, а также каллиграфия и стиль оформления контурных линий. При умелом использовании это позволяет создавать стильный дизайн и решать множество художественно-графических задач. Подчеркнутое использование векторной природы изображения позволяет создавать яркие, стилизованные, выразительные иллюстрации.
Векторная модель не имеет инструментов, соответствующих традицион- ной технике живописи. Для создания векторной модели реалистического изображения требуется огромное количество объектов, составляющих эту модель.
Одним из направлений эволюции программ векторной графики как раз и является разработка новых инструментов, повышающих реалистичность создаваемых изображений (сетчатые заливки, тени и т.д.). И хотя векторная модель не предназначена для создания фотореалистичных изображений, современные инструменты векторной графики позволяют создавать иллюстрации, практически не отличимые от полноцветных фотографий. Реалистичность векторной графике придают такие инструменты, как перетекания, градиентные заливки, заливки по сетке. В такой манере работают многие векторные художники. Одним из первых подобных векторных портретов был портрет Хеди Ламар, созданный графическим художником Джоном Коркери в программе CorelDraw.
ТЕОРЕТИЧЕСКИЕ СВЕДЕНИЯ
Программа AdobeIllustrator предназначена главным образом для любых работ, связанных с созданием и обработкой векторной графики, которая может в дальнейшем использоваться и для полиграфической печати, и для мультимедийных приложений, и для сети WorldWideWeb.
К изображениям, с которыми изначально работает программа, можно отнести всевозможные знаки, логотипы, технические иллюстрации, схемы, планы и т. д.
Основными специалистами, для которых предназначена программа, являются художники-дизайнеры. Появление программ векторной графики подняло графический дизайн на новый уровень и дало возможность творческому человеку работать с графической формой и со шрифтом аналогичным образом (легкость трансформаций форм и шрифта может играть даже отрицательную роль: стало слишком легко создавать плохой дизайн).
Программа в равной степени может использоваться иллюстраторами технической книги.
Изображения, которые создаются в программе AdobeIllustrator, легко интегрируются в мультимедийные программы (например, AdobePremiere, AdobeAfterEffects и др.), поэтому ее могут использовать специалисты по производству мультимедийных продуктов.
Специалисты новейшего направления дизайна — Web-дизайнеры также могут с успехом применять программу для разработки иллюстративного материала, в том числе имеется возможность создавать изображения-карты для Web-страниц.
Полиграфисту, занимающемуся допечатными процессами, программа обеспечит цветоделение, управление параметрами растрирования и получение цветоделенных полос.
Человеку, который за всю свою жизнь не нарисовал и прямой линии, но при этом чувствует в себе наличие вкуса и бездну идей, эта программа поможет компенсировать отсутствие «рисовательных» навыков и с блеском реализовать свои замыслы.
ОБЩИЕ ЭЛЕМЕНТЫ ИНТЕРФЕЙСА ПОЛЬЗОВАТЕЛЯ
Интерфейс пользователя, главное командное меню, рабочие окна для отображения документов, а также совокупность различных палитр, в том числе палитры инструментов, при помощи которых осуществляется создание и редактирование изображений.
1. Панель инструментов (вкл/откл командой Окно > Инструменты).
2. Панель управления (вкл/откл командой Окно > Панель управления).
Панель управления меняет свой вид в зависимости от взятого инструмента и содержит свойства активного инструмента.
3. Дополнительные панели (включаются/отключаются подкомандами
команды Окно). Команда меню Окно > Рабочая среда содержит список стан-
дартных вариантов настройки состава и расположения открытых панелей. Также можно сохранить текущий вариант расположения всех панелей как новую рабочую среду под пользовательским именем с помощью команды Окно > Рабочая среда > Создать рабочую среду.
4. Окна документов.
Окно документа
Окно документа содержит:
1. Заголовочную строку с названием документа.
2. Рабочий стол.
3. Монтажные области, размещенные на рабочем столе.
4. Линейки (включаются/отключаются командой Просмотр > Линейки).
Щелкнув правой кнопкой мыши по линейке можно задать единицы измерения.
Также это можно сделать при создании нового документа.
5. Полосы прокрутки документа. В начале нижней полосы прокрутки присутствуют кнопки экранного масштабирования документа и навигации по монтажным областям документа.
Монтажные области
Основной особенностью пользовательского интерфейса программы является использование монтажных областей. Каждая монтажная область представляет собой страницу заданных размеров, на которой можно рисовать. Монтажные области размещаются на рабочем столе, на котором также можно размещать графику и вне монтажных областей:
Можно создавать от 1 до 100 монтажных областей, области могут иметь
различные размеры, они могут перекрываться, их можно распечатать как отдельные страницы, экспортировать как отдельные изображения. Для работы с монтажными областями используются следующие инструменты:
1. Команда Файл > Новый позволяет указать:
• количество монтажных областей;
• размер монтажной области (изначально все области будут иметь одина-
ковый размер);
• интервал между областями;
• способ их размещения на рабочем столе;
• размер обрезных полей (для печатных страниц, содержащих прижатые
к краю страницы графические элементы).
2. Инструмент
Монтажная область позволяет интерактивно рисовать новые монтажные области, перемещать и масштабировать их, удалять (символ в правом верхнем углу области), копировать (перемещая область при нажатой клавише Alt), переименовывать (используя панель управления инструмента). Также на панели управления дублируются все основные действия с монтажными областями.
Основные инструменты рисования
К инструментам рисования относятся:
• инструменты группы Прямоугольник:
• инструменты группы Линия:
• инструмент Карандаш:
• инструмент Кисть;
• инструмент Кисть-клякса;
• инструмент Перо:
Рассмотрим основные правила, которые можно использовать при рисовании различных фигур:
• удерживание клавиши пробел позволяет перемещать объект во время
его создания;
• клавиша Alt позволяет рисовать объекты из центра, а при рисовании
произвольных кривых автоматически замыкает их;
• клавиша Shift позволяет рисовать объекты одинаковой ширины и высоты (квадраты, круги и т.д.), а также ограничивать ориентацию объектов углами кратными 45° (например, при рисовании линий);
• рисовать фигуры можно либо интерактивно мышью, либо взяв инструмент рисования фигуры и щелкнув однократно левой кнопкой мыши, открыть окно с численными параметрами соответствующей фигуры;
• двойной щелчок по любому объекту включает режим изоляции объекта.
В этом режиме все остальные объекты приглушаются и становятся
недоступны для редактирования: В верхней части окна документа появляется строка, содержащая кнопку выходя из режима изоляции: Также из режима изоляции можно выйти, сделав двойной щелчок левой кнопкой мыши вне объекта.
• клавиши-стрелки (↑↓) используются в следующих случаях:
– при рисовании прямоугольника со скругленными углами меняют радиус скругления (а горизонтальные клавиши-стрелки выставляют сразу же максимальный либо минимальный радиус скругления);
– при рисовании многоугольников меняют количество сторон, при рисовании звезд меняют количество лучей звезды;
– при рисовании бликов меняют количество лучей блика;
– при рисовании дуг меняют изгиб дуги;
– при рисовании спиралей меняют количество завитков спирали;
–при рисовании прямоугольной сетки меняют количество строк (а горизонтальные клавиши-стрелки меняют количество столбцов) сетки;
– при рисовании полярной сетки меняют количество концентрических
окружностей сетки (а горизонтальные клавиши-стрелки меняют количество лучей сетки);
• клавиша Ctrl используется в следующих случаях:
– при рисовании звезды фиксирует внутренний радиус и позволяет менять только внешний;
– при рисовании бликов фиксирует внутренний радиус кольца блика и позволяет менять только внешний;
– при рисовании спирали позволяет регулировать скорость раскручивания спирали.
Базовые операции с объектами
Рассмотрим следующие операции с объектами:
• выделение объектов;
• группировка и разгруппировка;
• изменение порядка перекрытия;
• выравнивание и распределение;
• трансформации объекта.
Выделение объектов
Прежде чем изменить объект, его необходимо выделить. Для выделения объекта используются следующие приемы:
• однократный инструментом Выделение по объекту выделяет объект;
• однократный щелчок инструментом Выделение по пустому месту снимает выделение;
• щелчок по объекту с клавишей Shift добавляет объект к выделению;
• двойной щелчок инструментом Выделение по объекту переводит объект в режим изоляции;
• подкоманды команды главного меню Выделение содержат различные варианты выделения объектов, среди которых Выделение > Все (Ctrl+A) и Отменить выделение (Shift+ Ctrl+A);
• выделение можно выполнять, обводя объекты рамкой инструментом
Выделение, при этом рамка является пересекающей, т.е. выделяются все объекты, которые хотя бы частично попали в рамку;
• инструмент Групповое выделение выделяет объект внутри группы. Если группы вложенные, то каждый следующий щелчок выделяет все объекты из вышележащей групп;
• инструмент Прямое выделение выделяет отдельные узлы и сегменты контура, а также позволяет выделять объекты в группе;
• инструмент Лассо позволяет рисовать рамку произвольной формы, при попадании в которую выделяется объект или его часть;
• инструмент Волшебная палочка выделяет объекты одинаковые по цвету заливки, толщине или цвету обводки, с одинаковой степенью непрозрачности или с одинаковым режимом наложения.
Для выделения всех объектов с похожими атрибутами, нужно настроить
параметры инструмента и щелкнуть по любому из этих объектов.
Группировка и разгруппировка
Для группировки объектов выделите их и выполните команду меню Объект > Сгруппировать (Ctrl+G). При трансформациях группы все преобразования действуют одновременно на все объекты группы. К уже созданной группе можно пригруппировывать другие группы или объекты. Отмена группировки выполняется командой Объект > Разгруппировать (Shift+Ctrl+G). Если группа многоуровневая, то для полной разгруппировки команду можно выполнить несколько раз. Можно, не разбивая группу, выделить один объект инструментами
Групповое выделение или Прямое выделение.
Изменение порядка перекрытия
Объекты, которые создаются позже располагаются выше объектов, которые были созданы раньше, если эти объекты лежат в одном слое. Для изменения порядка перекрытия объектов, лежащих в одном слое, используются команды меню Объект > Монтаж:
Также можно менять порядок перекрытия объектов путем их буксировки
вверх-вниз в палитре Слои.
Выравнивание и распределение
Для выравнивания по другим объектам в горизонтальном и вертикальном
направлении, а также для размещения объектов на равном расстоянии друг от друга используется палитра Окно > Выравнивание:
Кнопка в окне Выравнивание задает режимы выравнивания:
В первом режиме выравнивание происходит по крайнему объекту соответствующей стороны выделенной области.
Во втором режиме необходимо среди выделенных объектов щелкнуть объект, который будет ключевым:
При этом вид кнопки меняется на и выравнивание будет выполняться по ключевому объекту.
Если при распределении не задан ключевой объект, то положение крайних
объектов будет фиксировано, и перераспределяться будут только промежуточные объекты выделения. Если выбран ключевой объект, то в поле Расст. м/у объектами можно ввести число и нажать на кнопку (вертикальные промежутки) или (горизонтальные промежутки) и расстояние между объектами будет равно этому значению. При этом ключевой объект останется на месте, а распределяться будут все остальные объекты относительно ключевого. Например:
• имеется несколько прямоугольников разного размера:
• центры прямоугольников выравнены на одну горизонтальную прямую:
• установлены одинаковые расстояния между центрами прямоугольников:
• установлены равные промежутки между прямоугольниками без использования ключевого объекта:
Трансформации объекта
К основным трансформациям объекта относятся:
• перемещение;
• масштабирование;
• поворот;
• зеркалирование;
• наклон.
Рассмотрим основные инструменты, с помощью которых можно выполнять трансформации объектов:
1. Инструмент Выделение ( ) создает вокруг объекта габаритный контейнер и позволяет объект перемещать, масштабировать за узлы рамки трансформации и вращать.
Клавиша Shift сохраняет пропорции объекта при масштабировании и ограничивает поворот углами кратными.
Клавиша Alt масштабирует объект с сохранением центра, а при перемещении создает копию объекта. Команда Объект > Трансформировать > Повторить трансформацию (Ctrl+D) повторяет последнюю трансформацию.
2. Для выполнения трансформаций можно использовать подкоманды команды главного меню Объект > Трансформировать. Эти команды позволяют
создавать копию объекта при трансформации. Эти команды неудобны тем, что не позволяют создать сразу нужное количество копий, но после них можно использовать повтор трансформации (Ctrl+D). Также эти команды не содержат возможности изменения центра трансформации.
3.Палитра Трансформирование. Открывается командой Окно > Транс- формирование, также ее можно открыть нажав кнопки X, Y, Ш, В на Панели управления:
Также палитра Трансформирования и панель Управления содержат миниатюрное изображение габаритного контейнера объекта, на котором можно выбрать одну из девяти точек. Эта точка будет являться центром трансформации:
4. Инструменты трансформаций:
– масштабирование. Выполняется интерактивно путем буксировки объекта мышью.
Клавиша Shift сохраняет пропорции при масштабировании.
Для изменения центра трансформации нужно щелкнуть мышью там, где должен быть новый центр. Если щелкнуть мышью при нажатой клавише Alt, то будет не только перемещен центр масштабирования, но и открыто окно команды Объект > Транс-22 формировать > Масштабирование и можно будет ввести численные значения операции. Если во время масштабирования мышью нажать и удерживать клавишу Alt, то будет создана копия объекта. После трансформации можно использовать повтор трансформации (Ctrl+D).
– поворот. Выполняется интерактивно путем буксировки объекта мышью. Клавиша Shift ограничивает поворот углами кратными 450. Для изменения центра поворота нужно щелкнуть мышью там, где должен быть новый центр:
Если щелкнуть мышью при нажатой клавише Alt, то будет не только перемещен центр поворота, но и открыто окно команды Объект > Трансформировать > Поворот и можно будет ввести численные значения операции. Если во время интерактивного поворота мышью нажать и удерживать клавишу Alt, то будет создана копия объекта. После трансформации можно использовать повтор трансформации (Ctrl+D).
– зеркальное отражение. Для выполнения отражения объекта необходимо сначала отметить мышью первую точку оси отражения, а затем вторую.
Если второй щелчок делать при нажатой клавише Alt, то будет создана копия объекта: Если первый щелчок мышью выполнять при нажатой клавише Alt, то будет не только задана первая точка оси отображения, но и открыто окно команды Объект > Трансформировать > Зеркальное отражение и можно будет ввести численные значения операции. Если при указании второй точки оси удерживать клавишу Shift, то ось будет горизонтальной, вертикальной или расположенной под углом 45°.
– наклон. Выполняется интерактивно путем буксировки объекта мышью. Клавиша Shift позволяет удержать при наклоне горизонтальное или вертикальное направление. Для изменения центра трансформации наклона нужно щелкнуть мышью там, где должен быть новый центр:23
Если при задании нового центра трансформации щелкнуть мышью при нажатой клавише Alt, то будет не только перемещен центр трансформации, но и открыто окно команды Объект > Трансформировать > Наклон и можно будет ввести численные значения операции. Если во время интерактивного наклона мышью нажать и удерживать клавишу Alt, то будет создана копия объекта. После трансформации можно использовать повтор трансформации (Ctrl+D).
– свободное трансформирование. Позволяет выполнять перемещение, масштабировани и вращение объекта. Клавиша Shift сохраняет пропорции при масштабировании и углы кратные 450 при повороте. Клавиша Alt создает копию объекта.
• команда меню Эффект > Исказить и трансформировать > Трансформировать. Команда позволяет применить сразу несколько трансформаций к объекту, а также создать сразу нужное количество копий объекта при выполнении трансформации.
При использовании этой команды нужно иметь в виду, что создается эффект и полученные копии исходного объекта не являются самостоятельными объектами. Чтобы разбить эффект на отдельные объекты, необходимо применить к нему команды меню Объект > Разобрать и Объект > Разгруппировать.
Типы и параметры заливок
Типы заливок:
• однородная;
• градиентная (линейная, радиальная);
• узорная.
ТЕХНОЛОГИЯ ВЫПОЛНЕНИЯ ЗАДАНИЯ
При помощи инструмент «Прямоугольник», задаем цвет монтажной области (растягиваем поверх всей монтажной области). На панели инструментов выбираем «Текст», копируем одну букву из ранее заготовленного документа и вставляем (необходимо вставить каждую букву отдельно) задав ей белый цвет. Подбираем шрифт.
Выделяем все буквы и переводим их в кривые сочетанием клавиш Ctrl+Shift+O.
Теперь нам необходимо сдвинуть каждую букву так, чтобы она накладывалась на следующую.
В
ыбираем букву, на панели инструментов выбираем «Эффект»> «Стилизация»> «Внешнее свечение…».
Далее открывается палитра, выбираем такие же параметры как на картинке ниже.
То же самое проделываем с остальными буквами.Затем с помощью инструмента «Текст» прописываем свои фамилии.
ПРАКТИЧЕСКОЕ ЗАДАНИЕ
Создание векторной иллюстрации с использованием градиентов
Рекомендации по выполнению
1. В качестве исходной иллюстрации берется ч/б эскиз или фотография, жанр – пейзаж, городской пейзаж. Тематика, содержание иллюстрации выбираются учащимся самостоятельно.
2. Исходное изображение обводится в ручную с использованием известных
инструментов рисования и геометрических объектов(окружность, эллипс,
прямоугольник и т.п.)
3. Обязательно создаётся пользовательская палитра цветов, которые будут
использоваться при раскраске иллюстрации.
4. Итоговая иллюстрация обязательно должна содержать как линейные, так и
радиальные градиенты.
Создание векторной почтовой открытки на основе растровых изображений
Рекомендации по выполнению
1. Открытка должна содержать:
- векторизованную фотографию
- векторизованный логотип (трассировка эскиза, выполненного в ч/б графике)
- текстовые объекты
2. тематика открытки – свободная, выбираются учащимся самостоятельно
3. размер открытки – 9х12 или 10х15 см., разрешение печати – 150 или 300 dpi.
СПИСОК ЛИТЕРАТУРЫ:
Босова Л.Л. Информатика. Учебник для 5 классов. М.: БИНОМ. Лаборатория знаний, 2016. С. 74-82
Босова Л.Л. Информатика. Учебник для 7 классов. М.: БИНОМ. Лаборатория знаний, 2020. С 224
https://vc.ru/design/471781-kakimi-instrumentami-polzuyutsya-dizaynery-v-2022-godu?ysclid=lv2idt9ker887877903
https://uchitel.pro/графический-редактор/?ysclid=lv2isvzknq505101157
https://www.liveexpert.org/topic/view/5463583-zdravstvujte-ya-nachinayushij-graficheskij-dizajner-podskazhite-pozhalujsta-kakie-graficheskie-redaktori-vi-chashe-vsego-ispolzuete-v?command=create#gsc.tab=0
https://digital-academy.ru/blog/what-is-adobe-illustrator-used-for?ysclid=lv9g9hl8dc52974194
Приложение
