Пятница, 29.03.2024, 02:56

Приветствую Вас Гость | RSS


Главная | Каталог файлов | Регистрация | Вход

Меню сайта
Категории раздела
Уроки фотошоп [58]
Уроки Fanta Morph [4]
Форма входа
Kolibri tubes
Bluff Titler DX9
Наш опрос
Оцените мой сайт
Всего ответов: 114
Главная » Файлы » Уроки анимации » Уроки фотошоп

Урок от Колибри- Распускающийся цветок
29.10.2010, 20:20

В этом уроке я научу вас, как можно сделать анимацию
распускающегося цветка при помощи скрап-набора.

Материалы для работы здесь

Откроем картинку в фотошопе


Я выбрала этот набор, т.к. здесь есть бутоны и распускающиеся цветы.
И так открываем нашу картинку в фотошопе, я взяла этот цветок за основу,
т.к. у него есть стебелек с листиками, а у других цветов из набора нет листиков.

Мне не нравится что на картинке цветок почти упирается в край холста,
по-этому я меняю размер холста и увеличиваю его слева по ширине до 950 пикс.
Для этого идем в верхней панели анимации в Изображение-Размер Холста и выставляем
настройки и расположение холста как у меня.


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

Теперь удалим с изображения цветок, оставив только стебелек с листиками,
возьмем инструмент Выделение, выделим ту часть которую нужно удалить
и нажмем Delete.

Вот что у нас получилось в результате

Откроем следующее изображение - бутон

Наш бутон повернут не в ту сторону, которая нам нужна, развернем его по горизонтали
с помощью инструмента Трансформация.
Для этого нажмем на клавиши Ctrl+T, станем в область выделения,
щелкнем правой кнопкой мышки и в выпавшем меню выберем - Отразить по горизонтали,
не забываем применить трансформирование, нажав на инструмент Перемещение.

На нашем новом изображении - назовем его Бутон 1, выделим сам бутон,
с помощью инструмента Выделение и перенесем сам бутон с помощью инструмента
Перемещение на наше Исходное изображение- Ветка. Расположим его на ветке у основания.

Ну вот пристроили поудобнее наш бутончик на ветке, слой Бутон-1 - снизу,
слой Ветка -сверху.

У нас четыре варианта цветка, по-этому создадим для каждого из вариантов
свой слой ветка, это нам понадобиться для того чтобы веточка наша покачивалась,
во время распускания цветка.
И так станем на слой Ветка и с помощью клавиш Ctrl+J, делаем еще 3 дубликата
слоя Ветка и переименуем их в слой Ветка 1,2,3,4

И отключим глазки на всех слоях Ветка, за исключением слоя Ветка-1.

Теперь трансформируем нашу веточку, с помощью инструмента Трансформация-Warp,
станем на слой Ветка-1, нажмем клавиши Ctrl+T, станем в выделенную область
и щелкнув правой кнопкой мышки, выберем режим трансформирования - Warp.

И с помощью направляющих трансформируем листочки и веточку, делаем трансформацию
аккуратно, не слишком резко меняя положение веточки, тогда и двигаться она у нас будет
плавнее.

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

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

Теперь откроем следующее изображение, которое я условно назвала Бутон-2.

Создадим дубликат кадра, на панели анимация у нас один кадр, скопируем его, став на треугольник
внизу панели анимации.

Снова выделим бутон и перенесем его на наше основное изображение.

При этом мы стоим на первом кадре, со включенными глазками на слое Бутон-1 и Бутон-2.
Активный слой Бутон-2

Пристроим наш бутончик к основанию веточки, назовем новый слой - Бутон-2.
И расположим слой Бутон-2 под слоем Ветка-2

После того как наш бутончик стал на свое место, отключим глазок слоя Бутон-2 на первом кадре,
перейдем ко второму кадру, на втором кадре включим глазки на слое Бутон-2 и слое Ветка-2.
Выполните все в такой последовательности как я пишу. В противном случае ваш бутон, после
добавления промежуточных кадров будет летать по холсту.

