Победитель в номинации компьютер мечты SCAN 3XS JELLYFISH

Компьютер-мечта от 3XS Systems

Игровые компьютеры Gladiator

Компьютеры Gladiator

Как сотворить себе анимированный аватарик?

Технология создания аватары своими руками
 Оглавление:
 1. Что такое аватар, и где его можно применять?
 2. Какие проги необходимы для сотворения аватары?
 3. Из чего мастерить аватар и откуда это чего брать?
 4. Приступаем к работе.
 4.1. Нарезка, шинковка и подгонка под размеры.
 4.2. Добавление украшений и оригинальностей.
 4.3. Правильно сохраняем.
 5. Что такое хорошо, и что такое плохо.
 6. Не хочу учиться, а хочу...


1. Что такое аватара за зверь?  Нет смысла перебирать и описывать все варианты слова "аватара" - этой займет необправданно много времени. Нас интересуют именно те аватары, которые ставят на форумах в виде своего виртуального обрза. Это картинки, на которые однажды взглянув, уже появляется какое-то мнение о собеседнице(ке). Даже хотя первое мнение о человеке может быть ошибочным, воспринимать мы его еще долго будем именно по первому чувству.
 Чтобы понять то, что я хотел сказать, посмотрите на эти авики:
Как сотворить себе анимированный аватарик?  Как сотворить себе анимированный аватарик?  Как сотворить себе анимированный аватарик?
Где же авики можно еще использовать? Если не на форумах... Вообще то можно абсолютно везде, где могут использовать графику: в аське qip-е, может быть полезна в веб-дизайне, даже в виде фона на сайтах. Единственный ограничитель - человеческая фантазия.


2. Какие программы необходимы?  Программы, обычно используют разные. Существуют даже особые программки для аватарок, только их я не использую, т. к. считаю, что сам изготовлю качественнее автомата. К тому же, из под программ авики получаются чересчур одинаковыми.

 Учить же я Вас буду на основе самого обычного фотошопа. Если у Вас нету ни какой версии этой программы, то советую её приобрести/найти у друга.

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


3. Из каких материалов делать аватару?  Аватары изготавливаются из исходников. Исходники, в нашем случае, это картинки, на основе которых будет создаваться аватарочка. Откуда берут эти исходники? Нет ничего легче - из того, что у Вас под рукой! Ваши (или не Ваши) рисунки (их можно отсканировать), какие угодно обои (не нужно обдирать стены, нужны те обои, что на рабочих столов), скринсейвы из мультфильмов, фильмов или комповских игр, уже давно готовые чужие аватары, которые по могут быть изменены.

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

 Использовать компьютерные обои. Обои - это фон на рабочем столе, и в Рунете их очень много-много. Яндекс, Гугл, Рамблер и т. д. выдаст Вам массу сайтов с обоями. Но на полную уникальность здесь не стоит надеяться, так как это самый тривиальный способ. Авка, разумеется, будет уникальной недолгое время, а вот исходник - нет.

 Скринсейвы из игрушек, фильмов и мультиков. Способ неплохой, т. к. не у первого попавшегося хватит ума сделать скринсейв именно того же кадра, как и Ваш. Делается это так:
1) запускаем, скажем, мультик,
2) смотрим его, пока не натолкнемся на что-нибудь занимательное,
3) Жмём паузу,
4) Жмём Ctrl+Prt Screen - т. е. делаем скринсейв (эта клавиша недалеко от backspace),
5) Открываем Paint, выбираем кнопку выделения, жмём правой кнопкой на белом фоне изображения и выбираем "вставить",
6) Выбираем "сохранить как" "save ass" ... с расширением jpg. И у нас в руках уже готовая обоя, а что с ней делать, разберем чуть позже.

 Использовать готовую авку для трансформации. Обстановка примерно та же, что и с обоями, но повкалывать надо будет поменьше. Чтобы далеко не идти, можете скачать на моём сайте архив с любой аватарой размером 64*64.


4. Приступаем к работе.   Чтобы Вам было удобней, я разбил обучение каждого шага на отдельные подтемы.
4.1. Нарезка, шинковка и подгонка под размеры.  Будем исходить из того, что в фотошопе Вы почти полный ноль, но мышкой водить умеете, и читаете быстрее, чем по слогам.
 К началу этого этапа у нас уже должны быть две картинки (сделайте сами, или скачайте те, что ниже). Две нам нужны по той причине, что мы будем делать анимационную аватарку, коль научитесь делать анимационную, то и статичную тем более. Вот эти две подопытные картинки:
