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


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

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

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

megainformatic - Рисуем красивую девушку всего за 6 шагов

megainformatic - Галерея красивых рисованных девушек

megainformatic - НОВОГОДНЕЕ ОБРАЩЕНИЕ СОЗДАТЕЛЯ webinformatic К ЖИТЕЛЯМ ПЛАНЕТЫ интернет

megainformatic - Отзывы оставленные пользователями как впечатление о проделанной работе или что-либо понравившееся на сайте

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

megainformatic - Ива Ден энд КуХа - КОДЕКС ФРИЛАНСЕРА - СОДЕРЖАНИЕ

megainformatic - Ива Ден энд КуХа - КОДЕКС ФРИЛАНСЕРА - Глава 1 - Обычный день

megainformatic - Ива Ден энд КуХа - КОДЕКС ФРИЛАНСЕРА - Глава 2 - Начало (begin)

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

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

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

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

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

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

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

Разное

megainformatic - Как создать игру ? - Пишем игровой движок с нуля - DXUTMainLoop - цикл работы DirectX-приложения

megainformatic - Варианты макетов Психолог 911

megainformatic - Шаблоны для сайтов - что это и какие они бывают ?

megainformatic - Ива Ден энд КуХа - КОДЕКС ФРИЛАНСЕРА - Глава 3 - Кто он ? (who is ?)

megainformatic - Мои Музыкальные Миры - готовая музыка mp3 - новинки 2013 года

megainformatic - Теория и практика хакерских атак - самозащита от нападения

megainformatic - Теория и практика хакерских атак - самозащита от нападения - Способы подмены реального IP

megainformatic - Fruity Loops Studio 9 - Как синтезировать свои сэмплы - изучаем возможности плагина Sytrus

megainformatic - Видоизменяем тему для Wordpress под свои нужды

megainformatic - Flash приложения и игры - Шаг 3 - управляемый шарик

megainformatic - Учимся создавать флеш-игры, что нужно знать для того, чтобы заняться созданием flash приложений и игр ?

megainformatic - Шаг 4 в освоении Flash-технологий - как анимировать персонажа и управлять им

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

megainformatic - megainformatic cms express files + module slider

megainformatic - Создание сайта бесплатно или под заказ

megainformatic - Как создать flash баннер

megainformatic - Разработка flash-приложения для сайта: онлайн примерочная

megainformatic - Мои впечатления о книге - Владислав Крапивин - Журавленок и Молнии

megainformatic - Модуль отзывов/комментариев для вашего сайта

megainformatic - Модуль отзывов/комментариев для вашего сайта

megainformatic - Модуль отзывов/комментариев для вашего сайта

megainformatic - Модуль короткие ссылки short link

megainformatic - Работа с сокетами fsocket из php

megainformatic - Как создать игру Создание игровых панелей и индикаторов

megainformatic - Приключения Кости Коробкина - Как я провел лето - интерактивный комикс

megainformatic - Приключения Кости Коробкина - Как я провел лето - интерактивный комикс

megainformatic - Приключения Кости Коробкина - С новым годом - интерактивный комикс

megainformatic - Система управления сайтом на php - megainformatic cms admin files

megainformatic - обзор антивирусных средств защиты

megainformatic - как работает антивирус ?

megainformatic - Создание сайта для бизнеса

megainformatic - Новый взгляд на очевидные вещи

megainformatic - Разработка программ на c++

megainformatic - Немного о музыке

megainformatic - GET и POST запросы

megainformatic - для чего нужна карта сайта

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

megainformatic - Мысли о разном

megainformatic - Легко ли быть программистом

подробнее

     
 
megainformatic cms seo

Продвижение Вашего сайта - megainformatic cms seo

Для входа на сайт используйте логин: admin и пароль: admin

megainformatic cms seo - это компактное решение для создания вашего первого сайта и его продвижения. Данная версия использует базы данных my sql. Система устанавливается на ваш хостинг в считанные минуты .

Скопируйте все файлы на ваш хостинг и создайте базу данных - сайт готов к работе !!!

В комплект входят 6 готовых шаблонов, и набор модулей для административной и фронтальной частей сайта:

- модуль входа в административную часть сайта, разделение пользователей по ролям;
- модуль профилей пользователей;
- модуль панели управления (+меню);
- модуль добавления/редактирования страниц сайта;

а также модули для продвижения сайта:

