Сделать стартовой  |  Добавить в избранное  |  RSS 2.0
О нас  |  Статистика  |  Обратная связь
Поиск по сайту: Расширенный поиск по сайту
Регистрация на сайте
Забыли пароль?

Навигация

Календарь
«    Ноябрь 2017    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 



» Создаем Анимацию Сердце, которое бъется в Фотошопе
18-04-2013, 16:31 | Уроки Photoshop » Анимация | автор: Svetik-semitsvetik | Просмотров: 1094
Создаем Анимацию Сердце, которое бъется в Фотошопе

В данном уроке мы создаем изображение бьющееся сердце в Adobe Photoshop.

Результат:

Создаем Анимацию Сердце, которое бъется в Фотошопе

Приступаем к уроку

Этап 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 нажимая ctrl+j.

Этап 8. Восьмую копию называем middle.

Этап 9. Создаем копию слоя и называем ее minus.

Этап 10. Теперь аналогичным образом создаем семь копий с названием minus

Дальше работаем со слоями:

Этап 11. Выбираем слой plus в палитре Layers и ставим напротив него значок «глаз».

Этап 12. Выбираем фильтр Filter > Distort > Pinch. И выставляем диаграмму в соответствии с рисунком:

Создаем Анимацию Сердце, которое бъется в Фотошопе

Этап 13. Выбираем следующий слой plus copy и нажимаем ctrl+f дважды.

Этап 14. Для plus copy 2 > ctrl+f три раза;

Этап 15. для plus copy 3 > ctrl+f четыре раза;

Этап 16. для plus copy 4 > ctrl+f три раза;

Этап 17. для plus copy 5 > ctrl+f два раза;

Этап 18. для plus copy 6 > ctrl+f один раз;

Этап 19. Переходим на слой minus выбрав его на панели слоев.

Этап 20. Filter > Distort > Shear. И выставляем диаграмму в соответствии с рисунком:

Создаем Анимацию Сердце, которое бъется в Фотошопе

Этап 21. Выбираем следующий слой minus copy и нажимаем ctrl+f дважды.

Этап 22. для minus copy 2 > ctrl+f три раза;

Этап 23. для minus copy 3 > ctrl+f четыре раза;

Этап 24. для minus copy 4 > ctrl+f три раза;

Этап 25. для minus copy 5 > ctrl+f два раза;

Этап 26. для minus copy 6 > ctrl+f один раз;

Теперь время работать с анимацией. Начиная с – CS версии можно использовать анимацию в самом фотошопе, если ее нет, то сначала стоит отравить файл в 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 иначе анимация не сохраниться.

Результат:

Создаем Анимацию Сердце, которое бъется в Фотошопе

Автор: Боль

При копировании данного урока, активная ссылка на наш форум http://forum.photo-manual.ru/ обязательна.
 
| Комментарии (0) | Распечатать
 
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

Другие новости по теме:

  • Анимируем Текст - Создаем Танцующий текст
  • Делаем неоновую анимацию текста в Фотошопе
  • Создаем Футурестичный текст в Фотошопе
  • Эффект скрытой камеры - Анимация в Фотошопе
  • Создаем Горящий, пылающий текст в Фотошопе
  • 474: Создаем Анимацию Сердце, которое бъется в Фотошопе18 апреля 2013: Создаем Анимацию Сердце, которое бъется в Фотошопе!
    Создаем Анимацию Сердце, которое бъется в Фотошопе.
    Создаем Анимацию Сердце, которое бъется в Фотошопе
     

    Популярные
    статьи


    Опрос

    Лучший из новостных
    Неплохой движок
    Устраивает ... но ...
    Встречал и получше
    Совсем не понравился




    Главная страница  |  Регистрация  |  Добавить новость  |  Новое на сайте  |  Статистика  |  Обратная связь
    Яндекс.Метрика