Пятница, 17.05.2024, 18:21
| RSS

Уроки дизайна

Главная

Главная » 2009 » Май » 15 » Создаем анимацию на основе крыльев в программе Photoshop
Создаем анимацию на основе крыльев в программе Photoshop
19:12

Делаем так же как и огненое крыло до 10пунткта!!!

10.Если вы хотите чтобы крыло было не просто белым, то скопируйте слой с крылом, и замените цвет крыла на новом слое на черный (Изображение-коррекция-заменить цвет), при помощи "свободной трансформации" уменьшите крыло и расположите его по верхнему краю белого крыла. Объедените слои с крыльями. Назовите получившийся слой "Крыло правое".



11.Копируйте слой с крылом, перетащив строку слоя на значек "Новый слой" на панели СЛОИ и отобразите его по горизонтали (Редактирование-трансформирование-отразить по горизонтали). Припомощи инструмента "Перемещение", сдвиньте крыло так, чтобы оба крыла было видно. Назовите получившийся слой "Крыло левое".



12.Если не хватает места для того, чтобы уместить два крыла вместе - увеличте размер холста (Изображение-размер холста), изменив ширину.



13.Скопируйте слой "Крыло правое" 2 раза, назовите эти слои "правое 1" и "правое 2".

14.Скопируйте слой "Крыло левое" 2 раза, назовите эти слои "левое 1" и "левое 2".

15.Активизируем слой "правое 1" и трансформируем (Редактирование-трансформирование- деформация), делая крыло немного выше, чем наслое "правое", со стороны "перьев" и не изменяя положения крыла с другой стороны.



16.Активизируем слой "правое 2" и трансформируем, делая крыло немного выше, чем наслое "правое 1", со стороны "перьев" и не изменяя положения крыла с другой стороны.

17.Активизируем слой "левое 1" и трансформируем, так чтобы крыло находилось на одной высоте с крылом на слое "правое 1"(чтоб они были симетричны).

18.Активизируем слой "левое 2" и трансформируем, так чтобы крыло находилось на одной высоте с крылом на слое "правое 2".

19.Откройте панель анимации в Photoshop CS3 (ОКНО-АНИМАЦИЯ) или перейдите в ImageReady CS ,при помощи кнопки "Редактировать в ImageReady"(в самом низу панели инструментов),если вы работаете в Photoshop CS.

20.Скопируйте первый кадр 3 раза.


21.вернемся к первому кадру анимации(кликнем по нему мышью), на панели Слои оставляем видимыми - фоновый слой, слой "правое" и слой "левое" (у остальных слоев отключаем видимость (значек ГЛАЗ)). Во втором кадре оставляем видимыми - фоновый слой, слой "правое 1" и слой "левое 1". В третьем - фоновый слой, слой "правое 2" и слой "левое 2". В четвертом - фоновый слой, слой "правое 1" и слой "левое 1".

22.Задаем время задержки кадра 0,2 секунды, для всех кадров.



Вот, что из этого может получиться. Для того, чтобы сохранить анимацию в Photoshop CS 3 заходим в меню ФАЙЛ-СОХРАНИТЬ ДЛЯ ВЭБ и сохраняем изображение в нужную Вам папку, как рисунок и HTML-код в формате GIF. Если сохраняете из Image Ready, то заходим в меню ФАЙЛ-СОХРАНИТЬ ОПТИМИЗИРОВАННЫЙ КАК и сохраняем изображение как рисунок и HTML-код в формате GIF.



Как сохранить анимацию!!!!!


Просмотров: 1073 | Добавил: Daz | Рейтинг: 0.0/0 |
Всего комментариев: 1
16.05.2009
Сообщение #1. [Материал]
Денис Исаев

Гыыы

Имя *:
Email *:
Код *:
Привет: Гость

Сообщения:

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!

Поиск

Календарь

«  Май 2009  »
ПнВтСрЧтПтСбВс
    123
45678910
11121314151617
18192021222324
25262728293031

Наш опрос

Что бы вы хотели видеть на сайте в самом большом кол.

Результат опроса Результаты Все опросы нашего сайта Архив опросов

Всего голосовало: 18
Обсудить опрос на форуме

чат

Друзья сайта

Все про CS Все для Юкоз и веб дезайна!!

STATSX


Статистика материалов

Новостей: 137
Файлов: 11
Фото: 1
Коментариев: 759

Зарег. на сайте

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


получи бонус от WM


Получить WMR-бонус на свой кошелек!
Яндекс цитирования Rambler's Top100 oWMT счётчик для сайта