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


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

megainformatic - КАК СОЗДАТЬ СВОЮ ИГРУ - Веселый Буквоежка Ваше Визуальное Шоу / Fun Letter Eater You Visual Show
             
подробнее...

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

megainformatic - КАК СОЗДАТЬ СВОЮ ИГРУ - Веселый Буквоежка Ваше Визуальное Шоу / Fun Letter Eater You Visual Show

megainformatic - Формы оплаты заказа

megainformatic - оплата через систему QIWI - выбор продукта

megainformatic - КАК СОЗДАТЬ СВОЮ ИГРУ - Набор разработчика игр - Нечто: Необъяснимое - в плену желаний

megainformatic - Как создать игру ? - Программируем сами - Самый первый шаг

megainformatic - Как создать игру ? - Программируем сами - Самый первый шаг - страница 2

megainformatic - Как создать игру ? - Программируем сами - Содержание

megainformatic - Как создать игру ? - Программируем сами - Самый первый шаг - страница 3

megainformatic - Как создать игру ? - Программируем сами - Изучаем и модифицируем пример CreateDevice

megainformatic - Как создать игру ? - Программируем сами - пример CreateDevice страница 2

megainformatic - Как создать игру ? - Программируем сами - пример CreateDevice страница 3

megainformatic - Как создать игру - Vertices - Вершины - страница 1

megainformatic - Как создать игру - пример Matrices

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 года

подробнее

Веселый Буквоежка - онлайн комикс - страница 7

представляем Веселый Буквоежка - онлайн комикс.

Он пробрался к хранилищу и спрятал свои инструменты.

Веселый Буквоежка - онлайн комикс - страница 7

если кликать картинку она будет последовательно меняться в размерах от 620 до 2048 пиксель.

[страница 1]  [страница 2]  [страница 3]  [страница 4]  [страница 5]  [страница 6]  [страница 7]  [страница 8]  [страница 9]  [страница 10]  [страница 11]  [страница 12]  [страница 13]  [страница 14]  [страница 15]  [страница 16]  [страница 17]  [страница 18]  [страница 19]  [страница 20]  [страница 21]  [страница 22]  [страница 23] 

подробнее

     
     
  Уроки Photoshop  
     
  Уроки Photoshop  
     
 

Данный сборник уроков рассчитан на освоение работы в Adobe Photoshop версий 6, 7, 8, 9, 10, 11 и выше. Для более ранних и более поздних версий возможны некоторые отличия в описаных действиях. Общие описанные принципы остаются неизменными!

