ria pc game
translate to English   translate to Chinese
fle game engine - движок для создания игр
fle game engine - движок для создания игр


Balls and holes PC game / Balls and Holes PC игра
Вакансии
Игродельня
Сегодня
23 января 2019 2:44
Вход Регистрация Забыли пароль ?

megainformatic - Что нужно для создания собственного сайта ?
        Что нужно для создания собственного сайта ? - Создаем Сайт Своими Р
подробнее...

Теги создание сайтов, создание игр, дизайн, игры, информатика, уроки photshop, php, c++, музыка, delphi, cms, робосайт
Статьи сайтаmegainformatic - Уроки Photoshop - Чудеса

megainformatic - Уроки Photoshop - Чудеса - Коллаж от нуля

megainformatic - Уроки Photoshop - Чудеса - Коллаж от нуля - страница 2

megainformatic - Уроки Photoshop - Чудеса - Коллаж от нуля - страница 3

megainformatic - Уроки Photoshop - Чудеса - Коллаж от нуля - страница 4

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

megainformatic - Уроки Photoshop

megainformatic - Уроки Photoshop - Рисуем волка из мультфильма

megainformatic - Уроки Photoshop - Рисуем волка из мультфильма стр 2

megainformatic - Уроки Photoshop - Рисуем волка из мультфильма стр 3

megainformatic - Уроки Photoshop - Рисуем волка из мультфильма стр 4

megainformatic - Уроки Photoshop - Анимируем волка из мультфильма

megainformatic - Уроки Photoshop - Анимируем волка из мультфильма стр 2

megainformatic - Уроки Photoshop - Анимируем волка из мультфильма стр 3

megainformatic - Уроки Photoshop - Анимируем волка из мультфильма стр 4

megainformatic - Эмулятор игры Ну, Погоди!

megainformatic - Оплата заказа через Сбербанк

megainformatic - Пример игры с исходным кодом Donuts3D

megainformatic - Как создать игру ВЕСЕЛЫЙ БУКВОЕЖКА - программируем сами

megainformatic - Как создать игру ВЕСЕЛЫЙ БУКВОЕЖКА - создаем игровую оболочку

megainformatic - Открытый Полный Исходный код игры Дорога в Город

megainformatic - Как создать игру - Веселый Единственный Буквоежка - программируем основу будущей игры

megainformatic - Как создать игру - Веселый Единственный Буквоежка - выводим заставку

megainformatic - Как создать игру - Веселый Единственный Буквоежка - игровое меню

megainformatic - Как создать игру - Веселый Единственный Буквоежка - движение и анимация героя

Как Создать игру ВЕБ - Веселый Единственный Буквоежка - Программируем сами

Как Создать игру ВЕБ - Веселый Единственный Буквоежка - Программируем сами

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

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

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

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

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

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

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

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

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

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

megainformatic - Темы для WordPress

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

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

скачать megainformatic cms

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

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

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

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

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

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

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

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

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

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

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

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

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

Технологии WEB

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

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

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

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

 
     
   
     
 

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

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

 
     
  [к началу] [страница 1] [страница 2] [страница 3] [страница 4]  
     
  Если просмотр созданной анимации Вас удовлетворил, значит вы разобрались с тем как создается анимация.  
     
  Нам осталось рассмотреть как подготовить анимацию в tga-файле для использования в компьютерной игре  
     
 

Моменты которые мы рассмотрим:

- последовательность кадров в анимационной цепочке.

- тень от персонажа;

- создание альфа-маски для альфа-канала;

 
     
  Окончательная анимационная цепочка должна выглядеть следующим образом -  
     
   
     
  такая последовательность кадров от последнего к первому была удобна тем, что наш персонаж двигался влево, поэтому было понятней куда должна двигаться та или иная конечность  
     
  в игровом приложении анимация проигрывается как правило слево направо, поэтому стоповым кадром всегда будет оказываться крайний левый вместо крайнего правого.  
     
  для того, чтобы учесть порядок проигрывания анимации слева-направо, а не справа-налево достаточно лишь переставить кадры местами по следующей схеме:  
     
  старая позиция кадра новая позиция кадра  
  0 7  
  1 6  
  2 5  
  3 4  
  4 3  
  5 2  
  6 1  
  7 0  
       
       
     
  в итоге получим такую анимационную цепочку -  
     
   
     
  для рисования тени нужно предварительно удалить фоновый цвет и сделать его прозрачным. далее создайте новый слой и используйте непрозрачную кисть с нетвердыми краями. цвет тени черный.  
     
   
     
  после создания тени данный слой сделайте полупрозрачным  
     
   
     
 

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

Альфа-маска - это особое изображение используемое в игровых приложениях для передачи полупрозрачных объектов. Изображение альфа-маски - это градации серого. Черный цвет соответсвует абсолютной прозрачности, оттенки серого - определенной степени полупрозрачности, белый - абсолютно непрозрачным частям изображения.

Поскольку формат tga позволяет хранить альфа-маску внутри себя (в альфа-канале), то он идеально подходит для анимированных изображений с альфа-маской.

 
     
  дублируем слои wolf и shadow и назовем wolf_alpha и shadow_alpha  
     
  для превращения wolf_alpha в альфа-маску изображение нужно привести к предельной яркости - белому цвету  
     
   
     
   
     
  поскольку тень должна быть слегка полупрозрачной, то она должна содержать оттенки серого, а не полупрозрачный черный, поэтому слой shadow_alpha инвертируем  
     
   
     
  слой back заливаем черным и дублируем, связываем слои wolf_alpha, shadow_alpha и дубликат back, склеиваем и размещаем под back  
     
   
     
   
     
   
     
  выделяем содержимое слоя wolf_alpha [Ctrl] + [A], копируем в буфер обмена Edit > Copy  
     
  в панели слоев выбираем вкладку Channels (каналы), создаем альфа-канал и вставляем в него скопированное [Ctrl] + [V] или Edit > Paste  
     
   
     
  отобразив все каналы (щелкнуть видимость RGB) увидим альфа-маску в красном цвете  
     
   
     
  текстуру с анимированным волком нужно обязательно сделать квадратной, например 512х512  
     
  для этого изменить размер изображения на 512х64, изменить размер холста на 512х512, сместить анимационную цепочку и альфа-маску вверх, пустоту залить черным цветом на слое back  
     
   
     
  осталось сохранить файл в формате tga  
     
  File > Save As  
     
   
     
   
     
  на этом наша работа закончена.  
     
     
  [назад]  
     
  [Все уроки]  
     
megainformatic live chat
Начать беседу
X
 

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



fle game engine - движок для создания игр
fle game engine - движок для создания игр


Something: Unexplained 2 captive of desires / Нечто: Необъяснимое 2 в плену желаний
Костя Коробкин Комикс Коллекционное издание - 6 комиксов, 81 страница, 220 mp3 треков
megainformatic Размещение баннерной рекламы у нас
Время загрузки: 0,7476