Сделать стартовой Сохранить ссылку на 100zakladok.ru Забобрить эту страницу! Добавить страницу к Мистеру Вонгу

количество читателей онлайн и всего
рейтинг сайтов 24logru часы на сайт
Платежная система IntellectMoney

SuperSvalka.Ru

Объявление

Уважаемые, дамы и господа!!! Рады приветствовать вас на нашем форуме!!! Желаем провести время у нас в гостях ПРИЯТНО и ПОЛЕЗНО!

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

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


Вы здесь » SuperSvalka.Ru » Аватары, Юзербары, Линеечки » Уроки по созданию и преобразованию аватар


Уроки по созданию и преобразованию аватар

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

1

Здесь делимся опытом как и где делать наши авки!!! :flag:

0

2

Урок №1
"Уменьшение веса  аватара с помощью Adobe ImageReady"
Если у вас не вынесен ярлык Имеджа на рабочий стол, то соответственно открываем Фотошоп и делаем следующее⇒http://s56.radikal.ru/i152/0904/ab/8b24c8cf6e2et.jpg ИДЁМ в ImageReady... на скрине видно как это сделать! Там мы открываем нужную нам картинку, авку...File⇒Open...
Внизу мы видим, как нашу аватарку "разбило" на кадры! Смотрим скрин на окно Animation.
http://s52.radikal.ru/i136/0904/bd/cf388fde98dbt.jpg
И начинаем просто удалять ненужные кадры (наводим мышкой на ненужный, левая кнопка мыши⇒перетаскиваем на корзину, которая обведена розовым).  Не забываем просматривать, что получается, для этого жмем на кнопочку "просто стрелка вперед", это в том же ряду, что и корзина. Если аватар слишком "БЫСТРЫЙ" меняем секунды, как на скрине ниже ... жмем правой кнопкой мыши на то, что я обвела!:)
http://s51.radikal.ru/i131/0904/7d/e3f8adbea2d3t.jpg
тут уже сами выбираем и эксперементируем со скоростями, для каждого кадра можно разную скорость выбирать, это зависит от того, что вы хотите от аватара.
http://s49.radikal.ru/i125/0904/4a/1c0c9a15dfcbt.jpg
Справа есть такое окно вверху-посмотрите, чтоб было все вот так!
http://s54.radikal.ru/i145/0904/eb/1f957f6a1e56t.jpg
Там, где Colors 256 можно тоже уменьшать величину, это соответственно тоже уменьшит вес авика!
Ну и когда вы добились нужного ВЕСА сохраняем наш авик таким образом:
http://s41.radikal.ru/i091/0904/7a/00f8544ad792t.jpg
http://s46.radikal.ru/i113/0904/f9/a7c96f8fa899t.jpg
Удачи вам!!!
А забыла про размер сказать...Идем Image-Image Size-  и весь аватар уменьшаете до нужных размеров!

0

3

как на аватаре нарисовать что нить? Некоторые например, новогодние шапочки лепят перед НГ...

0

4

http://www.kolobok.us/smiles/artists/just_cuz/JC_ThankYou.gif  Спасииб за урок, теперь я все понял! Правда получается неочень, лишних кадров нет у меня :D

Отредактировано Sweety (2009-04-14 19:57:41)

0

5

Action! написал(а):

как на аватаре нарисовать что нить? Некоторые например, новогодние шапочки лепят перед НГ...

будет и такой урок-ждите!!! http://kolobok.us/smiles/standart/yes3.gif

0

6

