Четверг | 02.05.2024 | 00:14
Методсовет
методический портал учителя
Приветствую Вас Гость | RSS

Меню сайта

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

Поделиться

Статистика

Онлайн всего: 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.1 Kb)
Добавил: Root_l | Автор: Кривенцов Леонид Александрович E W
Просмотров: 2661 | Рейтинг: 5.0/3
Всего комментариев: 361 2 »
Оценить комментарий  0   Спам
Леонид Александрович, спасибо! У меня тоже все получилось!

Оценить комментарий  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   Спам
Леонид Александрович! С Днем рождения!

Оценить комментарий  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 - 2024
My-shop.ru - Магазин учебной и деловой литературы