Главная | Регистрация | Вход Приветствую Вас Гость | Support community
     Гл.Меню
Главная страница Файлы Статьи Фотки Гостевуха Форум Инфор. о сайте Видео Cyberarena.tv (online) Купить игры Steam Повышение тИЦЦ И PR Скачать любое видео Наш ТОП Мониторинг серверов Заявки на мониторинг Баннеро-обмен C-V Prodactions Онлайн игры
     Мастерская
Распрыг Делаем из демки видео Понижаем пинг Настройка микрафона Настройка AMX MODA Установка плагинов Делаем Waypoint'ы Создание фона консоли Делаем цветное лого Настройка CS
     Всё для Сайта
Скрипты для UCOZ Шаблоны Иконки Шапки Замена значка сайта HTML цвета Раскрутка сайта Заработок Регистр.в поисковиках
     Всё для PhotoShop
Скачать PhotoShop CS4 Photo-Shop Online Всё для PhotoShop Кисти Шрифты Гридиенты Стили Уроки Видео Уроки
     Всё для CS
Скачать все версии CS Спрайты Прицелы Модели оружия Модели игроков Программы Плагины AMX Темы меню CS Боты для CS Flash игры для CS Готовые сервера Логотипы Патчи Тактика Прострелы Секретные места CS Скрипты для CS Триксы Читы и анти-читы Читы#2 Карты для CS Вейпоинты Web скрипты для CS Обои
     Другое
Софт Заработок Кряки Русификаторы Фильмы и мультики Игры на мобилку Музяка.mp3 Игры для ПК Игры для PSP Игры для X-Box Скины для WINAMP
     Услуги сайта
Изготовления лого Изготовления шапок Изготовления аватарок Изготовления баннеров Изготовления частей сайта Изготовления юзербаров
     Блок№1
Скачать Photoshop CS4 Скачать Nero 8 Скачать Fraps Скачать Sony Vegas 6 Скачать Team Speak 2 Скачать H-L Logo Creator Скачать CS 1.6 Non steam
     Разделы новостей
Анимация [52]
Фотокоррекция [10]
Эксклюзив [3]
Дизайн [5]
Спецэффекты [0]
Компьютерная графика [0]
Текстовые эффекты [0]
     Мини-чат
100
     Наш опрос
Ваша любимая граната?
Главная » Статьи » PhotoShop уроки » Анимация

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

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

2. На новом слое зальём вот такой градиент, цвета #03ae13 (зелёный) и #65ccfd (голубой).

уроки по фотошопу

3. Применим к слою с градиентом стиль «наложение узора» (Pattern Overlay) с такими настройками. Текстура называется Washed Watercolor Paper

уроки по фотошопу

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

уроки по фотошопу

В палитре слоёв произойдут вот такие изменения:

уроки по фотошопу

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

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

уроки по фотошопу

и получится так:

уроки по фотошопу

6. Дублируем этот слой (а предыдущий «спрячем») и применим к нему тот же фильтр с теми же настройками или просто нажмём Ctrl+F и получится так:

уроки по фотошопу

7.Ещё раз дублируем слой (а предыдущий «спрячем») и применим к нему тот же фильтр с теми же настройками или просто нажмём Ctrl+F и получится так:

уроки по фотошопу

Палитра слоёв выглядит так:

уроки по фотошопу

Фон готов!

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

уроки по фотошопу

9.Теперь раскрасим нашу жабку. У меня получилось так:

уроки по фотошопу

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

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

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

уроки по фотошопу

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

уроки по фотошопу

12.Применим к слою «отражение» фильтр «Искажение»-«Стекло» (Distort - Glass) с такими настройками:

уроки по фотошопу

и снизим непрозрачность до 70%. Получилось так:

уроки по фотошопу

13. Создадим новый слой «муха» и нарисуем её так же произвольно кистью:

уроки по фотошопу

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

уроки по фотошопу

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

уроки по фотошопу

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

уроки по фотошопу

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

уроки по фотошопу

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

Кадры: 1 - 2 - 3

уроки по фотошопу

уроки по фотошопу

уроки по фотошопу

Кадры: 4 - 5 - 6

уроки по фотошопу

уроки по фотошопу

уроки по фотошопу

Кадры: 7 - 8 - 9

уроки по фотошопу

уроки по фотошопу

уроки по фотошопу

Кадры: 10 - 11 - 12

уроки по фотошопу

уроки по фотошопу

уроки по фотошопу

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

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

уроки по фотошопу

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

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

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

уроки по фотошопу
Категория: Анимация | Добавил: SPAIDER (29.09.2009)
Просмотров: 408 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

     Форма входа
Привет: Гость

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

     Поиск
     Музыка
     Помощь
Яндекс деньги
 41001366606468

   WMZ
 Z313815764623

    WMR
 R328374170038
     Наш баннер
 Код Нашего баннера

     
     Реклама
Пройдитесть по одной
из этих ссылок
Мы будем вам Благодарны


  $$$ для web-мастеров $Аренда Серверов$
     Друзья и топы
Друзья

http://games-and-soft.ru/

GoldSoft56.ucoz.ru - ТОП раскрутка раскрутка сайтов.





//saymon-games.ucoz.ru/

mS Клан

Сайт клана Street.tm

Counter - Strike









Graffiti Decorations(R) Studio (TM) Site Promoter

регистрация сайта в каталогах

Топы

TOP

BIGwebs.ru-ТОП раскрутка раскрутка сайтов.

EN-TM TOP SITES

CS-TOP100.RU



Топ сайтов кс!

Топ100- Игры

CsFiles-Top 100 +WELCOME+

MGAME - Топ-рейтинг Counter-Strike сайтов.



TOP-GAMES

Счётчики

SteamBans.Ru, на счетчике показанно: Кол-во посетителей за сегодня, просмотров страниц за 24 часа и просмотров страниц всего.

Рейтинг@Mail.ru

Яндекс цитирования

     Статистика

Онлайн всего: 4
Бродяг: 4
Пользователей: 0



Зарег. на сайте
Всего: 224
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них
Администраторов: 1
Модераторов: 0
Проверенных: 0
Обычных юзеров: 223
Забаненных: 0



Dising by SPAIDER