Графический редактор Adobe Photoshop. Создание gif-анимации «Собирающийся пазла» 8 класс
Цель работы: научить создавать анимированные изображения в формате gif в среде Adobe Photoshop.
Для работы можно использовать любую понравившуюся фотографию, например с видом Санкт-Петербурга.
1. Откройте рисунок в среде Adobe Photoshop.
2. Дублируйте фоновый слой (это необходимо делать всегда, чтобы не испортить оригинал, и всегда была возможность вернуться к исходному варианту фотографии). Для этого в палитре Слои щёлкните правой кнопкой мыши на фоновом слое и в контекстном меню выберите команду Дублировать слой.
3. С помощью направляющих (если они не отображены, то зайдите в меню Вид и выберите команду Показать границы), разделите картину на 9 равных частей, каждая из которых будет представлять собой отдельный пазл.
4. С помощью инструмента Выделение 
, выделите первый фрагмент
изображения
5. С помощью инструмента Выделение 
, добавьте к предыдущему
прямоугольному выделению, выделении в виде окружности. У вас получился первый
пазл!
С помощью команды Правка- Редактирование вырежете этот фрагмент и поместите на новый слой.
6. Повторите те же действия для 2,3,4,5,6,7,8 пазла, учитывая форму каждого пазла. Последний фрагмент вырезать уже не надо, так как он остаётся один на фоне копии.
7. Используя Слой-Эффекты слоя, добавьте каждому слою Тень и Рельеф, таким образом пазлы становятся объёмными.
8. Выключите все слои, кроме
первого с изображение пазла. Перейдите в редактор ImageReady для создания
анимации. Для этого на панели инструментов нажмите кнопку 
.
9. В нижней части окна ImageReady
находится «раскадровка», на неё мы должны выложить меняющиеся через заданное
время кадры, которые и будут составлять анимацию.
Нажимаем кнопку Создание дубликата кадра - 
Дублируем кадр. Возвращаемся на первый кадр и с помощью
инструмента перемещение 
перемещаем пазл на кадре за
рамки кадра в его начальное положение (откуда он будет появляться), на втором
кадре показано его конечное положение, где он остановится.
10. Переходим на второй
кадр на раскадровке и нажимаем кнопку Размножение
кадров 
. В появившемся окне устанавливаем
число размноженных кадров.
И нажимаем Ок!
Раскадровка принимает следующий вид
11. В палитре слои включаем слой с изображение следующего пазла и проделываем те же действия. Будьте предельно внимательно и не запутайтесь! На раскадровке должно получиться 82 кадра!
10. Устанавливаем временную выдержку каждого кадра 0.1 сек. Чтобы насладиться собранным пазлом на последнем кадре можно сделать выдержку 1сек.
Нажимаем кнопку Пуск 
11.Осталось сохранить в формате gif. Для этого в меню Файл в окне ImageReady
выбираем пункт Сохранить оптимизированное как, выбираем имя файла и формат
файла - gif.
12. Попробуйте самостоятельно сделать разбирающийся пазл! Желаю удачи!
Использованная
литература:
А. Тайц «Самоучитель Adobe Photoshop 7», БХВ-Петербург,2004.
18.05.2011
Рабочие листы
к вашим урокам
Скачать
Цель работы: научить создавать анимированные изображения в формате gif в среде Adobe Photoshop. Для работы можно использовать любую понравившуюся фотографию, например с видом Санкт-Петербурга. 1. Откройте рисунок в среде Adobe Photoshop. 2. Дублируйте фоновый слой (это необходимо делать всегда, чтобы не испортить оригинал, и всегда была возможность вернуться к исходному варианту фотографии). Для этого в палитре Слои щёлкните правой кнопкой мыши на фоновом слое и в контекстном меню выберите команду Дублировать слой. 3. С помощью направляющих (если они не отображены, то зайдите в меню Вид и выберите команду Показать границы), разделите картину на 9 равных частей, каждая из которых будет представлять собой отдельный пазл. 4. С помощью инструмента Выделение , выделите первый фрагмент изображения 5. С помощью инструмента Выделение , добавьте к предыдущему прямоугольному выделению, выделении в виде окружности. У вас получился первый пазл! С помощью команды Правка- Редактирование вырежете этот фрагмент и поместите на новый слой. 6. Повторите те же действия для 2,3,4,5,6,7,8 пазла, учитывая форму каждого пазла. Последний фрагмент вырезать уже не надо, так как он остаётся один на фоне копии. 7. Используя Слой-Эффекты слоя, добавьте каждому слою Тень и Рельеф, таким образом пазлы становятся объёмными. 8. Выключите все слои, кроме первого с изображение пазла. Перейдите в редактор ImageReady для создания анимации. Для этого на панели инструментов нажмите кнопку . 9. В нижней части окна ImageReady находится «раскадровка», на неё мы должны выложить меняющиеся через заданное время кадры, которые и будут составлять анимацию. Нажимаем кнопку Создание дубликата кадра - Дублируем кадр. Возвращаемся на первый кадр и с помощью инструмента перемещение перемещаем пазл на кадре за рамки кадра в его начальное положение (откуда он будет появляться), на втором кадре показано его конечное положение, где он остановится. 10. Переходим на второй кадр на раскадровке и нажимаем кнопку Размножение кадров . В появившемся окне устанавливаем число размноженных кадров. И нажимаем Ок! Раскадровка принимает следующий вид 11. В палитре слои включаем слой с изображение следующего пазла и проделываем те же действия. Будьте предельно внимательно и не запутайтесь! На раскадровке должно получиться 82 кадра! 10. Устанавливаем временную выдержку каждого кадра 0.1 сек. Чтобы насладиться собранным пазлом на последнем кадре можно сделать выдержку 1сек. Нажимаем кнопку Пуск 11.Осталось сохранить в формате gif. Для этого в меню Файл в окне ImageReady выбираем пункт Сохранить оптимизированное как, выбираем имя файла и формат файла - gif.12. Попробуйте самостоятельно сделать разбирающийся пазл! Желаю удачи! Использованная литература: А. Тайц «Самоучитель Adobe Photoshop 7», БХВ-Петербург,2004. 18.05.2011
6 665 120 материалов в базе
Настоящий материал опубликован пользователем Лакомкина Луиза Фирдависовна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материал
Ваша скидка на курсы
40%
Курс профессиональной переподготовки
500/1000 ч.
Курс профессиональной переподготовки
300/600 ч.
Курс профессиональной переподготовки
500/1000 ч.
Курс профессиональной переподготовки
300/600 ч.
Мини-курс
4 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.