242978
столько раз учителя, ученики и родители
посетили сайт «Инфоурок»
за прошедшие 24 часа
+Добавить материал
и получить бесплатное
свидетельство о публикации
в СМИ №ФС77-60625 от 20.01.2015
Дистанционные курсы профессиональной переподготовки и повышения квалификации для педагогов

Дистанционные курсы для педагогов - курсы профессиональной переподготовки от 6.900 руб.;
- курсы повышения квалификации от 1.500 руб.
Престижные документы для аттестации

ВЫБРАТЬ КУРС СО СКИДКОЙ 50%

ВНИМАНИЕ: Скидка действует ТОЛЬКО сейчас!

(Лицензия на осуществление образовательной деятельности № 5201 выдана ООО "Инфоурок")

ИнфоурокИнформатикаДругие методич. материалыПоурочный план на тему "Анимация в Photoshop"

Поурочный план на тему "Анимация в Photoshop"

библиотека
материалов
Скачать материал целиком можно бесплатно по ссылке внизу страницы.

Поурочный план

проведения занятия в кружке ИиКТ МАНУМ

Руководитель: Никитина И.Б.

Дата проведения занятия: 14.01.15 Время: 16.00. Группа 9в.


Тема занятия:

Создание баннера для web-страниц с помощью графического редактора ADOBE PHOTOSHOP


Раздел программы: «Основы компьютерной графики».


Тип занятия: урок комплексного применения знаний;


Цели занятия:


Учебная:

сформировать практические навыки работы в графическом редакторе Photoshop для создания баннера.

Развивающая цель:

научиться создавать анимированные изображения средствами графического редактора PhotoShop.

Воспитательная:

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

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

Профессиональная:

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


Вид урока: бинарный, продолжительность – 45 мин. + 15мин. перерыв + 45 мин.

Год обучения: второй

Возраст обучающихся: 13-14 лет.


Оборудование занятия:


- ПК с программным обеспечением (OC WINDOWS, Microsoft Power Point, Adobe PhotoShop, ASDC );

- поурочный план;

- методические разработки;

- раздаточный материал;

- задания для самостоятельной работы (электронный вариант);

- доска, компьютер, компьютерная презентация;

- на доске написана тема занятия.






ПЛАН

  1. Организационный момент. (1 мин)

  2. Актуализация опорных знаний. (5 мин)

  3. Теоретическая часть. (15 мин)

  4. Практическая часть. (20 мин)

  5. Ответы на вопросы кружковцев. (2 мин)

  6. Подведение итогов занятия. (2 мин)

Ход занятия

  1. Организационный момент:

- доброжелательное приветствие;

- установить должную дисциплину в группе, коротко

поговорить о дисциплине вообще на территории

МАНУМ и вне учреждения;

- отметить отсутствующих;

- сообщить тему занятия, цели и задачи;

- увлечённо рассказать о важности новой темы в процессе

(Ученик прочитает стихотворение на тему интернета и создания своей странички )

(разработка дизайна сайта: создание шапки сайта, логотипа сайта, кнопок меню, различных иконокк:). Наша задача – баннер!

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


  1. Опрос по пройденному материалу (актуализация опорных знаний).


Вопросы на повторение:


  1. Какие инструменты выделения вы знаете и для чего требуется делать выделение объектов?

  2. Что такой слои? Объяснить на примере стола и листов бумаги работу со слоями. Отображение или не отображения слоев.

  3. Режимы слоёв, свойства слоёв, стили слоёв???

  4. В каких единицах задаётся размер изображения и разрешение изображения?

Зная этот базовый материал и работу основных инструментов и их настроек будем изучать новую тему и делать практические задания


  1. Теоретическая часть:


Как сделать баннер в фотошопе за несколько простых шагов.


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

hello_html_8dfd27a.pnghello_html_360fdb26.png


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


Виды баннеров


hello_html_ab8a607.jpg


Для начала нужно определиться с основным рисунком, тут был выбран рисунок на тематику нового года, из которого получился баннер размером: 240х400.

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


  1. Открываем основной рисунок, который будем использовать для создания баннера и немного подкорректируем его, убираем лишние края (Crop Tool), подгоняем под размер 240х400 (Edit – Transform - Scale) и добавим рисунку немного снега, делаем это при помощи мягкой кисти

  2. Создаём новый СЛОЙ1 и делаем градиентную заливку, как показано на рисунке, добавляем снега чуть больше

  3. Создаём текстовый слой –ПОЛУЧИ СВОЙ ПОДАРОК

  4. Создаём копию слой1 и копию текстового слоя – 2 раза

  5. Объединяем попарно слой1 и текстовый слой

  6. На каждом следующем слое снега больше, чем на предыдущем

  7. Файл- перейти к Adobe Imidg Ready

  8. Теперь нам нужно открыть окно анимации (Window - Animation) и переносим все созданные слои в это окно при помощи функции: «Make Frames from Layers».

  9. Создаём кадры, настраиваем задержку

  10. Сохраняем оптимизированный файл*gif




  1. Практическая часть занятия.

  1. Напомнить правила ТБ при работе за компьютером.