- мета; - карта сайта;


 

Стоимость: 350 руб.

 
     
 

Продвижение сайта - это основная составляющая успеха. Поэтому применяя необходимые инструменты продвижения Вы сможете достичь поставленных целей.

Два основных инструмента продвижения - это улучшение индексации сайта поисковыми роботами - megainformatic cms seo

Содержит 2 основных компонента для реализации этих целей -

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

 
     
 

Сайт и продвижения сайта на - megainformatic cms seo

Особенности:

- компактность и быстрота в работе и развертывании сайта;

- открытый исходный код на php;

- быстрая и простая установка;

- подробное описание возможностей;

- может использоваться как самостоятельная система для управления сайтом, так и в полном составе megainformatic cms той версии которую вы используете или планируете использовать:

megainformatic cms express

megainformatic cms

megainformatic cms e-pro

megainformatic cms e-shop

megainformatic cms e-mailer

 
     
 

 

Нет ничего проще, чтобы реализовать ваш личный сайт. Получив в своё распоряжение эту систему Вы получаете собственный готовый сайт, панель управления и инструменты продвижения.

Имея дистрибутив, распакуйте его и скопируйте полученные файлы на свой хостинг. Создайте посредством phpMyAdmin базу данных и разверните базу данных сайта в соответствии с инструкцией.

Подробнее об установке на хостинг можно почитать здесь

Ваш сайт готов к работе !!!

 
     
     
 

Если возможности megainformatic cms seo, покажутся Вам недостаточными и Вы захотите чего-то большего - обратите внимание на следующие продукты -

megainformatic cms e-pro

 
     
  megainformatic cms e-shop  
     
  megainformatic cms e-mailer  
     
  Удачи вам в создании собственного виртуального интернет-пространства !!!  
     
     
     
подробнее

     
  [Все уроки 3ds max] [Галерея моделей] [назад] [далее]  
     
 

Продолжаем Создание скелета для данной модели

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

Как видите всё очень просто - инструменты инверсной кинематики позволят Вам анимировать персонаж перемещая только концы конечностей - кисти рук, стопы ног. Всё остальное будет моделироваться инструментами инверсной или прямой кинематики.

 
Итак, вот цепочка костей для левой руки -
 
кости левой руки
 
При создании костей со значениями размеров по умолчанию они будут слишком большими (0,254m). Чтобы этого избежать предварительно задайте нужный размер или используйте панель модификаций (Modify). Расположите цепочку костей так, чтобы она лежала наиболее естественно и находилась внутри руки (кроме концевой кости - она носит вспомогательный характер, поэтому должна находиться снаружи модели и это нормально! далее поймете почему). На виде сверху видно что цепочка костей идет не строго прямо, а слегка под углом, что соответствует модели руки персонажа.
 
Переименуйте кости так, чтобы к ним в дальнейшем было легко обращаться, например так - плечо-предплечье-кисть-кончик - что будет соответствовать 3ds max'овскому - LArm_Bone_shoulder - LArm_Bone_forearm - LArm_Bone_fingers - LArm_Bone_tip
 
Названиям следует уделять такое пристальное внимание потому, что имея сложную модель Вам легче будет ориентироваться в составляющих ее объектах.
 
Для того, чтобы сгиб руки происходил естественно применим к цепочке костей инструмент IK - HI Solver.
 
Выберите кость LArm_Bone_shoulder. Она будет корнем иерархии костей левой руки. Выберите пункт меню Animation > IK Solvers > HI Solver и щелкните на кости LArm_Bone_tip
 
иерархическая цепочка костей левой руки с примененным HI Solver
 
Откройте панель Motion, переименуйте IK Chain01 в LArm_IK_Chain, там же несколько уменьшите размер Целевой (Goal) точки IK -
 
изменение размеров указателя целевой (goal) точки прикрепления HI Solver
 
Что нам дает созданный IK - Hi Solver? А попробуйте теперь выбрать Целевую (goal) точку и перемещать ее инструментом Select And Move добиваясь даже сгиба руки.
 
Инструмент IK Solver - HI Solver моделирующий сгиб руки
 
Как видите сгиб связки костей происходит, но не с точки зрения того как на самом деле сгибается рука. Такой изгиб костей для нормальной руки выглядит неестественным. Следовательно мы расположили кости не совсем правильно. Как это исправить?
 
Сначала проведем небольшой эксперимент по созданию цепочки из трех костей, коррекции их положения и применения инструмента HI Solver.
 
экспериментальная цепочка костей с примененным HI Solver
 
Как видно из рисунка для достижения правильного сгиба кости должны располагаться не строго в одну линию, а с небольшим сгибом в ту сторону, в которую мы хотим сгибать их при помощи IK HI Solver.
 
Удалите все экспериментальные и созданные для левой руки кости и переделайте работу так, чтобы сгиб руки в горизонтальном направлении происходил правильно.
 
новая цепочка костей левой руки с корректным сгибом
 
Для того, чтобы легче было манипулировать перемещением используем вспомогательный объект Dummy. Это пустой (не отрисовываемый) объект, который можно использовать как ручку для управления конечностью модели.
 
Выберите панель Create нажмите кнопку Helpers и создайте объект Dummy. Расположите его так, чтобы он охватывал Целевую точку (goal) инструмента инверсной кинематики (LArm_IK_Chain) для левой руки.
 
создание вспомогательного управляющего объекта
 
Сам по себе объект Dummy не играет никакой роли, но если осуществить привязку к нему нужных объектов (в нашем случае LArm_IK_Chain), то он действительно будет работать как удобная рукоятка - смещая LArm_Dummy (так его можно назвать) вы будете смещать LArm_IK_Chain, который будет в свою очередь смещать все связанные с ней кости левой руки. Впоследствии, когда Вы осуществите привязку вершин модели к скелету, смещения костей будут вызывать смещения связанных с ними вершин. Таким образом получится иерархическая цепочка, но результатом будет - смещая LArm_Dummy вы сместите нужные вершины модели относящиеся к руке.
 
Привязка (link) осуществляется от подчиненного (привязываемого объекта) к главному (в нашем случае - от LArm_IK_Chain к LArm_Dummy).
 
Выберите LArm_IK_Chain и нажмите кнопку Select and Link на панели инструментов -
 
ние движения курсора для установления связи
 
И протащите связывающий курсор мыши от подчиненного объекта (LArm_IK_Chain) к главному (LArm_Dummy). При этом Dummy на какое-то мнгновение станет выделенным, а потом выделение исчезнет. Проверьте что связь работает - перемещения LArm_Dummy должны приводить к соотвествующим перемещениям скелета левой руки. Если это не так или если Вы ошибочно связали LArm_Dummy с другим объектом, то можно выделить оба неверно связанных объекта и разорвать связь кнопкой Unlink Selection (правее от Select and Link).
 
Для того, чтобы визуально удостовериться в правильности сделанной связи можно открыть окно схематического вида - Graph Editors > New Schematic View
 
окно схематического вида сцены
 
В нём Вы визуально проследите все имеющиеся в сцене иерархические связи. На рисунке стрелка идет от LArm_Dummy к LArm_IK_Chain - значит связь установлена верно. Можете закрыть окно Схематического вида.
 
Если Вы экспериментировали с перемещением LArm_Dummy и связанной с ним цепочки скелета левой руки - отмените сделанные перемещения, чтобы скелет руки располагался в первоначальной позиции.
 
Аналогичным путем можно создать скелет для правой руки. Советую потренироваться еще. Если Вы уже преуспели в создании костей скелета, применении HI Solver и установлении связей с управляющим Dummy-объектом, то можете просто клонировать и зеркально отобразить всю цепочку объектов скелета левой руки (кости, HI Solver и Dummy) и расположить их для правой руки. Не забудьте только переименовать созданные объекты, чтобы они соответствовали наименованиям для правой руки - RArm_Bone_shoulder, RArm_Bone_forearm, RArm_Bone_fingers, RArm_Bone_tip, RArm_IK_Chain, RArm_Dummy.
 
Подобным же образом Вам нужно построить скелет для левой и правой ног, спины и головы. Окончательно всё это будет выглядеть так -
 
готовый скелет модели
 
Щелкнув по данному изображению Вы можете скачать готовую модель с внедренным скелетом.
 

Архив имеет размер 204 Кб. Текстуру к нему Вы можете взять из архива nn. Архив включает следующие файлы -

fedja_skinned_char.max - готовый скелет модели и привязка посредством модификатора Skin

fedja_anim.max - готовый к анимации персонаж

