header
Вверх страницы

Вниз страницы

О сериалах и не только

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

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


Вы здесь » О сериалах и не только » Adobe Photoshop » Уроки анимации


Уроки анимации

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

1

УРОК АНИМАЦИИ В ФШ
выбераешь нужные фото и  открываете окно анимации
http://savepic.ru/1351183m.jpg
в появившемся окне анимации будет один кадр
http://savepic.ru/1322511m.jpg
далее сдублируйте данный кадр
http://savepic.ru/1369614m.jpg
в дублированном кадре поменяйте на второе изображение
http://savepic.ru/1353230m.jpg
далее устанавливаете время перехода ваших картинок
http://savepic.ru/1337870m.jpg
так же со вторым кадром
как сохранить?
зажимаете клавиши alt ctrl shift s либо Файл - Сохранить для Web устройств
появится новое окно
http://savepic.ru/1322510m.jpg
нажимаем Сохранить
http://savepic.ru/1312270m.jpg
и готово.
должно получится так

http://savepic.ru/1368577.gif

+1

2

Антонина написал(а):

далее сдублируйте данный кадр
в дублированном кадре поменяйте на второе изображение

Антонина, спасибо тебе за урок (пост 3), самое начало я поняла, но вот эта фраза (выше) повергла меня в ступор- я долго биллась и так и не поняла как его сдублировать в окно анимации, подскажи пожалуйста :flirt:

Отредактировано Glazky (26-08-2010 21:15:27)

0

3

Glazky написал(а):

так и не поняла как его сдублировать в окно анимации

кликни мышкой и твой кадр сдублируется:
http://savepic.ru/1634147.jpg

+1

4

Антонина написал(а):

кликни мышкой и твой кадр сдублируется:

Спасибо, я немного вопрос не так поставила :blush:  Первый кадр я дублировала- это я поняла как, в от дальше... Теперь у меня в окне анимации 2 одинаковых кадра. Я не могу понять, как заменить фотографию в дублированном кадре на другую фотографию.

Отредактировано Glazky (26-08-2010 21:16:22)

0

5

Glazky написал(а):

Теперь у меня в окне анимации 2 одинаковых кадра. Я не могу понять, как заменить фотографию в дублированном кадре на другую фотографию

Маш, а теперь в политре слоёв убери глазик с того продублированного кадра и поставь на том который хочешь заменить, когда запускаешь анимацию убираешь глазики со всех слоёв корме первого и соответствено начинаешь просмотр с первого кадра анимации.

+1

6

Антонина, Nino-ochek, спасибо вам. Я еще посидела с часик и поняла как делать анимацию. До меня долго не доходило, что картинки надо одну на другую наложить, а потом последовательно отключать (включать) глазик и каждый новый кадр фиксировать. Сделала первую в жизни анимацию- получилось страшно, но хоть разобралась. Теперь возьмусь за освоение еще каких-нибудь функций :flag:

0

7

Glazky написал(а):

Сделала первую в жизни анимацию- получилось страшно, но хоть разобралась

Поздравляю Машуля, тоже со своей первой анимашкой долго мучалась пока не поняла что и как , да и сейчес запариваюсь, кстати девчонки я смотрю программа фотошопа многих интересует так вот я выложу уроки З.Лукьяновой по которым сама его осваивала, всё на русском и очень легко, но Вам мои дорогие придётся подождать, полугодие у меня какое то не счасливое, но думаю в скром времени всё пойдёт на плюс.

+1

8

Может кому надо... :flirt:

Ulead Gif Animator (portable)

Не требует активации
Язык: Русский
Совместимость с Vista: полная

http://img12.imageshost.ru/img/2011/02/26/image_4d6819297551c_small.jpg

http://narod.ru/disk/6379706001/Ulead Gif Animator-portable.rar.html

Я им обычно анимахи уменьшаю  8-)

+2

9

Он-Лайн аниматоры

Есть несколько разных эффектов: http://avatar.pho.to/ru/

Тоже с эффектами: http://ru.animations.funphotobox.com/

Простенький, только переход: http://xgif.ru/

+1

10

Антонина написал(а):

открываете окно анимации

Антонин а где это окно??? где оно открывается???