Урок по созданию аватара с помощью программы Virtual Dub
Ну для начала нам понадобиться клип (фильм,реклама – в общем любое понравившееся вам   видео), из   которого мы будем делать наш аватар!
Еще нам пригодятся Image Ready и  Photoshop!
Итак, открываем   Virtual     Dub  . Перед нами открылось вот такое окно.
http://s55.radikal.ru/i147/0904/35/537cf58e88d3t.jpg
Жмем Файл – Открыть   видео   – Выбираем нужное нам видео. Программа работает со следующими форматами видеофайлов – avi, mpg, mpeg, dat, m1v, ani.
Теперь рассмотрим панельку внизу нашей программы.
http://s47.radikal.ru/i118/0904/f2/5c1b84fcbdcb.jpg
1. Стоп – кнопка предназначена для остановки видео.
2 и 3. Кнопки проигрывания видео. Чем они отличаются я честно говоря так и не выяснила, но я лично всегда пользуюсь второй, потому что она ближе чем третья.
4.  Кнопка в начало видео.
5. Кнопка покадровой перемотки назад.
6. Кнопка покадровой перемотки вперед.
7. Кнопка в конец видео.
8 и 9 по-прежнему остаются для меня неизвестными кнопками. Но для создания   аватара     из  видео они нам точно не понадобятся.
10. Перемотка назад. Хочу отметить,что она отличается от кнопки 5 тем, что в данном случае перемотка идет не покадрово и остановить её вы можете нажав на кнопку стоп(1) или на ещё раз на неё же.
11. Перемотка вперед(все аналогично предыдущей  кнопке).
12. Начало момента, который мы хотим отрезать, отмечается именно этой кнопкой.
13. Конец момента, который мы хотим отрезать.
Что ж с панелью познакомились – теперь я думаю вам не терпится перейти непосредственно к самому моменту отрезания нужного куска. Сразу хочу вас предупредить(даже попросить) – не выбирайте слишком большие куски, потому что вырезать-то вы вырежете, но вес вашего аватара будет настолько велик, что вы не сможете его нигде поставить, а это согласитесь обидно.
Ну что ж ищем момент. Очень удобно подбирать моменты, которым можно дать обратный ход – то есть вы можете потом продублировать кадры и поставить их в обратном порядке. Например, у вас есть закрывающийся глаз, но нет момента, где он открывается – не вопрос. Просто продублируйте в Image ready кадры и поставьте в обратном порядке – то есть получится, что глаз открывается – закрывается. Надеюсь, что объяснила более менее понятно!

В общем выбор нужного момента придет со временем 
Значит так, мотаем или просматриваем наше видео(10,11 или 2). Доходим до нужного нам момента и жмем стоп, а потом кнопку 12. Чтобы наиболее точно выбрать момент рекомендую пользоваться также кнопками 5 и 6. Нажав кнопку 12 просматриваем или проматываем наше видео до момента, на котором мы хотим завершить наш отрезок. Находим его – жмем 13. На полоске кадров появилось следующее – нужный отрезок закрасился голубым цветом.
http://s56.radikal.ru/i152/0904/25/31dbf43dd298.jpg
У меня этот отрезочек совсем маленький, поэтому там почти не видно ничего. Но, тем не менее, маленькие отрезки хороши тем, что потом получается хороший маловесящий аватар. Отрезок готов – теперь нужно его сохранить. Создайте себе папку где угодно. Например, на рабочем столе и назовите, например, «Аватар».
Теперь жмем File – Save image sequence…
http://i056.radikal.ru/0904/3f/56624913e2b6t.jpg
Появилось вот такое окошко.
http://s60.radikal.ru/i168/0904/af/0edb1e8466b0t.jpg
Жмем туда где нарисованы три точки и выбираем папку, в которую хотим сохранить наши кадры ( например «Аватар»). Ниже выбраны форматы, в которых будут сохранены наши кадры, обратите внимание, что должен быть выбран формат  Windows BMP. Готово – жмем окей.
Теперь переходим в Image Ready. Файл – Импорт – Открыть папку как кадры.
Наша папка открылась в виде последовательности кадров. Перейдем в фотошоп – там удобнее будет дальнейшая обработка. Для этого жмем Файл – Редактировать в Photoshop. Теперь с помощью кадрирования (ЧИТАТЬ ПОДРОБНЕЕ) обрезаем нужный нам кусочек. И уменьшаем размер до 100*100. (это самый подходящий размер для аватар из видео, потому что они много весят.) Для этого жмем – Изображение(Image) – Размер изображения.
Теперь я думаю нам стоит убрать все лишние кадры. Если у вас ещё не открыто окно анимации, то откройте его – Окно-Анимация. Если у вас не 9 версия фотошопа. То перейдите обратно в Image Ready, таким же способом. Я удаляю кадры через 1 и оставляю наиболее важные. Для этого в окне анимации
http://s44.radikal.ru/i106/0904/bc/7cd158819e91.jpg
Просто нажимаю на иконку с изображением корзины, когда у нас выбран нужный кадр.
Некоторые повторяющиеся или очень похожие можно удалять и не через один. Теперь установим время  для каждого кадра. Я установила везде по 0.1 с , вы можете поэкспериментировать с данными параметрами на некоторых кадрах, на которых хотите задержать свое внимание и установить задержку побольше. Итак все вроде готово. Теперь можем сохранять.
Жмем Файл – сохранить для веб. Открывается следующее окно.
http://s61.radikal.ru/i172/0904/a4/be942d0ac5f5t.jpg
Главное, что вам нужно – это просмотреть ваш аватар нажав на плей , потому что в фотошопе и после сохранения результаты всегда немного разные – после сохранения аватар движется быстрее. И ещё вы должны установить формат гиф (см. цифру 1). Также можете поэкспериментировать с качеством(2). Селективное – самое высокое. В остальных случаях видны пиксели. Установили все, что нужно? Жмем окей. Все. Наша аватар из видео готов.
Надеюсь урок расписан понятно! УДАЧИ!!!

