Главная | Регистрация | Вход Приветствую Вас Гость | 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 уроки » Анимация

Анимированный аватар
« Анимированный аватар в PhotoShop »
Как сделать анимированный аватар в фотошопе — урок по PhotoShop...


Как вы уже догадались, рисовать мы будем анимированный аватар. Он не сложный, внимательно прочтите урок и вы во всём разберётесь. Если всё-же что-то останется не понятным — не ленитесь и не стесняйтеся, а спросите об этом на нашем форуме или у меня лично.


Ну а назначение данного урока не научить вас рисовать, а научить вас создавать анимацию...
Урок про анимированный аватар в PhotoShop


1. Создаём новое изображение размером 100x100 px:


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


2. Разблокируем слой или создадим новый.


За тем заходим в Layer Style (для этого кликните правой клавишей по слою и там выберите пункт Blending Options), там переходим на вкладку Inner Shadow и настройте параметры самозатенения следующим образом:


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


3. За тем на вкладке Stroke настройте обводку:


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


4. А на вкладке Pattern Overlay выберите текстуру ввиде горизонтальной штриховки (текстура эта не стандартная, как её создавать можно прочитать здесь — 1й и 2й пункты):


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


Везде жмём Ok и получаем следующий фон:


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


5. Создайте новый слой, непрозрачность Opacity уменьшите до 50% и какими-либо кисточками что-нибудь нарисуйте (кисточки для PhotoShop можно скачать тут):


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


6. Снова создайте новый слой, выберите кисточку из набора Silhouette (ссылка на набор в конце урока) и нарисуйте силуэт, например такой:


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


7. Зайдите в Layer Style и добавьте внешнее свечение (Outer Glow):


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


Получиться должно вот так:


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


8. Сейчас напишите какой-нибудь текст, например свой ник, шрифтом чёрного цвета:


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


9. Буквы, расположенные над силуэтом, закрасьте белым цветом:


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


10. С помощью Polygonal Lasso Tool выделите половину аватара (по диагонали), создайте новый слой и залейте выделение белым цветом (с помощью инструмента Paint Bucket Tool):


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


11. Создадим блик. Для этого сразу добавьте к слою маску (нажмите на кнопку Add Layer Mask на панели слоёв):


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


12. Выберите инструмент Gradient Tool и залейте выделение чёрно-белым градиентом:


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


Должно получиться вот так:


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


13. Теперь выберите Ellipse Tool, зажмите клавишу Shift и нарисуйте круг размером раза в два больше чем аватар (в моём примере это круг, вписанный в квадрат со сторонами 277x277 пикселей):


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


14. Зайдите в Layer Style слоя с кругом и на вкладкеStroke установите примерно следующие значения (размер Size может быть другим — он зависит от размера нарисованного вами круга):


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


15. Теперь непрозрачность заливки слоя Fill уменьшите до 0%:


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


Получить мы должны следующую картину:


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


16. Ну а сейчас перейдём к добавлению анимации в наш аватар. Для этого его нужно открыть в программе ImageReady, чтобы это следать зайдите в меню File и там выберите пункт Edit in ImageReady.


В ImageReady передвиньте слой с кружком в самый низ, чтобы он не был виден. Потом на панели с раскадровкой (Animation[/b]) создайте новый кадр:


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


17. На новом кадре слой с кружком немного передвиньте вверх, чтобы он стал немного виден:


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


18. Снова создайте новый кадр:


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


19. Передвиньте слой с кружком ещё немного выше (примерно на 4 пикселя):


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


20. Продолжайте данные операции до тех пор, пока кружок не будет над головой:


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


21. Сейчас будем расширять наш круг. Ддя этого снова создайте новый кадр, на нём зайдите в Layer Style слоя с кружком, на вкладку Stroke и там уменьшите размер Size до 116 px:


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


Получиться вот так:


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


22. Снова создайте кадр и уменьшите размер обводки до 112 px:


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


Получится вот так:


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


23. Продолжайте повторять последние действия, пока круг не исчезнет из кадра.


Всё. Осталось сохранить нащ анимированный аватар (но ни кто не запрещает его ещё доработать — всё в ваших силах), для этого нажмите File —> Save Optimized As....


Всё! Анимированный аватар готов:


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


Спасибо за внимание! Всегда ваш Гуляй Сергей... smile.gif
.: Дополнительно :.
Категория: Анимация | Добавил: SPAIDER (29.09.2009)
Просмотров: 444 | Рейтинг: 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

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

     Статистика

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



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



Dising by SPAIDER