Наши кнопки

Баннер

Авторизация



Сейчас онлайн

Сейчас 100 гостей и 0 пользователей онлайн
Нет пользователей онлайн.

altПриветствуем вас в разделе уроков нашего сайта!
Очень надеемся, что наши уроки вам пригодятся, помогут воплотить в жизнь ваши небольшие графические фантазии :)

Если вы совсем новичок, я советую вам нажать кнопку "подробнее", чтобы узнать с чего начать изучение уроков.

Внимание! Копирование уроков сайта разрешено только при согласии администрации и при наличии в скопированном уроке прямой (кликабельной!) ссылки на оригинал-урок. 

Подробнее ...
 
Анимация абстракции
Автор: Мальвина   

Собственная кисть и немножко терпения - и вы научитесь создавать такие оригинальные абстрактные аватары.


alt =>> alt

С чем мы познакомимся в этом уроке: инструменты "Paint bucket tool", "Brush tool" и "Pencil tool".

Потребуется знание уроков: Создание кисти , Учимся выделять, Инструмент перо

Урок для начинающих может оказаться немного сложным в неких моментах.

Часть первая - создание своей кисти

 

1. Создаём новый файл 500х500 px

2. Рисуем например вот такое:

 

alt

 

Сделала я это с помощью инструмента  "Elliptical Marquee Tool" (Овальная область):

 

 alt

 

после выполняем обводку: Edit - Stroke = Редактировать - Выполнить обводку:

 

 alt 


Примечание: (подробнее работа с пером, фигурами и их обводкой описана в уроке Инструмент Перо. 1. Обводка контура.)


3. Выбираем инструмент "Eraser tool" ("Ластик"):

 

 alt

 

И стираем им ненужные линии. Получаем:


Примечание: в некоторых моментах лучше использовать лупу и увеличивать масштаб до 800%-1600%

 

alt

 

Не обязательно делать именно такую кисточку, не обязательно даже делать свою новую. Если у вас есть среди готовых кистей нечто похожее на неправильную вытянутую петельку, то такая кисточка тоже вполне сойдет. Результат при этом будет отличаться от данного в уроке. Но если вы хотите создать что-то новое, поэкспериментировать или наоборот сделать точно по уроку, то конечно же лучше сделать свою кисточку.

 

4. Теперь кисточку нужно сохранить. Жмём Edit-Define Brush Preset (Редактировать-определить кисть)
В появившемся окне даем ей название, нажимаем «ОК»

 

Примечание: подробнее о создании и сохранении своей собственной кисти читайте в уроке ""

 

Часть вторая - создаем аватар

 

5. Создаём новый файл размером 100х100 (можно и любой другой).

 

6. С помощью инструмента "paint bucket tool" (заливка):

 

 alt

 

заливаем его черным цветом:


alt

 

7. Создаем новый пустой слой нажатием на панели "layers" (слои) кнопки "create a new layer" (создать новый  слой):

 

 alt

 

Выбираем какой-нить яркий цвет, например красный #ff0000, берем инструмент "Pencil tool" (карандаш) размером 1рх:

 

 alt

 

и проводим вертикальную линию с зажатым "shift", чтобы линия вышла прямая:

 

alt

 

8. Снова возвращаемся к инструменту "Brush tool". Теперь настраиваем нашу кисточку, нажимая F5 на клавиатуре. Выставляем параметры как на скрине:

 

 Diameter (диаметр) - 30 px, Spacing (растояние между) - 9%
alt  

 

Shape Dinamics (динамика формы): Control (управление) - Fade (переход) - 120

alt

 

переход можно изменять на свой)) главное что бы где то использовать 2\3 из картинки внизу показания как заворачивается кисть.. т.к. если доведем до самого конца то после кадры могут не совпасть. Следите за всеми ползунками и переключателями. Можно отклонятся от данных на скрине, но не всегда это приведет к улучшению.

9. Теперь будем создавать слои с нашей будущей анимацией. Включаем Caps Lock на клавиатуре, тогда наша кисточка примет вид:


alt

 

10. Выбираем цвет нашей будущей фигуры:

 

alt

 

11. Создаем новый слой для нашей фигуры указанным выше способом.

12. Пристраиваем наш курсор по центральной части линии в самую верхнюю точку нарисованной нами прямой и, как все знаем, зажимая Shift, ведем до конца вниз.
увидим нечто такое:


alt

 

11. Теперь будем создавать каждый раз новый слой и поворачивать угол кисти на 10 градусов. Для этого (создав заранее новый слой) снова жмете на F5 и меняете параметр "Angle" (угол поворота) на 10 %:

 

  alt

 

0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 110, 120, 130, 140, 150, 160, 170, 180, -170, -160, -150, -140, -130, -120, -110, ... , -20, -10. Таким образом мы создали всего 36 слоев, а наша кисть совершила полный оборот вокруг оси.

Примечание: Так получится более плавная анимация, хотя можно и через 20 градусов: 0, 20, 40, 60, 80, 100, 120, 140, 160, 180, -160, -140, -120, -100, -80, -60, -40, -20.

 

12. Итак, мы завершили рисовать наши слои)) работа муторная))) Теперь начнем создавать нашу анимацию.

 

После того, как фигура готова, слой с красной линией можно ли отклчюить, либо удалить - больше он нам не понадобится.

 

Переходим в Имедж Риди:

 

alt

 

В окне "Animation" (Анимация) жмем кнопку "Duplicate current frame" (дублировать активный кадр) столько раз, сколько слоев с фигурой вы создали. В нашем случае всего должно выйти 36 кадров.


alt

 

Скорость каждого кадра лучше поставить 0,1с.

Результат:

 

 alt

 

13. Доводим до ума. 
Вот мой вариант урока. Я использовала кисточку немного другую)) и получила вот такое:

 

alt->alt

 

P.S. Если у вас возникли какие-то вопросы по уроку – опишите в комментарии подробно вашу проблему, мы обязательно поможем вам разобраться! И не забудьте подписаться  на комментарии к уроку, если хотите получить ответ на свой вопрос как можно скорее.

Лучшее "спасибо" за урок - ваш комментарий! :)

 

Комментарии  

 
#1 Sluch 13.12.2010 13:44
здоровский получается эффект. спасибо, мне очень пригодился Ваш урок
Цитировать
 

Добавить комментарий


Защитный код
Обновить