В сборник вошли 35 статей - быстрый старт, быстрый старт 2, раскраска, варианты раскраски, текстуры, горная порода, синтез, трава, песок, набор текстур, глина, ткань, огонь, растения, металл, элемент, небо, камни, кора, вода, древесина, шерсть, обработка фото, фотомонтаж, эффекты, ретушь, оцветнение, визитка, открытка, виньетка, штабдок, персонаж, gif, web-арт, RGB / HSB / CMYK

 
     
  все уроки Photoshop    
   
  Купить программу Уроки Photoshop  
  Требования к читателю  
     
  У читателя предполагается наличие базовых принципов владения ПК - пониманием работы в Windows и типовых Windows-приложениях типа Проводник (Мой компьютер).  
     
  На компьютере необходимо иметь установленную программу Adobe Photoshop одной из версий от 6 до 9. Для версий ниже 6 или выше 9 могут быть более или менее значительные расхождения с тем, что описано.  
     
  Рисуем волка из мультфильма  
  Рисуем волка из мультфильма - Показанная техника рисования применялась при создании мультфильма в эмуляторе электронной игры ИМ-02 "Ну, Погоди!"  
     
     
  Содержание:  
  основные части окна Photoshop  
  Быстрый старт - основные элементы окна, открытие графических файлов, инструмент Лупа (Zoom Tool), растровые изображения, определение объема изображения в памяти;  
     
     
  контуры цветка  
  Быстрый старт page 2 - о форматах графических файлов, векторная графика, создание нового изображения, рисование контуров, сохранение файла.  
     
  нарисуем вот такого медвежонка  
  Раскраска - использование слоёв, заливка, инструмент выделения Волшебная палочка;  
     
  вид раскрашенной текстуры, наложенной на 3D-модель  
  Варианты раскраски - градиентные заливки, применение инструментов Кисть, Осветление, Затемнение.  
     
  Для тех, кто постиг предыдущий материал (stage 1)  
     
  образец текстуры - Грязь  
  Текстуры, текстурные заливки - понятие текстуры, текстурной заливки, создание тайловых (бесшовных) текстур.  
     
  фотография реального образца текстуры  
  Создаем текстуру горной породы на основе фотографии реального образца - описаны методы исследования структуры текстуры и процесс создания фотореалистичной текстуры.  
     
  искусственно созданный новый образец  
  Создание вариантов на тему созданной текстуры - описываются методы исследования и синтеза новых текстур.  
     
  текстура травы  
  Рисование текстуры травы - описывается методика создания однородных текстур на примере создания куста травы с последующим распространением на всём пространстве текстуры. Применив Фильтр Смещение (Offset) и заполнив швы можно получить бесшовную текстуру.  
     
  песок  
  Рисование текстуры песка, детализация текстуры - описывается способ рисования песка, добавление деталей (теней, бликов, камешков и т.п.)  
     
  базовый набор текстур игрового (художественного) проекта  
  Подготовка набора текстур для игрового (художественного) проекта - некоторые основные типы текстур, особенности их создания, детализации. Рассматриваются принципы создания огоня, воды, неба, ткани, металла, шерсти, дерева и некоторых других.  
     
  clay - глина  
  Рисование текстур глина, грязь - с использованием Фильтров Шум, размытие по Гауссу описан пошаговый процесс создания текстуры, похожей на глину, грязь. Показан способ добавления деталей - трещин на пересохшей глине.  
     
  текстуры ткани  
  Создание тканеподобных текстур - показано как из отдельных элементов строится текстура. Варьированием элементов, фильтров и эффектов можно достичь самых различных результатов. Показана работа вначале с обесцвеченной (черно-белой текстурой) для лучшего анализа светлотности. Затем текстура оцветняется. Приводятся и 2 альтернативных варианта результатов.  
     
  огонь  
  Огонь, создание огня. Описывается рисование текстуры огня Кистью и при помощи фильтров. Создание альфа-маски, анимация в Image Ready.  
     
  Создание растительных текстур и объектов  
  Создание растительных текстур и объектов на примере создания текстуры дерева. Тестирование полученных текстур на 3D-моделях.  
     
  примеры околометаллических текстур  
  Продолжаем создавать основные типы текстур - металл.  
     
  один из примеров чешуевидной текстуры  
  Остановимся на создании элементно-упорядоченных текстур на примере создания чешуевидной текстуры  
     
  небо и облака  
  Займемся рисованием небесных текстур - небо и облака.  
     
  каменистая порода  
  Нарисуем обломки скал и камни.  
     
  вариант текстуры коры дерева  
  Создаем кору дерева.  
     
  анимированная текстура воды  
  Создание анимированной текстуры (альфа-маски) для воды  
     
  текстура древесины  
  Создание древесины - просто и быстро  
     
  шерсть  
  Создаем шерсть животного - еще быстрее, еще проще  
     
  Ну что ж, мы очень много времени уделили рисованию, созданию от нуля, совершенствованию, на примере создания некоторых основных типов текстур. Если Вы всерьез хотите заняться текстурами и рисованием текстур, то этого материала, конечно же совсем недостаточно. Вам следует заняться дальнейшей проработкой материала - подбором необходимых натуральных образцов, уделению внимания деталям, созданию разновидностей, документированию тех новых особенностей, которые Вы обнаружите в ходе работы. И так, шаг за шагом Вы придете к созданию своей личной библиотеки текстур и алгоритмов их создания. Главное теперь - это не останавливаться на достигнутом и продолжать работу далее. А сейчас мы займемся рассмотрением вопросов, по большей части посвященных фотодизайну и обработке цифрового фото, хотя, будут затронуты и вопросы креативной работы, создания от нуля - в соответствующих темах. Приступим!  
     
  устранение эффекта красных глаз, цветокоррекция, очистка от пыли и царапин  
  Обработка фото - устранение эффекта красных глаз, цветокоррекция, очистка от пыли и царапин  
     
  Основы фотомонтажа  
  Основы фотомонтажа - использование ластика для правильного стирания фона, изменения положения, масштаба вставляемых объектов, цветокоррекция, дополнительные элементы сцены, построение трехмерной вспомогательной сетки для облегчения ориентирования объектов в сцене. Также разобраны некоторые типичные ошибки фотомонтажа.  
     
  Применение эффектов слоев к изображениям, тексту  
  Применение эффектов слоев к изображениям, тексту - показано на примере рисования клеточной сетки, поэкспериментировав с применением эффектов к ней Вы быстро поймете что и как.  
     
  Ретушь старых фотографий  
  Ретушь старых фотографий - показаны основные инструменты восстановления, показан способ Ретуши с соблюдением критерия Качество/Скорость.  
     
  Обесцвечивание цветных, оцветнение черно-белых фотографий  
  Обесцвечивание цветных, оцветнение черно-белых фотографий - показаны способы оцветнения, обесцвечивания.  
     
  придумываем и создаем дизайн визитки сотрудника фруктовой компании  
  Создание визитки - придумываем и создаем дизайн визитки сотрудника фруктовой компании  
     
  как сделать интересную фотооткрытку при помощи фотомонтажа  
  Создание открытки - как сделать интересную фотооткрытку при помощи фотомонтажа  
     
  создание виньеток  
  Создание виньеток - Вам будет рассказано и показано как создать виньетку для выпускников садика, школы или института  
     
  готовая 3D-модель с наложенной текстурой  
  Изображения для компьютерных игр - показан пример раскрашенной текстурной развертки для 3D-модели, рассказано о создании детализированных текстур.  
     
  3D-персонаж  
  Рисование персонажа для компьютерной игры - рассказано об основных моментах создания персонажа человека, имеется готовая модель персонажа в формате 3ds max7, которую можно использовать как манекен для экспериментов с рисованием текстуры персонажа  
     
  простейшая анимация  
  Создание анимаций для Web-публикаций в формате GIF (используем Image Ready)  
     
  создание объемных кнопочек  
  Графика для web-публикаций - пример создания объемной кнопки с надписью.  
     
  цвет, цветовые модели  
  Принципы растровой графики, цветовые модели (RGB, HSB, CMYK, градации серого, Lab, Web). Рассказано о формировании изображения на экране монитора, о том как воспринимает цвет человеческий глаз и о том, что такое цветовые модели.  
     
     
   
     
