Вверх страницы
Вниз страницы
Неожиданно, правда? Спустя 4 года молчания, Стайл Веб снова открывает свои объятия. You are welcome =)


StyleWeb

Объявление

       





! АКТУАЛЬНО на февраль 2016!

Кто всё - таки  заинтересован в восстановлении SW FORUM`а, с радостью ждём вас в ЛС у ПтичьеМолоко

Информация о пользователе

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


Вы здесь » StyleWeb » Архив SW » Урок 25 Делаем Прикольный Анимированный Аватар


Урок 25 Делаем Прикольный Анимированный Аватар

Сообщений 1 страница 12 из 12

1

Урок писала не я) но если что спрашивайте! :flirt:

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

1. Возьмём подходящее изображение, у меня вот это:
http://globator.net/uploads/tutors/tutor143_files/45eec1fa541b31b8b2.jpg
Вырежем из него одного зайчонка для прикольного аватара. Для этого дублируем слой Ctrl+J.

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

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

http://globator.net/uploads/tutors/tutor143_files/caa163c160d4a209fd.jpg
Устанавливаем
Стиль (Style) – Заданный размер (Fixed Size),
Ширину (Width) и Высоту (Height) в пикселях.
У меня 120 на 120 пкс.Сейчас, когда вы щёлкните на изображении, появится рамка заданного размера и, передвигая ее, выберем нужный нам участок:
http://globator.net/uploads/tutors/tutor143_files/1385b9216116c126ec.jpg
Идём в
Анимированный аватар в Фотошоп – Кадрировать (Image – Crop),
снимаем выделение (Ctrl+D), вот и получилась заготовка для аватара:

http://globator.net/uploads/tutors/tutor143_files/21a4af45302101406e.jpg
3. Теперь будем прикалываться над зайчонком. Делаем дубликат слоя (Ctrl+J) и идём в
Фильтр – Пластика (Filter – Liquify)

и в панели инструментов выбираем инструмент
Вздутие (Blow):
http://globator.net/uploads/tutors/tutor143_files/64a58a031d4bc1476b.jpg
--
http://globator.net/uploads/tutors/tutor143_files/506805f6e48e4ee6df.jpg
И надуем зайчонку левую щёчку:
http://globator.net/uploads/tutors/tutor143_files/2ec02b78baeb927b64.jpg
4. Дублируем слой (Ctrl+J) и опять идём в Пластику и надуваем зайчонку правую щёчку:
http://globator.net/uploads/tutors/tutor143_files/34df436e49df440732.jpg
5. Сейчас активируем нижний слой «Задний план», а два верхних погасим (Закроем иконку глаза на слое в панели Слои (Layers)(F7)):
http://globator.net/uploads/tutors/tutor143_files/ab019a9180d43629ef.jpg
6. Сделаем дубликат этого слоя. Сейчас мы будем фильтром Пластика (Liquify) заставлять зайчонка водить носом. Идём в
Фильтр – Пластика(Filter – Liquify)

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

http://globator.net/uploads/tutors/tutor143_files/576cd8edfa4af1eb50.jpg
И задираем зайчонку нос кверху:
http://globator.net/uploads/tutors/tutor143_files/217ca845a8056acc7c.jpg
7. Гасим этот слой, и переходим опять на нижний слой «Задний план», дублируем его и опять – Пластика – отводим нос вправо:
http://globator.net/uploads/tutors/tutor143_files/282177d3017a3725c6.jpg
8. Повторяем п.7, только отводим нос влево:
http://globator.net/uploads/tutors/tutor143_files/376e72340705aeb48b.jpg
9. Ну и сделаем рамочку для нашего будущего аватара. Для рамочки я создала новый слой, нажав на иконкуhttp://globator.net/uploads/tutors/tutor143_files/a0b98c9db9e767c707.jpg
Создаем анимированный аватар в Фотошоп
внизу окна слоёв (Layers)(F7) и выбрала простую рамочку. Слой с рамкой переносим на самый верх.

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

В открывшемся окне видим первый кадр, в окне слоёв погасим на слояхвсе глаза, оставим только на заднем плане и на рамке (рамка будет включена на всех слоях) – это будет первый кадр. Далее нажимаем наиконку – новый кадр:
http://globator.net/uploads/tutors/tutor143_files/2f66388345cbf65f66.jpg
Сейчас открываем глаз на слое с надутой левой щекой, а слой с задним планом гасим
http://globator.net/uploads/tutors/tutor143_files/01230fc2b723d453b8.jpg
Продолжая в таком духе, набираем кадры:
http://globator.net/uploads/tutors/tutor143_files/b2134ebe5233251d60.jpg
11. Установим частоту смены кадра. Если нам нужна одинаковая частота на всех кадрах, то выделим все кадры, для этого выделим сначала первый кадр и, с нажатым Shift, щёлкаем на последнем кадре. Далее нажимаем на маленький треугольник внизу любого кадра и устанавливаем время в секундах:
http://globator.net/uploads/tutors/tutor143_files/fd448e9afd846db627.jpg
12. Время установили, сейчас проверим нашу анимацию, нажимаем треугольник
Воспроизведение (Play):
http://globator.net/uploads/tutors/tutor143_files/a18ecaf274fdf50add.jpg
13. Ну что, всё понравилось? Теперь, чтобы сохранить наш аватар, переходим в Image Ready, для этого нажимаем на кнопку внизу
окна инструментов:
http://globator.net/uploads/tutors/tutor143_files/4efc99f0339d656c90.jpg
В Image Ready откроется наш аватар с таким же окном анимации. Идём в
Файл – Сохранить оптимизированный как…(File-Save Optimized As).
Вот и всё:

http://globator.net/uploads/tutors/tutor143_files/80af92964a0dff9f54.gif

0

2

Клёво!! :cool:

0

3

XD кролик обалденный! XD

0

4

Прикольный урок.И да кролик прикольный

0

5

:cool:

Отредактировано .flay (2 Фев 2009 15:35:56)

0

6

суперрррр!!!!!!!!!!!!!

0

7

Хороший урок)) И кролик милый))

0

8

К@VARNoE ЯбLoKo написал(а):

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

А скажите пжлста ГДЕ находиться ImageReady и/или Анимация??Я найти никак немогу!Объясните поподробнее дуре!!

0

9

К@VARNoE ЯбLoKo
Так,я нашла "анимация" но у меня пчмуто коГГда я рисую,отображается на всех фреймах!!Что делать?
П.С.-урок супер,давно такой искала!!

0

10

Блюмми написал(а):

К@VARNoE ЯбLoKoТак,я нашла "анимация" но у меня пчмуто коГГда я рисую,отображается на всех фреймах!!Что делать?

так,с этим я тоже справилась.Теперь объясните где находиться ImageReady.Я искала но ненашла....(((

0

11

Помогите!!!
Пажалста о4 надо помогите!! Я сделала анимашку, нашла ImageReady и когда сохраняю у меня высвечивается текст типо "название некоторых файлов содержит нелатинские буквы...". Я все буквально поменяла на англиский но безтолку! Если сохранить вот так вот, то анимация невыставляется! Хотя на копме идет!
Пажалста помогите((((

0

12

Блюмми
А ты сохраняешь как?
"Сохранить оптимизированный как..." ?

0

Похожие темы


Вы здесь » StyleWeb » Архив SW » Урок 25 Делаем Прикольный Анимированный Аватар