Сердцебиение

1. Создаем новый документ 350 на 350 пикселей RGB. В принципе размеры могут быть любыми, только в дальнейшем это может повлиять на настройки. Поэтому для начала лучше чтобы размер не сильно отличался от нашего.
2. Создаем новый слой Backgroud copy.
3. Рисуем сердце, хотя можно взять уже готовый рисунок. Мы это делаем так. С помощью инструмента Pen Tool рисуем треугольник подобный тому, что на рисунке.


4. Инструментом Add Anchor Point Tool добавляем точки и смещая их делаем подобие рисованного сердца. См. рисунок


5. Windows > Paths > Load path as selection выбираем внизу открывшегося окошка кружок из точек.
6. Наше сердце превратилось выделение, и мы заливаем его с помощью инструмента Paint Bucket Tool. Цвет может быть любым, можно еще добавить градиент и другие настройки по вашему вкусу. Последнее не обязательно.
6. Cоздаем новый слой и называем его plus
7. Создаем семь копий слоя plus нажимая cntrl+j
8. Восьмую копию называем middle.
9. Создаем копию слоя и называем ее minus
10. Теперь аналогичным образом создаем семь копий с названием minus…

Дальше работаем со слоями
11. Выбираем слой plus в палитре Layers и ставим напротив него значок «глаз»
12. Выбираем фильтр Filter > Distort > Pinch. И выставляем диаграмму в соответствии с рисунком


13. Выбираем следующий слой plus copy и нажимаем cntrl+f дважды
14. Для plus copy 2 > cntrl+f три раза
15. для plus copy 3 > cntrl+f четыре раза.
16. для plus copy 4 > cntrl+f три раза
17. для plus copy 5 > cntrl+f два раза
18. для plus copy 6 > cntrl+f один раз
19. Переходим на слой minus выбрав его на панели слоев.
20 Filter > Distort > Shear. И выставляем диаграмму в соответствии с рисунком


21. Выбираем следующий слой minus copy и нажимаем cntrl+f дважды
22. Для minus copy 2 > cntrl+f три раза
23. для minus copy 3 > cntrl+f четыре раза.
24. для minus copy 4 > cntrl+f три раза
25. для minus copy 5 > cntrl+f два раза
26. для minus copy 6 > cntrl+f один раз
Теперь время работать с анимацией. В нашей версии фотошопа – CS 2 можно использовать анимацию в самом фотошопе, если ее нет, то сначала стоит отравить файл в ImageReady. Делается это так File > Edit in ImageReady
Дальнейшие действия и в там и там одинаковые.
27. Windows > Animation
28. В открывшемся окне выбираем слой наводим стрелочку на листок в низу окошка Duplicates selected frame и щелкаем 15 раз. В результате в окне должно получиться 16 frame.
29. Теперь выбираем первое окошко в Animation и выставляем среди слоев «глаз» на против слоя фона – Background и Background copy. Если на этом этапе «глаз» есть еще на против какого-нибудь слоя, его следует убрать.
30. Выбираем в Animation окошко с номером 2 и выставляем «глаз»напротив слоя plus и Background copy
31. И так далее, следующее новое окно анимации по порядку и следующий новый слой получает «глаз» по порядку с низу вверх и остается «глаз» на слое Background copy.
32. Сохранение. Я использую обычно File > Save for Web параметры могут меняться в зависимости от цветовой гаммы, но формат может быть только GIF иначе анимация не сохраниться.