подробнее

Дизайн сайта строительной компании УЛЬТРА-СТРОЙ


В этом уроке познакомлю Вас с дизайном сайта на примере дизайна для некоторой вымышленной организации УЛЬТРА-СТРОЙ.

Если таковая по случайному совпадению и существует, то сразу замечу, что к ней и к её сайту (если таковой имеется),
я не имею никакого отношения. :)

Итак, нам понадобится Photoshop и
Как всегда немного фантазии.
Поехали !

Сначала определимся, какие основные блоки нам будут нужны.

Это как всегда шапка (top или head), верхнее меню (topmenu), блок контента (content), и подвал (footer).

Кстати подвал будет двухэтажный (не зря же мы будем делать дизайн сайта строительной !!! компании :))))

В Photoshop конструируем примерно следующую структуру будущей страницы сайта.

структура страницы сайта Ультра-Строй

На рисунке видно, что я избрал вариант сайта с постоянной шириной и переменными внешними полями - наиболее приемлемый и простой в исполнении вариант будущей верстки.

Ширину сайта принимаем равной 900 пиксель (px). Т. е. ширина всех блоков будет равна этому значению, ну а белый фон по краям - поля переменной ширины в зависимости от ширины экрана в браузере.

Изберем неброскую цветовую гамму в зелено-голубых тонах и соответственно простой, чуточку стильный (но без фанатизма :))) ) внешний вид.

Начнём с шапки - top.

шапка (top) для сайта Ультра-Строй

Создаём новую группу слоёв, называем её top.

шапка (top) для сайта Ультра-Строй

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

создаем новый слой

Для этого создаем в группе top новый слой, даем ему имя top_fill

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

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

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

правой кнопкой щелкаем слой top_fill и выбираем пункт Параметры наложения и далее щелкаем пункт Наложение градиента и задаем градиент, как было показано на этом рисунке -

шапка (top) для сайта Ультра-Строй

Добавляем надпись и некоторые элементы декора

шапка (top) для сайта Ультра-Строй

шапка (top) для сайта Ультра-Строй

Аналогичными манипуляциями получим в результате примерно такой макет -

макет сайта Ультра-Строй

В данном макете применялись следующие технологии :

- работа с текстом;

- полупрозрачность слоя;

- градиентная заливка;

- обводка;

- прямоугольная область;

- примитив - прямоугольник со скругленными краями;

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

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

Уроки Photoshop free (Свободно распространяемые)
бесплатно
уроки photoshop
100 руб.
уроки photoshop - чудеса !
100 руб.
уроки photoshop -  рисуем и анимируем
250 руб.


Если Вы хотите создать дизайн для своего сайта или заказать разработку дизайна - обращайтесь ко мне.

Моё портфолио - портфолио

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

подробнее

Приключения Кости Коробкина - С новым годом - интерактивный комикс (kk hny) - онлайн комикс - страница 6

Предлагаем вашему вниманию онлайн-комикс Приключения Кости Коробкина - С новым годом - интерактивный комикс (kk hny).

Для начала представим, что я тоже могу выполнять желания.

Приключения Кости Коробкина - С новым годом - интерактивный комикс (kk hny) - онлайн комикс - страница 6

если кликать картинку она будет последовательно меняться в размерах от 620 до 2048 пиксель.

[страница 1][страница 2] [страница 3] [страница 4] [страница 5]  [страница 6] [страница 7] 

Как я осваивал Flash - шаг 1

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

Эта технология позволяет встраивать в страницы вашего сайта интерактивные приложения flash, в том числе игры.

Такие игры не требуют инсталляции - открыл браузер и играй !

Что очень привлекательно для пользователей.

Итак, что же нужно для того, чтобы научиться делать собственные flash-игры ?

Первым делом Вам надо найти подходящую среду разработки, за основу можно взять продукт Adobe Flash.

В данном цикле статей Мы рассмотрим работу в Adobe Flash CS4.

Но Вы конечно же можете использовать тот продукт или ту версию, которая Вам доступна.

С чего же начинается разработка Flash игры ?

Первым делом, когда Вы вообще еще не представляете с чего начать после того как запустили Adobe Flash и не знаете что же делать дальше,

Возьмите свободные исходники игр, написанных на флеш.

Например, я нашел в сети исходник игры про марио.

Графика и смысл игры там конечно же оставляют желать лучшего.

Но в качестве учебного примера это вполне хорошее начало.

Там есть движущиеся спрайты, проверка столкновений (коллизий) и другие интересные вещи.

Остается только понять как оно всё работает :)))

Чем мы сейчас собственно и займёмся.

Анимация прыгающего шарика.

Запускаем Adobe Flash CS4, выбираем пункт меню ФАЙЛ > СОЗДАТЬ > ФАЙЛ FLASH (ACTION SCRIPT 3.0)

Получим новый пустой документ белого цвета.

Попробуем изменить размеры документа и цвет фона.