Хочу себе сделать логотип, но такой что б на видео поворачивался, в смысле вращался... Это в этом разделе???

0

11

ИРИНА83 написал(а):

Антонин а где это окно??? где оно открывается???

В ФШ cs5- он уже автоматически присуствует.

http://savepic.org/1860397.jpg

Если у тебя Cs2 - он у тебя идёт отдельно.

0

12

нету у меня такого.

Отредактировано ИРИНА83 (14-06-2011 23:01:25)

0

13

ИРИНА83 написал(а):

ету у меня такого.

какой у тебя фотошоп?

0

14

Антонина написал(а):

какой у тебя фотошоп?

У меня есть 7 и 8-ой.

0

15

ИРИНА83 написал(а):

У меня есть 7 и 8-ой.

я с такими не работаю..Эти версии не доработаны.Лучшие это 2 и 5.

0

16

Я продублировала два одинаковых кадра, но не могу заменить на другой второй кадр.

http://savepic.net/1496377.jpg

Глазик если убираю, убираются все картинки что я продублировала.

Отредактировано ИРИНА83 (17-06-2011 16:47:48)

0

17

Ты когда с дублировала кадры, нажми на тот кадр который хочешь заменить другим изображением.

0

18

Антонина написал(а):

Ты когда с дублировала кадры, нажми на тот кадр который хочешь заменить другим изображением.

Нажала и что????
В окошке Анимации они меняются когда я нажимаю, но не изменяются.

Отредактировано ИРИНА83 (17-06-2011 19:55:52)

0

19

Училась по всем этим урокам, все легко и понятно  http://www.kolobok.us/smiles/standart/i-m_so_happy.gif

Проявляющийся текст
источник: http://colorforum.ru

http://i006.radikal.ru/1108/38/fd3beb708f6e.gif

Открываем картинку, кадрируем, пишем текст.
Затем растеризуйте его (для этого кликните правой кнопкой на иконке слоя с текстом и в выпадающем меню выберите Rasterize Type)
Потом зажмите клавишу ctrl и кликните по иконке растеризованного слоя с текстом. Текст должен выделиться.
Затем НЕ СНИМАЯ ВЫДЕЛЕНИЯ создайте новый чистый слой. И на этом чистом слое, все так же не снимая выделения жмите маску. Ту, что называется add layer mask.
Должна появиться маска, на которой черным будет залит фон, а белым останется текст.
Далее необходимо убрать цепочку между слоем и маской (я нарисовала все по пунктам на картинке), для того чтобы ваша маска не двигалась вместе со слоем.
http://img13.imageshost.ru/img/2011/08/20/image_4e4fae31d5677.gif
Теперь выключите слой с текстом (тот слой, который растеризовали). Не забудьте это сделать, пожалуйста.
Затем кликните правой кнопкой мыши на маску и выберите в выпадающем меню пункт Disable layer mask.
Эта функция позволяет отключить маску на время.
http://img13.imageshost.ru/img/2011/08/20/image_4e4fae5891505.gif
Теперь нажмите на инструмент градиента. Выберите градиент от белого (можно и не от белого, выбирайте любой цвет)  к прозрачному и настройте его так, как показано на скрине. Грубо говоря, чтобы он в обе стороны уходил в прозрачное.
http://img13.imageshost.ru/img/2011/08/20/image_4e4fae9f1933b.gif
http://img13.imageshost.ru/img/2011/08/20/image_4e4fae9fa68d6.gif
Затем нарисуйте градиент (в зависимости от расположения текста. Если текст расположен  горизонтально - то градиент должен быть вертикальный, а если текст вертикальный –наоборот, горизонтальный).
Посмотрите, чтобы градиент не был слишком узок. Но и не был слишком широк.
http://img13.imageshost.ru/img/2011/08/20/image_4e4faedaa87e5.gif
Включите маску (для это кликните на иконку маски мышью и в меню выберите enable layer mask).
Будьте  аккуратны и случайно не сдвиньте маску, кликните на иконку слоя. Подвигайте градиент вверх-вниз (ну или в стороны, если у вас надпись горизонтальная). Надпись должна проявляться.
Если проявляется, то значит, вы все сделали правильно.
Далее делаете анимацию по принципу бегущего блика.
Открываете панель анимации, на первом кадре уводите градиент так, чтобы надписи не было видно совсем. Затем создает второй кадр, и, пробежав градиентом по всей надписи, снова прячете градиент.
Жмете Tween и выставляете количество кадров.
http://img13.imageshost.ru/img/2011/08/20/image_4e4faedb3ae32.gif
результат:
http://s13.radikal.ru/i186/1108/1d/bc1e71dc3955.gif

