fbpx

Каталог статей

Каталог статей для размещения статей информационного характера

Технології

Як створити собі анімований аватарик?

Технологія створення аватари своїми руками
Зміст:
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” => “Імпорт” => “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. Не хочу вчитися, а хочу … Прочитали інструкцію і втомилися до такої міри, що відпало бажання щось робити? Нічого, можна зробити потім, коли з’явиться натхнення. А зараз можете поглянути на мої авторські аватарки для форумів і блогів :).
VioletShadow
www.moreavatar.ru.