Главная | Регистрация | Вход Приветствую Вас Гость | RSS
Меню сайта
Разделы
Уроки Abrosoft FantaMorph [4]
Рисовалки онлайн [1]
Текстуры [10]
Текстуры для аватар
Колоризация и наложение текстур [75]
Юзербары [1]
Уроки Photoshop [12]
Мои обои [1]
Скрап наборы [0]
Баннеры друзей [1]

Song to Say Goodbye

Zeraphine-Kaltes Herz

Solar Fake-Here i Stand

Zeraphine-Be My Rain

JP Leppaluoto-Sydntalvella

Charon-DesireYou

Charon-BitterJoy

Kamelot-Pendulous Fall

Kamelot-March Of Mephisto

Abyssphere-О ней...

Abyssphere-Театр одного актера

Lacrimas Profundere-Short Glance

Lacrimas Profundere-Solicitude Silence

The 69 Eyes-Brandon Lee

The 69 Eyes-Sleeping With Lions

Feeder-Piece by Piece

Dark Moor-The Chariot

Elvenking-RomanceWrath

Elvenking-TheDividedHeart

Nightwish-Ever Dream




Главная » 2009 » Август » 26 » Объединяем видео и статичное изображение для аватара
Объединяем видео и статичное изображение для аватара
19:38
В этом уроке научимся вставлять видеоизображение на статичную картинку-фон. Урок сделан на примере моего аватара.
(картинки кликабельны - нажимайте на них для увеличения).
 
1. Окрываем вырезанный кусок видео в Adobe ImageReady (как вырезать нужный кусок видео в программе Virtual Dub из фильма рассказано тут сделайте там пункты 1, 2 и 3Скачать Virtual Dub).
 
У меня вот этот видеофрагмент получился.

2. Переходим в Фотошоп (нажав на панели инструментов самую нижнюю кнопку, смотрим изображение ниже, указано красной стрелкой)

3. Всё, этот видеофрагмент открыт в фотошоп.
Отройте панель анимации (она нам пригодится в дальнейшей работе), если она у вас закрыта, откройте так: Window - Animation.

4. Теперь откроем Изображение - картинку-фон, на которое будем помещать видеофрагмент.
У меня вот эта картинка:

5. На панели инструментов выбираем Crop Tool (рис. а), выставим нужный размер будующего аватара, допустим 120х120 px (соответственно если нужен другой размер аватара выставить другие значения в пикселях)  (рис. б)
(px обязательно припишите к цифрам, как на картинке!):

6. Выделяем инструментом Crop Tool нужный фрагмент в картинке-фоне (см. рис. ниже)
(выделение можно увеличивать-уменьшать курсором за уголки выделения и можно передвигать в любую сторону, отмена выделения клавишей Esc).
Нажать подтверждение Enter (при этом картинка-фон уменьшилась и стала 120х120 px (см. рис. ниже):
Обрезая изображение, продумайте куда бы вы хотели поместить кусочек видео, в данном случае, видеофрагмент будет распологаться в правом нижнем углу.

7. Теперь, займёмся видео.
И как узнать какой размер должен быть у видео?
Иногда я это делаю так:
   1) открываю такую панель: Window - Info;
   2) на панели инструментов беру Rectangular Marquee Tool (рис. а) и этим инструментом выделяю область где нужно поставить видео (рис. б);
   3) на панели Info видим нужный нам размер в пикселях (рис. в), запомним его ( у меня значения 58х48 px):

8. Возвращаемся к видеофрагменту, нужно вырезать видео нужного нам размера - 58х48 px.
Инструментом Crop Tool, при этом выставив нужный размер в пикселях (смотрите выше пункты 5 и 6, только там значения вместо 120х120 px будут 58 px на 48 px ) вырезаем нужный фрагмент:
9. Вот этот уменьшенный видеофрагмент:

10. Теперь нужно видеофрагмент совместить с картикой-фоном.
Переключимся на видеофрагмент (если есть необходимость).
Вспомним нужный нам размер аватара, это 120х120 px (значит, нам нужно увеличить площадь с видеофрагментом, чтобы поместить на задний план картинку-фон).

Идём Image - Canvas Size:

11. В открывшемся окне выставить нужные значения, обязательно выбрать пиксели (см. рис. ниже):
 
Вот так выглядит видеофрагмент:
12. Передвинем наш видеофрагмент в правый нижний угол.
Для этого нужно выделить все кадры и все слои
(для выделения кадров - на панели анимации выделим первый кадр и с зажатой клавишей Shift выделяем последний кадр, выделились все кадры (рис. а).
Для выделения слоев - на панели слоёв (Layers), выделяем первый слой и  с зажатой клавишей Shift выделяем последний слой, все слои выделены (рис. б).
Теперь можно передвинуть видеофрагмент в нужный угол (рис. в)

13. Перенесём картинку-фон к видеофрагменту.
На видеофрагменте выделите первый кадр на панели анимации и первый слой на панели слоев, чтобы не было проблем при передвижении заднего фона-картинки.

Возвращаемся к картинке-фону и перетаскиваем её к видеофрагменту, отцентрируйте её, просто передвигая. Однако, мы видим, что на первом кадре картинка перекрывает первый кадр. Выделяем на панели слоёв - слой с картинкой-фоном и перетаскиваем вниз, теперь всё правильно:

14. На панели анимации, нажимаем Play (рис. а), смотрим что получилось.
Можно выбрать нужную скорость в секундах (рис. б)
и обязательно зациклить анимацию - поставить Forever (рис. в):

Всё Готово!

Дальнейшая обработка аватара, зависит уже от вашей фантазии.
Например, можно видеофрагмент поместить в рамочку, нарисовав её самостоятельно или применив кисти:
можно применить колоризацию, текстуры.

Вот что у меня получилось:
Категория: Уроки Photoshop | Просмотров: 4868 | Добавил: Poison | Рейтинг: 5.0/2 |
Всего комментариев: 8
14.11.2009
Poison, спасибо за помощь, сейчас уже лучше качество, буду еще колдавать над настройками

14.11.2009
7. Ligeia (Poison) [Материал]
Juli-Vampire, вот посмотрите, как сохранить gif (в ImageReady)
пример

14.11.2009
6. Ligeia (Poison) [Материал]
Сохраняли в ImageReady или в фотошопе?
Вы, вероятно, сохранили с неправильными настройками. Сейчас, покажу на скриншоте, как сохранять gif (подождите немного)

14.11.2009
сделала, все получилось, но когда сохранила, качество получилось ужасное, что делать не знаю, помогите пожалуйста:'(
Вот что получилось:

12.11.2009
4. Ligeia (Poison) [Материал]
Пожалуйста, пробуйте-учитесь))
Если что-то будет не понятно, спрашивайте, помогу разобраться.

12.11.2009
класс, почитала, вроде не так все и сложно, завтра буду пробовать biggrin Спасибо за урок

27.08.2009
2. Ligeia (Poison) [Материал]
Пожалуйста, учись biggrin

27.08.2009
1. Ксения (Tin) [Материал]
Я так давно хотела этому научиться!!! smile
Спасибо тебе!!! ты моя спасительница!! biggrin

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа
Календарь
«  Август 2009  »
ПнВтСрЧтПтСбВс
     12
3456789
10111213141516
17181920212223
24252627282930
31
Кнопка сайта


код баннера

Друзья сайта

аватары и прочая авторская графика,все для фотошопа, дизайны на заказ

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Рейтинг@Mail.ru Rambler's Top100 Яндекс цитирования www.popularsite.ru
Copyright MyCorp © 2024
Сайт управляется системой uCoz