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


Урок – 1 (2) * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. растровая векторная фрактальная точка линия треугольник Наименьший элемент * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. Иллюзия движения объектов на экранеБыстрая смена кадров, которую глаз человека воспринимает как непрерывное движение.GIF – анимация – растровые изображенияFlash – анимация – векторные изображенияАнимация в презентациях * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. Создание коллажа – открытка.psd Создание анимации – анимационная открытка.gif * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. Что делать Как делать Открыть программу Пуск – Adobe Photoshop Создание документа Файл – создать 700 х 300 пикселей Настройка окон Окно – анимация, навигатор, слои, цвет, параметры, инструменты (поставить галочки) Создать фон – градиентная заливка Выбрать – цветВыбрать инструмент - Заливка ! * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. Что делать Как делать Открыть файл Файл – открыть – Рисунки – елки.psd Просмотреть слои Слои Выбрать нужный слой Выделить мышкой слой в окне - слои Выделить все кроме рисунка в слое Взять инструмент «Волшебная палочка и щелкнуть вне рисунка» Выделить рисунок В меню ВЫДЕЛЕНИЕ выбрать Инверсия Скопировать выделенный рисунок Правка – копировать Вставить выделенный рисунок на свой фон Переключиться в свой документИ в меню Правка – выбрать команду Вставить ! * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. Зеркальный градиент Установите цвет - синий * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. Скрап-набор -- это просто картинки на прозрачном фоне – набор слоев * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. 1. Открываем файл «елки.psd» и перетаскиваем его в окно программы Adobe Fhotoshop * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. Выбираем нужную нам елку, отключив остальные слои * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. Инструментом «Волшебная палочка» выделяем фон вокруг елки * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. 5. В меню «Выделение» выбираем команду «Инверсия» - елка выделана. * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. 6. Копируем елку в буфер обмена * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. Переключение в окно «Открытка» * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. Редактирование – свободное трансформирование * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. Активируем инструмент Горизонтальный текст (Horizontal Type Tool),Выберите цвет текста в панели меню выбираем Деформированный текст (Create warped text) и ставим Дугой (Arc). * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. Активируем инструмент Горизонтальный текст (Horizontal Type Tool), в панели меню выбираем Деформированный текст (Create warped text) и ставим Дугой (Arc). * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. растровая векторная фрактальная точка линия треугольник Наименьший элемент * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. Иллюзия движения объектов на экранеБыстрая смена кадров, которую глаз человека воспринимает как непрерывное движение.Виды анимацииGIF – анимация – растровые изображения.Flash – анимация – векторные изображенияАнимация в презентациях * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. Создание коллажа – открытка.psd Создание анимации – анимационная открытка.gif * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. Что делать Как делать Открыть программу Создание е документа Настройка окон Создать фон – градиентная заливка ! * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. * Можно представить как виртуальные невидимые поверхности. На каждой поверхности можно разместить графику. Таким образом какая-то графика будет на верхнем слое, какая-то посередине, а какая-то на дне. 1 слой 2 слой ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. Если вы болели, то откройте картинку с уже готовым фономФайл – открыть – D:/Методические материалыАнимация в Photoshop/ 1(2) или 2 (2) … * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. Для начала, создадим новый слой, нажмите на иконку Создать новый слой в палитре слоев или же комбинацию клавиш Ctrl+Shift+N. * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. активируем Кисть (Brush Tool) и начинаем рисовать наши снежинки. * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. Добавляем еще один слой и рисуем еще снежинки, но уже другого цвета * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. Создадим еще 6 слоев * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. переходим Окно-> Анимация (Window-> Animation), затем нажимаем кнопочку Создание копии выделенных кадров и делаем столько кадров сколько у вас слоев со снежинками. * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. Затем, скрываем видимость всех слоев со снежинками (нажав на глазик, указывающий на видимость слоя), и начинаем добавлять кадры, постепенно включая слои.1 кадр – 1 слой со снежинками;2 кадр – 2 слой со снежинками;И так для всех кадров, только для каждого кадра, должен быть включен только один слой.Когда вы закончите, ставим Выбор времени отображения кадра (Selects frame delay time) 0,1с и Выбор параметра циклов (Selects looping options) Навсегда. * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. Файл-> Сохранить для Web устройств (File-> Cave for WEB) и выбираем нужный формат.. * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. * Просмотреть открытку.gif вы сможете с помощь Веб – браузера ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В. Своим друзьям по почтеИ учителю информатики. * ГБОУ СОШ № 1013 Москва учитель информатики Бойнова Г.В.