fedja_anim_go.max - анимация хотьбы

 
Изучив модель скелета и установленные связи между объектами (их можно посмотреть в схематическом виде - Schematic View) вы увидите, что корнем иерархии является объект Body_Dummy. К нему привязаны все остальные объекты Dummy, которые в свою очередь привязаны к IK цепочкам костей. У костей спины (Spine_Bone, Head_Bone) вы увидите выступы. Они создаются для облегчения наблюдения за ориентацией кости. Чтобы создать их в панели модификаций кости установите в группе Bone Fins соответствующие нужным выступам флажки, если требуется - откорректируйте их размеры.
 
создание выступов кости
 
Следующие важные моменты. Под ногами модели персонажа вы увидите схематичный рисунок человечка. Он означает, что все относящиеся к скелету объекты - кости, IK HI Solver, Dummy были выделены в сцене и преобразованы в персонаж (Character) командой меню Character > Create Character (это было актуально в более ранних версиях 3ds max, в более современных нужно
добавить на панель инструментов кнопку Create Character (об этом чуть ниже).

create a character

Кстати если у вас на панелях инструментов нет кнопки Create a Character - её нужно добавить -
Customize - Customize User Interface

Toolbars

Category - Characters

и перетащить элемент Create a Character
на нужную панель инструментов. После этого можно будет её нажимать - предварительно выделив в сцене

все, что будет объединено в группу Character.



далее -

Такое формирование позволяет теперь обращаться ко всем объектам скелета как к единому целому - отвечающему за скелет персонажа.
 
Для привязки скелета к модели персонажа используется модификатор Skin. После применения модификатора в него добавляются все объекты скелета, которые будут влиять на модель данного меша. Это делается кнопкой Add в панели модификаций в группе Parameters с последующим выбором нужных объектов скелета.
 
настройка огибающих костей скелета
 
Далее осуществляется настройка огибающих костей скелета (Envelopes). И ведется настройка степени влияния каждой кости на вершины модели, т.е. осуществляется настройка весовых коэффициентов. Внутренний (красный) контур огибающей задает степень влияния всех попадающих в нее костей дополняя сумму весовых коэффициентов до 1. Внешний (коричневый) контур представляет отсутствие влияния (спад влияния до 0).
 
Обратите внимание - настройка огибающих осуществляется только инструментов Select And Move (остальные будут недоступны). Полезными функциями в группе Envelope properties в окне параметров модификатора Skin при открытом и выбранном узле Envelope (см. рисунок - в стеке модификаций выбран желтым пункт Envelope) являются Copy и Paste. Они позволяют Вам копировать огибающие костей для одной конечности (например для выбранной кости левой руки) и вставлять ее в аналогичную (или подобные) кости правой руки. Это значительно ускоряет процесс настройки огибающих.
 
Для настройки огибающих выбирайте внутренние обработчики (серые квадратики) для смещения огибающих и внешние (на красной и коричневой области) для масштабирования области огибающей.
 
В окне параметров вы также найдете и другие полезные функции, в том числе Weight Table которая позволяет задать или изменить весовые коэффициенты для каждой вершины и влияющих на нее костей вручную. Это бывает полезно для тех вершин, которые плохо охватываются огибающими.
 
Перед экспортом в формат X обязательно задайте следующие параметры модификатора Skin -
 
установка подходящих для экспорта параметров модификатора Skin
 
Установите флажок для выбора вершин, выделите все вершины, установите параметры Rigid, Rigid Vertices. Количество костей одновременно влияющих на одну вершину (Bone Affect Limit) не задавайте более 4. Меньшие значения сделают анимацию вершин менее плавной, но и сократят сложность анимации и количество вычислений на обработку и вывод анимации.
 
     
  [Все уроки 3ds max] [Галерея моделей] [назад] [далее]  
     
     
подробнее

     
     
  Добро пожаловать в систему управления сайтом megainformatic cms !  
     
 

При помощи данной системы Вы сможете создать и поддерживать собственный сайт.

Рассмотрим следующие шаги, которые потребуются для создания простого функционального сайта

 
     
 

1) Создание эскиза и макета страницы сайта;

2) Верстка созданного макета;

3) Добавление модулей, обеспечивающих функционал;

4) Основы добавления контента на сайт, управления и поддержки сайта;

5) Проверка работы сайта, установка на хостинг;

6) Основы продвижения созданного сайта;

 
     
  7) Создание шаблонов;  
     
  8) Создание интернет-магазина  
     
     
