Анимация Веб-дизайн Тюнинг Обработка фото Спецэффекты Эффекты текста Фотомонтаж Планшет
Скачать кисти Скачать книги Программы Скачать стили Скачать шрифты
 
Форум Новости Конкурсы Интервью Сайт-шоу Обзоры Партнеры Реклама Контакты Гостевая
Словарь терминов Горячие клавиши Установка Фотошопа
Фотомонтаж - меняем фон
Фотомонтаж - меняем фон


Сверкающее око (анимация)
Сверкающее око (анимация)


Как сделать макияж в Adobe Photoshop
Как сделать макияж в Adobe Photoshop


Как сделать текст из фото
Как сделать текст из фото


Предчувствие весны (рисуем девушку)
Предчувствие весны (рисуем девушку)

Главная страница » Анимация » Прикольный анимированный аватар


Прикольный анимированный аватар

Анимация  24 мая 2008  Просмотров: 16469   

Прикольный анимированный аватар (Фильтр "Пластика").

Сегодня создадим прикольный аватар, используя фильтр
Пластика (Liquify).

1. Возьмём подходящее изображение, у меня вот это:

Анимированный аватар в Фотошоп


Вырежем из него одного зайчонка для прикольного аватара. Для этого дублируем слой Ctrl+J.

2. Далее возьмём инструмент
Прямоугольная область (RectangularMarquee Tool) (М).

Чтобы точно вырезать квадрат размера аватара (100 на100 пкс. или 120 на 120 пкс.), зададим нашему инструменту этот размер в панели опций инструмента.

Анимированный аватар в Фотошопе


Устанавливаем
Стиль (Style)Заданный размер (Fixed Size),
Ширину (Width) и Высоту (Height) в пикселях.
У меня 120 на 120 пкс.Сейчас, когда вы щёлкните на изображении, появится рамка заданного размера и, передвигая ее, выберем нужный нам участок:

Анимированный аватар Фотошоп


Идём в
Анимированный аватар в Фотошоп – Кадрировать (Image – Crop),
снимаем выделение (Ctrl+D), вот и получилась заготовка для аватара:

Анимированный аватар в photoshop


3. Теперь будем прикалываться над зайчонком. Делаем дубликат слоя (Ctrl+J) и идём в
Фильтр – Пластика (Filter – Liquify)

и в панели инструментов выбираем инструмент
Вздутие (Blow):

Фотошоп - анимированный аватар


С правой стороны окна установим такие настройки, хотя для своего изображения вы подберёте их сами:

Анимированный аватар


И надуем зайчонку левую щёчку:

делаем анимированный аватар в Фотошоп


4. Дублируем слой (Ctrl+J) и опять идём в Пластику и надуваем зайчонку правую щёчку:

делаем анимированный аватар в Photoshop


5. Сейчас активируем нижний слой «Задний план», а два верхних погасим (Закроем иконку глаза на слое в панели Слои (Layers)(F7)):

аватар в Фотошоп


6. Сделаем дубликат этого слоя. Сейчас мы будем фильтром Пластика (Liquify) заставлять зайчонка водить носом. Идём в
Фильтр – Пластика(Filter – Liquify)

и выбираем инструмент Деформация (Warp):

аватар в photoshop


И задираем зайчонку нос кверху:

Анимированный аватар урок Фотошоп


7. Гасим этот слой, и переходим опять на нижний слой «Задний план», дублируем его и опять – Пластика – отводим нос вправо:

Анимированный аватар урок Фотошопа


8. Повторяем п.7, только отводим нос влево:

Анимированный аватар урок Photoshop


9. Ну и сделаем рамочку для нашего будущего аватара. Для рамочки я создала новый слой, нажав на иконку
Создаем анимированный аватар в Фотошоп
внизу окна слоёв (Layers)(F7) и выбрала простую рамочку. Слой с рамкой переносим на самый верх.

10. Сейчас будем делать анимацию. Не будем пока переходить в ImageReady, в Photoshop тоже есть окно анимации и, открыв его, мы сможем всё отредактировать. Итак, идём в
Окно – Анимация (Window – Animation).

В открывшемся окне видим первый кадр, в окне слоёв погасим на слояхвсе глаза, оставим только на заднем плане и на рамке (рамка будет включена на всех слоях) – это будет первый кадр. Далее нажимаем наиконку – новый кадр:

Создаем анимированный аватар в Photoshop


Сейчас открываем глаз на слое с надутой левой щекой, а слой с задним планом гасим

Как сделать анимированный аватар в Фотошоп


Продолжая в таком духе, набираем кадры:

Как сделать анимированный аватар в Photoshop


11. Установим частоту смены кадра. Если нам нужна одинаковая частота на всех кадрах, то выделим все кадры, для этого выделим сначала первый кадр и, с нажатым Shift, щёлкаем на последнем кадре. Далее нажимаем на маленький треугольник внизу любого кадра и устанавливаем время в секундах:

Урок Фотошоп - Анимированный аватар


12. Время установили, сейчас проверим нашу анимацию, нажимаем треугольник
Воспроизведение (Play):

Урок по фотошопу - анимированный аватар


13. Ну что, всё понравилось? Теперь, чтобы сохранить наш аватар, переходим в Image Ready, для этого нажимаем на кнопку внизу
окна инструментов:

Анимированный аватар урок


В Image Ready откроется наш аватар с таким же окном анимации. Идём в
Файл – Сохранить оптимизированный как…(File-Save Optimized As).
Вот и всё:

Результат урока - анимированный аватар в Фотошоп


Удачи!

Любовь

Этот урок Photoshop Вы можете обсудить в этой теме нашего форума.




Если у Вас есть вопросы, можете задать их на нашем форуме.

Фотошоп-мастер

Понравился материал? Добавьте его в или подпишитесь на обновления сайта по e-mail (более 4400 подписчиков) или RSS (Как лучше читать RSS?).

 (голосов: 69)



 Похожие материалы:

  • Сверкающая одежда (анимация)
  • Сверкающее око (анимация)
  • Рисуем котенка на планшете
  • Учимся создавать анимацию
  • Девушка-кошка (фотомонтаж)

  • Рассылка 'Уроки Фотошоп на Globator.com'

    Фотошоп-мастер

    Любовь - победительница конкурса
    Любовь - победительница конкурса "Готика"


    DeNИsk@ - победитель конкурса по виртуальному тюнингу
    DeNИsk@ - победитель конкурса по виртуальному тюнингу


    Интевью с Aliveart
    Aliveart-победитель конкурса "Мартовский кот"




    системы водоподготовки, промышленная очистка воды. Срочный ремонт плоттера любой сложности.

    Анимация
    Веб-дизайн
    Тюнинг
    Обработка фото
    Спецэффекты
    Текстовые эффекты
    Фотомонтаж


    Яндекс цитирования Rambler's Top100

    О проекте

    Globator.net- это подробные уроки Photoshop, художественные кисти, красивые стили и полезные шрифты. Здесь вы найдете оригинальные уроки Фотошоп по следующим тематикам: фотомонтаж, обработка фото, анимация, спецэффекты, виртуальный тюнинг автомобилей и текстовые эффекты.

    Подписка на обновления сайта

    Вы можете получать обновления globator.net на e-mail или в свой RSS-ридер.


    Всего подписчиков:Рассылка 'Уроки Фотошоп на Globator.com'
    В случае перепечатки материалов сайта активная гиперссылка на Globator.net обязательна
    Уроки Photoshop, кисти Photoshop, стили и шрифты на Globator.net©   2006-2008
    Design by Globator