Правой кнопкой щелкаем на пустом белом пространстве документа и выбираем пункт меню
СВОЙСТВА ДОКУМЕНТА

СВОЙСТВА ДОКУМЕНТА

Попробуем задать новые размеры - 600 х 400 пикселей -

новые размеры - 600 х 400 пикселей ДОКУМЕНТА

Там же можно изменить цвет фона, давайте изменим его на зеленый -

ЦВЕТ ФОНА ДОКУМЕНТА

После этого жмём ОК.

Теперь в панели инструментов справа выберем примитив - Овал.

Инструмент Овал

И попробуем изобразить окружность как показано на рисунке -

Овал

Теперь надо научиться менять свойства созданного объекта.

В панели инструментов справа выберем ИНСТРУМЕНТ СТРЕЛКА -

ИНСТРУМЕНТ СТРЕЛКА

Теперь наведем указатель мыши на область окружности и щелкнем по ней -

ВЫБОР СВОЙСТВА ЗАЛИВКА

Как Вы заметили она стала выделена точками, которые заполняют всё её пространство.

В панели свойств справа теперь можно легко изменить цвет заливки, изменим например на желтый.

ЖЕЛТАЯ ЗАЛИВКА

Аналогично при помощи ИНСТРУМЕНТа СТРЕЛКА можно выбрать контур (ОБВОДКУ) окружности и изменить его цвет и толщину -

КРАСНЫЙ УТОЛЩЕННЫЙ КОНТУР

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

В нижней части окна Adobe Flash CS4 вы можете видеть ПАНЕЛЬ ВРЕМЕННОЙ ШКАЛЫ.

Там наш примитив ОВАЛ (будем называть его Шарик :) ) пока имеет всего 1 ключевой кадр.

Давайте щелкнем правой кнопкой кадр номер 5 и выберем пункт ВСТАВИТЬ КЛЮЧЕВОЙ КАДР.

Вставляем 5 ключевой кадр

После того, как ключевой кадр создан, наш шарик в этом кадре нужно переместить вверх (мы как бы имитируем "ПОДСКОК" шарика).

Для этого выбираем ИНСТРУМЕНТ СТРЕЛКА и перемещаем наш Шарик в 5 кадре немного вверх.

имитируем 'ПОДСКОК' шарика

По аналогии создаем ключевой кадр 10 и и возвращаем Шарик в исходное положение, либо можно просто скопировать 1 кадр и вставить его на место 10.

Нажимаем CTRL + ENTER чтобы посмотреть полученную анимацию -

Нам с Вами остается научиться экспортировать полученный ролик в формат SWF.

Для этого выбираем пункт меню ФАЙЛ > ЭКСПОРТ > ЭКСПОРТИРОВАТЬ РОЛИК.

Выбираем РОЛИК SWF, задаем имя файла и Сохраняем.

Получим файл SWF, который можно внедрять на страничку вашего сайта при помощи например такого кода -

<div style="text-align: center;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab
#version=4,0,2,0" width="600" height="400">
<param name="movie" value="http://megainformatic.ru/papers/flash_dev/hilf_s_1/images/jumped_ball.swf">
<param name="quality" value="high">
<embed src="http://megainformatic.ru/papers/flash_dev/hilf_s_1/images/jumped_ball.swf" quality="high"
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"
width="600" height="400">
</object>
</div>

Файл разумеется нужно разместить в указанной папке на вашем сайте.

Например мой файл расположен здесь - http://megainformatic.ru/papers/flash_dev/hilf_s_1/images/jumped_ball.swf

Спасибо за внимание !!!

Надеюсь этот урок помог Вам сделать 1ый шаг в освоении флеш, как и мне, который его сделал и написал данный урок для Вас :)))

Удачи !!!

В следующем уроке мы попробуем разобраться как заставить шарик перемещаться по экрану по нажатию клавиш стрелок ВВЕРХ, ВНИЗ, ВЛЕВО и ВПРАВО с применением кода ACTION SCRIPT.

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

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



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


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