подробнее

     
  [к содержанию] [назад] [далее]  
     
 

Создание изображений огня, воды, неба

Рисование пламени, взрывов требует определенных навыков, но в целом это сводится к определенному набору инструментов и правил работы, что в конечном итоге даст Вам (при определенной сноровке) нужный результат.

На приведенном рисунке показано пламя от взрыва. Если Вы разберетесь с методикой создания сложных текстур и научитесь анализировать чужие работы (готовые изображения), то Вы сможете создавать и нечто новое или необычное.

Попробуем создать что-то подобное.

Создайте изображение 256х256 пиксель, с прозрачным фоном.

Изобразите сначала контуры вашего будущего пространства, заполненного огнем.

Выделите внутреннее пространство волшебной палочкой.

Создайте новый слой.

Определите два цвета: желтый – для цвета переднего плана и красный – для фона.

Произведите градиентную заливку выделенной области на новом слое. В качестве типа заливки попробуйте задать радиальную.

У Вас должно получиться что-то похожее на приведенном рисунке.

Теперь используя инструменты Осветление и Затемнение и нужные размер, форму и параметры кисти придайте пламени более реалистичный вид. Рисуйте как бы клубы линий-переходов.

Используя инструмент Клон-Штамп пересаживайте отдельные фрагменты красных областей в желтую зону и наоборот – это придаст большую реалистичность.

Используя инструмент ластик с нужными параметрами (Flow и Opacity) сделайте, чтобы пламя было по краям и немного изнутри слегка прозрачным или полупрозрачным.

Отмасштабируйте изображение уменьшив в 4 раза, т.е. задав новые размеры – 64х64.

Произведите цветокоррекцию, используя Изображение > Регулировки > Тон/Насыщенность, сделав пламя более насыщенным и ярким.

Используя те же пункты, но подпункт Уровни измените баланс освещенности – сместив точку белого в изображении на значение примерно 110-130.

Сохраните полученный результат в личную папку.

Поэкспериментируйте с изменением вида имеющегося пламени:

Изменение Яркости/Контраста

Изменение цветового баланса

Изменение уровней освещенности (Уровни)

Изменение цвета – вид облака – Тон/Насыщенность

Рисование воды

Рисование воды можно осуществить теми же методами, что и пламя. Единственное отличие – использовать другие исходные цвета – не красный и желтый, а, например синий и голубой или зеленый и синий и т.д.

Попробуйте создать кусочек водной поверхности подобный приведенному на рисунке.

Замечание: попробуйте выделять отдельные фрагменты в изображении при помощи лассо, а затем заливать градиентом. Затем размажьте участки используя инструмент Палец (Smudge).

Усовершенствуйте изображение, применив те же методики, которые Вы использовали при создании пламени.

Замечание: попробуйте менять не только размеры, но и форму кистей в инструментах Dodge, Burn, Eraser, Clone, Smudge. Попробуйте также использовать инструменты Sharpen, Blur, Sponge.

Рисование воды по стадиям:

Стадия 1 – выделенные при помощи лассо области заливались различными цветами при помощи градиентной заливки (радиальной и линейной).

Стадия 2 – после применения инструментов Smudge (Палец) и Sponge (Губка). Губка работала в режиме насыщения (Saturate).

Стадия 3 – после применения инструментов Dodge (Осветление) и Burn (Затемнение). Затемнение производилось большими размашистыми штрихами, группа воздействия на цвет – Shadows (Тени).

Стадия 4 – после применения Blur и Sharpen (Размытия и Резкости).

 

Стадия 5 – после применения фильтра: Filter > Distort > Ocean Ripple

(Океанская рябь).

Альтернатива стадии 5 – Стадия 5АFilter > Distort > Wave.

Попробуйте также применить эти 2 фильтра последовательно – один за другим. Сравните результаты.

 

Заключительная стадия – масштабирование изображения (уменьшение в 4 раза).

Замечание: если после масштабирования по периметру появляется рамка из более светлоокрашенных пикселей, то избавиться от нее можно следующим образом: отмените масштабирование, проведите новое масштабирование, но с приплюсовкой по 2 пикселя к высоте и ширине (т.е., например, не 64х64, а 66х66). После проведения операции при помощи рамки выделите область 64х64, внутри получившейся пиксельной рамки, так, чтобы последняя в нее не попадала и скопируйте в новое изображение.

Зацикливание текстуры

