The Sims Life! (одежда, прически, мебель, дома, готовые симы, коробки поз и др.)

Объявление


Наша группа в контакте

_______________________________


Летние коттеджи для ваших симов: 1, 2, 3, 4

Специальное обращение к ролевикам: давайте соберём волю в кулак и доведём квест до победного конца! Дракона на мыло и зелья!)


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

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


Вы здесь » The Sims Life! (одежда, прически, мебель, дома, готовые симы, коробки поз и др.) » Photoshop! » Анимация "Дождь">>Обязателен CS3 или Image Ready


Анимация "Дождь">>Обязателен CS3 или Image Ready

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

1

По просьбе KISS-KA

1. Открываем картинку, приготовленную для анимации (кадрирование, цвет и др. по вашему желанию).
Формат JPEG или PNG. Я беру такую:
http://s004.radikal.ru/i205/1003/e1/6809dd59cd20.png

2. Создаем новый слой.
Кнопку можно увидеть на картинке - обведена красным.
http://i071.radikal.ru/1003/c5/16e14f36b655.png
Второй слой выглядит прозрачным и называется СЛОЙ 1 (LAYER 1)

3. Заливаем черной заливкой этот новый слой.
Кнопку можно найти на скрине:
http://s41.radikal.ru/i092/1003/55/c60d3d171482.png

Если вместо заливки у вас квадратик-градиент - нажмите правой кнопкой мыши на этом месте и выберите нужный нам инструмент.

4. Идем в фильтр – шум – добавить шум (Filter->Noise->Add noise)
Выставляем значения как на картинке ниже:

http://s61.radikal.ru/i171/1003/33/a6e562601d4a.png

Ползунок качества можно менять как больше нравится.

5. Затем идем в фильтр – размытие – размытие в движении (Fiter->Blur->Motion Blur)
угол установите так,как хотите видеть дождь - прямым или наколнным. 
Distance - рсстояние -  аналогично установите по желанию.
чем оно больше,тем дождь интенсивней.

http://s53.radikal.ru/i141/1003/6f/b6c935bf9f8a.png

6.Устанавливаем непрозрачность (opacity) слоя 50% или меньше - зависит от того, насколько тёмная у вас картинка. Да и как вам больше понравится.

http://s002.radikal.ru/i197/1003/b2/9af1cc8da171.png

7. Создаем второй слой, - как в пункте 2.
Проделываем пункты 3,4,5, изменив расстояние (Distance) в размытии в движении.

Изменяйте не намного,чем меньше,тем лучше выглядит. Но чтобы была заметна разница.

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

Вот что получилось у меня:
http://i033.radikal.ru/1003/2d/656e77c41ceb.png

Теперь снимаем видимость со всех трех новых слоев и оставляем видимым только фон - нашу картинку.
для этого щелкаем по глазику слева от картинки, и он пропадает. оставляет глазик только рядом с фоном.
См. как на картинке выше.

8.Идем в Image Ready или остаёмся в Фотошопе.
Открываем окошко "Анимация"

http://s57.radikal.ru/i156/1003/e7/358e5ecb0036.png

Появляется прямоугольное окошко, которое выделено красным на моем скриншоте. с ним и будем далее работать.

Теперь необходимо добавить кадры. Их количество зависит от того, сколько слоев с дождиком вы сделали.
У меня три слоя с дождиком и один - фоновая картинка. Значит нам нужно в общей сложности три кадра.

Щелкаем по выделенной кнопке два раза и получаем эти три одинаковых кадра. :
http://s004.radikal.ru/i206/1003/8a/aaf9ca84b37f.png

Теперь выделяем самый первый и смотрим на панель слоев - где мы убирали глазики со слоев с дождиками.
Видим  слои с дождиком и все без глазиков?
Теперь на слое№1 ставим этот глазик.

http://s61.radikal.ru/i171/1003/62/1f4b776ab6a3.png

далее в окошке анимации выделяем второй кадр, снова смотрим на окошко со слоями и глазиками. Теперь, когда выделен второй кадр у нас, снимаем глазик с слоя №1 (дождик первый) и ставим глазик на слой№2 (дождик второй.)

Далее выделяем в окне анимации третий кадр, снимаем глазик со второго слоя с дождем и ставим у третьего.

