Вторник, 07.05.2024, 10:57
Приветствую Вас Гость | RSS

ПРОФИЛЬ
Вторник
07.05.2024
10:57

[ Управление профилем ]

ГАЛЕРЕИ И РЕЙТИНГ

Галереи авторов
Топ анимаций


МЕНЮ САЙТА
 
 

https://img-fotki.yandex.ru/get/15579/37009792.25a/0_b3eee_f493d981_orig

 

FLASH

Google

С ДНЕМ РОЖДЕНИЯ!

СЕГОДНЯ ОТМЕЧАЮТ:

Patap(38), Sydaypoorpott15280(42), Kneemmoikecek(32), 99aa-kuzmin(44)
 

 

ЧАТ

ГРАФИКА, ДИЗАЙН

ТОП АВТОРОВ


BagIra
Анимаций:4706
Репутация: 46
Сообщений на форуме:741


АссОль
Анимаций:3497
Репутация: 5
Сообщений на форуме:0


Аленький
Анимаций:3429
Репутация: 20
Сообщений на форуме:0


Svetilo
Анимаций:2107
Репутация: 15
Сообщений на форуме:0


missOlga
Анимаций:1789
Репутация: 60
Сообщений на форуме:0


Barkov
Анимаций:1334
Репутация: 3
Сообщений на форуме:0


Ангел
Анимаций:1312
Репутация: 7
Сообщений на форуме:0


Lamerna
Анимаций:1195
Репутация: 105
Сообщений на форуме:0


Галина7114
Анимаций:1187
Репутация: 3
Сообщений на форуме:0


Галина
Анимаций:1161
Репутация: 18
Сообщений на форуме:0

...

СТАТИСТИКА

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Поисковый анализ сайта

Рейтинг@Mail.ru

Яндекс.Метрика


Главная » Анимация » Уроки анимации


Урок анимации. Совмещение двух изображений в формате GIF
22.01.2016, 21:47
На данный момент существует масса полезных вещей, которые значительно облегчают работу аниматора. Например, фоны, анимированный клипарт и эффекты для анимаций. На примере таких полезных вещей я покажу, как сделать тематическую анимашку за несколько минут.
Я взяла вот такие полезные вещицы - анимированный фон и анимированную надпись (огромная благодарность DIZa  respect )






Соответственно, обе картинки в формате GIF, и нужно сделать из них одну анимацию. Открываем обе анимации в Photoshop. Первой, с чего мы начнем работу, будет надпись, ее слои мы выделяем - правой кнопкой мыши по любому слою - выделить похожие слои. Выделенные слои мы перетаскиваем на картинку с изображением фона (!), не в слои фона, а на основное изображение (!). Вот, что должно получиться



Затем активируем инструмент "Перемещение", ставим галочку на "Показать управляющие элементы" (это обязательно, иначе, если мы просто перемещением сдвинем надпись, то это отразится в анимации), и передвигаем надпись в нужно нам место на картинке.



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





Когда выставляем соотношение кадров, то необходимо поменять режим наложения на "Экран", на каждом кадре фона, иначе наша надпись будет видна только на первом слое



Вот и все. Сохраняем



Результат



Еще пример совмещения.

 
 
 
 
Оценить работу автора:
 
 
HTML-код для сайтов:

BB-код для форумов:

 
Категория: Уроки анимации | Добавил: Разные-авторы | Теги: photoshop, Блеск, анимация, уроки анимации
Просмотров: 690 | Загрузок: 0 | Комментарии: 1 | Рейтинг: 5.0/2
Всего комментариев: 1
0
1   [Материал]
ПРЕКРАСНЫЙ УРОК!!! СПАСИБО НАТАШЕНЬКА!!! blagodarju clapping otlichno2 Om37 big-11

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
МЫ В СОЦСЕТЯХ


ПОВСЕДНЕВНЫЕ

Google

ПРАЗДНИКИ

ДЛЯ ТВОРЧЕСТВА

Google

НАШ БАНЕР
DALE - анимация, анимированные картинки, открытки

Мы будем Вам очень признательны, если Вы разместите нашу кнопку на своем сайте


ДРУЗЬЯ САЙТА
 DiZona – все для Photoshop
 
 DiVA - Анимация
 
Ultraviolet - анимация, графика, дизайн
 
SuprGif - Самая лучшая анимация
 
GIF & FLASH - анимация, флеш-открытки для Вас
 
DIZONA
 
 Kubines - Оформление системы
 
Анимация.GIF - Elza
 
 fleshmagik - Флеш анимации Музыкальные открытки
 
Мир авторской анимации
 
Graphicsector - Все для дизайна и графики
 


GifCool.ru © 2024
Сайт управляется системой uCoz