-Метки

3d куколки corel paint shop pro faq flash gimp halloween html Маски анимационные картинки анимационные фоны анимация анимашки бесшовные фоны видеоуроки видеоуроки фотошоп винтаж все для gimp все для дизайна все для фотошоп вязание вязание крючком год змеи девушки день всех влюбленных день св. валентина зима календари картинки картинки для творчества картины художников картины художников картинки для творчества кисти для фотошоп клипарт клипарт png клипарт девушки клипарт на прозрачном слое коллаж коллажи коллажи в corel компьютерная грамотность компьютерные уроки для чайников куколки кулинария любовь маски для фотошоп и corel мои работы морская тема мужская тема новогоднии обои и фоны новый год обои для рабочего стола осень открытки к праздникам оформление дневника оформление постов пасха пасхальные идеи подарки к праздникам своими руками поделки полезности праздники программы рамочки рамочки для постов растровый клипарт jpg рецепты рождество романтика рукоделие ручная работа своими руками сердечки сказочные картинки скачать gimp скрапнабор скрапнаборы украшалки уроки corel уроки corel paint shop pro уроки flash уроки gimp уроки html уроки photoshop уроки анимации уроки анимации в фотошоп уроки корел уроки фотошоп фильмы и аудиокниги онлайн фильтры и плагины фильтры и плагины фотошоп фильтры фотошоп флешинформеры флешки флешчасики фоны фоны для коллажей фэнтази хобби часики элементы для дизайна

 -Рубрики

 -Всегда под рукой

link back to: http://www.waldgeist.co.uk

 -Поиск по дневнику

Поиск сообщений в mariflash

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 29.11.2009
Записей:
Комментариев:
Написано: 2417


Урок фотошоп от Колибри. "Распускающийся цветок".

Воскресенье, 31 Октября 2010 г. 05:42 + в цитатник
Цитата сообщения morela4 Урок от Колибри- Распускающийся цветок

Блог Колибри



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

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

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


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

Мне не нравится что на картинке цветок почти упирается в край холста,
по-этому я меняю размер холста и увеличиваю его слева по ширине до 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 сек.
Остальные кадры без задержки. Меняем размер изображения.
И любуемся нашей анимацией.

Серия сообщений "ФШ анимация":

Часть 1 - Урок-как добавить в фотошопе анимашку
Часть 2 - Урок "Оживляем лицо и предметы"
...
Часть 52 - Урок "Капли дождя" от Колибри
Часть 53 - Урок. Анимация в рамочку.
Часть 54 - Урок от Колибри- Распускающийся цветок



Рубрики:  Уроки фотошоп
Метки:  
Понравилось: 2 пользователям

романова_лора   обратиться по имени Вторник, 11 Января 2011 г. 22:42 (ссылка)
Спасибо за урок
Ответить С цитатой В цитатник
Irina_Gizhdeu   обратиться по имени Среда, 20 Мая 2015 г. 02:38 (ссылка)
Доброго времени суток!!!Искала к стихотворению анимацию распускающуюся веточку ...Нашла...И случайно в яндексе увидела ссылочку на ваш урок...С вашего разрешения - я процитирую?Огромное ВАМ спасибо!!!!
Ответить С цитатой В цитатник
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку