Добро пожаловать на наш форум!!!!



 
ФорумПорталКалендарьЧаВоПоискРегистрацияВход
Форум временно не работает. Полетели все уроки и большинство картинок, пытаемся восстановить.

Поделиться
 

 Урок №1 Анимация - лягушонок.

Перейти вниз 
АвторСообщение
оля
._._._._._._._._._._.
._._._._._._._._._._.
оля

Пол : Женщина
Зодиак : Лев Собака
Сообщения : 481
Репутация : 16
Дата рождения : 1982-08-11
Дата регистрации : 2009-10-26
Возраст : 36
Откуда Откуда : Башкирия,г.Октябрьский

Урок №1 Анимация - лягушонок. Empty
СообщениеТема: Урок №1 Анимация - лягушонок.   Урок №1 Анимация - лягушонок. Icon_minitimeЧт Янв 21, 2010 12:45 am

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

1. Создадим новый документ 240х320 пикс с разрешением 72 dpi. (это, возможно, станет скрином для мобильника).

2. На новом слое зальём вот такой градиент, цвета #03ae13 (зелёный) и #65ccfd (голубой).
Урок №1 Анимация - лягушонок. 2167faaa591d

3. Применим к слою с градиентом стиль «наложение узора» (Pattern Overlay) с такими настройками. Текстура называется Washed Watercolor Paper.(бумага со смытой акварелью)
Урок №1 Анимация - лягушонок. C83e6fbab92e

4.Теперь внимание!!! В палитре «Слои» («layers»), находясь на слое градиента, кликнуть правой кнопкой по значку, обозначающему, что слою придан стиль (рис.4) и выбрать «Образовать слой».
Урок №1 Анимация - лягушонок. 41f8efb248bb

В палитре слоёв произойдут вот такие изменения:
Урок №1 Анимация - лягушонок. 93c36113126e

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

5. Перейдём на образовавшийся слой и применим к нему фильтр «Искажение» - «Волна» (Distort - Wave) с такими настройками:
Урок №1 Анимация - лягушонок. 61d45887f49a

и получится так:
Урок №1 Анимация - лягушонок. 8a15ad9fff13

6. Дублируем этот слой (а предыдущий «спрячем») и применим к нему тот же фильтр с теми же настройками или просто нажмём Ctrl+F и получится так:
Урок №1 Анимация - лягушонок. 4b7f183f9ec3

7.Ещё раз дублируем слой (а предыдущий «спрячем») и применим к нему тот же фильтр с теми же настройками или просто нажмём Ctrl+F и получится так:
Урок №1 Анимация - лягушонок. 0be25d0a3c51

Палитра слоёв выглядит так:
Урок №1 Анимация - лягушонок. F320ca0ea36a

Фон готов!

8.Рисуем лягушку. Свободно, прямо «от руки» мышью, на новом слое, твёрдой круглой кистью (3-5 пикс), чёрным цветом. У меня получилось так:
Урок №1 Анимация - лягушонок. F0061e108fc8

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

Вы их можете скачать здесь: http://www.photoshop-master.ru/lessons/2008/290208/frog/frog.zip

9.Теперь раскрасим нашу жабку. У меня получилось так:
Урок №1 Анимация - лягушонок. 6d6d18b2eebe

А у вас будет так, как подскажет фантазия!

Заметьте, я не нарисовала зрачки…Об этом в следующем шаге.

10. Создадим новый слой, назовём «зрачки» и нарисуем их твёрдой круглой кистью (размер, адекватный глазам), чёрного цвета с белыми бликами. Вот так:
Урок №1 Анимация - лягушонок. D9c952fc0702

11.Дублируем слои «лягушка» и «зрачки», сливаем их и нажимаем Ctrl+Т, чтобы включилась рамка трансформации. Отразим слой по вертикали, немного «сплющим». Поместим его под слой «лягушка» - это будет отражение. Получится должно примерно вот так:
Урок №1 Анимация - лягушонок. 878baf2cbdd5

12.Применим к слою «отражение» фильтр «Искажение»-«Стекло» (Distort - Glass) с такими настройками:
Урок №1 Анимация - лягушонок. D034148df35f

и снизим непрозрачность до 70%. Получилось так:
Урок №1 Анимация - лягушонок. E76bf04731c7

13. Создадим новый слой «муха» и нарисуем её так же произвольно кистью:
Урок №1 Анимация - лягушонок. 88af0653d9e3

14.И последние приготовления…Рисуем язык. На новом слое «язык», твёрдой кистью, розовым цветом #ff6666 нарисуем вот такую завитушку и применим стиль «Тиснение» с настройками:
Урок №1 Анимация - лягушонок. 0ed4ba7e9cf7

В результате:
Урок №1 Анимация - лягушонок. 9b2bed53e4f7

15.Дублируем слой «язык» и немного его уменьшим, чтобы было впечатление, что он убирается в рот или вылезает оттуда:
Урок №1 Анимация - лягушонок. Ff086febef10

16.Ну вот, теперь все картинки подготовлены. Можно делать анимацию! Не переходя в ImageReady, заходим в меню «Окно» (window)-Animation. Откроется окно анимации.
Итак, идея проста: муха летит, жабка за нею следит и оп!…получает обед.
Не забываем по очереди (по одному!) включать и выключать наши слои с изменяющимся фоном:

Урок №1 Анимация - лягушонок. 21cd446ab36e

На каждом кадре должен быть разный фон (один из трёх вариантов по очереди).

Кадры: 1 - 2 - 3

Урок №1 Анимация - лягушонок. 8ae4901bc88f Урок №1 Анимация - лягушонок. B30901417a84 Урок №1 Анимация - лягушонок. 1680a55d4c7d

Кадры: 4 - 5 - 6
Урок №1 Анимация - лягушонок. 12cf8961a5e4 Урок №1 Анимация - лягушонок. C259bfc1f802 Урок №1 Анимация - лягушонок. 165c7bd77575

Кадры: 7 - 8 - 9
Урок №1 Анимация - лягушонок. 335e7ea43b78 Урок №1 Анимация - лягушонок. Cbb345a0a7a7 Урок №1 Анимация - лягушонок. Bc46a6db48f5

Кадры: 10 - 11 - 12
Урок №1 Анимация - лягушонок. 549e8c6c5d87 Урок №1 Анимация - лягушонок. Fe3c74d85136 Урок №1 Анимация - лягушонок. D1c3cb9dcdc5

И вот, после всех мучений (творческих, надеюсь), анимация готова! Хочу ещё уточнить, что время задержки каждого кадра – 0 (no delay); и анимация будет работать у нас вечно!!! (настройка – forever).

Теперь надо всё это сохранить. Меню «Файл» (file) – «Сохранить для Web» (save for Web) или нажать, если хватит здоровых пальцев после такой работы, Alt+Shift+Ctrl+S. Появится такое меню:

Урок №1 Анимация - лягушонок. Bf2b06804754

С помощью такого сохранения, файл оптимизируется для записи анимации в формате GIF. Выбираем «save» и остаётся только выбрать место для сохранения.

Вот и готово! А вы думали мультики легко делать? Любуемся своей работой. Удачи всем!

ВНИМАНИЕ!!! Файл весит много, если у вас интернет dial-up, то грузится будет долго.

Урок №1 Анимация - лягушонок. 48046bf07caa



Источник: http://www.photoshop-master.ru
Вернуться к началу Перейти вниз
 
Урок №1 Анимация - лягушонок.
Вернуться к началу 
Страница 1 из 1

Права доступа к этому форуму:Вы не можете отвечать на сообщения
 :: Учимся вместе :: Уровень 9-
Перейти:  
Создать форум | Информатика и Интернет | Интернет | © phpBB | Бесплатный форум поддержки | Контакты | Сообщить о нарушении | Вход