Форум для детей и подростков
Добро Пожаловать на Kids-Forum!
Войдите или зарегистрируйтесь!

P.S.: После регистрации реклама исчезнет!
C уважением, Администратор форума Kids-Forum!

Форум для детей и подростков

Форум для детей и подростков
 
ФорумПоискРегистрацияВход

Поделиться
 

 Анимация

Перейти вниз 
АвторСообщение
admin
Администратор
Администратор
admin

Моё имя : Влад
Откуда : Киев
Сообщений : 3322
Возраст : 22
Сказали спасибо : 21
Репутация : 1752
Награды :
Анимация 18823510Анимация 18741610Анимация 18618710Анимация 18667510Анимация 15-min10



Анимация Empty
СообщениеТема: Анимация   Анимация EmptyСр Ноя 26, 2008 2:05 pm

В этом Фотошоп уроке вы узнаете, как сделать анимацию для фона.

В дальнейшем вы сможете использовать эту технику для изготовления баннера или логотипа на сайт.

Шаг 1.

Создайте новый документ 350х350 px с белым фоном.
Откройте картинку, которую вы будете разрезать, в Фотошоп. Разместите ее в центре вашего документа.

Картинка должна быть меньше, чем сам документ.
Анимация Animated
Установите Линейки следующим образом (разделите на четыре равные части).
Чтобы сделать этот инструмент активным нажмите CTRL+R или View > Rulers (Просмотр - Линейки)
Анимация Animatee
Шаг 2.

Возьмите инструмент Анимация Marque и создайте выделение вокруг левой верхней части картинки.
Анимация Animatef
Затем нажмите Ctrl+J, чтобы скопировать выделение на новый слой.
То же самое можно сделать Layer > New > Layer via Copy (Слой - Новый - скопировать на новый слой)

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

Шаг 3.

Каждому кусочку картинки примените такие стили:

Layer > Layer Style > Blending Options (Слой - Стиль слоя - Параметры наложения)

Тень:
Анимация Animateg

Обводка:

Анимация Animateh
Затем нажмите Ctrl+T или Edit > Free Transform (Редактирование - свободная трансформация) и примените данный инструмент к каждому кусочку. Разверните их каким-нибудь уникальным образом.
Анимация Animatei
Шаг 4.

Теперь оставьте видимым только один слой на фоне (здесь это layer 3)
Анимация Animatej
Нажмите Shift+Ctrl+M чтобы переслать данные в ImageReady.

Там также как в Фотошоп будет рабочее окно, но кроме этого вы увидите еще полоску для кадров.

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

Затем нажмите на кнопку Анимация New-layer Duplicates current frame (Создать дубликат текущего кадра), которая находится в окне с кадрами.

После чего перетащите картинку в рабочем окне снова на положенное место.

Выделите эти два кадра и нажмите на кнопку Анимация 1 Tween (Добавить промежуточные кадры).
Анимация Animatek
В окне Tween установите такие настройки:

Начать с: Выделенный кадр
Добавить кадров: 8
Слои: Все слои
Анимация Animatel
После ОК кадры ваши станут быстро размножаться. Если нажать на кнопку Play (Воспроизвести), то получится вот так:
Анимация Animated
Шаг 5.

Далее на последнем кадре делаем видимым еще один слой в палитре и проделываем те же действия. Так с каждым кусочком.

Когда у вас все будет готово, зайдите в меню File > Save Optimized As... (Файл - Сохранить оптимизированный как...)

Вот и результат:

Анимация Animatee


Анимация Userba11
Вернуться к началу Перейти вниз
http://kids-forum.biz
?????
Гость
Anonymous


Анимация Empty
СообщениеТема: Re: Анимация   Анимация EmptyЧт Янв 08, 2009 9:24 pm

спс!
Вернуться к началу Перейти вниз
muz
Пользователь
Пользователь
muz

Откуда : Питер
Сообщений : 145
Возраст : 24
Сказали спасибо : 0
Репутация : 40
Награды :

Анимация 18823510


Анимация Empty
СообщениеТема: Re: Анимация   Анимация EmptyСб Июн 27, 2009 7:35 pm

спс))
плюсик те)
но где-то я это уже видела..
Вернуться к началу Перейти вниз
Спонсируемый контент




Анимация Empty
СообщениеТема: Re: Анимация   Анимация Empty

Вернуться к началу Перейти вниз
 
Анимация
Вернуться к началу 
Страница 1 из 1

Права доступа к этому форуму:Вы не можете отвечать на сообщения
Форум для детей и подростков :: Архив :: Корзина-
Перейти: