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


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

megainformatic - Эмулятор БК-0010.01 версия 2.6 для Windows 9x/Me/2000/XP автор Юрий Калмыков 2002 год
Эмулятор БК-0010.01 Ну вот наконец-то, пришло время продемонстрировать Вам эмулятор БК-0010.01. Сегодня мы рассмотрим эмулятор БК-0010.01 версии 2.6 написанный Юрием Калмыковым в 2002 году. Э-эх ! Сколько времени утекло с тех пор. С тех самых пор, как у меня появилась моя первая БК-0010.01 - в далеком 1992 году.
подробнее...

Теги создание сайтов, создание игр, дизайн, игры, информатика, уроки photshop, php, c++, музыка, delphi, cms, робосайт
Статьи сайта
Balls on Lift / Шарики на лифте + Как создать игру - бесплатная игра + комплект уроков о том, как создавать контент для игры - спрайты, фоны, звуки, музыку, и вставить его в игру - How to create a game - free game + package of lessons on how to create content for the game - sprites, backgrounds, sounds, music, and insert it into the game

Развитие проекта fle game engine

Бинарная философия / Binary Philosofy

megainformatic - Костя Коробкин - В гостях у тёти Светы часть 2 Живые машины (kk as) - онлайн комикс - страница 14

Вакансии

Коллекция php скриптов

megainformatic - Костя Коробкин - В гостях у тёти Светы часть 2 Живые машины (kk as) - онлайн комикс - страница 15

megainformatic - Приключения Кости Коробкина - В гостях у тёти Светы часть 1 - интерактивный комикс

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

fle game generator - fle генератор игр - fly snow 3d падающий снег - расширяемый генератор визуальных образов, с музыкой mp3, ogg и генерацией игр

fle game generator - fle генератор игр - fly snow 3d падающий снег - расширяемый генератор визуальных образов, с музыкой mp3, ogg и генерацией игр

megainformatic - Костя Коробкин - В гостях у тёти Светы часть 2 Живые машины (kk as) - онлайн комикс - страница 16

megainformatic Создание и размещение видео баннера mp4

megainformatic Использование баннер-ротатора

megainformatic fle game engine Simple game / Пример простой игры

megainformatic fle game engine Simple game / Пример простой игры - страница 1 - Спрайты

Creating game on fle game engine - Draw Line - This can be helpful/ Создание игры на fle game engine - Рисование линий - Это может пригодиться.

Платная подписка на fle game engine

megainformatic Создание игры на fle game engine - Simple game - страница 2 - Объекты / Пример простой игры

megainformatic Создание игры на fle game engine - Simple game - страница 3 - Объекты / Пример простой игры

Платная подписка на fle game engine

megainformatic Создание игры на fle game engine - Simple game - страница 4 - Код - Настройка параметров Scene Editor fge и написание кода для вывода спрайта шарика в вашем первом игровом приложении / Пример простой игры

megainformatic Создание игры на fle game engine - Simple game - страница 5 - Отображаем прыгающий шарик, узнаем как задается для спрайта его центр и знакомимся с векторной системой координат / Пример простой игры

megainformatic Создание игры на fle game engine - Simple game - страница 6 - Загрузка игровой сцены / Пример простой игры

megainformatic Создание игры на fle game engine - Simple game - страница 7 - Перемещения игровой сцены / Пример простой игры

megainformatic Создание игры на fle game engine - Simple game - страница 8 - Закрываем часть сцены от пустот при помощи черной текстуры с прорезью, ограничиваем перемещение сцены / Пример простой игры

megainformatic Создание игры на fle game engine - Simple game - страница 9 - Реализуем корректное попадание в ямы и около ям - определяем границы спрайтов ям и спрайта прыгаюшего шарика / Пример простой игры

megainformatic Создание игры на fle game engine - Simple game - страница 10 - Проверка столкновений / Пример простой игры

megainformatic Создание игры на fle game engine - Simple game - страница 11 - Игровой счёт, звуки, музыка / Пример простой игры

megainformatic Создание игры на fle game engine - Simple game extended - страница 1 - Создание новой сцены (уровня, комнаты), добавление новых возможностей / Пример простой игры - расширенная версия

Платная подписка на simple game fle game engine версия 1.0.7 от 05.01.2017

Платная подписка на simple game fle game engine версия 1.0.7 от 05.01.2017

Советы копирайтеру - как не обмануть и не быть обманутым

Balls and Holes игра скачать + как создать игру на fle game engine

Balls and Holes игра скачать + как создать игру на fle game engine

Something: Unexplained 2 captive of desires

KKK Коллекционное издание: Веселый Буквоежка Комикс + Костя Коробкин Комикс + Нечто: Необъяснимое в плену желаний 2 начало

KKK Коллекционное издание: Веселый Буквоежка Комикс + Костя Коробкин Комикс + Нечто: Необъяснимое в плену желаний 2 начало

megainformatic - Костя Коробкин - В гостях у тёти Светы часть 2 Живые машины (kk as) - онлайн комикс - страница 17

megainformatic - Игродельня

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

megainformatic - С днём защитника отечества !

megainformatic fle game engine fle / Пример простой игры fle - Скроллинг больших локаций

megainformatic - Костя Коробкин - В гостях у тёти Светы часть 2 Живые машины (kk as) - онлайн комикс - страница 18

megainformatic - Шарики и Ямки игра PC

megainformatic - Шарики и Ямки игра PC

megainformatic fle game engine fle / Изучаем основы c++ - переменные на примере реального игрового проекта Balls and Holes

megainformatic - Реферальная ссылка

megainformatic - Изменение постоянных свойств в зависимости от контекста

megainformatic - Костя Коробкин Компания Зергов онлайн комикс читать

megainformatic - Искатели приключений Зеленый Шарик

megainformatic - Без названия

megainformatic - Мульти анимация

Pencil, Paper and the Ball PC game

megainformatic - Костя Коробкин Компания Зергов онлайн комикс читать страница 2

megainformatic - Костя Коробкин Компания Зергов онлайн комикс читать страница 3

подробнее

     
 

Как создать игру ? - Программируем сами.

Рассмотрение программирования игр под DirectX 9c на C++ с использованием среды разработки MSVS 2005 или выше.

 
     
 

Продолжаем цикл статей на тему программирования игр.

Здесь Мы рассмотрим кратко что нужно для начала работы и как начать освоение этой обширной темы.

 
     
 

Вам потребуется:

- среда разработки Microsoft Visual Studio 2005 или выше;

- DirectX SDK Aug 2008 или выше;

- хотя бы минимальные знания английского языка, а еще лучше запастить программой словарем-переводчиком для англо-русского/русско-английского перевода - X-translator, Lingvo или что-то еще.

 
     
  Когда всё это будет у Вас под рукой и полностью установлено и готово к работе можно приступать.  
     
  Самый первый шаг.  
     
 

Сначала нужно установить MSVS (Microsoft Visual Studio), затем DirectX SDK.

В этому случае в процессе установки DX SDK будет подготовлена среда для программирования под DirectX и многие настройки, особенно отладку DX-приложений Вам не нужно будет перенастраивать вручную.

 
     
  Несколько уроков на тему создания игр  
     
 

Сегодня наша цель:

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

- создать первое простейшее игровое приложение;

- попробовать модифицировать его для проверки и отладки;

 
     
 

Запускаем MSVS

Выбираем пункт меню File > Open > Project Solution

Находим папку с примерами из DirectX SDK -

C:\DXSDK_Aug2008\Samples

На Вашем компьютере этот путь может быть другим, если Вы при установке DirectX SDK задали другой диск и другую папку, так что вначале уточните, куда Вы установили DX SDK !

 
     
 

А мы откроем самый первый пример -

C:\DXSDK_Aug2008\Samples\C++\Direct3D\Tutorials\Tut01_CreateDevice

 
     
  И попробуем его изучить  
     
  После открытия этого проекта в окне Solution Explorer дважды щелкаем файл CreateDevice.cpp, чтобы воочию увидеть этот магический cpp код.  
     
  Найдите функцию wWinMain  
     
  находим функцию wWinMain  
     
  можете щелкнуть данное изображение, чтобы увидеть его в полномасштабном варианте, затем вернитесь на данную страницу  
     
  Рассмотрим этот код по-порядку  
     
  INT WINAPI wWinMain( HINSTANCE hInst, HINSTANCE, LPWSTR, INT )
{
// Register the window class
WNDCLASSEX wc =
{
sizeof( WNDCLASSEX ), CS_CLASSDC, MsgProc, 0L, 0L,
GetModuleHandle( NULL ), NULL, NULL, NULL, NULL,
L"D3D Tutorial", NULL
};
RegisterClassEx( &wc );

// Create the application's window
HWND hWnd = CreateWindow( L"D3D Tutorial", L"D3D Tutorial 01: CreateDevice",
WS_OVERLAPPEDWINDOW, 100, 100, 300, 300,
NULL, NULL, wc.hInstance, NULL );

// Initialize Direct3D
if( SUCCEEDED( InitD3D( hWnd ) ) )
{
// Show the window
ShowWindow( hWnd, SW_SHOWDEFAULT );
UpdateWindow( hWnd );

// Enter the message loop
MSG msg;
while( GetMessage( &msg, NULL, 0, 0 ) )
{
TranslateMessage( &msg );
DispatchMessage( &msg );
}
}

UnregisterClass( L"D3D Tutorial", wc.hInstance );
return 0;
}

 
     
 

Данная функция wWinMain - является стартовой функцией работы любого игрового приложения, судя по названию Win - сокращение от Windows и Main - главная.

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

 
     
  Когда Вы будете запускать данное приложение операционная система в первую очередь передаст управление этой функции - wWinMain.  
     
  Я думал писать игры сложно, можете сказать Вы, а оказывается всё начинается с какой-то маленькой функции wWinMain.  
     
  Могу ответить Вам одно - всё в этом мире начинается с малого, мой друг !  
     
 

Что же происходит внутри этой функции ?

// Register the window class - регистрируем класс окна приложения
WNDCLASSEX wc =
{
sizeof( WNDCLASSEX ), CS_CLASSDC, MsgProc, 0L, 0L,
GetModuleHandle( NULL ), NULL, NULL, NULL, NULL,
L"D3D Tutorial", NULL
};
RegisterClassEx( &wc );

 
     
 

Вы наверное уже догадались, что строки начинающиеся с символа двойной наклонной черты

//

представляют из себя комментарии и исполнимым кодом не являются.

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

 
     
 

Мы создаем переменную wc с типом WNDCLASSEX и заносим в неё значения

Данная запись краткая, чтобы Вам было более ясно что здесь происходит приведу более описательный аналог этого кода -

 

 
     
 

WNDCLASSEX wc;


SecureZeroMemory(&wc, sizeof(wc));


wc.cbSize = sizeof( WNDCLASSEX );
wc.style = CS_CLASSDC;
wc.lpfnWndProc = MsgProc;
wc.cbClsExtra = 0L;
wc.cbWndExtra = 0L;
wc.hInstance = GetModuleHandle( NULL );
wc.hIcon = NULL;
wc.hCursor = NULL;
wc.hbrBackground = NULL;
wc.lpszClassName = L"D3D Tutorial";
wc.lpszMenuName = NULL;

 
     
 

Объявляем переменную wc с типом WNDCLASSEX

SecureZeroMemory - очищаем все поля данной переменной значением ноль.

Далее присваиваем каждому полю данной записи соответствующее значение -

размер записи - получаем при помощи функции sizeof

стиль

оконная процедура MsgProc

Обработчик экземпляра приложения wc.hInstance получаем при помощи функции GetModuleHandle

wc.lpszClassName = L"D3D Tutorial"; - задаем имя класса приложения.

Все остальные поля выставляются либо в 0, либо в NULL.

 
     
  0 в случае числовых полей, NULL - в случае полей-указателей.  
     
  RegisterClassEx - выполняем регистрацию класса с указанными параметрами в системе.  
     
  CreateWindow - создаем окно приложения  
     
 

if( SUCCEEDED( InitD3D( hWnd ) ) ) - инициализируем приложение и если всё прошло без ошибок -

ShowWindow( hWnd, SW_SHOWDEFAULT );
UpdateWindow( hWnd );
- показываем окно на экране, выполняем его перерисовку.

 
     
 

// Enter the message loop
MSG msg;
while( GetMessage( &msg, NULL, 0, 0 ) )
{
TranslateMessage( &msg );
DispatchMessage( &msg );
}

запускаем бесконечный цикл приема и обработки сообщений системы,

в случае если функция GetMessage вернет FALSE цикл будет остановлен и выполнена строка следующая за строкой цикла -

UnregisterClass( L"D3D Tutorial", wc.hInstance );
return 0;
- выполняется освобождение класса приложения в системе, выполняется возврат из функции со значением кода возврата равным 0

 
     
  [далее]  
     
     
     
подробнее

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

Методы создания растровых изображений в Adobe Photoshop

(урок № 1)

Рассмотрим реальный пример. Мне требовался автомобиль для компьютерной игры Дорога в Город (Road To City). Я решил создать изображение при помощи программы для работы с растровой графикой – Adobe Photoshop.

Что собой представляют программы для работы с растровой графикой?

Любая программа ориентированная на работу с графикой в первую очередь имеет возможность работы с растровыми изображениями и растровой графикой. Растровое изображение состоит из разноцветных точек – пикселей. Пиксель – составное слово от английских picture и element или pixel. Если Вы вооружитесь самой обычной лупой и поднесете ее к Вашему монитору, то увидите, что изображение на экране состоит из отдельных точек разного цвета. Цветные точки формируются из трех составляющих – R G BRed, Green, Blue – т.е. Красного, Зеленого и Синего. Это связано с принципами формирования цветных изображений в телевизионных приемниках и мониторах. Любое растровое изображение отображается на экране как прямоугольная область, состоящая из отдельных пикселей. Каждый пиксель занимает в памяти определенный объем в зависимости от формата графического файла. Например, файл в формате BMP (Bitmap) с разрядностью пикселей 24 бит хранит каждый пиксель изображения в последовательности из трех байт (1 байт – 8 бит). Причем каждому цветовому компоненту пикселя в данном формате отводится ровно по 1 байту (т.е. по 8 бит). В связи с тем, что 1 байт может принимать значения от 0 до 255 (27), то получаем, что каждый пиксель в файле данного формата может хранить значения цветов от 0 до 255х256х256 , т.е. примерно 16,7 Млн. цветов (оттенков). Это множество цветов является достаточным для построения фотореалистичных изображений. Это же множество (называемое также режимом True Color – реалистичный цвет) используется во всех современных мониторах для отображения на экране.

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

Итак, перед Вами вот такой автомобиль:

 

Окончательный вариант

Контур автомобиля

 

Мы попробуем нарисовать его в Adobe Photoshop. По большому счету неважно какой версией Вы воспользуетесь (6, 7 или 8). Во всех этих версиях Ваши действия по созданию такого автомобиля будут примерно одинаковы.

Если Вы уже запустили программу Adobe Photoshop, то можете приступать, если еще нет, то вот способы, которыми Вы можете воспользоваться, чтобы это сделать:

 

Запуск программы

Запуск программы Adobe Photoshop можно выполнить следующими способами:

- двойным щелчком по ярлыку на рабочем столе;

- через пункт меню (кнопку) Пуск > Программы > Adobe > Photoshop х.0 > Adobe Photoshop х.0;

- через Проводник из папки C:\Program Files\Adobe\Photoshop х.0\ двойным щелчком по файлу Photoshp.exe

 

(примечание: вместо значка х в обозначении Photoshop x.0 стоит обозначение соответствующего номера версии).

 

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

 

Отображение необходимых управляющих окон (Инструменты, Настройки, Цвет …) производится через пункт меню Окно (Window), щелчком по соответствующему пункту, например: Показать/Скрыть инструменты – вызывает показ/скрытие панели инструментов.

 

Отображенные управляющие окна являются «плавающими», что позволяет перетаскивать их и удобным образом размещать на экране.

 

Приступим к созданию нашего автомобиля

Создание нового растрового изображения выполняется выбором пункта меню Файл (File) > Новый (New)

-         В открывшемся диалоговом окне Имя (Name) в поле Имя (Name) необходимо задать имя создаваемого файла, например: my_first_image (или race_car)

-         В остальных полях задайте следующие параметры:

Ширина (width) = 40 пикселей

Высота (height) = 70 пикселей

Разрешение (resolution) = 72 пиксель/дюйм

Режим (mode) = RGB Color

 

Содержимое (contents) – т.е. цвет фона пустого изображения

·                 Прозрачный (transparent)

 

После этого щелкните по кнопке ОК

 

В левом верхнем углу экрана появится окно нового документа. Его можно размещать в любом удобном месте рабочей области окна Photoshop.

Разместите его примерно в центре экрана. Сделать это можно перетаскивая окно документа за заголовок.

 

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

 

Увеличение отображаемого масштаба изображения необходимо нам, чтобы точнее

рассмотреть детали изображения – при большом увеличении (более 400%) отдельные точки (пиксели) изображения отображаются в виде квадратиков. Это позволяет рисовать детали мелких изображений Итак, чтобы увеличить масштаб изображения (увеличивается только отображение, а первоначальные размеры 40х70 остаются неизменными!) на панели инструментов выберите инструмент лупа (zoom tool) , а затем переместите курсор в окно вашего изображения и щелкайте на нем до тех пор, пока масштаб не достигнет 800%. После этого измените размеры окна так, чтобы оно полностью отображало редактируемое изображение.

Теперь мы приступим к созданию наброска нашего изображения. Для рисования нужен инструмент карандаш и приступим к рисованию.

Примечание: чтобы уменьшить масштаб изображения нужно выбрать инструмент лупа и удерживая нажатой клавишу Alt щелкать по изображению, пока оно не уменьшится до нужного масштаба. Чтобы быстро увеличить изображение до размеров допускаемых рабочим пространством можно при активном инструменте лупа на панели ее свойств нажать кнопку Fit On Screen (подогнать по размерам экрана).

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

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

Чтобы Вам было удобнее рисовать увеличивайте масштаб изображения, вот так:

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

Приступим к непосредственному процессу рисования. Для этого наводим карандаш на нужную точку изображения и нажимаем один раз левую кнопку мыши. Это приводит к появлению точки заданного цвета (черного). Чтобы стереть точку (или целый фрагмент) можно использовать как минимум три способа: стереть ластиком (Eraser Tool), выделить рамкой (Marquee Tool) и очистить клавишей Delete, на вкладке окна History (история действий) выполнить отмену действия щелкнув на одно из предыдущих действий в окне стека действий.

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

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