Если Вы сейчас зададите Вашу воду в качестве шаблона для заливки (Edit > Define pattern), а потом проведете с помощью него пробную заливку тестового изображения (например, 1024х768), то ясно заметите наличие у текстуры резких переходов – швов.

Как создать бесшовную текстуру?

Для зацикливания Вашей текстуры водной поверхности используйте Filter > Other > Offset; укажите нужные размеры (половина ширины и высоты) и пункт Wrap around – заворачивание (т.е. зацикливание, что нам и требуется). Результат приведен на рисунке.

Естественно, что после такой операции швы перейдут вовнутрь текстуры – образуя как бы крест. Чтобы избавиться от него используйте следующие методики:

Метод 1 – использование «засадки» Клоном – При помощи Clone Stamp копируются фрагменты и аккуратно располагаются на перекрестии. Ваша задача – не только скрыть «крест», но и позаботиться об однородности тайла, иначе на новом месте может получиться новый крест из кусочков образцов штампа.

На рисунках приводится:

Слева - неудачный вариант закрытия;

Ниже – более удачный вариант.

 

 

Метод 2 – использование выделения областей при помощи волшебной палочки и их зацикливание на отдельном слое.

Для этого – создайте новый слой и скопируйте на него какую-либо цветовую область. Затем зациклите ее.

Здесь задача заключается в том, чтобы не «переборщить» с выделением области. Если установить параметр Tolerance (обратная чувствительность) так, что выделяется почти всё, то никакого эффекта не будет – всё тот же крест, только уже на новом слое.

Комбинация методов – после проведений тестовых заливок созданными текстурами Ваш результат может оказаться все еще неудовлетворительным. Тогда попробуйте комбинировать 2 этих метода: сначала примените Метод 2, а затем Метод 1 – для нового (верхнего) слоя. В Методе 1 вместо Клон-Штампа попробуйте использовать ластик.

Можно поступить и так: дублировать слой, зациклить его, используя ластик спиралеобразно стереть крест.

Другие методы создания водных текстур

Запустите Corel Draw, создайте изображение 256х256, в нем прямоугольник 256х256. Уберите у него обводку. Залейте прямоугольник какой-либо текстурой – Ocean water, Swimming pool или другой. Экспортируйте созданное изображение в BMP и откройте из Photoshop. Поэкспериментируйте с видоизменением параметров текстуры сначала в Draw (вкладка Object Properties > Заливка > Кнопка Edit). Затем в Photoshop – применяя Изображение > Регулировки > Уровни, или Тон/Насыщенность или другие.

А также попробуйте применять различные фильтры. Создайте тайловую (т.е. цикличную) текстуру.

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

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

Чтобы реализовать это в текстуре достаточно создать анимированную текстуру – т.е. содержащую несколько статичных кадров, меняющихся во времени. Затем подобную текстуру можно сохранить в формате анимированный GIF или BMP с вертикальным или горизонтальным расположением кадров. Тогда данная текстура превратится в анимированную.

Все что нам требуется – это создать несколько изображений одной и той же текстуры с немного измененным видом на отдельных слоях. Сохранить полученный файл в PSD. Открыть его из Image Ready, произвести раскадровку и сохранить в GIF. Результат можно просмотреть из стандартной программы просмотра изображений Windows или прямо в Image Ready нажав кнопку Play.

В пакете Corel Graphics Suite 11 для создания анимаций используется программа Corel Rave.

Итак, приступим к выполнению нашей задачи средствами Photoshop. Дублируйте слой, содержащий изображение поверхности воды.

Создайте таким образом 8 слоев. Дайте слоям имена 1,2, …, 8.

Используя Filter > Liquify произведите постепенное видоизменение вида слоев.

Скройте все слои кроме 1-го. На панели инструментов нажмите кнопку Jump To Image Ready.

На панели Animation щелкните кнопку Duplicate Current frame столько раз, сколько требуется создать кадров. Но перед этим скройте все слои кроме первого (если Вы еще не делали этого). Установите величину временной задержки кадра (например 0,2 с). В каждом кадре установите отображение только соответствующего слоя.

Сохраните файл под именем swin_anim.PSD,

А затем используя пункт Save Optimized As в формате GIF.

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

Замечание: порядок отображения слоев в ваших кадрах должен циклично меняться. Например у Вас 4 слоя, значит будет 6 кадров:

1-2-3-4-3-2. Так как анимация текстур производится циклично, то будет казаться, что опять происходит возврат к началу (1 кадр со слоем 1).

Файлы в формате GIF хорошо использовать в WEB-публикациях – т.к. Internet Explorer поддерживает анимированные GIF-файлы – убедитесь сами – запустите IE и откройте ваш GIF.

Но иногда, Вам может потребоваться размещение анимации в BMP-файле.

Это делается просто – все кадры размещаются в одном изображении в вертикальном или горизонтальном порядке. При этом ширина или высота исходного изображения увеличивается на ширину(высоту) одного кадра * на число кадров. (см. рисунки).

 

Как выполнить такую раскадровку средствами Photoshop?

Предположим Вы хотите расположить кадры вертикально. Размеры кадра 256х256. Число кадров – 6.

Создайте новое изображение размерами 1536х256.

В исходном изображении выделите все (Select > All) и последовательно копируйте содержимое каждого слоя и вставляйте в новое изображение. В новом изображении отпозиционируйте изображения на слоях, так чтобы они шли один за другим.

Склейте все слои и сохраните результат в формате BMP.

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

Создайте изображение 256х256.

Залейте фон небесно-голубым цветом.

Дублируйте слой.

Используя инструмент Осветление (Dodge), нужную форму кисти, нужную группу и степень воздействия нарисуйте облака.

Используя Волшебную палочку на слое с облаками выделите голубой фон и удалите его, чтобы оставить только изображения облаков.

Создайте анимированное движение облаков – для этого на каждом новом слое постепенно сдвигайте изображение вправо и вниз.

Чтобы уходящие за пределы изображения облака появлялись с противоположной стороны:

выделите опустевшее пространство (на сдвигаемом слое).

 

Вернитесь на исходный слой и переместите область выделения вправо. Скопируйте выдвигаемую область.

Передвиньте назад область выделения, вернитесь на сдвигаемый слой и вставьте скопированный фрагмент.

Аналогично выполняется восстановление того, что сдвигается сверху - вниз.

При этом будет возникать иллюзия непрерывного движения облаков.

Созданное многослойное изображение анимируйте в Image Ready, сохраните в PSD и GIF, просмотрите результат анимирования.

 

 

 

 
     
  [к содержанию] [назад] [далее]  
     
     

Форма для смены шаблонов сайта.

модуль template selector

template selector
Для этих целей разработан модуль для

megainformatic cms

и её модификаций (express, files, admin, e-pro, e-shop, e-mailer, seo, stat kit, social и других).


Достоинство модуля в его универсальности - он применим и для любых других cms - joomla, wordpress, drupal, dle, shop script le, presta shop и иных систем

Установка модуля включает следующие шаги -

1) размещаем файлы модуля в папке для модулей.

2) в файле template_selector_cookie.php прописываем доступный для выбора набор шаблонов

например так,

$templates = array('super', 'mega', 'classic', 'future', 'social');

Обратите внимание, что шаблоны с такими именами обязательно должны быть в папке шаблонов вашего сайта !!! По-умолчанию это папка design.

3) в модуле before_output подключаем модуль template_selector_cookie.php используя include_once

include_once "modules/template_selector_cookie.php";

4) В шаблонах (или одном из шаблонов) нужно вставить код, обеспечивающий вывод формы для выбора шаблона сайта.

например так,

include_once "modules/template_selector.php";

Модуль готов к работе !!!

Теперь при выборе нужного шаблона через форму и нажатии кнопки ШАБЛОН все страницы сайта будут отображаться с использованием выбранного шаблона.

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

http://varve.ru/webprojects/modules/template_selector/

Приобрести комплект megainformatic cms express files + модуль template selector

megainformatic cms express files + template selector

Приобретая данный комплект Вы получаете:

- работающий сайт под ключ, устанавливаемый в течение 10 минут, путём простого копирования всех файлов дистрибутива на ваш хостинг;

- Плюс к этому 5 различных шаблонов сайта;

- и подключенный модуль template selector;


В набор также включены следующие модули:


- before output - модули подкючаемые до вывода информации в браузер; - date time - выводит текущую дату/время на сайте;

- default meta - вывод мета-тегов по-умолчанию;

- page - модуль вывода заголовков и страниц сайта;

- run line - модуль бегущей строки;

megainformatic live chat
Начать беседу
X
 

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



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


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