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


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

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

Теги создание сайтов, создание игр, дизайн, игры, информатика, уроки photshop, php, c++, музыка, delphi, cms, робосайт
Статьи сайта
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  
     
  Рисуем волка из мультфильма  
     
  30/10/2008  
     
 

Как нарисовать персонажа в Photoshop?

Попробуем изобразить вот такого волка -

 
     
   
     
  [щелкнув по изображению раскрашенного волка можно открыть вариант в натуральную величину]  
     
  [к началу] [страница 2] [страница 3] [страница 4]  
     
  Следующее затруднение, которое у Вас возникнет заключается в следующем:  
     
   
     
  Когда Вы будете заливать области представленные замкнутыми контурами, например глаза, как на этом рисунке, то после выполнения заливки заметите, что вдоль краев осталась незакрашенная область. Она объясняется тем, что контуры выполнялись кистью с нежесткими, полупрозрачными краями. Устранить это можно подрисовав края кистью вручную или применением эффекта перехода (Blending) представленного обводкой (Stroke) -  
     
  Выберите слой с заливкой глаз и щелкните в панели слоев по нему правой кнопкой мыши, в появившемся контекстном меню выберите Blending Options -  
     
   
     
  в открывшемся окне щелкните пункт stroke  
     
   
     
  вместо красного цвета обводки задайте белый, размер обводки уменьшите до 2 пиксель -  
     
   
     
  обратите внимание - для отображения параметров эффекта Stroke нужно не только поставить галочку напротив данного пункта, но и сделать, чтобы он был выделен также как на рисунке.  
     
  После применения эффекта обводки Вы увидите в панели слоев появление пункта обозначающего применение эффекта. В дальнейшем Вам потребуется работа с изображением в таком виде, чтобы эффекты были растрированы, т.е. превращены из эффектов в пиксели изображения. Чтобы превратить эффект в растровое изображение достаточно создать пустой слой, связать этот пустой слой со слоем, в котором мы хотим растрировать эффекты и выполнить склеивание связанных слоев.  
     
   
     
   
     
  Для связывания слоев достаточно щелкнуть мышью в пустом окошке напротив слоя (см. рисунок выше - обведено зеленым).  
     
  После этого пункта эффекта в названии слоя исчезает, а сам эффект становится частью изображения, как будто Вы изобразили его сами. Т.е. полученное можно обрабатывать дальше - прорисовывать, улучшать, добавлять новые эффекты и т.п.  
     
  Теперь переходим к работе со свето-тенью. Всё что Вам потребуется - это новые слои, расположенные под слоем с контурами, но над слоями с раскраской, кисть различной степени прозрачности и оттенки цветов которые Вы уже применили при раскрашивании.  
     
  Используя более светлые оттенки чем основные Вам нужно нарисовать у волка участки, которые имеют блик или лучше освещены. Используя более темные оттенки Вы изобразите соответственно тени.  
     
  Вот что у Вас примерно должно получиться -  
     
   
     
  Теперь рассмотрим как это выполнить  
     
  Создаем новый слой и располагаем его так, чтобы он находился над слоями с раскрашенными элементами, но под слоем с контурами -  
     
   
     
  Выберите инструмент кисть и сделайте у нее нежесткие края и меньшую непрозрачность -  
     
   
     
  На новом созданном слое, например под именем body_shadows начинаем рисовать тени. Цвет теней можно задать следующим образом:  
     
  Наводим курсор кисти на участок изображения, с которого хотим взять цвет и нажав клавишу [Alt] превращаем кисть в пипетку. Пипетка служит для взятия цвета пикселя под ее курсором. После этого в окне диалога выбора цвета делаем из выбранного более темный цвет -  
     
   
     
   
     
   
     
   
     
  Теперь используя выбранный цвет рисуем тени. Области для рисования теней показаны на рисунке ниже -  
     
   
     
  Т. е. предположив, что источник освещения находится слева и над головой волка в соответствии с этим изображаем тени на футболке - от рук, от головы. Кроме того тени могут быть во впалых участках тела. По аналогии с этим рисуются и светлые участки и блики, для светлых участков цвет соответственно должен быть светлее основного тона раскрашиваемого элемента (см. рисунок) или вообще используйте белый цвет или близкие к белому оттенки серого.  
     
  После того, как Вы закончите волк будет готов!  
     
  Если Вы всё поняли и у Вас всё получилось, то можно двигаться дальше - выполнить анимирование волка, например нарисовать анимацию хотьбы.  
     
  Об этом рассказано дальше  
     
     
     
     
     
     
     
     
  [назад] [далее]  
     
  [Все уроки]  
     
