Тема 3. Работа со слоями. Выделение. Клавиши-модификаторы. Режимы комбинирования. Слоевая модель. Палитра Слои. Активизация слоев. Связь слоев (Link). Папка (Group). Команды сведения слоев. Итоговая работа №2 «Космос» (работа в слоях).
Тема 4. Инструменты выделения и работа с ними. Инструменты группы Лассо: Лассо (Lasso), Полигональное лассо (Polygonal Lasso), Волшебная палочка (Magic Wand), Quick Selection (Быстрое выделение). Комбинирование выделений с использованием различных инструментов. Копирование в слоях. Проверка качества выделения. Проверочная работа «Пистолет» (выделение объекта).
Тема 5. Команды трансформации. Трансформация слоя, выделения. Изменение перспективы объекта в слоях. Пример создание объемной упаковки. Искажение. Итоговая работа №3 «Повар» (выделение, слои).
Тема 6. Режимы наложения. Параметр слоя, инструмента. Советы по использованию режимов наложения в дизайне. Раскрашивание черно-белых фотографий. Колоризация изображений при создании спецэффектов. Итоговая работа №4 «Уходящий человек» (раскрашивание в слоях).
Тема 7. Работа с текстом. Стили. Особенности текстового слоя. Особенности ввода текста. Панель текстовых параметров. Палитры Character, Paragraph. Текстовые деформации (Warp). Слоевые эффекты (Layer Style). Способы создания, настройка. Заказной стиль. Сохранение стиля. Палитра Стили (Styles).
Тема 8. Маскирование. Маска отсечения. Работа со слой-маской. Применение градиента и кистей в слой маске. Слой-маска, как основа создания рекламных коллажей. Самостоятельные работы «GreenPeace», «Happy_world», Tech&Time».
Тема 9. Smart (умные) объекты и фильтры. Преимущества использования. Способы создания. Smart (умные) фильтры. Фильтры программы. Основные группы фильтров. Примеры действия фильтров. Самостоятельные работы «Движение машины», «Создание рамки», «Бабочка-данаида» (фильтры). Фильтры с собственным интерфейсом. Выделение ворсистых объектов – фильтр Exract. Алгоритм создания тени. Соединение изображений для монтажа – поддержка реалистичности сцены.
Тема 10. Изменение размера изображения. Обрезка по формату. Ретушь. Метод клонирования областей с помощью выделения и инструментов. Инструменты ретуши: Patch, Healing Brush, Clone Stamp и т. д. Фильтр для ретуши в перспективе. Палитра History. Работа со снимками истории (Snapshot). Инструмент History Brush. Примеры работы с палитрой History. Итоговая работа №5 «Восстановление старой фотографии».
Второй год обучения
Тема 1. Векторная и растровая графика. Особенности. Векторные изображения. Интерфейс Adobe Illustrator. Инструментарий, основные режимы работы. Создание графических элементов, точные параметры. Единицы измерения. Изменение параметров контура. Монтаж и упорядочивание объектов. Практическая работа по созданию коллажа из объектов на основе геометрических фигур.
Тема 2. Работа с векторными объектами. Выравнивание объектов. Преобразования с объектами. Понятие группы. Практическая работа по созданию объектов на основе трансформирования графических примитивов «Садовый участок».
Тема 3. Создание и обработка контуров. Палитра Pathfinder. Работа с цветом: цветовые модели, библиотеки цветов, цветовые палитры, создание и редактирование цветов. Градиент. Практическая работа «Букет в вазочке».
Тема 4. Создание и обработка кривых. Практическая работа по созданию объектов на основе кривых. Операции над контурами. Способы создания объектов на основе кривых. Ручная трассировка. Практическая работа по созданию объектов на основе кривых.
Тема 5. Работа с текстом: ввод, редактирование, форматирование. Текст в области. Текст вдоль контура. Трансформирование текста. Изменение параметров контура и заливки, окрашивание текста. Практическая работа по созданию студенческого билета и пропуска.
Тема 6. Декоративные виды текста. Преобразование текста в кривые. Обтекание объектов текстом. Текстовые эффекты. Оболочка искажения Envelope Distort. Практическая итоговая работа плакат «TaiChi».
Тема 7. Обмен данными с другими приложениями; импорт и экспорт. Работа со слоями. Отсекающая маска. Практическая работа «Метро».
Тема 8. Атрибуты внешнего вида объектов. Стили, эффекты. Применение, создание, библиотеки стилей. Морфинг, превращение. Практическая работа «Магги».
Тема 9. Декоративные элементы оформления. Декоративные кисти. Практическая работа по созданию узоров, применению кистей. Отправка на печать. Создание картины с использованием декоративных кистей. Принятие зачетной работы «Дом, замок».
Тема 10. Итоговая практическая работа на свободную тему. Конкурс работ. Подведение итогов.
Третий год обучения
Тема 1. Введение. Photoshop Professional – новый уровень решаемых задач. Профессиональное использование горячих клавиш вызова команд. Использование новых кистей, изменение настроек кистей. Создание своей заказной кисти.
Тема 2. Логические операции с контурами. Создание высококачественных выделений, рисование с помощью контуров. Экспорт и импорт контуров в векторную графику и программы верстки. Развитие навыков создания контуров, применение фильтров.
Тема 3. Векторные формы. Контурные слой-маски. Создание логотипа «Сбербанк». Преобразование текста в контуры. Редактирование букв на уровне контуров. Работа пером, использование фильтров выделения сложных объектов, применение слоевых эффектов.
Тема 4. Стили, как основа оформления. Анатомия слоевого эффекта. Создания своего сложного стиля. Применение профессиональных подгруженных стилей в проекте «Mentaway». Совмещение стилей, форм и фильтров в дизайн решениях.
Тема 5. Каналы - сохранение служебной информации. Цветовые модели. Цветовые каналы. Удаление муара. Альфа-каналы. Сохранение, загрузка выделений. Быстрая маска. Выделение особо сложных объектов. Комбинирование различных способов выделения.
Тема 6. Слой-маски. Использование слой-маски в коллажах. Практические советы по использованию слой-масок для различных целей и задач. Создание эффекта прозрачности. Использование маски отсечения в профессиональной работе. Совмещение в слоевой структуре различных вариантов маскирования. Создание сложного коллажа.
Тема 7. Тоновая и цветовая коррекция. Определение тонового характера изображений. Инструменты цветовой и тоновой коррекции. Корректирующие слои.
Тема 8. Техника ретуширования. Использование инструмента «History brush». Палитра History. Использование стека событий для коррекции изображений. Техника ретуширования с применением изученных возможностей.
Тема 9. Текстуры, узоры. Алгоритмы и принципы создания бесшовной мозаики при помощи фильтров. Применение Pattern для разных целей. Урок «GD». Работа со сценариями в палитре Actions. Демонстрация стандартных Action. Пакетная обработка изображений.
Тема 10. Подведение итогов. Создание проектра по курсу. Конкурс работ. Торжественное окончание.
МЕТОДИЧЕСКОЕ ОБЕСПЕЧЕНИЕ
Приёмы и методы учебного процесса основаны на заинтересованности учащихся выбранными ими темами. В учебном процессе используются методические разработки, опубликованные на сайте ***** в форме википедии. Специальная энциклопедия создается преподавателями и учащимися совместно в процессе обучения.
Техническое оснащение процесса обучения связано с созданием условий для полноценных компьютерных экспериментов и проектов. Занятия группы проходят в компьютерном классе, оснащённом современными компьютерами и периферийной техникой. Желательно наличие домашних компьютеров у учащихся.
Форма подведения итогов – выступление обучающихся на отчётных конференциях, показах проектных работ, конкурсах различного уровня.
По окончании каждого года обучения учащиеся готовят небольшой проект, а по окончании трёхгодичного обучения – проектную работу с описанием, инструкцией по применению работы. В результате успешной зашиты проектной работы и на основании постановления Совета клуба учащимся присваивается звание Мастера клуба секции «Компьютерная графика», о чём выдаётся соответствующее свидетельство, а так же свидетельство об окончании курса по данной программе. Это даёт выпускникам право курировать работу учащихся данной секции.
СПИСОК ЛИТЕРАТУРЫ
1. Костюкова в компьютерную графику. Методические рекомендации: Метод. Пособие. - Новосибирск: Сиб. Университетское изд-во, 2003.
2. Мураховский графика / Под ред. . - М.: АСТ-Пресс, 2002.
3. , . Компьютерная графика. - Изд-во "Питер", 2004.
4. Пономаренко и вектор. Принципы цифровой графики. – СПб.: БХВ-Петербург, 2002.
5. . Компьютерная графика. - СПб.: БХВ-Петербург, 2002.
6. Сайт видеоуроков http://*****
Оглавление
«Интернет-технологии и Web-дизайн»
Возраст обучающихся – 5-11 класс
Срок реализации – 3 года
ПОЯСНИТЕЛЬНАЯ ЗАПИСКА
Специальная секция по созданию интернет-ресурсов, входит в программу Компьютерного клуба.
Создание сайта - сложная и нетривиальная задача, особенно в том случае, когда сайт имеет большое количество регулярно обновляемых страниц. Для того, чтобы создать свой интернет ресурс необходимо уверенно владеть компьютером на уровне пользователя, знать несколько языков программирования, уметь обрабатывать графические файлы. Однако большинство современных сайтов имеют схожую функциональность, что позволяет существенно снизить затраты на создание сайта, используя готовые решения - системы управления контентом. Данная программа позволит подготовить учащихся к созданию сайта как с «нуля», так и с использованием автоматизированных и визуальных средств.
Цели: способствовать развитию интеллектуальных способностей и познавательных интересов, способствовать развитию у учащихся интереса к информационным технологиям, повышению компетентности учащихся в вопросе создания интернет ресурсов, способствовать формированию интереса к профессиям связанным с интернет проектами, дизайном, способствовать ознакомлению учащихся с языками web-программирования, формирование интереса к информационно - технологическому направлению профиля путем ознакомления с особенностями создания сайтов.
Задачи:
- создать условия для развития познавательной активности в области информационных компьютерных технологий с помощью интернет технологий;
- содействовать ознакомлению с новыми информационными технологиями по созданию интернет-ресурсов;
- создание условий для формирования у учащихся общеучебных умений и навыков, универсальных способов деятельности и ключевых компетенции в области интернет-проектирования и web-дизайна;
- подготовить к осознанному выбору профиля, уточнить готовность и способность учащихся осваивать выбранное направление на повышенном уровне.
Формы проведения занятий
1. Мини-лекции и семинары с элементами дискуссии.
2. Создание эвристических ситуаций.
3. Практическая работа за компьютером.
4. Проектная работа.
5. Фестиваль проектов, конкурс идей.
Планируемые результаты обучения
В результате изучения курса учащиеся:
- изучат принцип гипертекста, основы языка HTML и спецификации CSS (Каскадных таблиц стилей), достаточные для создания веб-страниц даже в программе Блокнот;
- получат базовые знания по стилистике и структуре Web, которые помогут им разрабатывать информативные и удобные в использовании Web узлы;
- узнают все этапы разработки веб-сайта, от планирования до рекламы;
- изучат программу Adobe Dreamweaver и с ее помощью создадут свой собственный сайт;
- рассмотрят все популярные принципы верстки сайтов – табличную верстку, блочную верстку, гибридный и фиксированный дизайн, фреймы и др.;
- узнают, как и где разместить разработанные сайты, рассмотрят особенности коммерческого и бесплатного хостинга;
- изучат требования, предъявляемые к web-графике и текстовой информации;
- освоят основные приемы, используемые при разработке макета web-ресурса;
- изучат особенности и освоят приемы подготовки графических элементов для web-страниц в программе Adobe Photoshop;
- получат представление о современных стилях web-дизайна;
- изучат методы подготовки статических и динамических элементов Интернет-страниц, построения систем навигации;
- ознакомятся с современными методами планирования и разработки web-ресурса;
- научатся создавать динамические элементы;
- изучат современные технологии, используемые при верстке сайтов (в том числе слои) и сверстают сайты несколькими способами.
При оценке знаний учащихся используются такие формы, как беседы, тесты, творческие задания, проектная деятельность.
Настоящий блок рассчитан на три года (5-11 классы средней школы).
УЧЕБНО-ТЕМАТИЧЕСКИЙ ПЛАН
Первый год обучения
№ | Название темы | Количество часов | ||
Теория | Практика | Всего | ||
1 | Сеть INTERNET. Основные протоколы. Понятие о браузерах. | 2 | 1 | 3 |
2 | Типы сайтов, браузеров, html-редакторов. | 2 | 4 | 6 |
3 | HTML. Основные теги. | 3 | 5 | 8 |
4 | Компьютерная графика и web-дизайн | 3 | 5 | 8 |
5 | Создание простого html сайта. | 6 | 16 | 22 |
6 | Визуальный редактор. Использование шаблонов. | 6 | 13 | 19 |
7 | Размещение сайта в сети. | 2 | 4 | 6 |
Итого: | 24 | 48 | 72 |
Второй год обучения
№ | Название темы | Количество часов | ||
Теория | Практика | Всего | ||
1 | Обзор современных способов создания интернет-ресурсов. | 2 | 5 | 7 |
2 | Сервер-клиент. Базы данных. Системы управления контентом. | 4 | 5 | 9 |
3 | CMS WordPress – система управления для создания и управления персональными и небольшими корпоративными сайтами. | 6 | 6 | 12 |
4 | CMS Joomla – система управления контентом с широким спектром возможностей. | 6 | 6 | 12 |
5 | Меню сайта. Связь меню со страницами. | 3 | 5 | 8 |
6 | Создание сложного шаблона оформления для сайта, работающего под управлением CMS Joomla. | 3 | 5 | 8 |
7 | Создание информационного сайта | 2 | 5 | 7 |
8 | Дополнительные модули и настройки, позволяющие повысить посещаемость сайта | 3 | 6 | 9 |
Итого: | 29 | 43 | 72 |
Третий год обучения
№ | Название темы | Количество часов | ||
Теория | Практика | Всего | ||
1 | Основы разработки web-ресурсов. | 2 | 5 | 7 |
2 | Стандарты HTML и CSS. | 2 | 5 | 7 |
3 | Использование CSS-свойств. | 3 | 6 | 9 |
4 | Слои в HTML | 3 | 5 | 8 |
5 | Способы верстки элементов web-страницы при помощи CSS. | 3 | 5 | 8 |
6 | Схемы css-позиционирования. | 3 | 5 | 8 |
7 | Разработка макета web-страницы на основе css-позиционирования. | 2 | 5 | 7 |
8 | HTML-формы. | 3 | 6 | 9 |
9 | Средства автоматизации Dreamweaver. | 3 | 6 | 9 |
Итого: | 24 | 48 | 72 |
СОДЕРЖАНИЕ ПРОГРАММЫ
«ИНТЕРНЕТ-ТЕХНОЛОГИИ И WEB-ДИЗАЙН»
|
Из за большого объема этот материал размещен на нескольких страницах:
1 2 3 4 5 6 |