Теперь каждому кадру у нас соответствует картинка + свой слой дождя.

1 кадр: картинка и 1й слой дождика (непрозрачность слоя 50%, 30%, какая нравиться)
2 кадр: картинка и 2й слой дождика (непрозрачность слоя 50%, 30%, какая нравиться)
3 кадр: картинка и 3й слой дождика (непрозрачность слоя 50%, 30%, какая нравиться)

Теперь каждому кадру выставляем одинаковое время - я выбрала 0,1 сек. вы можете выбрать свое.

http://s15.radikal.ru/i189/1003/fd/2e3e84739ae7.png

(№1 на скриншоте)

И нажимаем на плей - просмотреть нашу анимацию. (№2 на скриншоте.)

Далее сохраняем в формате GIF.

http://s43.radikal.ru/i101/1003/9a/b988d8cafd97.gif
ГОТОВО =)

Жду ваших вариантов)

Отредактировано Rioka (24-03-2010 16:56:54)

+1

2

Rioka
Именно этой фишкой я и пользуюсь )))

0

3

Rioka
огромное спасибо, очень подробно всё написала, буду учиться,+

0

4

KISS-ka
Старалась))
Успехов)

0

5

вот что вышло....не очень конечно (до твоих точно далеко), но всё таки первый опыт http://i025.radikal.ru/0802/0f/d124e6422d2f.gif

http://s55.radikal.ru/i149/1003/1c/a20279530a86.gif

+1

6

KISS-ka написал(а):

вот что вышло....не очень конечно (до твоих точно далеко), но всё таки первый опыт http://i025.radikal.ru/0802/0f/d124e6422d2f.gif

Огого!! Выглядит отлично) +

0

7

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

Огого!! Выглядит отлично) +

ох спасибо, мне кажется оно того не заслуживает http://i025.radikal.ru/0802/0f/d124e6422d2f.gif
PS похвала мастера, я валяюсь под столом от счастья http://www.kolobok.us/smiles/standart/blush2.gif

0

8

KISS-ka написал(а):

ох спасибо, мне кажется оно того не заслуживает http://i025.radikal.ru/0802/0f/d124e6422d2f.gif
PS похвала мастера, я валяюсь под столом от счастья http://www.kolobok.us/smiles/standart/blush2.gif

Нуу не преувеличивай) действительно здорово вышло)

0

9

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

действительно здорово вышло)

ну ладно, тогда спасибо ещё раз))))

открыть|...

за урок ещё большее спасибо, очень хорошо и подробно всё объяснила :cool:

0

10

Rioka, а где можно скачать  Image Ready?

0

11

Calm angel
Наверное на торрентах... даже и не знаю. Я пользуюсь фотошопом CS3 - он очень удобен тем, что сочитает в себе функции кроме статики + анимацию.
не нужно переходить из одной проги в другую. Лучше скачайте его. опять же, можно поискать на торрентах.

0

12

Rioka, спасибо)) Постараюсь найти

0

13

Calm angel
Удачи в поисках)

0

14

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

0

15

Большое спасибо за урок http://www.kolobok.us/smiles/artists/vishenka/l_daisy.gif
Я уже давно хотела унать, как делать дождь, но везде как-то написано непонятно

0

16

Catsy
Рада стараться)

Calm angel
Я про эту программу ничегошеньки не знаю, поэтому в случае чего помочь именно с ней, увы, не смогу..
А так - к вашим услугам)

0

17

Вот что получилось у меня

http://i080.radikal.ru/1003/8d/938199e9b18d.gif

Отредактировано Calm angel (27-03-2010 13:17:14)

0

18

Calm angel
На втором кадре у тебя наверное время больше чем на первом стояло. получилось мигание, а не непрерывная смена..
Но сам дождик хороший) Попробуй ещё раз? ))

0

19

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

Но сам дождик хороший) Попробуй ещё раз? ))

Спасибо)) Конечно попробую. Завтра покажу другие работы

0

20

Calm angel написал(а):

Вот что получилось у меня

мило, дождик натуральный прям)))

0


Вы здесь » The Sims Life! (одежда, прически, мебель, дома, готовые симы, коробки поз и др.) » Photoshop! » Анимация "Дождь">>Обязателен CS3 или Image Ready