подробнее

     
  Мастер-класс: Создание модели и текстуры Коммандного Центра (как в StarCraft 2)  
     
  модель коммандного центраСкачать готовую модель вы можете кликнув по картинке.  
     
  Этот объемистый урок расскажет Вам как научиться создавать нечто подобное: всем известно, что вышла игра StarCraft 2 компании Blizzard. Об этой игре ходят легенды. Но не дожидаясь когда вам удастся засесть за игру, а также для того, чтобы пополнить свои навыки и умения попробуем вообразить себя "крутым дизайнером" (прямо как из Blizzard) и попробовать создать модель и текстуру для коммандного центра из StarCraft 2.  
     
 

Часть 3

Следующая часть нашего урока - это создание стойки (support). Всего их будет 4. Однако для создания достаточно и одной. Остальные мы получим путем создания копий созданной стойки операцией клонирования.

 
     
  Как можно заметить готовая стойка (которую Вы вскоре создадите) включает два элемента в основе которых лежит примитив цилиндр.  
     
  готовая стойка для Коммандного Центра  
     
  Поэтому - создадим цилиндр. Радиус 0,5 единиц, Высота 0,1, Количество сегментов по высоте - 1, в основании (cap) - 1, количество сторон (Sides) - 8;  
     
 

Размеры даны в относительных единицах (в качестве них могут быть метры, дюймы или другие допустимые единицы - в зависимости от того какая система единиц измерения у Вас установлена - Customize > Units Setup). Количество сегментов (сторон) следует выбирать опытным путем исходя из того, как Вы будете далее видоизменять созданный примитив.

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

