Сегодня
14 августа 2018
20:35
Вход Sign In Регистрация Sign Up Забыли пароль ? Forgot password ?
VARVE - Урок 2 Создаем и обрабатываем команды меню.
       
подробнее...

Теги

сайты, игры, дизайн, продвижение, php, html, css, my sql, c++, delphi, photoshop, 3ds max, fl studio, трекерская музыка, уроки

Статьи сайта

Нечто Необъяснимое - пре релиз

megainformatic cms admin

megainformatic cms admin

Основы создания 3d игр - проект Тайны Морских Глубин

уроки delphi directx 8.1 3d - Основы Вращений и Управления камерой

megainformatic cms seo

Моделируем девушку в 3ds max - Создаем скелет для модели

Моделируем девушку в 3d - Подготовка 2d-эскиза тела человека

megainformatic cms stat kit

megainformatic cms seo

Теория и практика 3d игр - О Кватернионах

Теория и практика 3d игр - Основы теории векторов

Теория и практика 3d игр - Важные замечания

Моделируем девушку в 3d используя 3ds max - Подготовка к моделированию ноги - готовим ширму

Моделируем девушку в 3d используя 3ds max - Выполняем моделирование ноги

Моделируем девушку в 3d используя 3ds max - Улучшаем созданную модель женской ножки

megainformatic cms stat kit

Подводная лодка и подводный мир

megainformatic cms - Форма для смены шаблонов сайта - модуль template selector

megainformatic cms social

megainformatic cms social Руководство пользователя

megainformatic cms - Форма для смены шаблонов сайта - модуль template selector

модуль слайдера

ТЗ на сайт коллективных покупок

Моделируем девушку в 3ds max - Знакомимся с основами анимации созданного персонажа

Моделируем девушку в 3ds max - Знакомимся с основами анимации созданного персонажа страница 2

Поддержка сайтом нескольких языков - модуль multi lang

Моделируем девушку в 3ds max - Выполняем экспорт созданной модели в формат X

Моделируем девушку в 3d используя 3ds max - другие статьи сборника статей - обзор

установка нового шаблона в joomla 2.5.4

Описание продукта megainformatic cms social

Моделируем девушку в 3ds max - Рассматриваем особенности работы с анимированными персонажами в приложениях C++ DirectX 9

Моделируем девушку в 3ds max - Подводим общие итоги проделанной работы

megainformatic cms groupon

дизайн сайта строительной компании УЛЬТРА-СТРОЙ

Тестирование подключения платежной системы

Выпадающее окно регистрации на сайте

Тестирование подключения к платежной системе с использованием скрипта эмулятора

Модуль для регистрации пользователя на сайте

Код для модуля регистрации пользователя на сайте

Быстрый подсчёт ключевых слов в статье

Модуль подсчёта ключевых слов в статье

Онлайн-сервис для подсчёта статистики ключевых слов

Пишем слайдер на javascript с нуля

Логика работы слайдера на javascript

Пишем свою соц. сеть - модуль предложений для webjob

Пишем свою соц. сеть - модуль предложений для webjob - часть реализации для личного кабинета

Пишем свою соц. сеть - Реализация файлового хранилища предложений в csv-файле

Тестирование подключения к платежной системе ЕДИНЫЙ КОШЕЛЕК (w1.ru) с использованием скрипта эмулятора

Пишем свою cms - шаг 1

Пишем свою cms - шаг 2

Пишем свою cms - шаг 3

бесплатная флеш игра freeway fury 2 - разработчик Serius Games

бесплатные флеш игры сторонних разработчиков

Как я осваивал Flash

Список уроков на тему создания flash приложений и игр

Как я осваивал Flash - шаг 2 - Основы создания простейших flash - игр

проект портала Идеи Комфорта

игра Веселый Буквоежка

игра Веселый Буквоежка

Использование cron, crontab и планировщика задач

Совместное использование jquery и mootools или других js-фреймворков

Модуль content php performer для megainformatic cms

Пишем компактный слайдер

