Суббота | 10.12.2016 | 00:11
Методсовет
методический портал учителя
Приветствую Вас Гость | RSS

Меню сайта

Форма входа
Логин:
Пароль:

Категории раздела
Программируем на DELPHI [1]
Ведущий класса Дибиров Магомедшапи
Триггеры в создании тренажеров [6]
Ведущая класса Шевцова Светлана
Анимированная поздравительная открытка [6]
Ведущий класса Кривенцов Леонид
Создание анимированных картинок для учебных пособий на примере поздравительной открытки [6]
Ведущий класса Агибалов Сергей Константинович
Знакомство с платформой для ШДО [2]
Ведущий класса Шевцова Светлана Анатольевна и Ельшина Галина Валентиновна
Интерактивная раскраска в программе PowerPoint [2]
Ведущая класса Колямина Светлана Александровна
Cозданиe интерактивных тестов на основе шаблона А.Н. Комаровского [2]
Ведущая класса Костенко Наталья Владимировна
Интерактивный кроссворд в PowerPoint [2]
Ведущая класса Костенко Наталья Владимировна
Создание видеороликов в программе Photodex ProShow Producer [3]
Ведущая класса Костенко Наталья Владимировна

Поделиться

Статистика

Онлайн всего: 3
Гостей: 3
Пользователей: 0

Наша кнопка

Методсовет


 Мастер-классы 
Главная » Мастер-классы » Анимированная поздравительная открытка

Урок 4. Добавление анимационных элементов.
26.04.2011, 19:34
Здравствуйте, уважаемые коллеги.

На прошлом уроке мы с Вами «заставили» нашу открытку блестеть и сверкать. Сегодня нам с Вами предстоит добавить на нее движущиеся элементы. Добавлять будем машущую крыльями бабочку. Итак, приступим:
Открываем файл, который мы сохранили с вами на прошлом уроке в формате .psd (обратите внимание на то, что этот формат сохраняет все слои отдельно). В меню Файл→Открыть (File→Open) находим нашу бабочку. Прежде чем начать с ней работать, необходимо установить галочку напротив пункта RGB Цвет (если она не стоит) в меню Изображение→Режим:

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

Теперь надо подобрать нужный размер бабочки для нашей открытки. Выполняется это с помощью меню Изображение→Размер изображения (Image→Size image). Изменяем размер изображения и переносим полученный слой с бабочкой с помощью инструмента Перемещение на нашу открытку: нажимаем на слой бабочка левой кнопкой мыши (рука сжимается в кулачок), переносим на открытку и отпускаем клавишу мыши. Если размер не подходит, отменяем действие и снова меняем размер. В окне обязательно должны стоять галочки:

Новый слой назовите Бабочка (чтобы переименовать слой, надо щелкнуть по названию слоя в палитре слоев двойным щелчком левой клавишей мыши).
С помощью инструмента Перемещение (активен слой Бабочка) размещаем бабочку в нужном месте. Теперь ее надо расположить вертикально чтобы не исказить при уменьшении (если у вас вертикальное изображение, то Вам пригодятся эти знания на следующем шаге для поворота под углом):

Увеличим масштаб изображения чтобы было удобнее работать. При активном слое Бабочка обращаемся в меню Редактирование→Трансформация→Поворот (Edit→Transform→Rotate). Поворачиваем изображение и в появившемся окне нажимаем «Применить», если все верно. Создаем копию полученного слоя. Делаем его активным и в меню Редактирование→Трансформация→Масштаб (Edit→Transform→Scale) не меняя высоты уменьшаем ширину примерно в два раза.

Если необходимо, то можно теперь повернуть бабочку в любую сторону (оба слоя) и на любой угол, но слои нужно расположить как можно более точнее друг относительно друга.
Обращаемся в меню Файл→Сохранить (File→Save) и сохраняем сделанную работу снова в формате psd, т.к. мы продолжим работать с этим файлом.
Предварительный результат следующий: если быстро скрывать и снова показывать слой с бабочкой уменьшенной по ширине, то увидим эффект летящей бабочки.
На следующем уроке мы с Вами из созданного нами многослойного файла сделаем gif-анимацию.

4-й урок


Файл-архив: (90.1Kb)
Добавил: Root_l | Автор: Кривенцов Леонид Александрович E W
Просмотров: 1442 | Рейтинг: 5.0/3
Всего комментариев: 361 2 »
Оценить комментарий  0   Спам
35 ИринаМатвеевна   (01.05.2011 15:58)
Леонид Александрович, спасибо! У меня тоже все получилось!

Оценить комментарий  0   Спам
36 Root_l   (01.05.2011 16:04)
Очень хорошо. Завтра начинается последний урок biggrin .

Оценить комментарий  0   Спам
33 LeTa   (01.05.2011 05:59)
Леонид Александрович, напротоив основного слоя бабочки появился замок (справа) и с картинкой невозможны действия. Подскажите, как убрать замок? Хотела удалить весь слой - не удаляется.

Оценить комментарий  0   Спам
34 Root_l   (01.05.2011 09:34)
Я полагаю что замок черный. Там вверху окна со слоями есть значок замка черного (он активный при активном этом слое). Просто нажмите на этот значок вверху и он исчезнет справа от слоя.

Оценить комментарий  0   Спам
29 makarlena   (30.04.2011 16:11)
Когда поворачиваю бабочку, у меня не появляется никакого окна "Применить" sad sad sad sad sad sad sad sad