Создание второй (левой) симметричной половинки изображения автомобиля выполняется следующим образом:

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

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

-         Щелкните сначала пункт меню Редактирование (edit) > Копировать (copy);

-         Затем Редактирование > Вставить (paste); Обратите внимание на панель Layer – Вы увидите появление нового слоя! Т.е. новая копия изображения была вставлена на НОВЫЙ слой! Так происходит ВСЕГДА! Поэтому чтобы копировать изображение содержащееся на слое можно и поступить иначе: дублировать слой щелкнув правой кнопкой на данном слое (см. ниже);

-         Перемещайте новый фрагмент в левую половину окна – для этого воспользуйтесь инструментом Move (Перемещение) или удерживая нажатой клавишу CTRL (Control);

-         Чтобы сделать зеркальное отражение выделенного фрагмента выберите пункт меню Редактирование > Трансформация (transformation) > Отразить по горизонтали (Flip Horizontal);

-         Теперь, переместите полученное изображение так, чтобы обе половинки состыковались и получилось цельное изображение.

Центрирование наброска

Если полученный рисунок находится не в центре холста, а как-то смещен, то это нужно исправить -

для этого выберите инструмент прямоугольная область и с нажатой клавишей Ctrl переместите его точно в центр. Для этой же цели можно использовать инструмент Перемещение (Move Tool). Однако Вы заметите, что перемещается только одна половинка автомобиля. Поэтому, когда Вы работаете с более, чем одним слоем НЕ ЗАБЫВАЙТЕ ПРО СЛОИ! Слои позволяют Вам дублировать (или повторять некоторое количество раз) одинаковые элементы, позволяют комбинировать несколько изображений в одном. Но начинающие часто путаются, забывая переключаться на нужный слой и удивляясь тому, что не могут изменить что-либо в своем рисунке. Поэтому НЕ ЗАБЫВАЙТЕ ПРО СЛОИ!

В нашем теперешнем случае Вам надо отменить перемещение половинки автомобиля или переместить ее на прежнее место (чтобы получался цельный вид), а затем, давайте склеим слои объединив их в один слой. Для этого: Layer > Merge Visible – и Ваши слои соединятся в один.

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

 

Для чего это нужно? Если рисунок (и особенно окончательный – оформленный и раскрашенный) не будет в центре, то это плохо по нескольким причинам:

1 – это нарушает гармонию рисунка;

2 – это вызовет технические сложности при программировании компьютерной игры с использованием такого рисунка – он все время будет находится не точно там, где требуются, а со смещением!

 

Сохранение наброска Наконец мы получили то, что нужно. Теперь осталось сохранить нашу первую работу на жесткий диск. Давайте сохраним наше изображение в двух форматах: psd и bmp. Сохранять будем на жесткий диск в предварительно созданную Вами личную папку (например, Мои_диз_работы). Для этого:

-         Выберите пункт меню Файл > Сохранить как (Save As); Если Вы сохраняете изображение в первый раз, то можно выбирать и пункт Save, тогда программа все равно запросит у Вас имя создаваемого файла (если Вы не заполняли поле Name при его создании). Команда Save As полезна также для сохранения файла под другим именем, т.е. тогда, когда Вы периодически сохраняете свою работу находясь на разных промежуточных стадиях.

-         В появившемся диалоговом окне «Сохранить как» выполните следующее:

·           Щелкните по выпадающему списку в поле Папка и выберите диск C:

·                 Щелкните по кнопке Создать новую папку

 

·                 Введите желаемое имя папки и нажмите [Enter]

·                 Откройте только что созданную папку (если она не открыта или не открылась автоматически);

·                 Сохраните Ваш файл в Вашу папку в формате psd – щелкните по кнопке Сохранить.

·                 Сохраните Ваш файл в Вашу папку в формате bmp – для этого проделайте те же действия (Файл > Сохранить как), но в поле Формат (Format) располагающемся в нижней части окна диалога (под полем имя) из выпадающего списка выберите BMP, затем щелкните по кнопке Сохранить.

Таким образом мы получаем на диске в Вашей папке два файла:

my_first_image.PSD

my_first_image.bmp

 

Формат файла psd – это внутренний формат файлов-изображений программы Photoshop. Он не позволяет использовать данное изображение ни в каких других программах (кроме самого Photoshop и некоторых других, например 3DS Max). Однако он удобен тем, хранит в себе целый ряд специфической информации (информацию о слоях, выделениях и т.п.), что позволяет хранить изображения в виде исходников (исходных заготовок для дальнейших изменений или видоизменений). Формат bmp – широкоупотребительный. Изображения в этом формате можно использовать для различных целей: в документах Word, Excel, Web-публикациях, для компьютерных игр и т.д. Кроме того, располагая изображением в формате psd его легко сохранить в любом другом формате. Формат же bmp не сохраняет никакой информации о слоях и т.п. Он применяется лишь для окончательных (готовых) изображений, для использования в других приложениях (web-дизайн, компьютерные игры, издательское дело, реклама и т.д.).

Таким образом, если резюмировать вышесказанное: рабочие или окончательные варианты всегда сохраняйте в «родном» формате PhotoshopPSD, только после этого сохраняйте файл и в каком-нибудь другом (требуемом Вам) общеупотребительном или нужном в конкретной ситуации формате. Формат PSD – это Ваш гарант качества и надежности, своего рода «исходник», который легко можно будет модифицировать (или вспомнить, когда потребуется, КАК ВЫ ЭТО СДЕЛАЛИ). Другие форматы будут нести гораздо меньше рабочей информации или вообще не нести ее, но зато будут более компактны и подходящи для окончательного (целевого) применения.

 

 

 

Понятие слоев. Работа с цветом. Цветовой тон. Полутоновые переходы. Работа с цветом и свето-тенью (Урок № 1 часть 2)

 

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

Что такое слои? Многослойные изображения. Слои – это отдельные изображения расположенные строго одно над другим, причем так, что можно регулировать прозрачность (flow) и непрозрачность (opacity) каждого слоя. Для базового 1 слоя (фона) прозрачность равна 0%, т.е. он является абсолютно непрозрачным и регулировка прозрачности к нему не применяется. До сих пор Мы с Вами рисовали изображения на 1 слое (фоне), не задумываясь о том, что поверх этого слоя можно создать другие слои.

