Без заголовка |
|
украшений из полимерки |
|
Анимация частей картинки с помощью маски.Урок для Adobe Flash. |
Метки: УРОКИ |
Урок фотошопа - Комбинированная анимация |
Сегодня я хочу вам показать один из вариантов комбинированной анимации. Это не
урок, а скорее совет по распределению слоёв по кадрам в комбинированной
анимации.
Метки: УРОКИ |
анимация картинки |
В фотошопе есть интересный способ создать эффектную анимацию смены двух картинок. Если воспользоваться функцией создания промежуточных кадров (tween), получится красивая анимация появления другой картинки.
Создается анимация такой картинки очень просто. Для этого нужно подготовить две подходящие картинки. Но вначале сделаем или откроем готовый фон , чтобы при анимации не было прозрачных пикселей.
1-Файл-открыть.
Если будете делать анимацию со своими картинками, нужно сделать все картинки одного размера. Делаем так: открыли картинку и идем "изображение-размер изображения". В открывшемся окне поставить нужные размеры ширины и высоты. И так для каждой картинки.
(Кликните по изображению и картинка откроется в полном размере и ее можно будет сохранить на свой компьютер.)
Окно слоев пока с одним слоем.
2- Открыть картинку с изображением девушки.
3- В окне слоев разблокировать слой "фон".(Кликнуть по слою два раза левой кнопкой мыши и, в появившемся окошке-OK)
4- Инструментом "перемещение" перетащить изображение девушки на красный фон.
В окне слоев уже будет два слоя.
Картинка у нас теперь такая.
5-Открыть файл с цветами.
6- Разблокировать слой в окне слоев и инструментом "перемещение" перетащить изображение с цветами на изображение с девушкой. Изображение девушки окажется под картинкой с цветами.
Перед тем, как будет создана анимация картинки, сделаем обводку. Для этого нужен новый слой.
7-Слой- новый-слой.
Чтобы сделать обводку, нужно выделить всю картинку.
8-В окне слоев кликнуть по миниатюре слоя с цветами, одновременно на клавиатуре нажав Ctrl.
По периметру картинки появится выделение
9-Редактирование-выполнить обводку. В появившемся окне поставить размер ширины обводки, выбрать цвет,(можно любой) , выбрать расположение обводки " внутри" .
Теперь уже выделение не нужно, его надо снять.
10-Выделение-отменить.
11-Откроем узор для обводки.
12-Редактирование-определить узор. В появившемся окошке "OK". Картинку с узором можно закрыть.
13- В окне слоев кликнуть по миниатюре слоя с обводкой, одновременно нажав Ctrl.
на картинке появится выделение вокруг обводки.
14- Редактирование-выполнить заливку.
15- В появившемся окошке выбрать "регулярный" и затем выбрать свой узор.
Добавим обводке тень.
16- Слой- стиль слоя- тень. Параметры можно оставить по умолчанию.
Картинка готова, теперь приступим к анимации.
17-В окне кадров на первом кадре выставить время 0,2 сек.
18- В окне кадров сделать дубликат первого кадра, кликнув по значку копирования.
19-В окне слоев выключить глазок на слое с цветами, кликнув по глазку.
20-В окне кадров кликнуть по первому кадру, активировав его, и нажать на значок tween ,
а, в появившемся окошке , выставить количество кадров. У меня 15.
В окне слоев появится 17 кадров. (2 было и прибавилось 15)
21-Кликнуть по последнему кадру и, нажав Shift, по первому кадру . Все кадры выделятся.
22- Нажать на маленький треугольник в окне кадров вверху,
в появившемся окошке выбрать "скопировать кадры".
Снова нажать на этот треугольник, выбрать " вставить кадры" и, в появившемся окошке, "OK"
Еще раз нажать на треугольник, выбрать "обратный порядок кадров"
23- В окне кадров поставить время на последнем кадре 1 сек.
Затем при помощи бегунка найти 17 кадр и 18, поставить время на этих кадрах по 1 сек.
И на первом кадре тоже поставить время 1 сек. Нажать на значок пуска
и посмотреть, как получилась анимация картинки.
24- Файл-сохранить для Web и устройств ( в Gif).
Таким способом можно сделать анимацию, добавив рамку и другую анимацию или использовать не две, а несколько картинок. А замечательный коллаж с таксами сделала Ina, источник
В следующем уроке рассмотрим еще один способ появления второй картинки.
Серия сообщений "анимация движения в разных программах":
Часть 1 - Gimp: Установка анимационного пакета GAP в Gimp
Часть 2 - Gimp:Создание анимационных картинок с Gap. От простого к сложному.
...
Часть 32 - анимация
Часть 33 - анимация
Часть 34 - анимация картинки
Часть 35 - >Бродилка по авторам анимации + ПРИГЛАШЕНИЕ
Часть 36 - Программа для создания GIF из видео
Метки: ФОТОШОП |
Моргание с помощью пластики |
Исходный материал:
Результат:
Метки: УРОКИ |
Футажи в BluffTitler. |
Серия сообщений "BluffTitler Pro ":
Часть 1 - BluffTitler Pro 11.1.0.2 MegaPack
Часть 2 - Урок 1 Знакомство с BluffTitler
...
Часть 4 - Урок-подсказка для работы в BluffTitler
Часть 5 - Re[2]: Урок Виктора Веденеева. Как работать в программе BluffTitler
Часть 6 - Футажи в BluffTitler. автор Танюша К.
Часть 7 - Уроки по BluffTitler
Часть 8 - BluffTitler iTV 10.1.1.0 Rus Portable by Valx
...
Часть 25 - Сверкающие молнии в BluffTitler
Часть 26 - Земля в иллюминаторе (BluffTitler)
Часть 27 - Урок 31 Аквариум с 3D рыбками в BluffTitler
|
Урок по созданию рамочек с разрывом от MissKcu |
Коды для рамочек
1. Рамочка с разрывом (картинка или текст) и с фоном
2. Рамочка с разрывом (картинка или текст) без фона
3. Просто рамочка, без разрыва и без фона, вокруг вашего текста
Серия сообщений "Мои уроки по Ли.ру":
Часть 1 - Урок создания прозрачного фона от MissKcu
Часть 2 - Как вставить разделители в пост. Урок от MissKcu
...
Часть 10 - Создаем кнопку-переход на свой блог
Часть 11 - Урок по написанию поста на Ли.ру от MissKcu
Часть 12 - Урок по созданию рамочек с разрывом от MissKcu
Часть 13 - Урок по созданию красивой рамочки от MissKcu
Часть 14 - Как изменить фон сообщений в понравившемся дизайне для днева.
...
Часть 19 - Как вставить Плейкаст в свой Дневник (блог на Привете). Урок от MissKcu
Часть 20 - Убираем стандартную схему
Часть 21 - Картинки с подписью и без. Урок от MissKcu
Метки: ВСЕ ДЛЯ БЛОКА |
Урок анимации "Живые цветы" в программе Corner-A ArtStudio+Фотошоп. |
|
Метки: УРОКИ |
Без заголовка |
Метки: УРОКИ |