Что нужно знать для создания сайта ?

Что нужно знать для создания сайта ? Глава 2 - Кодировки и DOCTYPE

Что нужно знать для создания сайта ? Глава 3 - Идём дальше - нанизываем новый код - где объявляются стили css и код javascript

Что нужно знать для создания сайта ? Содержание

Что нужно знать для создания сайта ? css - стили

preg_match или Использование регулярных выражений в php

статьи Тимонина Андрея - Flash. Содержание

статья Тимонина Андрея - Flash. Подготовка к работе.

статья Тимонина Андрея - Flash. Hello world.

статья Тимонина Андрея - Flash. Экспорт SWC библиотеки.

Тимонин Андрей - Несколько слов о себе

статьи Тимонина Андрея - уроки из области веб программирования, создания казуальных игр

статья Тимонина Андрея - Обеспечиваем доступ к объекту из любой точки программы. Singleton

статья Тимонина Андрея - Хронология работы программы. Создаем Лог

статья Тимонина Андрея - Поиск файлов. Получаем список файлов каталога.

статья Тимонина Андрея - Исключения. Создаем класс обработки исключений.

статья Тимонина Андрея - States. Создаем менеджер состояний игры.

статья Тимонина Андрея - Регистрация. Часть 1. Создаем страничку регистрации на сайте.

статья Тимонина Андрея - Регистрация. Часть 2. Создаем обработчик, и заносим информацию о пользователе в Б.Д.

статья Тимонина Андрея - Таймер. Выводим время игры.

статья Тимонина Андрея - DirectX9. Создаем основной класс обработки графики.

статья Тимонина Андрея - DirectX9. Создаем первое приложение.

Что нужно знать для создания сайта ? float - использование в css - стилях

Уроки Fruity Loops Studio (FL Studio) - урок 2 - пишем свою композицию COLD

Уроки Fruity Loops Studio (FL Studio) - урок 3 - экспериментируем с композицией COLD

Что нужно знать для создания сайта ? Стандартные шрифты для сайта

Что нужно знать для создания сайта ? ASC II Коды символов

Уроки Fruity Loops Studio (FL Studio) - урок 4 - пишем первый вариант композиции COLD

Популяризация Современных Научных Знаний и Размышления на околонаучные темы. СОДЕРЖАНИЕ

Популяризация Современных Научных Знаний и Размышления на околонаучные темы. Энергетический кокон

Модуль галерей для любой cms

Уроки Photoshop - Быстрый старт

Мои Музыкальные Миры - страница 2

megainformatic cms rs

Мега Информатик - Примеры моих работ

Мега Информатик - Портфолио выполненных проектов сайтов и приложений

Уроки Photoshop - Текстуры

Уроки Photoshop - Создаем текстуру горной породы

Уроки Photoshop - Создание вариантов на тему созданной текстуры

Уроки Photoshop - Рисование текстуры травы

Уроки css - атрибут position

Уроки Photoshop - Рисование текстуры песка

Уроки Photoshop - Подготовка набора текстур

Уроки Photoshop - Рисование текстур глина, грязь

Новогодняя дискотека 2013 на megainformatic точка ru

Программируем на C++ с использованием MFC

Программируем на C++ с использованием MFC - Создание MFC приложения

Программируем на C++ с использованием MFC - Создание MFC приложения - hello, world !

Как создать игру ? - Пишем игровой движок с нуля

Как создать игру ? - Пишем игровой движок с нуля - Вступление

Как создать игру ? - Пишем игровой движок с нуля - Общая структура будущего игрового движка

Разное

     
  Уроки Photoshop  
     
  Рисуем волка из мультфильма  
     
  08/11/2008  
     
 

Создаем анимацию хотьбы волка в Photoshop и ImageReady

Анимацию будем создавать на основе волка нарисованного в предыдущем уроке - рисуем волка

 
     
   
     
 

В этом уроке мы познакомимся с тем, как выполнить анимирование персонажа на примере хотьбы волка.

