Здесь делимся опытом как и где делать наши авки!!!
Уроки по созданию и преобразованию аватар
Сообщений 1 страница 14 из 14
Поделиться22009-04-14 17:20:29
Урок №1
"Уменьшение веса аватара с помощью Adobe ImageReady"
Если у вас не вынесен ярлык Имеджа на рабочий стол, то соответственно открываем Фотошоп и делаем следующее⇒ ИДЁМ в ImageReady... на скрине видно как это сделать! Там мы открываем нужную нам картинку, авку...File⇒Open...
Внизу мы видим, как нашу аватарку "разбило" на кадры! Смотрим скрин на окно Animation.
И начинаем просто удалять ненужные кадры (наводим мышкой на ненужный, левая кнопка мыши⇒перетаскиваем на корзину, которая обведена розовым). Не забываем просматривать, что получается, для этого жмем на кнопочку "просто стрелка вперед", это в том же ряду, что и корзина. Если аватар слишком "БЫСТРЫЙ" меняем секунды, как на скрине ниже ... жмем правой кнопкой мыши на то, что я обвела!
тут уже сами выбираем и эксперементируем со скоростями, для каждого кадра можно разную скорость выбирать, это зависит от того, что вы хотите от аватара.
Справа есть такое окно вверху-посмотрите, чтоб было все вот так!
Там, где Colors 256 можно тоже уменьшать величину, это соответственно тоже уменьшит вес авика!
Ну и когда вы добились нужного ВЕСА сохраняем наш авик таким образом:
Удачи вам!!!
А забыла про размер сказать...Идем Image-Image Size- и весь аватар уменьшаете до нужных размеров!
Поделиться32009-04-14 18:58:44
как на аватаре нарисовать что нить? Некоторые например, новогодние шапочки лепят перед НГ...
Поделиться42009-04-14 19:35:23
Спасииб за урок, теперь я все понял! Правда получается неочень, лишних кадров нет у меня
Отредактировано Sweety (2009-04-14 19:57:41)
Поделиться52009-04-14 21:23:45
как на аватаре нарисовать что нить? Некоторые например, новогодние шапочки лепят перед НГ...
будет и такой урок-ждите!!!
Поделиться62009-04-20 13:13:59
Урок по созданию аватара с помощью программы Virtual Dub
Ну для начала нам понадобиться клип (фильм,реклама – в общем любое понравившееся вам видео), из которого мы будем делать наш аватар!
Еще нам пригодятся Image Ready и Photoshop!
Итак, открываем Virtual Dub . Перед нами открылось вот такое окно.
Жмем Файл – Открыть видео – Выбираем нужное нам видео. Программа работает со следующими форматами видеофайлов – avi, mpg, mpeg, dat, m1v, ani.
Теперь рассмотрим панельку внизу нашей программы.
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. На полоске кадров появилось следующее – нужный отрезок закрасился голубым цветом.
У меня этот отрезочек совсем маленький, поэтому там почти не видно ничего. Но, тем не менее, маленькие отрезки хороши тем, что потом получается хороший маловесящий аватар. Отрезок готов – теперь нужно его сохранить. Создайте себе папку где угодно. Например, на рабочем столе и назовите, например, «Аватар».
Теперь жмем File – Save image sequence…
Появилось вот такое окошко.
Жмем туда где нарисованы три точки и выбираем папку, в которую хотим сохранить наши кадры ( например «Аватар»). Ниже выбраны форматы, в которых будут сохранены наши кадры, обратите внимание, что должен быть выбран формат Windows BMP. Готово – жмем окей.
Теперь переходим в Image Ready. Файл – Импорт – Открыть папку как кадры.
Наша папка открылась в виде последовательности кадров. Перейдем в фотошоп – там удобнее будет дальнейшая обработка. Для этого жмем Файл – Редактировать в Photoshop. Теперь с помощью кадрирования (ЧИТАТЬ ПОДРОБНЕЕ) обрезаем нужный нам кусочек. И уменьшаем размер до 100*100. (это самый подходящий размер для аватар из видео, потому что они много весят.) Для этого жмем – Изображение(Image) – Размер изображения.
Теперь я думаю нам стоит убрать все лишние кадры. Если у вас ещё не открыто окно анимации, то откройте его – Окно-Анимация. Если у вас не 9 версия фотошопа. То перейдите обратно в Image Ready, таким же способом. Я удаляю кадры через 1 и оставляю наиболее важные. Для этого в окне анимации
Просто нажимаю на иконку с изображением корзины, когда у нас выбран нужный кадр.
Некоторые повторяющиеся или очень похожие можно удалять и не через один. Теперь установим время для каждого кадра. Я установила везде по 0.1 с , вы можете поэкспериментировать с данными параметрами на некоторых кадрах, на которых хотите задержать свое внимание и установить задержку побольше. Итак все вроде готово. Теперь можем сохранять.
Жмем Файл – сохранить для веб. Открывается следующее окно.
Главное, что вам нужно – это просмотреть ваш аватар нажав на плей , потому что в фотошопе и после сохранения результаты всегда немного разные – после сохранения аватар движется быстрее. И ещё вы должны установить формат гиф (см. цифру 1). Также можете поэкспериментировать с качеством(2). Селективное – самое высокое. В остальных случаях видны пиксели. Установили все, что нужно? Жмем окей. Все. Наша аватар из видео готов.
Надеюсь урок расписан понятно! УДАЧИ!!!
Поделиться72009-04-23 13:13:13
Урок по созданию надписи на аватарке!
Открываем необходимую нам аватарку в Фотошопе! Жмем в панели инструментов на ТЕКСТ
Выбираем размер и шрифт текста, какой вам нравится, пишем то, что нужно и сохраняем аватарку с надписью в отдельную папку!!! Туда же помещаем исходную аватарку без надписи.
Теперь переходим в Image Ready.....и делаем следующее⇒
Соответственно открываем ту папку, где наши две аватарки! Видим их в окне анимации, там выставляем "скорость мигания" нашей надписи!
Ну а теперь уже сохраняем нашу аватарку таким способ, чтоб она была анимированной!!!
Все! Ваша надпись готова!
Добавлю, что таким же образом можно добавть две и три надписи......сколько хотите, ХОТЬ РАССКАЗ! Просто на "чистой" авке пишете все, что надо, все аватарки сохраняете в папку, а уже в Имедже располагаете все, как вашей душе угодно!!!
Если, что не понятно, не стесняйтесь!!! Спрашивайте!!!
Поделиться82009-05-07 12:34:56
Урок "вылетающий" текст на аватаре!
Выбираем аватар
Меняем режим на RGB (Изображение/режим/RGB) (Image/Mode/RGB Color)
Делаем надпись(сами выбираете необходимый размер и шрифт, а также расположение на аватаре). Заходим в Стиль слоя (Blending options):
Применяем эффект Обводка (Stroke), размером в 1 пиксель, и Тиснение (Bevel and Emboss) с вот такими настройками:
Теперь нам необходимо растрировать текст, для этого нажимаем правой кнопкой на слой, и ищем Растрировать текст: делаем это так⇒
Теперь нужно создать копию слоя с текстом, для этого нажимаем на этот слой и нажимаем Ctrl+J
Теперь кликнем на копию текста, и применяем к ней фильтр Размытие в движении (Фильтр/Размытие/Размытие в движении...) (Filter>Blur>Motion blur): применяем такие настройки⇒
Теперь у нас есть три слоя: фон, текст и текст с эффектом размытия.
Можно переходить в ImageReady: Окно слоев должно выглядет так, обратите внимание на "глазки"⇒
ну а теперь переходим⇒
Создаем в окне анимации две копии кадра вот этой кнопочкой:
На первом оставляем видимым только фон, на втором размытый текст с фоном, а на третьем нормальный текст с фоном:
ВНИМАТЕЛЬНО СМОТРИМ НА "ГЛАЗОЧКИ" ДЛЯ КАЖДОГО СЛОЯ!!!
Теперь расставляем время: на первый кадр 1 сек., на второй 0.1 сек., и на третий 2 сек.: (а вообще здесь можно проэкспериментировать, и сделать именно так, как вам нравится!!!
Теперь сохраняем полученное: Файл/сохранить оптимизированный как... (File/Save optimize as...)
Вот, что имеем:
УДАЧИ!!!
Поделиться92009-05-25 11:32:43
"Создание статичного аватара с помощью Adobe Photoshop"
Открываем понравившуюся вам картинку!
Если нам нужен какой-то фрагмент, применяем выделение и обрезаем (это называется кадрирование)
Далее смотрим рисунок⇒
(стрелочка влево - инструмент "выделение"
стрелочка вправо - что получаем)
На панели вверху жмем на Image⇒откроется меню.
Жмем на Сrop, и получаем то, что мы выделили⇒
Снимаем выделение с аватара Ctrl+D
Дальше нужно подогнать размер.
Размер выбираем не больше 120х120 пикселей, а лучше 100х100!
Для размера идем в Image, откроется меню, ищем Image Size.
откроется окно ⇒
в первой строчке Width - ширина нашей картинки (рядом правее должно быть написано pixels, если нет - выставить)
строчка ниже Height - высота ( тоже в pixels).
Выставим по высоте 100 пикселей. Ширина подстроится автоматически, если у вас стоит галочка Constrain Proportion!
Поделиться102009-07-06 10:59:12
Урок по созданию надписи на аватарке!
Во! спсибо за полезный урок!
Поделиться112009-10-22 13:08:20
Создание статического (неподвижного) аватара в графическом редакторе Paint.
1)Запускаем графический редактор Paint.
ПУСК -> Программы (Все программы) -> Стандартные -> PAINT
2)Открываем в компьютере необходимую вам картинку
3) Открываем инструмент "выделение"
выделяем необходимую часть картинки...▼
затем правая кнопка мыши и делаем копировать...
4) Создаем новый документ так!▼
следующий шаг▼
выбираем необходимый размер аватара▼
Жмем правка►вставить
за уголочек подбиваем размерчик!!!
Ну и все сохраняем ваш аватар!!!
ГОТОВО!!!
Приятного аватароваяния!!!!
Поделиться122010-04-24 19:25:06
Спасииб за урок!
Поделиться132010-07-24 18:59:29
Спасибо, темы очень интересные, особенно о фотошопе. Я как раз недавно себе поставил, только не знаю как им пользоваться. Вот на этих примерах и поучусь.
Поделиться142021-08-04 14:24:25
Thank you, the topics are very interesting, especially about Photoshop. I just recently set it to myself, but I don't know how to use it. I’ll learn from these examples.