Balls and holes PC game / Balls and Holes PC игра
Вакансии
Игродельня
Сегодня
5 ноября 2024
3:01
Вход Регистрация Забыли пароль ?

Pet Drive In | gamburger maker
Pet Drive In | gamburger maker
подробнее...

Теги

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

Статьи сайта

webinformatic - Примеры моих работ

webinformatic - Музыкальные темы

webinformatic - Уроки Photoshop - Чудеса

webinformatic - Купить Уроки Photoshop - Чудеса

webinformatic - Онлайн Обучение, Репетитор

webinformatic - Уроки Photoshop - Рисуем и Анимируем

webinformatic - Уроки Photoshop - Рисуем и Анимируем - Урок 1 - Старт

webinformatic - Уроки Photoshop - Рисуем и Анимируем на AllSoft.ru

webinformatic - DirectX 9c - Изучаем пример MultAnimation

webinformatic - megainformatic cms Система Управления Контентом

webinformatic - Темы для WordPress

webinformatic - Что нужно для создания собственного сайта ?

webinformatic - Макет дизайна Вашего сайта

скачать megainformatic cms

webinformatic - Итоги 2010 года

webinformatic - Что нужно для создания собственного сайта ?

webinformatic - как создать инсталлятор для собственной cms

webinformatic - Новости - страница 2

Нововведения в megainformatic cms

Web Администрирование

Уроки Верстки

Система автоматизированной е-майл рассылки

Система автоматизированной е-майл рассылки

webinformatic - Выгрузка файла на сайт

webinformatic - выпадающее меню на html и css

webinformatic - Использование checkbox

Краеугольная особенность работы Web-form на примере смены состояния checkbox

Технологии WEB

Технологии WEB - AJAX-запросы

Часто Задаваемые Вопросы

Продукты

Проблемы с кодировками при отображении страниц

игра Нечто: Необъяснимое Нить Накала - "в плену желаний"

Система Автоматизации Доставки Электронных Заказов megainformatic cms e-pro

megainformatic cms e-pro Автоматизация Обработки Уведомлений о Заказах по партнерским программам

megainformatic cms e-pro Автоматизация Обработки Уведомлений о Заказах по партнерским программам

webinformatic: Музыкальная страничка трэкера

webinformatic - Создание музыки и звука

webinformatic: Создание музыки и звука: урок 2

webinformatic - Создание музыки и звука: урок 3 - настройка Impulse Tracker для работы в WinXP

webinformatic - Создание музыки и звука: урок 4 - Введение в Mod Plug Tracker

webinformatic - Создание музыки и звука: урок 5 - Первая композиция в Mod Plug Tracker

webinformatic - Создание музыки в Impulse Tracker 2.14 - урок 6 - Ввод Нот

webinformatic - Создание музыки в Impulse Tracker 2.14 Первая мелодия

webinformatic - Создание музыки в Impulse Tracker 2.14 Настройка параметров сэмплов

webinformatic - Создание музыки и звука: теория и практика создания трэкерской музыки

webinformatic - Инструкция по оплате услуг средствами WebMoney

Основы работы в Microsoft Visual Studio 2008 и DirectX 9 (DX SDK Aug 2008)

Введение в программирование игр на С++ для платформы DirectX 9 - Первый старт

Введение в программирование игр на С++ для платформы DirectX 9 - Меняем иконку приложения

Введение в программирование игр на С++ для платформы DirectX 9 Добавляем другую модель

Введение в программирование игр на С++ для платформы DirectX 9 Программирование игр в directx. Hello, World!

Введение в программирование игр на С++ для платформы DirectX 9 Разбираем конструкции языка C++ на примере работы в Microsoft Visual Studio 2008

Разбираем конструкции языка C++ на примере работы в Microsoft Visual Studio 2008 - Урок 1 Основные операторы языка C++

Разбираем конструкции языка C++ на примере работы в Microsoft Visual Studio 2008 - Урок 1 Основные операторы языка C++ (часть 2)

