Урок «Бегающее Насекомое» / Анимация - Уроки Adobe PhotoShop <!--if(Уроки Adobe PhotoShop)-->- Уроки Adobe PhotoShop<!--endif--> - Каталог файлов - PhotoShop






Все для PhotoShop















Разное















Рубрика Людмилы















Мини-Чат















Случайные Новости





45 Original Gradients

45 Original Gradients
Просмотров: 1093
Комментарии: (4)

Арки увитые цветами

Арки увитые цветами
Просмотров: 1496
Комментарии: (2)

Xilisoft Video Converter Platinum 5.1.26.1204 RUS

Xilisoft Video Converter Platinum 5.1.26.1204 RUS
Просмотров: 2005
Комментарии: (0)

Moyea SWF to Video Converter Pro 3.6.2.1

Moyea SWF to Video Converter Pro 3.6.2.1
Просмотров: 3372
Комментарии: (6)

Alien Skin Eye Candy 5 Nature

Alien Skin Eye Candy 5 Nature
Просмотров: 5449
Комментарии: (15)

Кисти Мерцающие Звёзды

Кисти Мерцающие Звёзды
Просмотров: 3659
Комментарии: (9)

Бронзовые Градиенты

Бронзовые Градиенты
Просмотров: 1581
Комментарии: (6)

Перевод урока «Chirico»

Перевод урока «Chirico»
Просмотров: 635
Комментарии: (0)

Алфавит - Цветы в Векторе

Алфавит - Цветы в Векторе
Просмотров: 5579
Комментарии: (6)

Гламурные текстовые стили

Гламурные текстовые стили
Просмотров: 1986
Комментарии: (6)












Каталог файлов - PhotoShop - Описание сайта



Главная » Файлы » Уроки Adobe PhotoShop » Уроки Adobe PhotoShop

Урок «Бегающее Насекомое» / Анимация
1.9 МБ 21.05.2012, 14:17
Урок «Бегающее Насекомое» / Анимация

Автор урока: Ленусик


Материал для урока: исходное Изображение и Клипарт любого насекомого (муравей, бабка-коровка и т.д)
Мои исходники: скачать "кнопка" вверху

1. Открываем Основное изображение: Файл-Открыть

2. В окне слои снимаем замочек, как это сделать см. Здесь

3. Если нужно, придаем изображению необходимый размер: Изображение-Размер изображения (ширину - меняем, высота - меняется автоматически или наоборот и жмём OK)
Слой называем -
«Фон»

4. Открываем клипарт Насекомого: Файл-Открыть

Перемещаем клипарт на наш основной фон:
Ctrl+А - выделить холст
Ctrl+C - скопировать в буфер обмена
Переходим на наше изображение и жмём Ctrl+V - вставить

Воспользуемся Свободным Трансформированием - Ctrl+T и придадим насекомому необходимый размер

Совет: Что бы не сбить пропорции, зажимаем Shift и тянем за уголок/маркер по диагонали, отпускаем сначала мышку, потом клавишу Shift
Что бы повернуть - подводим мышку к угловому маркеру, видим стрелочки и поворачиваем, Enter - применить

5. Так как клипарт я выбрала муравья, соответственно и слои я буду называть «Муравей»

Давайте решим сколько муравьев будет на изображении, у меня два: значит стоим на слое «Муравей» и копируем его Ctrl+J один раз (если у вас больше, то скопируйте соответственное число раз)
Слои назовём - «Муравей 1» и «Муравей 2»...

хостинг картинок

6. Так как у нас слоёв будет очень много и что бы в них совсем не запутаться, будем группировать их.

Теперь нам надо каждого муравья определить в «Группу»:
Встаём на нижний слой с муравьём и жмём сочетание клавиш Ctrl+G - группу называем «Муравей 1», переходим на следующий слой с муравьём и повторяем действия - группу называем «Муравей 2» и т.д.

хостинг картинок

Пока «Группы» свернём

7. Нам необходимо скрыть появление и исчезание муравья, для этого к нашему изображению добавим простую рамочку:
В окне «Слои» нажмём на листик и создадим «Новый слой» - назовём его «Рамочка»
Ctrl+А - выделить холст
Идём: Редактирование - Выполнить обводку


Ctrl+D - отменить выделение

8. Работаем с группой «Муравей 1», будем выстраивать передвижение первого муравья:
Открываем группу, встаём на слой с муравьём и с помощью инструмента «Перемещение» или стрелочками на клавиатуре   размещаем клипарт в нужном месте
С помощью «Свободного трансформирования» - Ctrl+T - поворачиваем

Совет: Что бы повернуть - подводим мышку к угловому маркеру, видим стрелочки и поворачиваем, Enter - применить


Дублируем слой Ctrl+J и перемещаем (попа муравья должна оказаться на его голове)
Совет: Я передвигаю стрелочками на клавиатуре, это гораздо удобнее, чем инструментом «Перемещение»


Снова дублируем слой Ctrl+J, перемещаем и где необходимо поворачиваем, в итоге у меня получилось вот что:

