Помощь - Поиск - Пользователи - Календарь
Полная версия этой страницы: Прикольный анимированный аватар
Уроки фотошопа (photoshop), ФОТОШОП > Photoshop > Уроки фотошопа (photoshop) > Спецэффекты
shastik
Прикольный анимированный аватар (Фильтр "Пластика").



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



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






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





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



2. Далее возьмём инструмент

Прямоугольная область (RectangularMarquee Tool) (М).




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





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





Устанавливаем

Стиль (Style) – Заданный размер (Fixed Size),


Ширину (Width) и Высоту (Height) в пикселях.

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





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






Идём в

Анимированный аватар в Фотошоп – Кадрировать (Image – Crop),

снимаем выделение (Ctrl+D), вот и получилась заготовка для аватара:





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






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

Фильтр – Пластика (Filter – Liquify)


и в панели инструментов выбираем инструмент


Вздутие (Blow):





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





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






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





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





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






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





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





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






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





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

Фильтр – Пластика(Filter – Liquify)




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





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





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






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





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






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





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





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






9. Ну и сделаем рамочку для нашего будущего аватара. Для рамочки я создала новый слой, нажав на иконку



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

внизу окна слоёв (Layers)(F7) и выбрала простую рамочку. Слой с рамкой переносим на самый верх.



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


Окно – Анимация (Window – Animation).



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





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





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






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





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





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






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





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





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

Воспроизведение (Play):






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





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

окна инструментов:






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





В Image Ready откроется наш аватар с таким же окном анимации. Идём в

Файл – Сохранить оптимизированный как…(File-Save Optimized As).

Вот и всё:






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





Удачи!
Дася
КРУТО rolleyes.gif
vizyn
не получается уроки по фотошопу
Scrache
На каком шаге?
Гость_АниМашка_*
Блин(((((((
ааааааааа я так долго делала этого зайца и.....
у меня не сохранилась анимация(((((((
у меня просто не было значков внизу тех которые должны быть((((((( unsure.gif wacko.gif sad.gif
FOX
классно. буду побовать unsure.gif unsure.gif
nikirus
я так и не нашел Image Ready.у меня CS3
Scrache
Цитата(nikirus @ 26.3.2009, 22:28) *
я так и не нашел Image Ready.у меня CS3

это другой продукт от adobe, а не чать фотошопа.
Stayed
Цитата(nikirus @ 26.3.2009, 23:28) *
я так и не нашел Image Ready.у меня CS3

Нажмите для просмотра прикрепленного файла
Ставишь галочку на "Анимация" и будет тебе радость smile.gif
Scrache
насколько я знаю анимация есть только в cs3 extended.
nik
ура!!!всё получилось)))
Simak32
Цитата(Scrache @ 22.4.2009, 18:38) *
насколько я знаю анимация есть только в cs3 extended.

И не только есть и в CS2 laugh.gif
Для просмотра полной версии этой страницы, пожалуйста, пройдите по ссылке.
Форум IP.Board © 2001-2012 IPS, Inc.