Презентация, доклад по теме Adobe photoshop. Создание коллажа. Режимы выделения. Слои. Анимация Информатика 9 класс. Тема- Gif - анимация

Содержание

Анимационная открыткаГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Слайд 1ADOBE PHOTOSHOP. СОЗДАНИЕ КОЛЛАЖА. РЕЖИМЫ ВЫДЕЛЕНИЯ. СЛОИ. АНИМАЦИЯ

Урок – 1 (2)


ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

ADOBE PHOTOSHOP. СОЗДАНИЕ КОЛЛАЖА. РЕЖИМЫ ВЫДЕЛЕНИЯ. СЛОИ. АНИМАЦИЯУрок – 1 (2) ГБОУ СОШ № 1013 Москва учитель

Слайд 2Анимационная открытка
ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Анимационная открыткаГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Слайд 3Повторение Виды компьютерной графики
растровая
векторная
фрактальная
точка
линия
треугольник
Наименьший элемент
ГБОУ СОШ № 1013 Москва учитель информатики Бойнова

Г.В.
Повторение Виды компьютерной графикирастроваявекторнаяфрактальнаяточкалиниятреугольникНаименьший элементГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Слайд 4Повторение Анимация
Иллюзия движения объектов на экране
Быстрая смена кадров, которую глаз человека воспринимает

как непрерывное движение.
GIF – анимация – растровые изображения
Flash – анимация – векторные изображения
Анимация в презентациях

ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Повторение АнимацияИллюзия движения объектов на экранеБыстрая смена кадров, которую глаз человека воспринимает как непрерывное движение.GIF – анимация

Слайд 5Этапы создания анимационной открытки
Создание коллажа – открытка.psd



Создание анимации – анимационная

открытка.gif

ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Этапы создания анимационной открыткиСоздание коллажа – открытка.psd Создание анимации – анимационная открытка.gifГБОУ СОШ № 1013 Москва учитель

Слайд 6Создание коллажа в программе Adobe Fotoshop
!
ГБОУ СОШ № 1013 Москва учитель

информатики Бойнова Г.В.
Создание коллажа в программе Adobe Fotoshop!ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Слайд 7Создание коллажа в программе Adobe Fotoshop, работа со слоями
!
ГБОУ СОШ №

1013 Москва учитель информатики Бойнова Г.В.
Создание коллажа в программе Adobe Fotoshop, работа со слоями!ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Слайд 8Настройка окна
ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Настройка окнаГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Слайд 9Создание файла
ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Создание файлаГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Слайд 10Создание файла

ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Создание файлаГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Слайд 11Создание фона
Зеркальный градиент
Установите цвет - синий
ГБОУ СОШ № 1013 Москва учитель

информатики Бойнова Г.В.
Создание фонаЗеркальный градиентУстановите цвет - синийГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Слайд 12Скрап- набор
Скрап-набор -- это просто картинки на прозрачном фоне –

набор слоев

ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Скрап- набор Скрап-набор -- это просто картинки на прозрачном фоне – набор слоевГБОУ СОШ № 1013 Москва

Слайд 13Вставляем елки на наш фон
1. Открываем файл «елки.psd» и перетаскиваем его

в окно программы Adobe Fhotoshop

ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Вставляем елки на наш фон1. Открываем файл «елки.psd» и перетаскиваем его в окно программы Adobe FhotoshopГБОУ СОШ

Слайд 14Вставляем елки на наш фон
Выбираем нужную нам елку, отключив остальные слои
ГБОУ

СОШ № 1013 Москва учитель информатики Бойнова Г.В.
Вставляем елки на наш фонВыбираем нужную нам елку, отключив остальные слоиГБОУ СОШ № 1013 Москва учитель информатики

Слайд 15Вставляем елки на наш фон
Инструментом «Волшебная палочка» выделяем фон вокруг елки
ГБОУ

