Главная / Информатика / Графический редактор Adobe Photoshop. Создание gif-анимации «Собирающийся пазла» 8 класс

Графический редактор Adobe Photoshop. Создание gif-анимации «Собирающийся пазла» 8 класс

Такого ещё не было!
Скидка 70% на курсы повышения квалификации

Количество мест со скидкой ограничено!
Обучение проходит заочно прямо на сайте проекта "Инфоурок"

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


Список курсов, на которые распространяется скидка 70%:

Курсы повышения квалификации (144 часа, 1800 рублей):

Курсы повышения квалификации (108 часов, 1500 рублей):

Курсы повышения квалификации (72 часа, 1200 рублей):
Скачать материал

Графический редактор Adobe Photoshop. Создание gif-анимации «Собирающийся пазла» 8 класс

Цель работы: научить создавать анимированные изображения в формате gif в среде Adobe Photoshop.

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

http://metod-kopilka.ru/images/cl7.jpg

1. Откройте рисунок   в среде Adobe Photoshop.

2. Дублируйте фоновый слой (это необходимо делать всегда, чтобы не испортить оригинал, и всегда была возможность вернуться к исходному варианту фотографии). Для этого в палитре Слои щёлкните правой кнопкой мыши на фоновом слое и в контекстном меню выберите команду Дублировать слой.

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

http://metod-kopilka.ru/images/cl8.jpg

4. С помощью инструмента Выделение http://metod-kopilka.ru/images/cl9.jpg, выделите первый фрагмент изображения

http://metod-kopilka.ru/images/cl10.jpg

5. С помощью инструмента Выделение http://metod-kopilka.ru/images/cl11.jpg, добавьте к предыдущему прямоугольному выделению, выделении в виде окружности. У вас получился первый пазл!

http://metod-kopilka.ru/images/cl12.jpg

С помощью команды Правка- Редактирование вырежете этот фрагмент и поместите на новый слой.

http://metod-kopilka.ru/images/cl13.jpg

6. Повторите те же действия для  2,3,4,5,6,7,8 пазла, учитывая форму каждого пазла. Последний фрагмент вырезать уже не надо, так как он остаётся один на фоне копии.

http://metod-kopilka.ru/images/cl14.jpg

7. Используя Слой-Эффекты слоя, добавьте каждому слою Тень и Рельеф, таким образом пазлы становятся объёмными.

http://metod-kopilka.ru/images/cl15.jpg

8. Выключите все слои, кроме первого с изображение пазла. Перейдите в редактор ImageReady для создания анимации. Для этого на панели инструментов нажмите кнопку http://metod-kopilka.ru/images/cl16.jpg.

http://metod-kopilka.ru/images/cl17.jpg

9. В нижней части окна ImageReady находится «раскадровка», на неё мы должны выложить меняющиеся через заданное время кадры, которые и будут составлять анимацию.
Нажимаем кнопку Создание дубликата кадра -
http://metod-kopilka.ru/images/cl18.gif
Дублируем кадр. Возвращаемся на первый кадр и с помощью инструмента     перемещение
http://metod-kopilka.ru/images/cl1.jpg перемещаем пазл на кадре за рамки кадра в его начальное положение (откуда он будет появляться), на втором кадре показано его конечное положение, где он остановится.

http://metod-kopilka.ru/images/cl2.jpg

10. Переходим  на  второй кадр  на  раскадровке и нажимаем  кнопку  Размножение  кадров http://metod-kopilka.ru/images/cl3.jpg. В появившемся окне устанавливаем число размноженных кадров.

http://metod-kopilka.ru/images/cl4.jpg

И нажимаем Ок!
Раскадровка принимает следующий вид

http://metod-kopilka.ru/images/cl5.jpg

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

10. Устанавливаем временную выдержку каждого кадра 0.1 сек. Чтобы насладиться собранным пазлом на последнем кадре можно сделать выдержку 1сек.

Нажимаем кнопку Пуск http://metod-kopilka.ru/images/cl6.gif
11.Осталось сохранить в формате gif. Для этого в меню Файл в окне ImageReady выбираем пункт Сохранить оптимизированное как, выбираем имя файла и формат файла - gif.
12. Попробуйте самостоятельно сделать разбирающийся пазл! Желаю удачи!