Урок 2 Написание Win32-приложений. Обзор стартового кода Win32-приложения. Добавление ресурса текстовая строка

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

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

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

 
     
   
     
 

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

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

 
     
  [к началу] [страница 2] [страница 3] [страница 4]  
     
 

Нам потребуется волк, которого Вы нарисовали в предыдущем уроке.

Можете открыть архив с готовым волком





Скачиваний : 0


 
     
  Распакуйте архив и откройте файл с волком из photoshop 8 или выше  
     
  В самом начале урока я упоминал, что конечный размер волка в нашем примере будет 128х128 пиксель.  
     
  Мы сейчас будем анимировать нашего волка, чтобы он ходил. Анимация должна выполняться в изображении небольших размеров, иначе объем файлов разрастется до слишком большого объема, т.к. у нас будет много кадров анимации, как минимум 8.  
     
  Для того, чтобы уменьшить картинку до этих размеров выберите пункт меню Image > Image Size и задайте размер изображения 128х128 пиксель,  
     
   
     
  остальные параметры задайте как на рисунке и нажмите ОК  
     
   
     
  Картинка уменьшится и чтобы увидеть результат в натуральную величину выберите инструмент Лупа (Zoom Tool) и нажмите кнопку Actual Pixels -  
     
   
     
  Переходим к созданию анимации. Наш волк будет идти из своего начального положения в котором он нарисован влево. Анимация будет сводиться к изменениям положения рук и ног во время хотьбы и небольших смещений тела обусловленных изменением центра тяжести.  
     
 

Вся анимация будет сводиться к поворотам рук и ног и небольшим смещениям тела. Для этого нам нужно разбить изображение волка на эти элементы и разместить их на отдельных слоях.

Далее останется просто выполнять нужные трансформации на нужном слое.

 
     
  Сохраним уменьшенное до размеров 128х128 пиксель изображение под именем anim_walked_wolf_prepare128.psd и будем работать с ним -  
     
   
     
   
     
  дублируем слой draw_2 щелкнув по нему правой кнопкой мыши в панели слоев и выбрав Duplicate Layer  
     
   
     
  и называем его body  
     
   
     
  скрываем слой draw_2  
     
   
     
   
     
  переходим на слой body и ластиком аккуратно стираем руки, ноги, подрисовываем часть тела слегка прикрытую рукой  
     
   
     
   
     
   
     
   
     
  если вы подрисовывали часть тела скрытую рукой как показано на рисунке выше - на отдельном слое Layer 1, то Вам теперь нужно связать слои Layer 1 и body и склеить их.  
     
  теперь нам нужно вынести каждую конечность на отдельный слой. Для этого дублируем слой draw_2 щелкнув по нему правой кнопкой мыши и выбрав Duplicate Layer 4 раза. Каждый созданный дубликат сразу же называем Lhand, Rhand, Lleg, Rleg (левая, правая руки, левая, правая ноги)  
     
   
     
  далее работаем следующим образом: скрываем все слои кроме того, на котором производим выделение конечности и ластиком аккуратно стираем все лишнее -  
     
   
     
  обратите внимание: левая нога на экране для нас определяется как правая т.к. принято левую и правую сторону определять мысленно встав спиной к персонажу  
     
   
     
  если получилось скрытие конечности одного слоя другим (как на данном рисунке выше), то просто перетащите слой с данным элементом выше -  
     
   
     
   
     
  далее мы рассмотрим как выполнить трансформации конечностей и тела для анимирования их движения и создать анимационную цепочку. После этого мы выведем анимацию в анимированный gif-файл посредством программы Image Ready и подготовим анимационную цепочку в формате tga c альфа-маской для использования анимированного персонажа в компьютерной игре.  
     
     
     
     
  [назад] [далее]  
     
  [Все уроки]  
     
 

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



Время загрузки: 0,0895