Для новичков важно знать
Словарь Photoshop

Инструменты Photoshop

 Горячие клавиши photoshop.

 Таблица «безопасных» цветов
Основы программы Adobe Photoshop.
Новые кисти и др .

BIG Photoshop Pack 2019 

Клипарты png - Пиво 

Красивые png - Игрушечные самолеты 

Растровый клипарт - Кольца и перстни 

Фотошоп прозрачный - Подснежники 

Красивые png - Куча пауков 

Клипарты png - Велосипеды 
Adobe Photoshop CS3
Скачать Adobe Photoshop CS3 v10 Lite RUS
Новые Уроки Photoshop

Vue Advanced Продвинутый курс по разработке SPA (2021) 

Автоматизация тестирования REST API на Python (2021) 

Асинхронная архитектура (2021) 

Unreal Engine 5: быстрый старт (2021) 

CI/CD для JavaScript-разработчика (2021) 

Selenium Python - Автоматизация браузера и парсинг данных (2020) 

Формула акрила (2021) 

Тайны Photoshop

Каталог статей

Главная » Статьи » Уроки анимация

Урок -Большая прогулка Винни Пуха
Вначале давайте, в общих чертах, обрисуем чего мы собственно хотим добиться на нашем занятии. Итак, у нас есть gif анимация целеустремленно идущего куда-то Винни Пуха. Видимо пытающегося выбраться из пустоты прозрачного фона, в места ему более привычные. Мы ему поможем осуществить это желание, по травке пустим его прогуляться, ну небо там с солнышком предоставим, елки-палки разные. А чтобы придать прогулке анимационной вид сходства с реальностью, используем принцип относительности движения (да простит нас великий Альберт Эйнштейн за эти вольности в трактовке его великой теории). А как мы эту самую относительность движения применим в данном случае - о том читайте далее ....

Большая прогулка Винни Пуха (анимация)

1. Запускаем Image Ready. Открываем в ней эту gif - анимацию. Видим семь кадров расположенные на отдельных слоях. Прекрасно, продолжим - сохраняем теперь все это в формате psd.
File - Save As (Файл-Сохранить Как)
Теперь разнообразные манипуляции с изображением будет попроще проводить.

Кликните для увеличения:
Большая прогулка Винни Пуха (анимация)

2. Теперь увеличим размер холста. Ну скажем сделаем нашу картинку размером 250х150 пикселов. Все очень просто: в верхнем меню выбираем :
Image - Canvas Size (Изображение-Размер Холста)
Появится такое вот диалоговое окно. Смотрите на картинку и поступайте так же.

Кликните для увеличения:
Большая прогулка Винни Пуха (анимация)


3. После проделанных манипуляций холст и вправду увеличился!

Кликните для увеличения:
Большая прогулка Винни Пуха (анимация)


Вообще-то, строго говоря, можно было полностью провести всю дальнейшую процедуру рисования и анимации в Image Ready. Но так просто бывает не всегда. Потому сохраняем результаты работы - и переходим в Photoshop.

4. Собираем слои с Пухом в одну папку. Под нею создаем слой Sky - заливаем его голубым, небо все - таки. Пеперь - щелк на папке с Пухом и передвинем его изображения поближе к центру. Пусть гордо шагает в центре кадра!

Кликните для увеличения:
Большая прогулка Винни Пуха (анимация)


5. Теперь нарисуем почву у висящего в пустоте Пуха под ногами (эллипс), дерево, в нашем случае вышла елка, которую потом размножим (дублировать слои), в дальнейшем слои с елками или сложите в папку, либо обьедините - кому как нравится. Вся процедура представлена на анимации пониже. Впрочем рисовать обьекты можете как и чем угодно. Или брать готовые картинки. Тут как фантазия подскажет ....

Кликните для увеличения:
Большая прогулка Винни Пуха (анимация)


6. Ну вроде как все подготовлено, для анимации. Потому опять в Image Ready друзья! Там нам теперь только и придется, что обьекты двигать, да слои включать - выключать.

Но для начала, представим общую картинку в движении. Итак у нас идет Пух, камера зафиксирована на нем. Мимо него проплывают деревья, облака и прочие предметы. Так вот сделаем мы это в строгом соответствии с принципом относительности Эйнштейна! Не читали еще?! Впрочем, не волнуйтесь ... и не придется. О чем это мы? Ах да, об отностительности - суть нашего метода будет состоять в том что Пух себе неподвижно будет шагать на месте, а относительно него будет смещаться фон (в нашем случае деревья)! Иллюзия движения при этом будет весьма полной.

Кликните, чтобы увеличить:
Большая прогулка Винни Пуха (анимация)


7. Итак мы перешли в Image Ready. Теперь смотрите на картинку вверху. Технология нашей работы такова: переходим на кадр 1 - смещаем изображение деревьев в некое крайне правое положение, затем переходим на кадр 2 - смещаем их левее, и так далее. Постарайтесь расположить их так как показано на панели анимации внизу. Деревья как бы проплывают мимо Пуха. Время задержки кадров, количество цветов - все на картинке можно без труда увидеть. Впрочем все эти советы - не догма, а скорее руководство к действию. Смелее экспериментируйте! А получиться у вас должно что-то подобное картинке внизу.

Большая прогулка Винни Пуха (анимация)

А у нас с Винни Пухом, после Большой Прогулки по Дремучему Лесу получилось вот что



Исходники файлов, необходимых для данного урока можно обнаружить тут (zip, 52 KB)


А мы на этом закончим ... в этот раз. Удачи друзья!
Категория: Уроки анимация | Добавил: Admin (20.02.2009)
Просмотров: 1480 | Комментарии: 1 | Рейтинг: 4.5/2
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Пятница
17.05.2024
11:46
Категории каталога
Основы или Уроки для чайников [49]
Как установить кисти ,фильтры,экшен и многое другое..
Уроки Разные эффекты [97]
Уроки - Обработка фото [1465]
Уроки CorelDRAW [3]
Уроки-Работа с текстом [65]
Уроки анимация [106]
Уроки-Дизайн/Рисование [478]
Уроки - Вырезаем обьекты из фона [6]
Уроки-Фотомонтаж [335]
Форма входа

Поиск
Друзья сайта
     
      Зарабатывайте вместе с UcoZ! 
    Статистика

    На сайте : 1
    Гостей: 1
    Пользователей: 0
    Наш опрос
    Оцените мой сайт
    Всего ответов: 368
    Мини-чат