Применение онлайн графических программ и редакторов в школе

ПРИМЕНЕНИЕ ОНЛАЙН ГРАФИЧЕСКИХ ПРОГРАММ

И РЕДАКТОРОВ В ШКОЛЕ

Суркина Оксана Валерьевна

педагог дополнительного образования ГБОУ СОШ № 1 СП ЦДТ «Радуга»

г. Нефтегорска

Введение

Графический дизайн — это профессиональная сфера человеческой деятельности, которая находится на перекрестке двух категорий профессий: инженерной (программист) и творческой (дизайнер, художник, проектировщик). Так же это широкая область применения художественных талантов в различных формах; графический дизайн включает в себя создание иллюстраций, идентичности бренда, типографики, пользовательских интерфейсов, рекламных объявлений, инфографику и т. д. Решает множество задач при помощи форм, цветов, композиций, изображений и основывается на умелом использовании специальных компьютерных программ.

Я всегда любила рисовать, на протяжении 5 лет посещала студию изобразительного искусства «Радуга талантов» ГБОУ СОШ № 1 ЦДТ «Радуга» г. Нефтегорска. В этом году записалась на новый курс- «Графический дизайн». Мне интересно работать с компьютерной графикой, создавать новые проекты, изучать новые технологии, программы. Конечно же те знания, что я получаю в дополнительном образовании можно и нужно применять в школе: на уроках технологии, информатики и других уроках. Можно попробовать себя в профессии- графический дизайнер прямо на уроках. Ведь развитие компьютерной графики происходит с немыслимой скоростью, это актуальное направление: согласно рейтингу за 2020 - 2021 год набор студентов по специальности «Графический дизайн» в Самарский государственный колледж, Самарский государственный колледж сервисных технологий и дизайна, в Самарский государственный технический университет составляет 2-3 человека на 1 место.

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

Актуальность исследования:

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

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

Объектом моего исследования является компьютерная графика.

Предмет исследования – виды и свойства компьютерной графики, способы ее применения на уроках.

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

Задачи:

• проанализировать особенности работы графических редакторов, составить список доступных онлайн программ по графическому дизайну;

• практически доказать эффективность проведения уроков с использованием онлайн программ;

• составить памятку-буклет для учащихся школы.

Основная часть

Теория

Графический дизайн

Первой официально признанной попыткой использования дисплея для вывода изображения из ЭВМ явилось создание в Массачусетском технологическом университете машины Whirlwind-I в 1950 г. Возникновение компьютерной графики можно отнести к 1950-м годам. Сам же термин "компьютерная графика" придумал в 1960 г. сотрудник компании Boeing У. Феттер.

Первое реальное применение компьютерной графики связывают с именем Дж. Уитни. Он занимался кинопроизводством в 50-60-х годах и впервые использовал компьютер для создания титров к кинофильму. Следующим шагом в своем развитии компьютерная графика обязана Айвэну Сазерленду, который в 1961 г., еще будучи студентом, создал программу рисования, названную им Sketchpad (альбом для рисования). Программа использовала световое перо для рисования простейших фигур на экране. Полученные картинки можно было сохранять и восстанавливать. Первоначально компьютерная графика была векторной, т. е. изображение формировалось из тонких линий. В дальнейшем более широкое применение получила растровая графика, основанная на представлении изображения на экране в виде матрицы однородных элементов (пикселей).

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

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

Практическая работа

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

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