Для чего же нам могут понадобиться слои? Что они дают? Слои – это как прозрачные (или полупрозрачные) пленки, на каждой из которых можно располагать свое изображение. Объединение в изображении нескольких слоев дает преимущество в сочетании нескольких изображений в одном без нарушения целостности исходного изображения (так как каждое изображение располагается на отдельном слое). Конечно, если два изображения будут располагаться на абсолютно непрозрачных слоях, загораживая друг друга, то никакого эффекта не будет. Эффект будет только в том случае, если вышележащие слои имеют определенную прозрачность и/или абсолютно прозрачный фон. Тогда, если располагать изображения одно над другим, можно добиться различных эффектов – неосуществимых или трудноосуществимых в тех случаях, когда вся работа сводится к рисованию лишь на одном слое (фоне).

 

1. Открытие созданного ранее документа. Чтобы открыть набросок машины, созданной нами в предыдущей работе выполните выбор пунктов Файл (File) > Открыть (Open) и откройте файл my_first_image.PSD, разместите его на экране удобным образом, увеличьте масштаб.

2. Для быстрого задания масштаба во весь экран:

-         Щелкните инструмент лупа;

-         Щелкните по кнопке По экрану (Fit On Scree) в панели настроек лупы (сразу под строкой меню в верхней части экрана).

-         Если требуется перетащите окно изображения в центр экрана.

3. Итак, Мы настроили наше изображение для удобной работы с ним, теперь давайте посмотрим как изменить режим поддерживаемых в изображении цветов, для этого:

-         Щелкните пункт меню Изображение (Image) > Режим (Mode) и Вы увидите, что напротив пункта RGB цвет (RGB Color) стоит галочка. Соответственно, если переставить галочку в другой пункт, например, Grayscale (Черно-белый или градации серого), то тем самым можно изменить цветовой режим, в котором будет обрабатываться и сохраняться изображение. Изменение режима не проходит бесследно. Оно резко сказывается на качестве и если бы не было возможности отмены изменения режима, то можно было пострадать от потери качества при неверном изменении режима. Так что, прежде чем экспериментировать с изменениями режима сначала сохраните Ваш рисунок под другим именем, а потом уже смело пробуйте!

Мы создавали полноцветное изображение (RGB Color), так что если Вы случайно выбрали иной режим, то перемените его на RGB Color.

4. Дублирование слоя выполняется посредством щелчка правой кнопки мыши в окне Слои на выделенной области с названием слоя (Фон) – см. рисунок. Далее, в появившемся контекстном меню нужно выбрать (теперь уже левой кнопкой мыши) пункт Дублировать Слой … В появившемся диалоговом окне нужно дать новому слою имя (отличное от имени базового слоя – Фон), например, Набросок и нажать ОК. Будет создан новый (полностью идентичный фону) слой над слоем Фон, о чем можно судить по появлению нового слоя в окне Слои.

Чтобы понять какой слой является текущим достаточно обратить внимание на панель слои. Слой, выделенный цветом, и есть текущий. Слева от каждого слоя располагаются два окошка-кнопки: Глаз и Кисть. Глаз позволяет временно скрывать слой. Кисть показывает текущий (используемый для рисования) слой. Кроме того, слои можно связывать друг с другом (link), т.е. добиваться каких-либо совместных действий с ними без их склеивания. Хотя можно и склеивать лишь связанные слои – для этого служит команда Layer > Merge Linked. Для связывания текущего слоя с каким-либо имеющимся достаточно просто щелкнуть в пустом квадратике (где у текущего слоя располагается изображение кисти), тогда в нем появится значок цепочки означающий, что текущий и данный слой являются связанными. Это было небольшое отступление. Связывание слоев нам пока не понадобится.

 

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

-         Сделайте текущим слоем Фон;

-         Используя инструмент прямоугольная область выделите все изображение и нажмите клавишу [Delete] или выберите пункт меню Редактирование > Вырезать (Cut);

-         Чтобы удостовериться, что слой Фон очищен щелкните по кнопке Глаз слоя Набросок, если контур автомобиля исчезает, а при повторном нажатии Глаз’а появляется – мы сделали все верно.