В реальных ситуациях, когда Вы будете моделировать какие-то свои объекты, Вам иногда придется возвращаться на исходную позицию и изменять первоначальное количество сегментов в сторону увеличения или уменьшения их количества. Это можно также сделать на созданном объекте даже когда возврат к первоначальному состоянию невозможен. Но об этом ниже.

 
     
  будущая стойка - а пока - сплюснутый цилиндр  
     
  Щелчком правой кнопки мыши в окне стека модификаиций преобразуем объект в editable mesh. Используя технологию выдавливаний, которую Вы уже применяли при создании основания Коммандного Центра, формируем основу стойки -  
     
   
     
   
     
   
     
  На рисунках выше показано как последовательно нужно производить выдавливания со скосами (Bevel) для придания нужной формы.  
     
  Следующий этап - выдавливание 4 маленьких ножек и формирование держателя к которому будет крепиться второй видоизмененный цилиндр опоры. Тут будет одна маленькая особенность - дело в том, что опоры должны располагаться относительно основания коммандного центра повернутыми относительно своего первоночального положения на 23,5 градуса. Вам нужно путем выбора инструмента Select And Rotate повернуть заготовку будущей опоры на этот угол относительно оси Z.  
     
  Выберите весь объект в целом (editable mesh) в стеке модификаций и поверните на нужный угол.  
     
   
     
  Теперь, прежде чем выдавливать ножки, нужно сформировать в верхней части стойки грань. Мы выполним это путем надреза -  
     
   
     
  Сначала выберите в стеке модификаций пункт Edge или Face. Чтобы легче было выполнять надрез (создание нового ребра на поверхности грани или полигона) на панели инструментов включите 3-х мерное выравнивание. Нажмите кнопку Cut в группе Edit Geometry окна параметров editable poly. Обратите внимание в каком месте нужно выполнять надрезы, иначе держатель получится в неверном положении.  
     
   
     
  Аналогично выполните второй надрез. После этого отожмите кнопки Cut и Snaps Toggle (3-х мерную привязку).  
     
  Теперь дело за малым - выдавить держатель и 4 ножки -  
     
   
     
   
     
   
     
  На какое примерно расстояние выполнять сдвиг грани для формирования держателя? Можете ориентироваться на готовую модель опоры или подогнать по месту позднее.  
     
   
     
   
     
  Теперь создаем второй цилиндр - он будет играть роль промежуточного звена в прикреплении опоры к основанию Коммандного центра -  
     
   
     
  Для создания можете использовать следующие предварительные размеры - Radius = 0,2 Height = 0,4 Height segments = 1 Cap segments = 1 Sides = 8  
     
  Теперь Вам нужно выполнить 2 вращения - на 90 градусов по оси Y и на 45 по оси Z и разместить цилиндр в нужном месте опоры.  
     
   
     
   
     
   
     
   
     
   
     
  После проделанных манипуляций мы получим цилиндр лежащий на держателе ребром -  
     
   
     
  Казалось бы, достаточно повернуть его вокруг своей оси на нужный угол (-23,5 градуса) и уложить точно на держатель.  
     
   
     
  Но не тут то было. Все наши попытки привести к правильному повороту не приводят к оному. Почему? Да потому что мы повернули локальную систему координат относительно глобальной. Решением является выбор локальной системы координат объекта, относительно которой получится сделать задуманное -  
     
   
     
  Теперь остается только подобрать нужные размеры, преобразовать цилиндр в editable mesh и выполнить выдавливание нужной формы.  
     
  Думаю с этим Вы справитесь самостоятельно.  
     
  Теперь остается только сгруппировать или связать два элемента формирующие единую опору, чтобы они не "рассыпались" при дальнейших манипуляциях. Лучше конечно использовать связывание (Link), т.к. оно поддерживается форматом X.  
     
  Для выполнения связывания выберите связываемый объект (звено опоры), используя инструмент Select And Link протащите курсор к родительскому (корневому) объекту - опоре.  
     
   
     
  Связывание завершено. Теперь при перемещениях опоры звено опоры двигается совместно. О связывании подробно рассказывалось в уроке посвященном 3D-анимации .  
     
  Теперь Вам остается разместить опору в нужном месте основания базы -  
     
   
     
  Теперь если выполнять перемещения или вращения с нажатой клавишей [Shift] можно создать копии опор и разместить их в нужных местах. Только имейте в виду, что для клонирования нужно выбрать и опору и звено!  
     
   
     
   
     
   
     
  Корректируем положение созданной опопы, а после выделяем все элементы обоих полученных опор и с нажатой клавишей [Shift] поворачиваем на 90 градусов по оси Z в глобальной (view или world) системе координат.  
     
   
     
  [назад] [далее мы создадим элементы крыши]  
     
подробнее

     
     
  Добро пожаловать в систему управления сайтом megainformatic cms !  
     
  [к содержанию] [назад] [далее]  
     
 

8)  Создание интернет-магазина

 
     
 

Что подразумевается под сайтом интернет-магазином ?

Это сайт, на котором размещены какие-либо товары или услуги, которые можно приобрести за электронную или наличную валюту.

Таким образом, интернет-магазин включает 2 важные части:

- каталог продукции;

- систему обработки заказов;

 
     
  Система megainformatic cms уже имеет всё необходимое для создания вашего собственного интернет-магазина. Вам остается только внести необходимые настройки, касающиеся ваших аккаунтов в платежных системах, добавить на сайт товары и вуаля - ваш магазин уже готов к работе !  
     
 

Создание каталога выглядит следующим образом -

1) вы создаете и добавляете на сайт обычную страницу контента - это подробно описано в уроке - Основы добавления контента на сайт

 
     
 

2) в любом месте страницы добавляете такой код -