Использованная литература:
А. Тайц «Самоучитель Adobe Photoshop 7», БХВ-Петербург,2004.


18.05.2011



  • Информатика
Описание:

Цель работы: научить создавать анимированные изображения в формате gif в среде Adobe Photoshop.

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

cl7.jpg

1. Откройте рисунок   в среде Adobe Photoshop.

2. Дублируйте фоновый слой (это необходимо делать всегда, чтобы не испортить оригинал, и всегда была возможность вернуться к исходному варианту фотографии). Для этого в палитре Слои щёлкните правой кнопкой мыши на фоновом слое и в контекстном меню выберите команду Дублировать слой.

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

cl8.jpg

4. С помощью инструмента Выделение cl9.jpg, выделите первый фрагмент изображения

cl10.jpg

5. С помощью инструмента Выделение cl11.jpg, добавьте к предыдущему прямоугольному выделению, выделении в виде окружности. У вас получился первый пазл!

cl12.jpg

С помощью команды Правка- Редактирование вырежете этот фрагмент и поместите на новый слой.

cl13.jpg

6. Повторите те же действия для  2,3,4,5,6,7,8 пазла, учитывая форму каждого пазла. Последний фрагмент вырезать уже не надо, так как он остаётся один на фоне копии.

cl14.jpg

7. Используя Слой-Эффекты слоя, добавьте каждому слою Тень и Рельеф, таким образом пазлы становятся объёмными.

cl15.jpg

8. Выключите все слои, кроме первого с изображение пазла. Перейдите в редактор ImageReady для создания анимации. Для этого на панели инструментов нажмите кнопку cl16.jpg.

cl17.jpg

9. В нижней части окна ImageReady находится «раскадровка», на неё мы должны выложить меняющиеся через заданное время кадры, которые и будут составлять анимацию.
Нажимаем кнопку Создание дубликата кадра - cl18.gif
Дублируем кадр. Возвращаемся на первый кадр и с помощью инструмента     перемещение cl1.jpg перемещаем пазл на кадре за рамки кадра в его начальное положение (откуда он будет появляться), на втором кадре показано его конечное положение, где он остановится.

cl2.jpg

10. Переходим  на  второй кадр  на  раскадровке и нажимаем  кнопку  Размножение  кадров cl3.jpg. В появившемся окне устанавливаем число размноженных кадров.

cl4.jpg

И нажимаем Ок!
Раскадровка принимает следующий вид

cl5.jpg

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

10. Устанавливаем временную выдержку каждого кадра 0.1 сек. Чтобы насладиться собранным пазлом на последнем кадре можно сделать выдержку 1сек.

Нажимаем кнопку Пуск cl6.gif
11.Осталось сохранить в формате gif. Для этого в меню Файл в окне ImageReady выбираем пункт Сохранить оптимизированное как, выбираем имя файла и формат файла - gif.
12. Попробуйте самостоятельно сделать разбирающийся пазл! Желаю удачи!

Использованная литература:
А. Тайц «Самоучитель Adobe Photoshop 7», БХВ-Петербург,2004.


18.05.2011


Самые низкие цены на курсы переподготовки

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

После окончания обучения выдаётся диплом о профессиональной переподготовке установленного образца с присвоением квалификации (признаётся при прохождении аттестации по всей России).

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

Начало обучения ближайшей группы: 8 ноября. Оплата возможна в беспроцентную рассрочку (10% в начале обучения и 90% в конце обучения)!

Подайте заявку на интересующий Вас курс сейчас: https://infourok.ru

Скачать материал
Автор Спиридонова Галина Александровна
Дата добавления 18.05.2011
Раздел Информатика
Подраздел
Просмотров 2986
Номер материала 160
Скачать свидетельство о публикации

Оставьте свой комментарий:

Введите символы, которые изображены на картинке:

Получить новый код
* Обязательные для заполнения.


Комментарии:

↓ Показать еще коментарии ↓
Похожие материалы