Работаем со слоем Ветка-2, делаем трансформированием с помощью режима Warp,
только теперь делаем трансформацию веточки и листиков вниз.
Применяем трансформирование. И сольем слой Ветка-2 со слоем Бутон-2.
Вот так теперь выглядят наши панели анимация и слои.

И так стоим на втором кадре панели анимации и на слое Бутон-2, применим режим
Tweens, для этого перейдем в нижнее меню панели анимация, нажмем кнопку Tweens
и вставим 5 кадров.

Вот что у нас теперь получилось

На панели анимации у нас 7 кадров, создадим дубликат 7 кадра, для этого
станем на 7 кадр и нажмем кнопку дубликат кадра на панели анимации.

Перейдем к следующему этапу нашей анимации, откроем новое изображение цветка

Снова выделим бутон и перенесем его на наше основное изображение. И назовем этот слой Бутон-3.
Но перед тем как перенести бутон вернемся снова к первому кадру, стоим на первом кадре
и только после этого начинаем переносить наш бутон и выбирать для него место.

После того как бутон станет на свое место, стоя на кадре 1, отключаем глазок на слое Бутон-3.
Переходим к 8 кадру, включаем глазки на слоях Бутон-3 и Ветка-3.

Теперь перейдем к слою Ветка-3 и применим трансформирования
с помощью помощью режима Warp, в этот раз применим трансформирование веточки
и листиков - вверх.

После трансформирования сольем слой Бутон-3 и слой Ветка-3.

Стоим на кадре 8 и на слое Бутон-3, переходим в панель анимации и выбираем режим Tweens,
вставляем снова 5 промежуточных кадров.

Теперь у нас 13 кадров на панели анимации.

Станем на 13 кадр и сделаем его дубликат. Теперь у нас 14 кадров.

Перейдем снова к первому кадру, станем на него и откроем новый документ с бутоном.

Наш бутон, как и первый, повернут не в ту сторону, которая нам нужна, развернем его
по горизонтали с помощью инструмента Трансформация.

Выделим теперь наш цветок и перенесем выделение на основное изображение, назовем слой
Бутон-4, устроим его в нужном месте

Стоим на первом кадре и отключает глазок слоя Бутон-4

Перейдем к 14 кадру, включим глазки на слоях Бутон-4 и Ветка-4.
Выполним трансформирование слоя Ветка-4 и сольем слои Бутон-4 и Ветка-4.

Вот так выглядят наши слои кадры.

Теперь вставим промежуточные кадры, стоим на слое Бутон-4 и на кадре 14

Переходим в панель анимации, выбираем режим Tweens и вставляем 5 промежуточных
кадров.

И у нас готова анимация, ставим на последнем 19 кадре время задержки 0,5 сек.
Остальные кадры без задежки. Меняем размер изображения.
И любуемся нашей анимацией.

Категория: Уроки фотошоп | Добавил: Колибри
Просмотров: 12003 | Загрузок: 0 | Рейтинг: 5.0/4
Всего комментариев: 0
Имя *:
Email *:
Код *:
Поиск
Часы
Flag Counter
Flag Counter
Translator
Block title
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Block title
Mobile Animations
Наш баннер
ОБЛАКО САЙТА
Агата Кристи детектив Пуаро сериал Кино Закат Отдых Поздравляю Шаблон Картинки уроки дети вино фрукты город 3D текстуры свадьба винтаж море фото ангел Кофе лето девушки украшения png Фотошоп зима Новый год девушка вода звезды ночь программы 8 марта свечи коллаж мужчины праздник цветы любовь романтика розы природа весна анимация утро флеш календарь дизайн design свеча блондинка мужские Photoshop тюльпаны костюм женские роза фотомонтаж шаблоны Солдат авто light Elegant Photo Flower flowers fire альфа год white autumn jpg десерт JUICE gold cute Night snow love heart Red birthday logo Flyer Party label icons card farm element скачать бесплатно Magic menu проект animation kiss Motion

Copyright MyCorp © 2024

Сделать бесплатный сайт с uCoz