Совет: на некоторый частях изображения муравей должен быть невидим, например обратите внимание, на то место, где он пробегает как-будто под листиком, в этом месте его просто нет, можно использовать инструмент «Ластик» и стереть в этих местах лишние части муравья


Закончили работу с группой «Муравей 1»
Отключаем все глазки в этой группе и сворачиваем её

9. Переходим к следующей группе «Муравей 2» и повторяем - 8 Шаг



10. Теперь приступаем к сбору анимации, будьте очень внимательны!

Переходим в окно «Анимация»:
В окне «Анимация» у нас уже есть 1-ый кадр - глазки в каждой группе с муравьями - выкл.

Слой «Фон» и слой «Рамочка» - глазки вкл. всегда!

Время зададим примерно - 0,15 сек.

Открываем группу с муравьём, в которой самое большое количество слоёв (у меня это группа
«Муравей 2»)

Создаём 2-ой кадр нажатием на листик в окне «Анимация» - вкл. видимость первого слоя в выбранной группе


Создаём 3-ий кадр нажатием на листик в окне «Анимация» - вкл. видимость следующего слоя в выбранной группе, а видимость предыдущего слоя - выкл.


Совет: В тех местах, где муравей пробегает как-будто под листиком, несколько кадров (это зависит на каком расстоянии должен быть скрыт муравей) - видимость только слой «Фон» и слой «Рамочка»

Продолжайте таким образом собирать анимацию этой группы...

Можете нажать на «Запуск воспроизведения анимации» и проверить, как бегает ваш муравей, если всё устраивает, продолжаем...

Закрываем эту группу - больше её не трогаем и открываем следующую группу

Так как в этой группе у меня уже меньше слоёв, значит анимацию можно начать расставлять например с 9 кадра

И так, встаём на 9-ый кадр - и вкл. видимость первого слоя в следующей группе


Переходим на 10-ый кадр - включаем видимость следующего слоя, а на предыдущем слое - глазик выключаем


Надеюсь, что я понятно объяснила сбор анимации, далее продолжайте сами.... для тех кто дружит с анимацией, это не составит особого труда, а для тех кто нет, наверно придётся повозиться, здесь главное понять принцип сбора анимации и тогда всё обязательно получиться...

Жмём в окне «Анимации» на «Запуск воспроизведения анимации»

хостинг картинок

проверяем и если всё устраивает сохраняем: Файл - Сохранить для Web в формате GIF


Дерзайте! Жду ваших работ!



Закидывайте свои готовые изображения на любой хостинг типа radikal.ru, копируйте на radikale ссылку №1 и выкладывайте здесь в комментариях, я с огромным удовольствием посмотрю ваши работы!

Как скопировать и сохранить урок к себе на компьютер см. Здесь

Сказать «Спасибо» можно проголосовав нажатием на звёздочки и  на кнопочку «Поделиться»  


Нравится
Категория: Уроки Adobe PhotoShop | Добавил: Ленусик
Просмотров: 4193 | Загрузок: 253 | Комментарии: 3 | Рейтинг: 4.7/50
Всего комментариев: 3
1  
http://s019.radikal.ru/i602/1205/80/9deecdf24157.gif

спасибо большое, очень понравился урок biggrin

2  
Классно, мне очень понравилось!!!

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








Поиск по Сайту















Мини Профиль





Воскресенье
26.03.2017
02:28











Подписка















Статистика





Зарег. на сайте:
Пользователи:

Нас уже 9313 человек!


Новые пользователи:

Новых за месяц: 41
Новых за неделю: 6
Новых вчера: 0
Новых сегодня: 1

   
Администраторов: 4

Счетчики:
Онлайн:
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Сегодня нас посетили:










Опрос






Каким браузером Вы пользуетесь ?

Всего ответов: 1268










Новости





Перевод урока «L’autre côté»

Перевод урока «L’autre côté»
Просмотров: 73
Комментарии: (2)

Перевод урока «Kiss Me»

Перевод урока «Kiss Me»
Просмотров: 117
Комментарии: (2)

Перевод урока «L'âme d'une fleur»

Перевод урока «L'âme d'une fleur»
Просмотров: 169
Комментарии: (1)

Перевод урока «Premier violon»

Перевод урока «Premier violon»
Просмотров: 204
Комментарии: (1)

Перевод урока «Carnevale 2017»

Перевод урока «Carnevale 2017»
Просмотров: 287
Комментарии: (1)

Aquascaping (Акваскейпинг)

Aquascaping (Акваскейпинг)
Просмотров: 148
Комментарии: (0)

Подъезд - Дворец

Подъезд - Дворец
Просмотров: 139
Комментарии: (0)

Перевод терминов Corel PaintShop Pro

Перевод терминов Corel PaintShop Pro
Просмотров: 142
Комментарии: (0)

Режим смешения (наложения) слоя

Режим смешения (наложения) слоя
Просмотров: 162
Комментарии: (0)

Выделения — Auswahl — Selections — Selecciones — Sélections — Selezioni — Selecties

Выделения — Auswahl — Selections — Selecciones — Sélections — Selezioni — Selecties
Просмотров: 141
Комментарии: (0)











Посетители Сайта