СОШ № 1013 Москва учитель информатики Бойнова Г.В.
Вставляем елки на наш фонИнструментом «Волшебная палочка» выделяем фон вокруг елкиГБОУ СОШ № 1013 Москва учитель информатики

Слайд 16Вставляем елки на наш фон
5. В меню «Выделение» выбираем команду «Инверсия»

- елка выделана.

ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Вставляем елки на наш фон5. В меню «Выделение» выбираем команду «Инверсия» - елка выделана. ГБОУ СОШ №

Слайд 17Вставляем елки на наш фон
6. Копируем елку в буфер обмена
ГБОУ СОШ

№ 1013 Москва учитель информатики Бойнова Г.В.
Вставляем елки на наш фон6. Копируем елку в буфер обменаГБОУ СОШ № 1013 Москва учитель информатики Бойнова

Слайд 18Вставляем елки на наш фон
Переключение в окно «Открытка»
ГБОУ СОШ № 1013

Москва учитель информатики Бойнова Г.В.
Вставляем елки на наш фонПереключение в окно «Открытка»ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Слайд 19Вставляем елки на наш фон

ГБОУ СОШ № 1013 Москва учитель информатики

Бойнова Г.В.
Вставляем елки на наш фонГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Слайд 20Изменение размера елки
Редактирование – свободное трансформирование
ГБОУ СОШ № 1013 Москва учитель

информатики Бойнова Г.В.
Изменение размера елкиРедактирование – свободное трансформированиеГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Слайд 21Перемещение елки
ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Перемещение елкиГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Слайд 22Создайте новогоднюю композицию
ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Создайте новогоднюю композициюГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Слайд 23Создание надписи
Активируем инструмент Горизонтальный текст (Horizontal Type Tool),
Выберите цвет текста

в панели меню выбираем Деформированный текст (Create warped text)
и ставим Дугой (Arc).



ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Создание надписиАктивируем инструмент Горизонтальный текст  (Horizontal Type Tool),Выберите цвет текста в панели меню выбираем Деформированный текст

Слайд 24Создание надписи
Активируем инструмент Горизонтальный текст (Horizontal Type Tool), в панели

