E-Mail:  Пароль:    
Меню сайта
Категории раздела
Анимация [78]
Спец еффекты [36]
Компграфика [35]
Фотообработка [4]
Текстовыйэффект [8]
Дизайн [7]
Зимнее [0]
космос [2]
Мини-чат
Наш опрос
Нравиться ли вам новый дизайн сайта?
Всего ответов: 37
Статистика

Онлайн всего: 3
Гостей: 3
Пользователей: 0

Главная » Файлы » уроки Photoshop » Анимация


"sprite Sigs"
27.12.2010, 12:23
Для начала хочу сказать,что я не знаю как будет ближе и точнее перевести "Sprite sigs",а потому думаю,что лучше будет оставить это название без перевода=)
Вот примеры так называемых "Sprite sigs"
"sprite Sigs" *
"sprite Sigs" *
Кто собственно,такие эти духи (sprites)?Духи-это изображения, которые показывают определенные действия, шаг за шагом. Как правило в одной последовательности:слева на право,в одном ряду. Где найти этих самых духов? Есть много вебсайтов, на которых они есть, в том числе и от различных видеоирг. Автор рекомендовал некотрые из них:
http: // www.panelmonkey.org
http: // sprites.planet-megaman.com
http: // www.videogamesprites.net
Начнем урок:
Для начала выберем фон,для наших духов. Автор рекомендовал использовать фон соответсвующий вашей игре (хотя можно выбрать и просто понравившийся вам фон). Автор выбрал для духов игру Металлический слезняк (Metal Slug)
"sprite Sigs" *
Нам нужна тока часть изображения. Используя Rectangular Marquee Tool выделите ту часть фона, которую бы вы хотели использовать для работы.
"sprite Sigs" *
Скопируем выделение: Edit>copy(Ctrl+C) , File>new>ok(Ctrl+Shift+N), Edit>paste(Ctrl+V) (можно просто нажать Ctrl+J,тем самым дублировав выделенную часть изображения - прим.переводчика)
"sprite Sigs" *
Теперь,когда у нас есть фон, нужно выбрать лист духов, который бы ему подходил. Автор выбрал этот:
"sprite Sigs" *
Выбирите линию действий, которые вы хотите,чтобы ваш Дух выполнил.
"sprite Sigs" *
Теперь выберите одного Духа и копируйте в документ с нашим фоном( Ctrl+C, открываете фон и Ctrl+V)
"sprite Sigs" *
"sprite Sigs" *
Проделайте данную операцию с каждым Духом из цепочки. Самое важное,это то чтобы все духи были на одной линии, удостоверьтесь в этом. После того,как вы скопировали всех Духов ваша панель слоев должна выглядеть примерно так:
"sprite Sigs" *
Вот работа автора со всеми выстроенными духами:
"sprite Sigs" *
Ну что ж, пришло время открыть Imageready, это можно сделать кликнув на последнюю кнопку в панели инструментов ( а можно и Ctrl+Shift+M):
"sprite Sigs" *
Хорошо,как тока вы откроете Imageready, вы должны увидеть окно animation . В нем есть кнопка ,дублирующая наше изображение, на картике она выделена красным квадратиком:
"sprite Sigs" *
Создайте столько копий,с помощью этой кнопки, сколько у вас Духов. У автора 6 Духов, поэтому он 5 раз нажал на кнопку (так как один слой уже есть). Вот что у него получилось:
"sprite Sigs" *
Теперь используя панель слоев и анимации, убедитесь что каждый слой сочетается с шагами Духов. Нажмите на первый слой в панели анимации и убедитесь,что виден только фон и один дух, проверьте чтобы иконка с глазом была только на двух слоях в панели инструментов (это значит что видны только эти два слоя). Продолжите делать так с каждыс слоем в панели анимации соответсвенно "включая" очередной дух в панели слоев.
После того,как вы проделаете это с первым духом панель слоев должна выглядеть так:
"sprite Sigs" *
Ну вот: у нас есть последовательность действий, сейчас нужно установить период времени, то есть Духи будут двигаться либо быстрее либо медленнее,зависит от того какой период вы поставите. Чтобы изменить скорость следует щелкнуть на маленькую стрелочку, которая расположена прямо рядом с показателем "0 sec."
"sprite Sigs" *
Щелкните и у вас появится окошко с различными параметрами времени. Выберите то,которое по вашему мнению будет самым подходящим(если не понравится, меняется оно точно таким же образом). Пробегите несколько вариантов. Автор выбрал период в 1 секунду. Для того,чтобы проиграть ролик нажмите кнопки в панели анимации.
Сохраните файл как .gif (Ctrl+Shift+Alt+S)
А вот и результат автора:
"sprite Sigs" *
Категория: Анимация | Добавил: LOL | Теги: sprite Sigs, Уроки фотошопа
Просмотров: 427 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Мини профиль
Поиск