После выполнения шагов 4 и 5 мы можем добиться следующего эффекта: так можно разблокировать заблокированный слой (обратите внимание на рисунок на шаге 4 – справа от названия слоя на текущем слое стоит изображение замочка). Это всегда так бывает, когда Вы открываете какое-либо однослойное изображение, например файл BMP. Заблокированный слой не даст Вам возможности пользоваться прозрачным фоном (потому что у файла BMP прозрачный цвет должен быть ОБЯЗАТЕЛЬНО ЗАМЕНЕН НА КАКОЙ-НИБУДЬ ДРУГОЙ, что всегда и делается (автоматически) при сохранении файла в этом формате. Непрозрачный цвет фона не даст Вам возможности пользоваться преимуществами комбинирования изображений на слоях. Вам надо научиться избавляться от закрашенного фона и менять его на прозрачный.

 

6. Замена (удаление) цвета слоя на прозрачный. Мы сделаем так, чтобы белый цвет слоя Набросок стал прозрачным (если это имеет место быть), чтобы иметь возможность заливать слой Фон и получать эффект заливки без нарушения контуров. Для этого:

-         Сделайте текущим слой Набросок (если он был скрыт, сделайте его видимым);

-         Выберите инструмент волшебная палочка (Magic Wand Tool) и задайте параметр Обратная чувствительность (tolerance) = 1. Щелкните по изображению. В изображении должны быть выделены все области, имеющие белый цвет точек. Если этого не происходит, значит в Вашем изображении имеются области имеющие на глаз белый, но на самом деле несколько отличный от белого цвет. Значит Вам нужно увеличить выделяемый разброс (диапазон), т.е. установить параметр Обратная чувствительность равным большему значению (например 10) и снова щелкнуть по изображению.

-         В нашем изображении были выделены области имеющие белый (и близкие к белому) цвет. Чтобы сделать эти области прозрачными вырежьте их (клавишей [Delete] или через Редактирование > Вырезать (Cut).

Чтобы проверить действительно ли данные области стали прозрачны попробуйте временно скрыть слой Фон. «Шахматка» которая обазует пространство вокруг контуров и внутри них и есть прозрачный (представляемый прозрачным) цвет.

 

Мы очищали содержимое слоя «Фон» для того, чтобы получить в распоряжении чистый пустой слой (прозрачный). Это же можно было сделать и по-другому: сначала удалить слой «Фон» - щелкнув по его названию правой кнопкой и выбрав пункт Delete Layer (удалить слой). Затем при помощи кнопки Create a new layer в нижней части панели Layer создать новый слой.

 

7. Градиентная заливка изображения:

-         Сделайте текущим нужный слой (в нашем случае - Фон);

-         Щелкните по инструменту Заливка (Paint bucket)   правой кнопкой и выберите вариант Градиент ;

-         На появившейся панели параметров заливки (под строкой меню) установите требуемые параметры (способ заливки и др.);

-         Поскольку заливка осуществляется путем плавного перехода от цвета пера к цвету фона, то Вам в окне Цвет нужно задать оба эти цвета;

-         Установите цвета, например: Ярко красный и темно красный.

-         В окне изображения нажмите в требуемой точке левую кнопку мыши и протаскивайте, указав тем самым направление и угол градиентной заливки. После отпускания левой кнопки мыши заливка будет произведена. Как видите, градиентная заливка представляет собой плавное перетекание от цвета переднего плана или пера (foreground) к цвету заднего плана или фона (background).

 

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

Как задать цвет?

Для задания текущих цветов переднего и заднего плана есть несколько способов. Самый простой из них: воспользоваться панелью Color.

На панели Color (должна быть открытой и вкладка Color), т.е. вот так:

На рисунке показано задание желтого цвета в цветовой модели (пространстве) HSB. Вы видите, что вокруг верхнего (желтого) квадрата, который как раз и представляет цвет переднего плана, имеется небольшая рамка. Она показывает, что мы можем изменять цвет переднего плана. Если щелкнуть левой кнопкой нижний (белый) квадрат, то можно будет изменять цвет заднего плана. Чтобы изменить цвет достаточно перемещать мышью треугольные движки (H S B). В данном случае это означает, что для задания цвета (и цветового пространства) используется модель HSB. В этой модели (также как и в модели RGB) для формирования цвета используются 3 компонента. Но их назначение (и следовательно способ задания цвета) иное. HHue – тон, т.е. значение цвета на цветовом круге (от 0 до 360 градусов). Значения этих тонов стандартизированы и представляют все цвета (и оттенки) цветов радуги. Второй компонент – SSaturation – насыщенность данного заданного тона – изменяется от 0 до 100%. Насыщенность (или иногда ее еще называют whiteness) представляет обратное насыщение до белого, т.е. если задать нулевое значение S, то при любом положении H и каком-либо положении B будут получаться оттенки серого, а вот если B поставить тоже в 0, то получится АБСОЛЮТНО ЧЕРНЫЙ цвет. Такой цвет представляет максимально возможный вариант черного цвета при отображении на экране. Мы подошли к назначению третьего компонента – B – это brightness (или ее еще называют blackness) – наличие в цвете черного. Также изменяется от 0 до 100. 0 значение при 0 S соответствует, как мы уже видели, черному цвету. Максимальное (100%) значение B при 0 S соответствует максимально отсутствующему черному (и максимально присутствующему белому в S), поэтому получается АБСОЛЮТНО БЕЛЫЙ цвет. При одном из крайних значений S или B (т.е. 0 или 100%) независимо от положения H и перемещая другой свободный движок можно получить множество всех нейтральных цветов (градаций серого).

Изменение используемой для задания цвета цветовой модели

Цветовая модель HSB удобна тем, что позволяет оперировать понятиями, привычными для нашего глаза – вспомните, чем Вы руководствуетесь при задании какого-либо цвета: Какого он будет тона? Насколько он насыщенный ? Насколько он яркий ? Кроме того, эта модель позволяет Вам сравнивать цвета не требуя дополнительных усилий по вычислениям или пересчету. Попробуйте-ка сравнить два цвета в модели RGB не зная соответствующих значений компонентов R-G-B. Теперь поняли?

 

Если у Вас задана иная цветовая модель, например, RGB (включается всегда по-умолчанию после установки программы), Вы можете ее изменить: для этого щелкните левой кнопкой маленькую черную стрелку в окне панели Color (см. рисунок – обведено кружком)

Теперь, можно поставить флажок напротив соответствующего режима цветовой модели: Grayscale, RGB, HSB, CMYK, Web или Lab sliders. Ниже можно выбрать цветовой охват (spectrum) используемой модели. Цветовой охват определяет широту возможных оттенков. Например, охват модели CMYK самый малый, это связано с тем, что модель CMYK представляет модель для задания печатных цветов. Все цветовые модели являются общепринятыми стандартами.

 

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

 

Продолжаем работу по раскрашиванию автомобиля

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

 

Теперь давайте попробуем как-то залить окна автомобиля.

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

- Переместите его так, чтобы он располагался под остальными слоями: для этого достаточно «захватить» слой мышью и перемещать до определенного предела вниз окна панели Layers.

- Задайте какие-либо другие цвета для заливки окон градиентом (например голубой и синий) и выполните заливку данного слоя. Поскольку слой находится ниже всех остальных слоев, то и по глубине его видимость – самый задний план. Чтобы увидеть результаты Вашей заливки можно временно скрыть вышележащий слой (см. шаг 4).

Мы пока еще не добились нужного результата – слой залит, но окна – нет.

-         Перейдите на самый верхний слой (Набросок) и используя инструмент волшебная палочка (с задаваемым путем пробы параметром Обратная чувствительность) выделите все контуры окон автомобиля. Для «приплюсовки» к имеющемуся выделению – щелкайте по другим контурам окон с нажатой клавишей [Shift].

-          Теперь перейдите на нижележащий слой – назовем его ПрорезиОкон и выполните операцию Вырезания (Редактирование > Вырезать) для выделенных областей. Это же можно выполнить клавишей [Delete].

-         Если делать это сразу на слое Набросок, то мы лишимся видимых контуров окон! Но нам они тоже будут больше не нужны, так что после создания прорезей на слое кузова (ПрорезиОкон) удалите их и со слоя Набросок.

В итоге у Вас должно получиться что-то вроде этого (в масштабе 1:1):

Теперь, для придания окончательного реалистичного внешнего вида нашему автомобилю нам потребуется проделать следующие шаги:

a)      Изменить черные контуры автомобиля на более плавно переходящие к фону, поработать со свето-тенью и полутоновыми переходами для создания объемного вида;

b)      Добавить дополнительные детали: фары, колеса;