меню выбираем Деформированный текст (Create warped text) и ставим Дугой (Arc).






ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Создание надписиАктивируем инструмент Горизонтальный текст  (Horizontal Type Tool), в панели меню выбираем Деформированный текст (Create warped

Слайд 25Урок 2 (2)Создание анимации
ГБОУ СОШ № 1013 Москва учитель информатики Бойнова

Г.В.
Урок 2 (2)Создание анимацииГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Слайд 26Повторение Виды компьютерной графики
растровая
векторная
фрактальная
точка
линия
треугольник
Наименьший элемент
ГБОУ СОШ № 1013 Москва учитель информатики Бойнова

Г.В.
Повторение Виды компьютерной графикирастроваявекторнаяфрактальнаяточкалиниятреугольникНаименьший элементГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Слайд 27Повторение Анимация
Иллюзия движения объектов на экране
Быстрая смена кадров, которую глаз человека воспринимает

как непрерывное движение.
Виды анимации
GIF – анимация – растровые изображения.
Flash – анимация – векторные изображения
Анимация в презентациях

ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Повторение АнимацияИллюзия движения объектов на экранеБыстрая смена кадров, которую глаз человека воспринимает как непрерывное движение.Виды анимацииGIF –

Слайд 28Этапы создания анимационной открытки
Создание коллажа – открытка.psd



Создание анимации – анимационная

открытка.gif

ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Этапы создания анимационной открыткиСоздание коллажа – открытка.psd Создание анимации – анимационная открытка.gifГБОУ СОШ № 1013 Москва учитель

Слайд 29Создание коллажа в программе Adobe Fotoshop
!
ГБОУ СОШ № 1013 Москва учитель

информатики Бойнова Г.В.
Создание коллажа в программе Adobe Fotoshop!ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Слайд 30Слои
Можно представить как виртуальные невидимые поверхности.
На каждой поверхности можно разместить

графику. Таким образом какая-то графика будет на верхнем слое, какая-то посередине, а какая-то на дне.

1 слой

2 слой

ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

СлоиМожно представить как виртуальные невидимые поверхности. На каждой поверхности можно разместить графику. Таким образом какая-то графика будет

Слайд 31Откройте свой коллаж
Если вы болели, то откройте картинку с уже готовым

фоном
Файл – открыть – D:/Методические материалыАнимация в Photoshop/ 1(2) или 2 (2) …

ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Откройте свой коллажЕсли вы болели, то откройте картинку с уже готовым фономФайл – открыть – D:/Методические материалыАнимация

Слайд 32Создание снежинок
Для начала, создадим новый слой, нажмите на иконку Создать новый

слой

в палитре слоев или же комбинацию клавиш Ctrl+Shift+N.


ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

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

Слайд 33Создание снежинок
активируем Кисть (Brush Tool) и начинаем рисовать наши снежинки.



ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Создание снежинокактивируем Кисть  (Brush Tool) и начинаем рисовать наши снежинки. ГБОУ СОШ № 1013 Москва учитель

Слайд 34Создание снежинок
ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Создание снежинокГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Слайд 35Создание снежинок
Добавляем еще один слой и рисуем еще снежинки, но уже

другого цвета

ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Создание снежинокДобавляем еще один слой и рисуем еще снежинки, но уже другого цветаГБОУ СОШ № 1013 Москва

Слайд 36Создание снежинок
Создадим еще 6 слоев
ГБОУ СОШ № 1013 Москва учитель информатики

Бойнова Г.В.
Создание снежинокСоздадим еще 6 слоевГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Слайд 37Создаем анимацию
переходим Окно-> Анимация (Window-> Animation), затем нажимаем кнопочку Создание копии

выделенных кадров и делаем столько кадров сколько у вас слоев со снежинками.

ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Создаем анимациюпереходим Окно-> Анимация (Window-> Animation), затем нажимаем кнопочку Создание копии выделенных кадров и делаем столько кадров

Слайд 38Создаем анимацию
ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Создаем анимациюГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Слайд 39Создаем анимацию
Затем, скрываем видимость всех слоев со снежинками (нажав на глазик,

указывающий на видимость слоя), и начинаем добавлять кадры, постепенно включая слои. 1 кадр – 1 слой со снежинками; 2 кадр – 2 слой со снежинками; И так для всех кадров, только для каждого кадра, должен быть включен только один слой. Когда вы закончите, ставим Выбор времени отображения кадра (Selects frame delay time) 0,1с и Выбор параметра циклов (Selects looping options) Навсегда.

ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Создаем анимациюЗатем, скрываем видимость всех слоев со снежинками (нажав на глазик, указывающий на видимость слоя), и начинаем

Слайд 40Посмотрите, что получилось
ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Посмотрите, что получилосьГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Слайд 41Сохранение
Файл-> Сохранить для Web устройств (File-> Cave for WEB) и выбираем

нужный формат. .

ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

СохранениеФайл-> Сохранить для Web устройств (File-> Cave for WEB) и выбираем нужный формат. .ГБОУ СОШ № 1013

Слайд 42Просмотрите открытку
Просмотреть открытку.gif вы сможете с помощь Веб – браузера
ГБОУ

СОШ № 1013 Москва учитель информатики Бойнова Г.В.
Просмотрите открытку Просмотреть открытку.gif вы сможете с помощь Веб – браузераГБОУ СОШ № 1013 Москва учитель информатики

Слайд 43Отправьте открытку
Своим друзьям по почте
И учителю информатики.
ГБОУ СОШ № 1013 Москва

учитель информатики Бойнова Г.В.
Отправьте открыткуСвоим друзьям по почтеИ учителю информатики.ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.

Что такое shareslide.ru?

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


Для правообладателей

Яндекс.Метрика

Обратная связь

Email: Нажмите что бы посмотреть