исследовательская работа "Возможности графических редакторов Adobe Photoshop, Adobe Illustrator"

КРАЕВОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБЩЕОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ «АЧИНСКАЯ ШКОЛА № 3»

ИССЛЕДОВАТЕЛЬСКАЯ РАБОТА

НА ТЕМУ

ВОЗМОЖНОСТИ ГРАФИЧЕСКИХ РЕДАКТОРОВ ADOBEPHOTOSHOP И ADOBEILLUSTRATOR

Судакова Алена Михайловна

ученица 8 класса, г. Ачинск

Ерилова Юлия Николаевна

учитель информатики и английского

КГБОУ «Ачинская школа № 3»

г.Ачинск

Ачинск, 2024

Содержание

Аннотация

Цель исследования: изучить возможности графических редакторов AdobePhotoshop  и AdobeIllustrator.

Гипотеза: для своей профессиональной деятельности графические дизайнеры чаще используют графические редакторы AdobePhotoshop  и AdobeIllustrator.

Ключевые слова: графический редактор, возможности графических редакторов, AdobePhotoshop  и AdobeIllustrator, обработать фото, создать афишу.

1. Введение

В нашем современном мире, где визуальная информация играет огромную роль, графический дизайн становится ключевым инструментом для передачи идеи, эмоций и ценностей. Он помогает улучшить восприятие информации, делает ее более доступной и запоминающейся. Важно, что при использовании графических редакторов - специальных программ для создания объектов графического дизайна - нет необходимости брать новый лист бумаги, чтобы из-за допущенных ошибок начинать все сначала. Неправильный фрагмент просто удаляется и работа продолжается заново. Средства графических редакторов позволяют избавиться от утомительной работы, выполняемой при построении изображения вручную. [2, с. 74]

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

Во время подготовки к участию в чемпионате профессионального мастерства "Абилимпикс" в компетенции "Графический дизайн" я столкнулась с тем, что конкурсное задание нужно было выполнять в определенных графических редакторах: AdobePhotoshop  или AdobeIllustrator. В связи с вышеизложенным, возникла гипотеза: для своей профессиональной деятельности графические дизайнеры чаще используют графические редакторы AdobePhotoshop  и AdobeIllustrator.

Объект исследования: графические редакторы.

Предмет исследования: возможности графических редакторов AdobePhotoshop  и AdobeIllustrator.

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

Для достижения цели мы ставим следующие задачи:

1. Ознакомиться с теоретической информацией по теме "Графические редакторы".

2. Выбрать наиболее актуальные редакторы для практического применения в профессиональной деятельности.

3. Изучить основные инструменты выбранных графических редакторов.

4. Сравнить возможности двух редакторов.

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

Методы исследования:

- обзор литературы и материалов сети Internet;

- интервью;

- опрос;

- анализ и синтез;

- сравнение

Новизна работы и практическое применение: результаты нашей работы могут быть интересны тем, кто увлекается работой на компьютере, обработкой фотографий, созданием собственных графических объектов. Кроме того, данную работу можно использовать при подготовке ребят нашей школы к чемпионату профессионального мастерства "Абилимпикс" по компетенции "Графический дизайн". Подготовка ребят к чемпионату осуществляется в рамках программы наставничества по форме "Дети - детям", где автор данной работы (и другие компетентные обучающиеся нашей школы) могут выступать в роли наставников.

2. Обзор литературы

Компьютер - это инструмент, предназначенный для работы с изображениями и графикой. Правда такова, что сотни художников отказались от акриловых и масляных красок в пользу компьютеров. [4, с. 225] Компьютерную графику  применяют сейчас специалисты разных областей профессиональной деятельности. Для успешной работы графического дизайнера существуют графические программы различной сложности. Но прежде, чем с ними работать нужно познакомиться с основными понятиями по данной теме.

2.1.Графические редакторы. Основные понятия.

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

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

Графический редактор позволяет:

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

Для ввода графической информации используются клавиатура, мышь, сканер или графический планшет.[2, с. 81-82]

2.2. Виды графических редакторов.

Существует множество графических редакторов, такие как:

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

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

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

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

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