+1

20

Реалистичное моргание глаз
источник: http://colorforum.ru

http://s46.radikal.ru/i111/1108/d9/ef77fb6923b2.gif

ШАГ 1: Рисование глаз
Один из самых ответственных моментов при создании моргания - нарисовать сами глаза.
Сделать это можно тремя способами:
1. Пластика filter-liguify|фильтр - пластика
Растянуть кожу на веки. Часто подходит для животных. Людям меньше. 
2. Кисть
Нарисовать веки кистью разных цветов. Этот способ подходит для светлых неоднородных глаз. Где нужно нарисовать тени, впадины и т.п. Также это простой способ, если глаза черные (если макияж smoky eyes). Просто закрасить черной кистью.
3. Штамп
Если Вам нужны глаза из текстуры, то подойдет штамп.
Нужно просто дублировать текстуру кожи (шерсти) на глаза.

Все три способа очень хорошие, но подходят под разные исходники.
Цель одна - зарисовать веко, а вот каким способом удобнее - каждый выбирает сам.

Также иногда для моргающих глаз нужны ресницы. Я знаю 2 способа, как их нарисовать:
1. Скачать кисти-ресницы, которых полно в интернете.
2. Нарисовать ресницы карандашиком в 1 пикс, а потом размыть инструментом "Размытие" большого размера.
Это способ для НЕ ленивых. И тех, кто готов сидеть над одной работой очень долго.

Мой способ

http://s013.radikal.ru/i324/1108/19/f48344754ef3.png
Здесь изображена кошка. То есть ее веко в любом случае должно быть с текстурой шерсти.
Я зарисовала веки штампом и ластиком подтерла лишнее. Веки всегда должны быть на новом слое(!)
Именно в моем случае можно было не сидеть со штампом, а просто черной кистью зарисовать, но я не ищу легких путей. Настоящее веко реалистичнее.
Ресницы кошке на этой картинке не нужны.
http://img13.imageshost.ru/img/2011/08/20/image_4e4fd9fe61b00.gif

ШАГ 2: Подготавливаем слои
Многие сохранили бы анимацию в два кадра, но выйдет в любом случае топорно и нереалистично. Для примера я сохранила анимацию в 2 слоя. Ничего хорошего из этого не получилось.
http://i042.radikal.ru/1108/c4/8939bd4ce372.gif
Дубрируйте слой с глазами и жестким ластиком сотрите на обоих веках половину, чтобы получились полузакрытые глаза.
http://img13.imageshost.ru/img/2011/08/20/image_4e4fda9f2bb8a.gif
Итак, мы имеем:
1. слой с кошкой
2. слой с закрытыми глазами
3. слой с полузакрытыми глазами

ШАГ 3: Создание анимации
Данный этап самый сложный, поскольку только хорошо выставленное время создаст хорошую анимацию. Время для каждой работы всегда разное. Я расскажу общий принцип, но его нужно подстраивать под Ваше моргание. Иногда задержка в милисекунду играет очень большую роль. Одинаковая задержка не всегда подойдет под все исходники.
http://img13.imageshost.ru/img/2011/08/20/image_4e4fdaf219ecd.gif
Выставляем кадры:
1 кадр - глаза открыты, задержка 2-3 сек
2 кадр - глаза полузакрыты, задержка 0,1 сек
3 кадр глаза закрыты, задержка 0,15-0,2 сек
4 кадр (дублирует 2 кадр) - глаза полузакрыты, задержка 0,1 сек
http://i004.radikal.ru/1108/0e/30c29998873a.gif

0


Вы здесь » О сериалах и не только » Adobe Photoshop » Уроки анимации