0

7

Урок по созданию надписи на аватарке!
Открываем необходимую нам аватарку в Фотошопе! Жмем в панели инструментов на ТЕКСТ
http://s43.radikal.ru/i101/0904/5f/32db29d25cc5t.jpg
Выбираем размер и шрифт текста, какой вам нравится, пишем то, что нужно и сохраняем аватарку с надписью в отдельную папку!!! Туда же помещаем исходную аватарку без надписи.
Теперь переходим в Image Ready.....и делаем следующее⇒
http://s59.radikal.ru/i166/0904/e1/6bf4189b0f18.jpg
Соответственно открываем ту папку, где наши две аватарки! Видим их в окне анимации, там выставляем "скорость мигания" нашей надписи!
http://s40.radikal.ru/i087/0904/15/31cd0681f932.jpg
Ну а теперь уже сохраняем нашу аватарку таким способ, чтоб она была анимированной!!!
http://s39.radikal.ru/i083/0904/69/5dd0c719cd22.jpg
Все! Ваша надпись готова!
http://s60.radikal.ru/i169/0904/32/c85d34b7f0cb.gif
Добавлю, что таким же образом можно добавть две и три надписи......сколько хотите, ХОТЬ РАССКАЗ! :rofl:  Просто на "чистой" авке пишете все, что надо, все аватарки сохраняете в папку, а уже в Имедже располагаете все, как вашей душе угодно!!!
Если, что не понятно, не стесняйтесь!!! Спрашивайте!!!

0

8

Урок "вылетающий" текст на аватаре! :cool:
Выбираем аватар
http://s46.radikal.ru/i111/0905/28/015ed73bbaaa.jpg
Меняем режим на RGB (Изображение/режим/RGB) (Image/Mode/RGB Color)
Делаем надпись(сами выбираете необходимый размер и шрифт, а также расположение на аватаре). Заходим в Стиль слоя (Blending options):
http://s44.radikal.ru/i105/0905/db/5526c73e2a0ct.jpg
Применяем эффект Обводка (Stroke), размером в 1 пиксель, и Тиснение (Bevel and Emboss) с вот такими настройками:
http://s45.radikal.ru/i108/0905/de/691f32dc3f78t.jpg

Теперь нам необходимо растрировать текст, для этого нажимаем правой кнопкой на слой, и ищем Растрировать текст: делаем это так⇒
http://i026.radikal.ru/0905/7d/4e357d897e45t.jpg

Теперь нужно создать копию слоя с текстом, для этого нажимаем на этот слой и нажимаем Ctrl+J

Теперь кликнем на копию текста, и применяем к ней фильтр Размытие в движении (Фильтр/Размытие/Размытие в движении...) (Filter>Blur>Motion blur): применяем такие настройки⇒
http://s60.radikal.ru/i168/0905/45/e1595c6211b5t.jpg
Теперь у нас есть три слоя: фон, текст и текст с эффектом размытия.
Можно переходить в ImageReady: Окно слоев должно выглядет так, обратите внимание на "глазки"⇒
http://s48.radikal.ru/i121/0905/ab/88f4bfb6a3e9t.jpg
ну а теперь переходим⇒
http://i044.radikal.ru/0905/4a/971a9cd6b96et.jpg

Создаем в окне анимации две копии кадра вот этой кнопочкой:
http://s45.radikal.ru/i110/0905/1a/327a72a64d9e.jpg

На первом оставляем видимым только фон, на втором размытый текст с фоном, а на третьем нормальный текст с фоном:
http://i041.radikal.ru/0905/70/2f8d4671c3a6t.jpg
http://s42.radikal.ru/i096/0905/31/de10f99707f6t.jpg
ВНИМАТЕЛЬНО СМОТРИМ НА "ГЛАЗОЧКИ" ДЛЯ КАЖДОГО СЛОЯ!!!