Как сотворить себе анимированный аватарик?  Как сотворить себе анимированный аватарик?  А анимацию мы будем делать из этих двух лапок. То есть лапка без когтей превращается в когтистую лапку - эдакий оборотень будет :).

 Далее нам понадобится приложение фотошопа "Image Ready". Запускаем его. Создадим папку с именем "АВАТАРА" на рабочем столе. Скопируем в эту папку обе картинки. Теперь в программе выбираем "File" => "Import" => "Folder as Frames" => Папку "АВАТАРА" на рабочем столе. Этим мы загружаем наши картинке в виде кадров, т. е. сразу все, и они будут по порядку (по порядковым номерам, поэтому не забудьте назвать картинки цифрами 1 и 2)

 Чтобы посмотреть незрелую анимацию, нажмите на кнопку плэй внизу. Будет частое мигание кадров (фреймов). Жмите стоп, приступаем к работе...
 Так как мы хотим смастерить аватарку только нашей лапки, а не всего фона, то нам надо избавиться от всего ненужного: выделяем с помощью квадратного выделения (зажав Shift) серый квадрат на одном из фреймов(кадров).
 Далее выбираем "Image" => "Crop" (Кадрировать) - Мы избавились от фона!
Как сотворить себе анимированный аватарик?  Далее было бы неплохо избавиться и от серого окружения наших лапок. Выбираем "Магический" ластик (правый клик по обычному ластику) и делаем активным первый кадр (смотрите на рисунки), потом жмём ластиком на серый фон, серого фона - нет. Тоже самое со вторым кадром (Не забудьте его сделать активным).
Как сотворить себе анимированный аватарик?  Как сотворить себе анимированный аватарик?  Как сотворить себе анимированный аватарик? 
 Но нам нужен ведь не произвольный размер? Чтобы пропорционально изменить размеры всего аватара выбираем Image => Image Size => размеры например 64.
 Теперь надо сделать анимацию более плавной, выбираем внизу под кадрами секунды задержки (см. средний рисунок), скажем 0,5 секунды каждому кадру. Нажав на плэй можно посмотреть результат. Для более качественной анимации в промежуток между ними можно напихать ещё кадров (так я обычно и работаю) или сделать анимацию автоматом на кнопку Как сотворить себе анимированный аватарик? и жмём ОК, нам сделают 5 внутренних кадров - переходов, даём им каждому время по 0,2 секунды и любуемся, нажав на плэй.


4.2. Добавление украшений и оригинальностей.  А украшениями можно заниматься как до пункта 4.1, так и после. Технической стороны я здесь раскрывать не буду, так как, к сожалению, это займёт очень много времени. Приведу навскидку пару улучшений: добавлять свои надписи, надписи могут меняться с каждым кадром, может менятся также и цветовая палитра предметов, можно искажать и подриосвывать и т. д.


4.3. Правильно сохраняем.  Остался значимый этап - сохранение. Не стоит его недооценивать, так как с помощью правильного сохранения можно сэкономить в весе до [i]десяти[/i] раз! А качество не изменится.
 Приступаем. Нажмите на закладку над изображением аватары - "Optimized". Так реально будет смотреться Ваш аватар после сохранения, внизу представляется, сколько она будет весить. Вам необходимо уменьшать её размеры и количество цветов до тех пор, пока не достигните приемлемого веса. Цвета меняются справа в "Color Table". Подогнав к искомому результату, выбирайте "Save Optimized as"... и АВАТАРКА ГОТОВА! Как сотворить себе анимированный аватарик?


5. Что такое хорошо, и что такое плохо.  Хорошо мастерить свои уникальные аватарки, но плохо прикарманивать чужое авторство. Коль Вы немного модифицировали аватару - в этом нет ничего плохого, но её автором при этом Вы не стали. Не очень хорошо брать чужую аватарку с форума/портала и использовать её тут же, на этом же сайте. Не хорошо прописывать в аватарках матюги - Вас это не украсит, но оттолкнуть может. Ребята, давайте жить дружно :)!


6. Не хочу учиться, а хочу...  Прочитали инструкцию и устали до такой степени, что отпало желание что-то делать? Ничего, сделать можно потом, когда появится вдохновение. А сейчас можете взглянуть на мои авторские аватарки для форумов и блогов :).
 
 

Увидели опечатку?

Выделите текст и нажмите Shift+Enter.
И мы в ближайшее время ее исправим!
Сервера 3XS SystemsКомпьютеры с поддержкой 3D Vision
S1 S2 S3 S4 S5 S6 S7 S8 S9 S10 S11 S12 S13