Иногда цифровую графику создают с нуля: делают эскиз, линейный рисунок и постепенно раскрашивают его, прорабатывая текстуры и светотень. Это очень похоже на работу обычных художников, орудующих карандашом и кистью. Но технологии открывают и другие возможности для творчества. [5]

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

1. MicrosoftPaint

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

2. Adobe Photoshop

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

4. CorelDraw — графический редактор векторной графики, разработанный канадской корпорацией Corel. Он предоставляет все необходимые инструменты для продуктивной работы современного дизайнера. Понятные инструменты позволяют создавать великолепные дизайнерские решения, ретушировать и улучшать фотографии. Легко сочетается с другими графическими редакторами.

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

6.Illustrator — вторая по популярности программа из пакета Adobe после знаменитого Photoshop. Основная её функция — создание иллюстраций, лаконичных картинок c однотонными заливками на основе векторной графики. Но, помимо этого, здесь верстают макеты для печати, создают логотипы и иконки для сайтов.[7]

3. Практическая часть

3.1. Графические редакторы для профессиональной деятельности

Чтобы выбрать наиболее актуальные редакторы для практического применения в профессиональной деятельности, мы взяли интервью у школьного учителя информатики, а также изучили учебники информатики основной школы. Мы сделали вывод, что тема "Графические редакторы" изучается в 5 и 7 классах [2, 3], где обучающиеся рассматривают в основном такие растровые редакторы, как Paint и GIMP и векторные OpenPffice  и  MSWord. Это обусловлено тем, что данные программы просты в усвоении и являются доступными в отличие от программ от фирмы Adobe( AdobePhotoshop, AdobeIllustrator) [1].

Проведя опрос практикующих графических дизайнеров [8], мы пришли к выводу, что профессионалы этого дела используют следующие программы для графического дизайна: Adobe (AdobePhotoshop  и AdobeIllustrator), Figma, CorelDraw, SketchUp, Readymag.  В этом списке куратор курсов по дизайну в "Логомашине" и курса "Графический дизайнер" в Sillbox  Вероника Вагнер утверждает, что Adobe был и остается "швейцарским ножом" для любого дизайнера. Его продукты позволяют работать как с созданием и редактированием векторных, так и растровых изображений. С помощью единой среды софтов изображение из одной программы легко переносится в другую без конвертации и потери качества. Богатый функционал ежегодно обновляется, включает в себя новые инструменты и возможности. [6].

Проведя анализ  конкурсного задания чемпионата профессионального мастерства 2024 года, в компетенции "Графический дизайн", мы сделали вывод, что для своей профессиональной деятельности графические дизайнеры чаще используют графические редакторы AdobePhotoshop  и AdobeIllustrator.

Полученные в результате исследования данные, мы занесли в таблицу 1 и провели сравнительный анализ.

Таблица 1 - Выбор графических редакторов для профессионального применения.

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

3.2. Основные возможности и инструменты  графических редакторов.

Программы Adobe Photoshop и Adobe Illustrator — это важные инструменты для графического дизайна, но имеют свои отличия. Иллюстратор предназначен для создания векторной графики, а Фотошоп — для работы с растровой. При выборе программы необходимо учитывать тип создаваемой графики, задачи и возможности программы.[9]

3.2.1. Возможности AdobePhotoshop

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

Работа с изображениями в программе Adobe Photoshop

При обработке изображений часто возникает необходимость таких операций, как удаление ненужных элементов изображения, поворот изображения, исправления перспективы. Данные операции носят название «кадрирование» и могут выполняться несколькими инструментами (см.приложение 1)

Рисование и редактирование

Рисующие инструменты наносят на поверхность документа или слоя цвет переднего плана, показанный в палитре инструментов в поле основного цвета (верхний квадрат). Чтобы в процессе рисования изменить цвет переднего плана, нажмите клавишу Alt, рисующий инструмент будет временно заменен инструментом «пипетка». Нужно установить курсор на любом цвете в пределах изображения или в цветовой палитре и щелкнуть мышью.

