[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Photoshop » Уроки фотошопа » Урок: Анимация
Урок: Анимация
Отправлено 10.02.2009 - 21:071
Пользователи
14 сообщений
Мужчина
В этом Фотошоп уроке вы узнаете, как сделать анимацию для фона.

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

Шаг 1.

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

Картинка должна быть меньше, чем сам документ.

Установите Линейки следующим образом (разделите на четыре равные части).
Чтобы сделать этот инструмент активным нажмите CTRL+R или View > Rulers (Просмотр - Линейки)

Шаг 2.

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

Затем нажмите Ctrl+J, чтобы скопировать выделение на новый слой.
То же самое можно сделать Layer > New > Layer via Copy (Слой - Новый - скопировать на новый слой)

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

Шаг 3.

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

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

Тень:

Обводка:

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

Шаг 4.

Теперь оставьте видимым только один слой на фоне (здесь это layer 3)

Нажмите Shift+Ctrl+M чтобы переслать данные в ImageReady.

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

В рабочем окне перетащите картинку в верхний правый угол таким образом, чтобы остался видимым только маленький уголок.
Затем нажмите на кнопку Duplicates current frame (Создать дубликат текущего кадра), которая находится в окне с кадрами.

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

Выделите эти два кадра и нажмите на кнопкуTween (Добавить промежуточные кадры).

В окне Tween установите такие настройки:

Начать с: Выделенный кадр
Добавить кадров: 8
Слои: Все слои

http://www.photoshop-master.ru/lessons....tel.jpg

После ОК кадры ваши станут быстро размножаться. Если нажать на кнопку Play (Воспроизвести), то получится вот так:

Шаг 5.

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

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

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

У Вас получилось? biggrin

Ну вот ещё сделал:

До встречи на shablon.3dn.ru

Если помог ставте +

Помог? ставь + 1

Не Флуууудии!!!!!!!!!!

Профиль Личное сообщение Дом. страница icq Skype
Отправлено 11.02.2009 - 11:562
Администраторы
146 сообщений
Мужчина
твой урок? smile
Профиль Личное сообщение Дом. страница icq Skype
Отправлено 11.02.2009 - 16:443
Пользователи
14 сообщений
Мужчина
да
Помог? ставь + 1

Не Флуууудии!!!!!!!!!!

Профиль Личное сообщение Дом. страница icq Skype
Отправлено 11.02.2009 - 17:504
Администраторы
146 сообщений
Мужчина
по моему я его где то видел biggrin
Профиль Личное сообщение Дом. страница icq Skype
Отправлено 11.02.2009 - 22:335
Пользователи
31 сообщений
Мужчина
урок чесно сп**ен причем готовый перевод откуда нескажу, реклама некчему wink а самое гавно в том что не автора урока не сылки прямой на урок не автора перевода карочи ужс
Профиль Личное сообщение Дом. страница icq Skype
Отправлено 12.02.2009 - 13:596
Администраторы
146 сообщений
Мужчина
давай без
Code
гавна и т.д
Профиль Личное сообщение Дом. страница icq Skype
Отправлено 12.02.2009 - 16:097
Пользователи
31 сообщений
Мужчина
ок... но все равно не хорошо так паступать happy
Профиль Личное сообщение Дом. страница icq Skype
Отправлено 13.02.2009 - 16:578
Пользователи
31 сообщений
Мужчина
ахахахаха... asd-empty ты парень или баба? а то тут не састыковачка ты утверждаешь что урок твой, так палучаеца тя завут Зинаида Лукьянова lol
Профиль Личное сообщение Дом. страница icq Skype
Отправлено 15.02.2009 - 00:469
Администраторы
146 сообщений
Мужчина
ахахаха biggrin smile
Профиль Личное сообщение Дом. страница icq Skype
Отправлено 17.02.2009 - 01:3910
Пользователи
31 сообщений
Мужчина
ну я и не самневался что автор здесь больше не паявица, я с таким именем и фамилией тоже бы патирялся happy
Профиль Личное сообщение Дом. страница icq Skype
Отправлено 04.01.2010 - 20:2211
Администраторы
146 сообщений
Мужчина
Профиль Личное сообщение Дом. страница icq Skype
Форум » Photoshop » Уроки фотошопа » Урок: Анимация
  • Страница 1 из 1
  • 1
Поиск:

Онлайн-чат


Что вы хотите видить на сайте
Всего проголосовало: 101
Статистика

free counters
Пользователи онлайн

Полезно знать: вы можете добавлять любое игровое видео.

Заходите в раздел 'видео' нажимаете кнопку добавить видео, далее следуете инструкции.