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

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

Графический редактор 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



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

Цель работы: научить создавать анимированные изображения в формате 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
Автор Спиридонова Галина Александровна
Дата добавления 18.05.2011
Раздел Информатика
Подраздел
Просмотров 2285
Номер материала 160
Скачать свидетельство о публикации

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

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

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


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

↓ Показать еще коментарии ↓




Похожие материалы