Оценить комментарий  0   Спам
30 Root_l   (30.04.2011 17:30)
Поворачиваете изображение, затем выбираете инструмент Перемещение и появляется диалоговое окно, где вы выбираете пункт либо Применить, либо - Не применять.

Оценить комментарий  0   Спам
31 LeTa   (30.04.2011 19:01)
Леонид Александрович, всего на одном месте должно получиться 3 картинки одной бабочки: исходный, вертикальный и сжатый?

Оценить комментарий  0   Спам
32 Root_l   (30.04.2011 19:11)
Нет, не правильно. Должно быть 2 слоя: бабочка с распахнутыми крыльями и со сложенными. А будете вы их поворачивать или нет - ваше дело. Просто если у вас бабочка исходная под углом, вы сначала (перед сжатием) должны ее расположить вертикально, иначе она при сжатии сильнее исказится. А если она у вас исходная уже в вертикальном положении, то можно ее и не поворачивать вообще.

Оценить комментарий  0   Спам
25 LeTa   (30.04.2011 11:09)
Леонид Александрович, почему, когда я перемещаю бабочку на открытку - ее не видно.

Оценить комментарий  0   Спам
26 Root_l   (30.04.2011 13:30)
Тут два варианта: первый - она не переместилась, второй - слой с бабочкой находится за основным слоем. В первом случае поместите внова, во втором - переместите слой с бабочкой на самый верх в окне слоев.

Оценить комментарий  0   Спам
28 LeTa   (30.04.2011 16:00)
И правда (2-й вариант). Спасибо.

Оценить комментарий  0   Спам
23 Валерий   (28.04.2011 22:14)
Леонид, мне тоже приятно поздравить Вас с Днем Рождения! Здоровья, творческих успехов и благополучия во всем! Вы отмечаете два дня рождения - свой и день рождения Мастер-класса! Успехов!!!

Оценить комментарий  0   Спам
22 innabadalyan   (28.04.2011 21:49)
Леонид Александрович! С прошедшим днём рождения, Вас! Всего Вам самого лучшего.Четвёртый урок выполнила! Все очень доступно и понятно. Спасибо Вам!

Оценить комментарий  0   Спам
20 svet   (28.04.2011 19:48)
Леонид Александрович! С днём рождения, Вас! Всех благ Вам! Четвёртый урок выполнила! Жду, что будет дальше!

Оценить комментарий  0   Спам
21 Root_l   (28.04.2011 20:16)
Спасибо. А дальше будем уже анимацию создавать. biggrin

Оценить комментарий  0   Спам
18 LeTa   (27.04.2011 21:40)
Леонид Александрович, примите и от меня поздравления!

Оценить комментарий  0   Спам
17 Надена   (27.04.2011 21:00)
С Днюхой, как говорят дети!!!!!!!!!!!!!!!!!!!!!!!!!!

Оценить комментарий  0   Спам
16 ИринаМатвеевна   (27.04.2011 20:44)
Леонид Александрович! С Днем рождения!

Оценить комментарий  0   Спам
15 YuliaG   (27.04.2011 20:07)
Уважаемый Леонид!
От всей души поздравляю Вас с Днем рождения!!!

Всего Вам самого лучшего. И послушных, жадных до знаний учеников! smile


Оценить комментарий  0   Спам
13 tais2525   (27.04.2011 18:14)
С днем рождения!

Оценить комментарий  0   Спам
14 Root_l   (27.04.2011 19:09)
Спасибо, Tais! biggrin

Оценить комментарий  0   Спам
11 Руфия   (27.04.2011 17:35)

Оценить комментарий  0   Спам
12 Root_l   (27.04.2011 17:47)
Большое спасибо! biggrin

Оценить комментарий  0   Спам
7 Root_l   (27.04.2011 12:44)
Уважаемые коллеги! Осталось совсем немного - скоро наша открытка будет готова. У нас остался ВСЕГО один урок. Не забывайте задавать любые возникающие вопросы в процессе работы. biggrin

Оценить комментарий  0   Спам
Так мы ж помним и - задаём! biggrin

Оценить комментарий  0   Спам
9 el   (27.04.2011 14:30)
От всей души поздравляю с Днём рожденья! Здоровья, счастья и удачи во всех начинаниях!!!

Оценить комментарий  0   Спам
10 el   (27.04.2011 14:32)
ОЙ, а у меня получилось "махание крыльями" - представляете себе? Очень интересный мастер -класс , спасибо!

Оценить комментарий  0   Спам
4 Татьяна8730   (27.04.2011 12:37)
Леонид Александрович, с днем рождения!
Обычно в день такой большой,
Который назван День рожденья.
Друзья с открытою душой
Тебе приносят поздравления.
Так пусть же будет жизнь чиста,
И каждый день пусть будет ярче,
И чтобы жизни красота
Сама пришла тебе в подарок!

Оценить комментарий  0   Спам
6 Root_l   (27.04.2011 12:42)
Спасибо! biggrin

1-15 16-18
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Мы "ВКонтакте"

Поиск

Наши планы
Приглашаем Вас ознакомиться
с планами нашего портала

Афоризм дня
Время - это расстояние движения.
/Зенон Китийский/


Реклама

Рейтинг@Mail.ru
"Методсовет" © 2010 - 2016
My-shop.ru - Магазин учебной и деловой литературы