Рlanner5d (https://planner5d.com/ru/e/)

Характеристика программы: Planner 5D — бесплатное веб-приложение, также доступное на мобильных устройствах, предназначенное для проектирования помещений и дизайна интерьера в виде 2D и 3D моделей. В основе сервиса лежит идея предоставления людям без профессиональных инженерных и архитектурных навыков возможности создать наглядный план помещения с трёхмерной визуализацией. Благодаря использованию платформы HTML5 доступ к сервису возможен с любого десктопного или мобильного устройства через браузер. Также в мае 2013 года разработчиками было выпущено нативное приложение для iPad.

Функциональность: lanner 5D представляет собой RIA-приложение на базе HTML5, которое позволяет пользователю создавать неограниченное количество планировок помещений и ландшафтов («проектов»). Проект можно создать с нуля или воспользоваться готовой планировкой из галереи работ, опубликованных другими пользователями. В работе над проектом используется библиотека элементов интерьера, экстерьера, ландшафта и декора с расширенными настройками (масштабирование, изменение цвета и текстуры). Также в приложении есть возможность строить двухэтажные здания и добавлять в проект пользовательские изображения. Редактирование планировки происходит в 2D-режиме, 3D-визуализация подразумевает главным образом режим просмотра.

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

Область применения на уроках:

Предмет-технология. Программа Рlanner5dможет применяться для реализации творческих проектов, на уроках, посвященных технологии творческой и опытнической деятельности.

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

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

Предмет-основы безопасности жизнедеятельности. Тема: «Безопасное поведение в техносфере и в быту». С помощью программы можно разработать или подобрать безопасные пути эвакуации.

Adobe Photoshop, Paint Tool Sai, Paint.

Paint Tool Sai (https://saipainttool.ru/ )

Характеристика программы: SAI или PaintToolSAI (яп. ペイントツールSAI) — программа, предназначенная для цифрового рисования в среде MicrosoftWindows, разработанная японской компаниейSYSTEMAX.

Функциональность:

• небольшая по размеру программа, стартующая за считанные секунды;

• полная поддержка графического планшета;

• высокая скорость работы;

• почти все горячие клавиши взяты из Adobe Photoshop плюс свои сочетания;

• сглаживание пера и высокая интерполяция штриха;

• поворот холста;

• высокое качество рендеринга картинки.

Adobe Photoshop (https://photo-edit.online/edit_photo)

Характеристикапрограммы: Adobe Photoshop ([əˈdəʊbɪ ˈfəʊtəʃɒp], Эдо́убиФотошо́п,рус.интернет-сленгАдо́бФотошо́п) — многофункциональныйграфическийредактор,разрабатываемыйираспространяемыйкомпанией Adobe Systems. В основном работает с растровыми изображениями, однако имеет некоторые векторные инструменты. Продукт является лидером рынка в области коммерческих средств редактирования растровых изображений и наиболее известной программой разработчика.

Функциональность: Расширенная версия программы Adobe Photoshop Extended предназначена для более профессионального использования, а именно — при создании фильмов, видео, мультимедийных проектов, трёхмерного графического дизайна и веб-дизайна, для работы в областях производства, медицины, архитектуры, при проведении научных исследований. В программе Adobe Photoshop Extended современных версий (начиная с CS4) можно открывать и работать с 3D-файлами. Доступны некоторые операции для обработки 3D-модели, такие, как работа с каркасами, выбор материалов из текстурных карт, настройка света. Также можно создавать надписи на 3D-объекте, вращать модели, изменять их размер и положение в пространстве. Программа включает в себя также команды по преобразованию плоских фотографий в трехмерные объекты определённой формы, такие, как, например, банка, пирамида, цилиндр, сфера, конус и другие.

Paint.

Характеристика программы: Microsoft Paint — многофункциональный, но в то же время довольно простой в использовании растровый графический редактор компании Microsoft, входящий в состав всех операционных систем Windows, начиная с первых версий.

Функциональность:

В Windows 7 Paint впервые был полностью переработан, получил ленточный (Ribbon) интерфейс, дополнительные кисти и фигуры, схожие с библиотекой Microsoft Office. Краткий обзор нововведений:

9 разновидностей кисти (Brush):

Обычная кисть (теперь — сглаженная).

Каллиграфическая кисть 1 (кисть с наклоном в 45 градусов влево).

Каллиграфическая кисть 2 (кисть с наклоном в 45 градусов вправо).

Масляная кисть (мажет толстым штрихом).

Пастельная кисть (похожа на цветной мел).

Маркер (закрашивает цветом наполовину).

Текстурный карандаш (тонкая кисть для имитации жесткого карандаша).

Акварель (полупрозрачная плавная постепенно исчезающая кисть).

Также обновилась библиотека фигур.

7 разновидностей заливки/контура:

Также в меню «Вид» добавлены: новая линейка, режим предпросмотра печати.

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

Область применения на уроках:

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

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

Canva(https://www.canva.com/ru_ru/)

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

Функциональность: Canva работает как конструктор: новые картинки можно создавать, собирая их из готовых элементов, среди которых: геометрические фигуры, линии, фоторамки, “трехмерные” и контурные рисунки, иконки различных стилей и тематики, интерактивные графики и диаграммы, которые можно строить по вводным данным, а также стоковые фотографии. Коллекция объектов и фотографии включает несколько миллионов элементов, часть из которых являются бесплатными. Кроме графических эффектов, в картинки, конечно, можно добавлять текст. Для кириллического алфавита языка доступно более 100 стильных шрифтов.

Область применения на уроках:

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

Заключение

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

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

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

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

1. Бхаскаран Лакшми. Дизайн и время, - Арт-Родник, 2006

2. Папанек Виктор. Дизайн для реального мира, - М.: Д. Аронов; 2004.

Интернетресурсы

1. https://ru.wikipedia.org/wiki/ Заглавная_страница

2. Интерактивный каталог профессий http://atlas100.ru/catalog/

3. https://www.renderforest.com/ru/blog/graphic-design-software

Адрес публикации: https://www.prodlenka.org/metodicheskie-razrabotki/585881-primenenie-onlajn-graficheskih-programm-i-red