Цвет заднего плана, показанный в поле фонового цвета (нижний квадрат), используется для градиентной заливки и для заполнения областей, удаленных из изображения с помощью инструмента «ластик». Кроме того, при определении параметров нового документа вы можете задать для него заливку цветом заднего плана. (см. приложение 2)

Тоновая коррекция изображения

При проведении тоновой коррекции изменяются яркость и контрастность изображения. Для проведения тоновой коррекции в программе Adobe Photoshop имеются команды, размещенные в подменю Adjustments (Коррекции). (см. приложение 3)

Цветовая коррекция

Цветовая коррекция изображения служит для изменения цветопередачи. В программе Adobe Photoshop имеются команды подменю Коррекции. (см. приложение 4)

Слои

Новый документ, созданный в программе Adobe Photoshop, состоит только из фона (заднего плана). Этот фон можно сравнить с холстом, на котором рисуется картина. Фон может быть белым, либо окрашенным в текущий цвет заднего плана.

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

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

Палитры программы Adobe Photoshop и их использование

В программе предложены пользователю множество различных палитр. Каждая из них имеет свое особенное назначение. (см. приложение 5)

3.2.2.  Возможности AdobeIllustrator

Adobe Illustrator — это программа для создания и редактирования векторной графики. Она была разработана и выпущена компанией AdobeSystems в 1987 году, а сейчас стала стандартом в своей области. Программа предлагает пользователям мощные инструменты для отрисовки сложных и детализированных изображений.

Разберем основные компоненты программы, чтобы понять, как они работают и как их использовать.

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

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

Справа от рабочего пространства располагаются панели управления. Это интерактивные окна, которые предоставляют быстрый доступ к различным настройкам и свойствам объектов. Здесь есть «Слои», «Цвет», «Свойства» и другие панели. Их можно сворачивать, разворачивать и перестраивать для удобства.

Контрольная панель. Такая панель предоставляет быстрый доступ к параметрам выделенных объектов. По умолчанию панель управления находится в верхней части интерфейса. Здесь нужно учесть, что она меняется в зависимости от выбранной рабочей среды и может также находиться справа от рабочего пространства, в панели управления. Сама контрольная панель меняет свой вид в зависимости от выбранного инструмента и предоставляет быстрый доступ к его часто используемым настройкам.

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

В Adobe Illustrator можно делать практически всё, что придёт в голову дизайнеру: рисовать с помощью простых геометрических фигур, работать с тенями, рефлексами (свет на объекте, отраженный от поверхности), бликами и объёмом, работать с палитрой, делать градиенты и текстуры. Часто программу используют, чтобы создавать векторных персонажей в выбранной стилистике.

Вот некоторые возможности программы.

• Рисование от руки цифровыми кистями, карандашами и ручками.
• Расширенные параметры цвета для создания палитр, заливки фигур, использования цветовых схем градиента и использования различных цветовых эффектов.
• Функция «Слои», которая позволяет «разделить» дизайн на разные слои, так что можно редактировать один слой, не затрагивая другие.
• Функция сетки с опорными точками и возможностями «привязки», позволяющая точно выравнивать фигуры и линии.
• Облачное хранилище, где можно собирать и хранить ресурсы для конкретного проекта (например, цвета, кисти, графику).
• Библиотека шрифтов.
• Инструменты для быстрого создания геометрических фигур и корректировки линий.

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

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

• программа совместима со всеми распространёнными операционными системами и устройствами;
• изображения можно масштабировать без потери качества;
• программа совместима со всем пакетом приложений Adobe;

разработчики постоянно добавляют в Illustrator новые функции и возможности.[9]

3.2.3.  Что выбрать?

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

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

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

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

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

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

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

Таблица 2 - Сравнение возможностей графических редакторов AdobePhotoshop   и AdobeIllustrator

Большинство дизайнеров использует обе программы в зависимости от задачи.

4. Заключение

В результате проведенного нами исследования можно сделать следующие выводы:

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

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

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