c)       Для всех остальных цветовых точек (за пределами контура машины) задать единый (фоновый) цвет – который будет служить для эффекта прозрачности при дальнейшем применении изображения (например в компьютерной игре).

d)      Сохранить промежуточный результат работы в разложенной по слоям форме в формате PSD.

А сейчас рассмотрим описанные шаги более детально.

 

 

8. Создание свето-теневых переходов. Придание объема. Нежелательно оставлять черные контуры в изображении. Это будет выглядеть неестественно. Если их скрыть (попробуйте скрыть слой Набросок), то пропадает изображение автомобиля. Давайте исправим эту ситуацию.

 

Как уже говорилось ранее слои имеют свойство полупрозрачности (параметр Opacity) в окне панели Layers. Чтобы сделать контуры автомобиля полупрозрачными, что придаст эффект плавности перехода к фону, перейдите на слой Набросок и изменяйте параметр Opacity для данного слоя.

 

Для придания кузову объема нужно учесть следующие моменты:

·                 предполагаемое направление источника света, откуда наш автомобиль освещается;

·                 приняв это направление за исходное нужно приступить к рисованию объемных контуров, в соответствии с придуманным нами направлением освещения;

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

Основываясь на указанных правилах попробуйте придать Вашей машине объемную форму. ВНИМАНИЕ! РАБОТУ ПО ОСВЕТЛЕНИЮ/ЗАТЕМНЕНИЮ ВЕДИТЕ НА СЛОЕ ПРОРЕЗИ ОКОН. Так как окна автомобиля должны тоже обрабатываться, то свяжите два этих слоя между собой и склейте их (как склеить и связать см. выше). Для осветления/затемнения областей используйте инструменты Осветление (Dodge Tool)   и Затемнение (Burn Tool) .

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

 

Свойства инструментов Осветление/Затемнение

Оба эти инструмента имеют одинаковый набор свойств:

Brush – определяет тип и размер используемой для осветления/затемнения кисти. Для выбора типа или размера нужно щелкнуть по маленькой черной стрелке в поле Brush и выбрать необходимый тип/размер.

Range – определяет получаемый цветовой оттенок при воздействии – попробуйте испытать его опытным путем.

Exposure – сила воздействия, т.е. насколько сильно воздействует эффект на обрабатываемое изображение.

 

Особенностью инструментов Осветление/Затемнение является то, что они не производят никакого эффекта если слой абсолютно пустой. Поэтому если Вы заметите, что никакого эффекта нет проверьте с каким слоем Вы работаете в данный момент.

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

 

Переименуйте слой ПрорезиОкон в Кузов. Перед выполнением каких-то критичных операций, могущих испортить то, что Вам до сих пор нравилось, сохраняйте промежуточные копии вашего изображения в формате PSD под различными именами (my_first_image_conture_tone, my_first_image_volume2, red_car_kuzov и т.д.).

Конечное изображение кузова:

Должно удовлетворять следующим условиям – иметь явно прослеживаемые детали объема (путем игры света и тени), не иметь слишком резких (выпадающих из общего цветового диапазона (тона)) цветовых переходов и пятен.

Понятие прозрачного цвета

При использовании изображений для наложения на другие изображения, например автомобиль поверх какого-то фона – дороги – всегда требуется, чтобы выводился лишь сам автомобиль, а не вся прямоугольная область, которую представляет рисунок. Как сделать прозрачным фон ? Прозрачность фона достигается программным способом при выводе изображения следующим способом: цвет, который задан как используемый под прозрачный просто не выводится. Поэтому если в изображении пожертвовать каким-либо цветом и залить этим цветом фон вокруг автомобиля, то можно будет использовать его затем в качестве прозрачного. Жертвуя всего лишь одним (если Вы помните из примерно 16,7 Млн. цветов) мы, вообщем-то, ничего не теряем. Мы даже не цветом жертвуем, а одним из оттенков. Используя в изображении выбранный прозрачным цвет, можно организовать вывод изображений любой формы и вида, даже с просветами. Достаточно лишь прорисовать эти участки выбранным за прозрачный цветом и они, при выводе изображения, превратятся в «дыры».

Вот окончательный вариант того, что у Вас может получиться:

Масштаб 1:1

Увеличенное изображение (8:1)

 

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

Как придать изображению нашего автомобиля более эффектный вид?

 