Выполнение практического задания:

а) работа с материалами новой темы (электронный вариант);


Анимация в фотошопе


  1. Учебник по Photoshop – уроки анимации (1, 3 уроки )

  2. Снеговик

    • Загружаем картинку снеговика 1.jpg

    • Выбираем мягкую кисть, рисуем снежный сугроб

    • Переходим Filter - Filter Gallery - Watercolor (Фильтр - Галерея фильтров - Акварель), затем Filter - Blur - Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу) 3 px, Opacity (Непрозрачность) 30%.

    • Создаём копию фона 3-4 раза и на каждом слое, используя разнообразные мягкие кисти, рисуем снежинки, чтобы изобразить снегопад (режим Lighting)

    • С помощью мягкой кисти диаметром порядка 30 пк, с параметром Spasing=100% - нанести снежинки на слой фона


  • Файл - прейти к Adobe Imidg Ready

  • Открыть палитру WindowAnimation, создаём кадры из слоёв Make Frames From Layers(количество кадров равно количеству слоёв)

  • Заускаем анимацию, предварительно настроив задержку на каждом кадре

  • Сохраняем файл оптимизированный – в результате получается gif-анимация. Результат просматриваем через браузер.

3. Д/з : создать анимацию на новогоднюю тему(пример - ёлочка)



(Пока кружковцы работают, обхожу группу и делаю

необходимые замечания по выполнению отдельных заданий.)


  1. Подведение итогов занятия:

- конкурс на быстрое и качественное выполнение задания -

- лучший кружковец занятия!

Типичные ошибки:


Был ли урок интересен:



Что больше всего понравилось:



Лучшие работы у кружковцев:





Общая информация

Номер материала: ДБ-042185

Вам будут интересны эти курсы:

Курс повышения квалификации «Табличный процессор MS Excel в профессиональной деятельности учителя математики»
Курс повышения квалификации «Информационные технологии в деятельности учителя физики»
Курс повышения квалификации «Современные информационные технологии и их использование в работе преподавателей. Системы автоматизированного проектирования одежды и организация технологического процесса»
Курс повышения квалификации «Организация работы по формированию медиаграмотности и повышению уровня информационных компетенций всех участников образовательного процесса»
Курс «Оператор персонального компьютера»
Курс «3D Studio MAX»
Курс «WEB-ВЕРСТКА (HTML, CSS)»
Курс повышения квалификации «Сетевые и дистанционные (электронные) формы обучения в условиях реализации ФГОС по ТОП-50»
Курс повышения квалификации «Использование компьютерных технологий в процессе обучения в условиях реализации ФГОС»
Курс повышения квалификации «Специфика преподавания информатики в начальных классах с учетом ФГОС НОО»
Курс профессиональной переподготовки «Теория и методика обучения информатике в начальной школе»
Курс профессиональной переподготовки «Математика и информатика: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Специфика преподавания дисциплины «Информационные технологии» в условиях реализации ФГОС СПО по ТОП-50»
Курс повышения квалификации «Современные языки программирования интегрированной оболочки Microsoft Visual Studio C# NET., C++. NET, VB.NET. с использованием структурного и объектно-ориентированного методов разработки корпоративных систем»
Курс повышение квалификации «Применение интерактивных образовательных платформ на примере платформы Moodle»

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

Опубликуйте минимум 3 материала, чтобы БЕСПЛАТНО получить и скачать данную благодарность

Сертификат о создании сайта

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

Грамота за использование ИКТ в работе педагога

Опубликуйте минимум 10 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Свидетельство о представлении обобщённого педагогического опыта на Всероссийском уровне

Опубликуйте минимум 15 материалов, чтобы БЕСПЛАТНО получить и скачать данное cвидетельство

Грамота за высокий профессионализм, проявленный в процессе создания и развития собственного учительского сайта в рамках проекта "Инфоурок"

Опубликуйте минимум 20 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Грамота за активное участие в работе над повышением качества образования совместно с проектом "Инфоурок"

Опубликуйте минимум 25 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Почётная грамота за научно-просветительскую и образовательную деятельность в рамках проекта "Инфоурок"

Опубликуйте минимум 40 материалов, чтобы БЕСПЛАТНО получить и скачать данную почётную грамоту

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