<form name="buy9" method="post" action="after_buy.php?pid=9">
<input type=image src="images/buy_btn.jpg" >
</form>

 
     
  что выглядит следующим образом -  
     
 
 
     
  Нажав эту кнопку прямо сейчас вы увидите нечто следующее -  
     
   
     
  Это связано с тем, что в базе данных вашего сайта, построенного под управлением megainformatic cms еще нет описания товара с идентификатором pid=9  
     
 

Значит нужно его добавить. Сделаем это следующим образом - во первых изменим слегка код на такой, оранжевым цветом я выделил изменения

<form name="buy" method="post" action="after_buy.php?pid=1">
<input type=image src="images/buy_btn.jpg" >
</form>

поскольку товар у нас в базе данных скорее всего будет 1ый, логично назвать форму для его обработки просто buy без цифры 9 и идентификатор товара изменить на 1

 
     
 

3) Теперь запускаем phpMyAdmin - в адресной строке браузера пишем -

http://localhost/Tools/phpmyadmin/index.php

 
     
  Открываем базу данных midb (или ту, которую вы использовали при создании сайта на основе megainformatic cms)  
     
 

Откроем таблицу products и увидим там 1 единственную запись -

 
     
 
id name cost
1 Тестовый продукт 100
 
     
  Изменим поле name на нужное вам название продукта, например, Товар номер 1, поле cost - стоимость, также изменим на нужное вам значение (стоимость в рублях)  
     
  Для этого нажмите кнопку Edit в виде карандаша, расположенную чуть левее данной таблицы, внесите необходимые изменения после чего нажмите кнопку GO.  
     
  Теперь кнопка будет работать правильно  
     
 
 
     
  Аналогично вы добавляете все необходимые товары, постепенно наполняя каталог.  
     
 

Для добавления нового описания товара можно воспользоваться админкой - войдите в админку -

http://localhost/megainformatic/holder

 
     
  и воспользуйтесь кнопкой Добавить новый продукт на сайт  
     
   
     
  Второй важный этап создания интернет магазина - это настройка системы обработки заказов. Она включает следующие шаги:  
     
 

1) Регистрация в платежных системах и получение в них платежных аккаунтов - счетов на которые пользователи смогут перечилять вам средства за проданные вами товары или оказанные услуги;

2) Указание полученных данных в настройках модуля системы обработки заказов;

 
     
  1ый шаг вы выполняете сами. Второй шаг рассмотрим подробнее на примере системы webmoney  
     
  К примеру если есть кошелек с некоторым номером, например R423715778532  
     
 

вы открываете папку, где у вас установлен сайт -

C:\WebServers\home\localhost\www\megainformatic\

 
     
  заходите в папку - order и редактируете файл webmoney.txt - вместо указанного там номера кошелька - вписываете свой.  
     
  Аналогично поступаете с другими платежными системами (способами оплаты).  
     
  Последний важный шаг в настройке работы вашего магазина - изменение e-mail адреса администрации сайта - на указанный e-mail вы будете получать копии писем отправленных заказчикам и уведомления.  
     
  Для этого найдите и откройте модуль accept_order.php (по-умолчанию он в папке - C:\WebServers\home\localhost\www\megainformatic\)  
     
  найдите строку - $sitemail = "megainfo@megainformatic.ru";  
     
  и впишите между кавычками " " e-mail адрес, который будете использовать в качестве администраторского. Сохраните изменения в файл и ваш магазин полностью готов к работе !  
     
  Внутри модуля accept_order.php также расположен шаблон письма, отправляемого заказчику после подтверждения заказа, Вы его также можете изменить по своему усмотрению.  
  [к содержанию] [назад] [далее]  
подробнее

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

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

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

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

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

Создайте изображение 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, просмотрите результат анимирования.

 

 

 

 
     
  [к содержанию] [назад] [далее]  
     
     
Содержимое данной страницы доступно только зарегистрированным пользователям.



Пожалуйста войдите на сайт - Вход

или пройдите процедуру регистрации - Регистрация

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

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



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


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