Мы рисовали наш автомобиль первоначально размером 40х70 пикселей. Попробуйте проделать все то же самое, но увеличив эти размеры до 160х280 (т.е. взяв в 4 раза больший размер). Конечно при этом толщину свойства Brush у карандаша не надо тоже увеличивать в 4 раза, т.е. делать равной 4 пикселям. Оставьте толщину равной 1 пикселю. При этом создаваемые Вами линии будут более тонкими и сглаженными. Если Вы повторите все, о чем говорилось ранее и получите законченный вид автомобиля, то можете уменьшить его ровно в 4 раза. Для этого: Image > Image Size и задайте нужный размер (40х70 вместо 160х280). Когда Вы сравните Ваш первый автомобиль и новый, то Вы увидите между ними существенную разницу. Это происходит из-за того, что при масштабировании происходит интерполирование пикселей, что создает более сглаженные, а не резкие переходы. Такого эффекта трудно добиться прямым рисованием, а вот путем масштабирования – довольно легко. Этот небольшой секрет Вы можете взять себе за правило: зная конечные размеры того изображения, которое Вам нужно получить можно увеличить эти размеры на некоторое целое число (в 2,3, 4 раза) – в зависимости от того, как грубо Вы планируете рисовать и какое качество хотите получить. Конечно слишком грубое рисование тоже ни к чему хорошему ни приведет, Вам все же придется постараться и самим! С другой стороны если Вам потребуется создать большое изображение – например, во весь экран, размером, скажем 1024х768 пиксель, то увеличение в 2 и более раз может сильно увеличить размер обрабатываемого файла, что может сказаться и на быстродействии (Photoshop станет «слишком задумчив» при выполнении даже простых операций). Линии которые Вы будете рисовать могут казаться Вам прерывистыми и т.д. В этом случае решением может быть рисование изображения не всего целиком сразу, а по частям – отдельными элементами. Потом уже можно будет собрать все что вы создали в одном изображении скомпоновав в единое целое (путем размещения на разных слоях) и т.д. Могут быть и другие варианты. Дело ограничивается только Вашей фантазией.

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

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

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

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

 
     
   
     
  [щелкнув по изображению раскрашенного волка можно открыть вариант в натуральную величину]  
     
  [к началу] [страница 2]  
     
  в таком же духе выполняем остальные элементы - туловище, руки, ноги  
     
   
     
  добавляем шею, плечи  
     
   
     
  руки  
     
   
     
  начало ног  
     
   
     
  завершаем ноги  
     
   
     
  прорисовываем пальцы на ногах и еще несколько линий  
     
  как видим наш набросок самый что ни на есть упрощенный и не рассчитан на то, чтобы у Вас сразу же получился красивый мультяшный волк, главное - почувствовать, что рисование мышью - сильно напоминает рисование каранашом на бумаге, только карандаш Вы зажимаете между пальцев и рисуете кончиком кисти руки, а тут Ваш центр движения - это ладонь лежащая на поверхности мышки  
     
  Ну что ж, если для Вас самое трудное уже позади, значит пришло время приступать к улучшениям полученного наброска!  
     
  Наверное Вас отвлекал цвет прозрачного фона в виде клеточек, подложите под него белую подложку -  
     
  в панели слоев создайте новый слой -  
     
   
     
  переместите его на задний план перетащив мышью -  
     
   
     
  теперь выберите для заднего плана белый #FFFFFF цвет, обменяйте цвета местами и инструментом заливки залейте новый слой  
     
   
     
   
     
  Теперь создадим новый слой над слоем с контурами волка и снова вооружившись кистью, но другого цвета будем его улучшать  
     
  Нужно снова создать новый слой, но перетащить его выше слоя с волком, а далее - выбрать этот слой (сделать его текущим, выделенным в панели слоев), задать новый цвет для кисти и выбрать кисть. О том что и как улучшать мы сейчас поговорим подробнее.  
     
   
     
  2 правило: не пытайтесь создать красивого персонажа сразу же и за один заход, тем более если Вы еще точно не представляете каким все-таки он должен быть. Воспользуйтесь постепенными набросками на отдельных слоях, прорисовывая те детали, которые вышли неудачно и оставляя те, которые получились хорошо.  
     
  Посмотрим на изображение головы -  
     
   
     
  Ориентируясь на контуры первого эскиза кисточкой прорисовываем неудачные элементы, можно варьировать параметры кисти, а чтобы нижний контур не так бросался в глаза можно слегка уменьшить непрозрачность слоя.  
     
   
     
  например уменьшив толщину кисти и увеличив жесткость ее краев можно нарисовать более точные контуры глаз, а используя более прозрачную кисть и ластик можно изобразить переходы цвета в зрачках и блики  
     
   
     
   
     
  На рисунке цифрами показаны: 1, 2 - непрозрачность и плотность кисти (оба параметра задают некоторую степень полупрозрачности), что влияет на получаемый оттенок цвета, цвет наносимый полупрозрачной кистью более бледный за счет пропускания части изображения нижележащих слоев. 3, 4 - размер кисти и жесткость ее краев. Под жесткостью краев есть выбор различных форм кисти, но как правило круглая кисть наиболее универсальна. Цифрой 5 показан вид рабочей кисти на изображении контура глаза.  
     
  Аналогичные параметры есть у ластика. Поскольку цель ластика - не рисовать, а стирать, то и работает он наоборот: если делаем его непрозрачным - он будет стирать все, если - полупрозрачным - будет делать бледнее пока совсем не сотрет. Жесткость краев ластика и его форма могут давать дополнительные эффекты в создаваемом изображении, например можно сделать края нужного элемента полупрозрачными или стереть часть картинки для получения эффекта локальной полупрозрачности -  
     
   
     
  На этом рисунке при помощи кисти (или ластика) выполнена закраска носа и выделен блик. Можно закрашивать полупрозрачной кистью, постепенно делая нужные части более темными, а можно сначала закрасить полностью непрозрачной кистью, а затем слегка стереть полупрозрачным ластиком. При этом достигается нужный эффект плавного перехода света в тень.  
     
  [назад] [далее]  
     
  [Все уроки]  
     
подробнее

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

Приключения Кости Коробкина - Как я провел лето - интерактивный комикс
Костя Коробкин (akk hiss)
- Привет ! Меня зовут КОСТЯ КОРОБКИН. Этим летом я гостил у бабушки на даче и там со мной случилась одна история...

Новый интерактивный комикс от автора. Приятному прочтению комикса способствует авторская музыка. Рассказывается о летних каникулах Кости Коробкина. Вы попадете в мир лета, солнца, тепла и отдыха. Увлекательно и занимательно !

Комикс работает под управлением специального приложения, странички можно листать, увеличивать/уменьшать, делать паузу в автопролистывании. В комплект также входит набор описаний, который позволит Вам создавать свои интерактивные комиксы или другие подобные приложения, называемые ВИЗУАЛЬНЫЕ ШОУ.

Системные требования:

Windows 98SE/2000/Me/XP/DirectX9c /P3 1000 МHz / 128 Mb RAM / 32 Mb Video / около 100 Mb свободного места на жестком диске/DirectX-совместимая звуковая карта/ клавиатура, мышь

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

megainformatic cms express files + comments


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

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

Приключения Кости Коробкина - Как я провел лето - интерактивный комикс
Комикс работает под управлением специального приложения, странички можно листать, увеличивать/уменьшать, делать паузу в автопролистывании. В комплект также входит набор описаний, который позволит Вам создавать свои интерактивные комиксы или другие подобные приложения, называемые ВИЗУАЛЬНЫЕ ШОУ.

Системные требования:

Windows 98SE/2000/Me/XP/DirectX9c /P3 1000 МHz / 128 Mb RAM / 32 Mb Video / около 100 Mb свободного места на жестком диске/DirectX-совместимая звуковая карта/ клавиатура, мышь

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

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

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

 
     
  все уроки Photoshop  
 

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

 
     
  Требования к читателю  
     
  У читателя предполагается наличие базовых принципов владения ПК - пониманием работы в 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). Рассказано о формировании изображения на экране монитора, о том как воспринимает цвет человеческий глаз и о том, что такое цветовые модели.  
     
     
 

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

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

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



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


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