Исследовательским путем в работе выбраны две, наиболее востребованные профессиональными дизайнерами программы - AdobePhotoshop и AdobeIllustrator. Таким образом, гипотеза исследовательской работы была подтверждена: для своей профессиональной деятельности графические дизайнеры чаще используют графические редакторы AdobePhotoshop  и AdobeIllustrator. Далее были рассмотрены их возможности, инструменты и проведен сравнительный анализ возможностей графических редакторов AdobePhotoshop   и AdobeIllustrator. Итогом сравнения служит мысль о том, что дизайнеру нужно владеть обеими программами и пользоваться ими в зависимости от поставленной задачи.

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

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

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

1. Актуальные проблемы преподавания информатики и информатизации образовательного процесса: сборник научно-методических трудов / Под ред. Н.Я. Салангиной. – Комсомольск-на-Амуре: АмГПГУ, 2022. 54
2. Босова Л.Л. Информатика. Учебник для 5 классов. М.: БИНОМ. Лаборатория знаний, 2016. С. 74-82
3. Босова Л.Л. Информатика. Учебник для 7 классов. М.: БИНОМ. Лаборатория знаний, 2020. С 224
4. Гукин Д. ПК для "чайников". М.: Издательский дом "Вильямс", 2002. С. 225-236
5. https://nsportal.ru/shkola/informatika-i-ikt/library/2022/08/28/individualnyy-itogovyy-proekt-graficheskie-redaktory
6. https://vc.ru/design/471781-kakimi-instrumentami-polzuyutsya-dizaynery-v-2022-godu?ysclid=lv2idt9ker887877903
7. https://uchitel.pro/графический-редактор/?ysclid=lv2isvzknq505101157
8. 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
9. https://digital-academy.ru/blog/what-is-adobe-illustrator-used-for?ysclid=lv9g9hl8dc52974194

Приложение 1

Таблица 3 -  Работа с изображениями в программе Adobe Photoshop

Приложение 2

Таблица 4 - Инструменты для рисования.

Приложение 3

Таблица 5 - Инструменты для тоновой коррекции.

Приложение 4

Таблица 6 - Цветовая коррекция изображений        

Приложение 5

• Палитра «Слои» используется для создания, копирования, объединения и удаления слоев, а также для создания слой – масок, позволяет управлять отображением отдельных слоев.
• Палитра «Каналы» используется для создания, дублирования и удаления каналов, для определения их параметров, для преобразования каналов в самостоятельные документы, а также для объединения каналов и формирования совмещенного изображения, позволяет также управлять отображением отдельных каналов на экране, делая их видимыми или невидимыми.
• Палитра «Контуры» используется для создания, сохранения и обработки контуров.
• Палитра «Кисти». Кисти используются для рисования и редактирования.
• Палитра «Параметры» Каждый инструмент (кроме инструментов «перемещение» и «текст») характеризуется собственным набором параметров, который отображается в палитре «Параметры». Заголовок и содержимое этой палитры меняется в зависимости от выбранного на данный момент инструмента.
• Палитра «Синтез» отображает цветовые значения текущих цветов переднего и заднего плана. С помощью «ползунков» можно отредактировать эти цвета в одной из предложенных цветовых систем.
• Палитра «Каталог» содержит набор доступных для использования цветов. Можно выбрать цвета переднего и заднего плана из имеющихся вариантов, либо создать заказную палитру путем добавления или удаления цветов, создать и сохранить любой набор цветов для последующего использования в других изображениях.
• Палитра «Дизайн» представляет собой планшет, который можно использовать для произвольного смешивания цветов. Для работы в палитре «Дизайн» можно пользоваться любыми рисующими инструментами. Для просмотра содержимого палитры могут применяться инструменты «масштаб» и «рука».
• Палитра «Инфо...» отображает информацию об активном инструменте и о цветовых координатах в активной точке курсора.
• Палитра «Команды» позволяет одним щелчком мыши выбирать наиболее часто используемые команды. В программное обеспечение Adobe Photoshop включено несколько специализированных палитр «Операции». Они содержат команды, применяемые для выполнения допечатных задач, коррекции цвета и манипулирования изображениями.

Приложение 6

Портфолио работ, выполненных в графических редакторах AdobePhotoshop и AdobeIllustrator