Мы создадим два варианта анимации - в формате gif для использования в интернет-публикациях и тестовых целях и в формате tga для использования в компьютерной игре

 
     
  [к началу] [страница 1] [страница 2] [страница 3]  
     
  наборы слоев Frame0 и Frame4 останутся без изменений. В остальных наборах нужно выполнить анимацию движения конечностей, как это описывалось.  
     
  рассмотрим эту работу на примере анимации движения левой ноги -  
     
  выбираем инструмент Move Tool и ставим галочку Auto Select Layer  
     
   
     
  в панели слоев выбираем набор Frame2 - это будет 3 по счету справа кадр анимационной цепочки, щелкаем на изображении левой ноги -  
     
   
     
  при этом набор Frame2 в панели слоев автоматически развернется и будет выбран слой LLeg  
     
   
     
  в панели свойств инструмента Move Tool нужно установить галочку у пункта Show Bounding Box, при этом вокруг выбранного элемента появится пунктирная рамка, которую удобно использовать для выполнения трансформаций.  
     
   
     
  В нашем случае в кадре Frame2 ногу нужно повернуть в крайнее левое положение  
     
   
     
  наводим курсор на угловые маркеры и выполняем поворот  
     
   
     
  перемещаем ногу в правильное положение, если угол поворота достигнет некоторого значения, то можно будет изменить точку центра вращения (мишень в центре пунктирной рамки). Обратите также внимание, что если нога оказывается на заднем плане - за правой ногой и телом, то ее надо перетащить выше этих слоев (см. рисунок до рисунка выше)  
     
  аналогичным образом выполняем повороты на слоях Frame1 и Frame3, но на меньший угол. Повторяем анимацию в кадрах Frame5 - Frame7 с движением ноги теперь уже назад, а не вперед  
     
  при этом анимационная цепочка примет следующий вид -  
     
   
     
  повторяем процесс для правой ноги -  
     
   
     
  левой руки -  
     
   
     
  и правой руки -  
     
   
     
  можно также анимировать небольшое смещение тела вверх-вниз  
     
  в конечном итоге готовая анимация в gif-файле будет такой -  
     
   
     
  пока анимация находится в виде анимационной цепочки ее недостатки могут быть неочевидны. увидеть все допущенные ошибки позволяет просмотр анимации в динамике - как в указанном анимированном gif-файле  
     
 

Как его создать?

Сохраняем анимационную цепочку в формате jpg с максимальным качеством (12).

Открываем сохраненный файл.

Включаем режим отображения сетки.

При помощи рамки прямоугольного выделения выделяем кадр 0 (краний правый) и копируем в буфер обмена (Edit > Copy)

 
     
  Создаем новый файл и вставляем в него скопированный кадр. Остальные кадры анимационной цепочки вставляем последовательно на отдельные слои, сохраняем файл в формате psd с именем, например, anim_wolf_for_gif.psd  
     
  Запускаем программу ImageReady и открываем созданный файл из нее.  
     
   
     
  теперь нам остается только создать анимационную цепочку для gif и вывести ее в gif-файл  
     
 

если панель анимации не отображается включите ее отображение как показано на рисунке

панель слоев отображеется командой Windows > Layers

 
     
  для создания нового кадра анимации нажимайте кнопочку Duplicates current layer, для задания времени показа кадра нажимайте показанное на рисунке поле времени -  
     
   
     
  вся суть анимации сводится к тому, что в каждом кадре анимационной цепочки отображается нужный слой, т.е. в первом кадре должен быть виден только первый слой, во втором - только второй и т.д.  
     
  для проигрывания анимации можно нажать кнопочку Play/Stops animation в панели анимации  
     
 

сохраните изменения в формате psd, для вывода в gif-файл используйте пункт меню File > Save Optimized As

Созданный gif-файл можно просмотреть обычным средством просмотра изображений Windows

 
     
  [назад] [далее]  
     
  [Все уроки]  
     
 

Оставленные комментарии



Рейтинг@Mail.ru
Время загрузки: 0,4572