Теперь расставляем время: на первый кадр 1 сек., на второй 0.1 сек., и на третий 2 сек.: (а вообще здесь можно проэкспериментировать, и сделать именно так, как вам нравится!!!

Теперь сохраняем полученное: Файл/сохранить оптимизированный как... (File/Save optimize as...)
Вот, что имеем:
http://s50.radikal.ru/i127/0905/cb/92548b7dc695.gif
УДАЧИ!!!

0

9

"Создание статичного аватара с помощью Adobe Photoshop" :flag:

Открываем понравившуюся вам  картинку!
Если нам нужен какой-то фрагмент, применяем выделение и обрезаем (это называется кадрирование)
Далее смотрим рисунок⇒
(стрелочка влево - инструмент "выделение"
стрелочка вправо - что получаем)

http://s45.radikal.ru/i107/0905/49/4291d02100f0t.jpg

На панели вверху жмем на Image⇒откроется меню.
Жмем на Сrop, и получаем то, что мы выделили⇒

http://i065.radikal.ru/0905/c5/bb72432dfb7bt.jpg

http://s60.radikal.ru/i170/0905/f3/1eebb9260d95t.jpg

Снимаем выделение с аватара Ctrl+D

Дальше нужно подогнать размер.
Размер выбираем не больше 120х120 пикселей, а лучше 100х100! :cool:
Для размера идем в Image, откроется меню, ищем Image Size.
откроется окно ⇒
в первой строчке Width - ширина нашей картинки (рядом правее должно быть написано pixels, если нет - выставить)
строчка ниже Height - высота ( тоже в pixels).
Выставим по высоте 100 пикселей. Ширина подстроится автоматически, если у вас стоит галочка Constrain Proportion!

http://s48.radikal.ru/i122/0905/75/7a5f49f45fc9t.jpg

Вот и всё!!! Получаем простейший аватар! :cool:
http://s48.radikal.ru/i122/0905/f1/9efc1a7f76ae.jpg

0

10

Vogue Lady написал(а):

Урок по созданию надписи на аватарке!

Во! спсибо за полезный урок!

0

11

Создание статического (неподвижного) аватара в графическом редакторе Paint.

1)Запускаем графический редактор Paint.

ПУСК -> Программы (Все программы) -> Стандартные -> PAINT

http://s52.radikal.ru/i136/0910/9f/d11c4153823et.jpg

2)Открываем в компьютере необходимую вам  картинку

http://s51.radikal.ru/i134/0910/03/8ad34b1402bdt.jpg

http://s51.radikal.ru/i132/0910/0b/2789548eb6fbt.jpg


http://i025.radikal.ru/0910/38/e72e0e21188bt.jpg


3) Открываем инструмент "выделение"



http://s49.radikal.ru/i126/0910/9e/9ec1f6b0c8c8t.jpg

выделяем необходимую часть картинки...▼



http://s59.radikal.ru/i164/0910/47/c0263dd8b7b2t.jpg

затем правая кнопка мыши и делаем копировать...



http://s07.radikal.ru/i180/0910/1c/882d3004faa5t.jpg


4) Создаем новый документ так!▼



http://i042.radikal.ru/0910/8f/b9966641fb97t.jpg

следующий шаг



http://s48.radikal.ru/i122/0910/b0/8718be08d2e6t.jpg

выбираем необходимый размер аватара▼



http://i010.radikal.ru/0910/20/f4405116ffd4t.jpg

Жмем правка►вставить



http://s59.radikal.ru/i166/0910/01/b0d17fc17f6bt.jpg

за уголочек подбиваем размерчик!!! :)


http://i002.radikal.ru/0910/ca/dc25f6a2ac6et.jpg


Ну и все сохраняем ваш аватар!!!


http://s42.radikal.ru/i096/0910/bb/bffb06afbab8t.jpg

ГОТОВО!!! :cool:



http://s57.radikal.ru/i157/0910/3f/bfa3058bf97d.jpg

Приятного аватароваяния!!!! :D  :cool:

0

12

Спасииб за урок!

0

13

Спасибо, темы очень интересные, особенно о фотошопе. Я как раз недавно себе поставил, только не знаю как им пользоваться. Вот на этих примерах и поучусь. http://kolobok.us/smiles/standart/yu.gif

0


Вы здесь » SuperSvalka.Ru » Аватары, Юзербары, Линеечки » Уроки по созданию и преобразованию аватар


Рейтинг форумов | Создать форум бесплатно © 2007–2019 «QuadroSystems» LLC