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


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

сайт megainformatic - Технология
              Техноло
подробнее...

Теги создание сайтов, создание игр, дизайн, игры, информатика, уроки photshop, php, c++, музыка, delphi, cms, робосайт
Статьи сайта
megainformatic - Уроки Fruity Loops Studio (FL Studio) - урок 3 - экспериментируем с композицией COLD

megainformatic - Что нужно знать для создания сайта ? Стандартные шрифты для сайта

megainformatic - Что нужно знать для создания сайта ? ASC II Коды символов

megainformatic - Уроки Fruity Loops Studio (FL Studio) - урок 4 - пишем первый вариант композиции COLD

megainformatic - Популяризация Современных Научных Знаний и Размышления на околонаучные темы. СОДЕРЖАНИЕ

megainformatic - Популяризация Современных Научных Знаний и Размышления на околонаучные темы. Энергетический кокон

megainformatic - Модуль галерей для любой cms

megainformatic - Портфолио выполненных проектов сайтов и приложений

megainformatic - Мои Музыкальные Миры - страница 2

megainformatic - megainformatic cms rs

megainformatic - модуль Падающий снег

megainformatic - проект Open Shop

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Разное

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

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

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

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

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

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

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

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

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

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

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

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

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

megainformatic - megainformatic cms express files + module slider

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

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

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

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

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

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

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

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

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

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

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

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

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

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

подробнее

     
  Настольная игра "Веселый Буквоежка"  
     
  Не успели герои Веселый Буквоежка, Жора, Щукин, Галя и другие вздохнуть, как предстала перед ними иная реальность и ждали их новые приключения ...  
     
 

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

 
     
  Представляем Вам Настольную игру "Веселый Буквоежка" - пока Вы это читаете, многие уже во всю играют !!!  
     
   
     
  В неё можно играть на столе и на полу, вдвоем, втроем и вчетвером и более - вплодь до 8 человек.  
     
  1) игровое поле (еще есть поле битвы); 2) таинственные места (всего их 4); 3) вещь - лейка - можно брать и использовать для полива; 4) куча мусора - их надо убирать лопатой; 5) а вот и сама лопата; 6) герой - можно выбирать одного из 8ми; 7) дерево - от таких деревьев можно брать саженцы; 8) плитка - можно брать, если есть лопата, там может быть буква, приз, антиприз или пустая плитка; 9) островок игрового поля с цифрами; На рисунке также видны - игральные кубики и небо (на заднем плане) :)))  
     
 

1) игровое поле (еще есть поле битвы);

2) таинственные места (всего их 4);

3) вещь - лейка - можно брать и использовать для полива;

4) куча мусора - их надо убирать лопатой;

5) а вот и сама лопата;

6) герой - можно выбирать одного из 8ми;

7) дерево - от таких деревьев можно брать саженцы;

8) плитка - можно брать, если есть лопата, там может быть буква, приз, антиприз или пустая плитка;

9) островок игрового поля с цифрами;

На рисунке также видны - игральные кубики и небо (на заднем плане) :)))

 
     
 

Это первая в мире Настольная игра, которая поставляется электронным способом !!! :)))

Оказывается по сетям передачи данных можно передавать и настольные игры !!!

 
     
  На поле битвы - 1) герой; 2) злой паук; 3) кружок для хода по полю боя; 4) поле боя;  
     
 

На поле битвы

1) герой;

2) злой паук;

3) кружок для хода по полю боя;

4) поле боя;

 
     
 

В настольной игре "Веселый Буквоежка" Вас ждёт:

- непередаваемая атмосфера обучения с увлечением;

- забавные герои;

- секреты (таинственные места) и призы;

- взятие и использование инвентаря - лопата и лейка, посадка и полив саженцев, расчистка от мусора, поиск источников воды, борьба с пауками, открытие плиток, взятие букв и складывание слов;

- действие разворачивается на основном игровом поле и на поле боя;

 
     
 

Требования: для игры Вам не потребуется компьютер ! Для распечатки игры Вам потребуются - компьютер, цветной принтер, бумага для распечатки 9 / 15 листов (без распечатки правил / с правилами); для сборки игры потребуются ножницы и клей;

Правила игры, подробная инструкция по распечатке и сборке прилагаются.

 
     
     
     
     
     
     
подробнее


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

Эта тема, которую мы будем рассматривать достаточно опасна, и может привести вас на плохой путь. Поэтому будьте осторожны !

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

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

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

Если Вы боитесь за свои права и свободы то советую не читать дальше и остановиться на этом.

Чтобы успешно противостоять взломщикам, похитителям информации и хакерским атакам нужно знать основные принципы, по которым осуществляется эта деятельность.

Тогда Вы сможете успешно противостоять этой угрозе.

Есть такая пословица: ХОЧЕШЬ МИРА - ГОТОВЬСЯ К ВОЙНЕ.

В жизни именно так и есть - боятся того, кто вооружен знанием, но не применяет его для нападения, только для защиты и самозащиты !

Таков основной принцип, которого я Вам советую придерживаться.

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

СОДЕРЖАНИЕ

Способы подмены реального IP

подробнее

megainformatic api получения готового решения для решения различных задач возникающих при создании сайта



Что такое megainformatic api ?

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

Особенность всех решений.

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

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

Как воспользоваться megainformatic api для решения собственных задач в области разработки сайтов и вопросов тесно с ними связанных ?

Сначала Зарегистрируйтесь, авторизуйтесь на сайте, а затем Получите VIP.

Сразу же после этого вы можете использовать megainformatic api в своих веб-приложениях, указывая в качестве api_id id вашего аккаунта.

Задача Task Решение Solution
     
1. Валидация e-mail. Возвращает результат проверки - является ли данная строковая последовательность e-mail адресом или нет. Данное решение носит тестовый характер и служит для проверки доступности api.
api.php?api_id=5&pwd_code=cecb1d47ff6c76e0393848ddd16326b4
&solve_id=1&help=1&email=some@some.ru


Пример вызова api и получения результата:

<?php

$result_content = file_get_contents('http://megainformatic.ru/api.php?api_id=5&pwd_code=cecb1d47ff6c76e0393848ddd16326b4&
solve_id=1&help=1&email=some@some.ru');

$result = array();

if ( $result_content !== false )

{
$result = unserialize($result_content);
}

var_dump($result);

?>


посмотреть как работает пример -
test_api.php

параметр help=1 при запросах к любым решениям возвращает в переменной $param['help'] краткую справку по использованию данного решения.

2. Выполнение e-mail рассылки Выполняется рассылка email по указанному списку email адресов.
api.php?api_id=5&pwd_code=cecb1d47ff6c76e0393848ddd16326b4
&solve_id=2&help=1&maillist=some@some.ru,some2@some.ru
&letter=тестовое письмо&config=email_from:mix2@varve.ru,email_title:Предложение по развитию и поддержке вашего сайта,email_copy:cyberdjo@varve.ru


Более подробно об использовании данного решения можно узнать указав параметр help=1 (в ссылке-примере он указан)

ВНИМАНИЕ !!! Данный пример не выполняет фактической отправки писем. Решение будет работать только лично для вашего api. Подробнее см. в личном кабинете.
3. Proxy сервер. Позволяет скрыть ваше ip, т. к. обращение к запрашиваемому ресурсу происходит опосредованно через наш proxy. api.php?api_id=5&pwd_code=cecb1d47ff6c76e0393848ddd16326b4
&solve_id=3&help=1&url=http://megainformatic.ru/?page=19


Уважаемый посетитель, вот немного полезной инфы о Вас

Ваш ip: 34.229.175.129

Операционная среда (сведения об ОС, браузере и др.): CCBot/2.0 (https://commoncrawl.org/faq/)

4. Наш контент для вашего сайта Позволяет отображать на вашем сайте тематические статьи нашего сайта.

Обратите внимание ! В контенте статей обязательно присутствует ссылка на наш ресурс. Если она была удалена вашим обработчиком, то ваш аккаунт блокируется без возврата средств. Будьте ВНИМАТЕЛЬНЫ !!!

api.php?api_id=5&pwd_code=cecb1d47ff6c76e0393848ddd16326b4
&solve_id=4&help=1&page=157


В данном демо-примере при любых значениях page всегда отображается только контент 157 страницы. В вашем api_id будут отображаться нужные запрашиваемые страницы.

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

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

В качестве примера используется регулярное выражение http[s]*://[A-Za-z0-9-_.]+.[A-Za-z0-9-_]{2,}[.]*, для поиска всех url на странице.

Выражение надо передать в urlencode виде, потому что некоторые символы регулярных выражений модифицируются браузером, причём знак + должен быть заменен кодовым словом code_meta_plus.

Таким образом чтобы решить задачу поиска url на странице megainformatic.ru вызываем решение со следующим набором параметров -

api.php?api_id=5&pwd_code=cecb1d47ff6c76e0393848ddd16326b4
&solve_id=5&help=1&url=http://megainformatic.ru
&algorithm=http%5Bs%5D%2A%3A%2F%2F%5BA-Za-z0-9-_.%5Dcode_meta_plus.%5BA-Za-z0-9-_%5D%7B2%2C%7D%5B.%5D%2A


Параметр algorithm как раз содержит urlencoded регулярное выражение, вместо знака плюс используется слово code_meta_plus.

Результат вернет все url, которые есть на указанной странице и соответствуют регулярному выражению.

6. Онлайн функции urlencode, urldecode api.php?api_id=5&pwd_code=cecb1d47ff6c76e0393848ddd16326b4
&solve_id=6&help=1&type=encode&data=проверка123


7. Сайт за 1 минуту.

Сайт за минуту
Пример вызова api для создания сайта.

api.php?api_id=5&pwd_code=cecb1d47ff6c76e0393848ddd16326b4
&solve_id=7&help=1&page=1


Пример скрипта - Сайт за 1 минуту, где путём обращения к megainformatic api всего несколькими десятками строк кода можно создать рабочий сайт без необходимости развертывания на собственном хостинге.

Скачать пример скрипта для создания сайта за 1 минуту

После скачивания скрипта и размещения его на localhost или на Вашем хостинге переименуйте файл в open_site.php, чтобы он мог нормально исполняться.



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

Однако выход есть - Вы можете приобрести решение в готовом виде. Эта возможность и форма её реализации пока обдумывается.

подробнее

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

Методы создания растровых изображений в 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 станет «слишком задумчив» при выполнении даже простых операций). Линии которые Вы будете рисовать могут казаться Вам прерывистыми и т.д. В этом случае решением может быть рисование изображения не всего целиком сразу, а по частям – отдельными элементами. Потом уже можно будет собрать все что вы создали в одном изображении скомпоновав в единое целое (путем размещения на разных слоях) и т.д. Могут быть и другие варианты. Дело ограничивается только Вашей фантазией.

 
     
  [к содержанию] [далее]  
     
     
     
  Выгрузка файла на сайт со страницы сайта  
     
 

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

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

 
     
  Для начала нужно разместить на некоторой странице сайта форму для выгрузки файла.  
 

Укажите файл который нужно выгрузить

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

 
     
  Форма обязательно должна содержать атрибут enctype="multipart/form-data" и метод отправки данных для формы должен быть описан как method="post" Атрибут enctype="multipart/form-data" указывает MIME-тип отправляемых формой данных (Multipurpose Internet Mail Extensions), а метод отправки post единственно возможный для передачи файлов, т. к. методом get можно отправлять лишь небольшие объёмы информации, а передать файл невозможно в принципе.

Далее мы просто указываем какой скрипт action="papers/sitecre/upload_file/upload_file.php" должен выполняться для обработки отправляемых формой данных, а также указываем имя и ID для формы.

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

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

Следующим пунктом указывается поле input с такими атрибутами - type="file" name="upload_file" accept="text/plain" Т. е. в данное поле будет загружен файл, обратиться к данным файла можно будет по указанному имени name, а атрибут accept указывает тип загружаемого файла - обычный текстовый. Правда данный атрибут поддерживается только некоторыми браузерами, поэтому его указание не обязательно.

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

 
     
  Теперь перейдём к пояснениям

function read( $cfile, $razd = "|" )
{
	$open = fopen( $cfile, "a+" );
	while (( $dan = fgetcsv( $open, 2048, $razd )) !== false )
	{
		$rec[] = $dan;
	}
	return $rec;
}
так мы запишем небольшую функцию, которая в данном случае будет открывать указанный ей файл с именем $cfile и обрабатывать его как CSV - т. е. текстовый формат представления табличных данных. В качестве разделителя используется указанный символ |. Данная функция полностью преобразует указанный CSV файл в массив.

$loc_ru = setlocale(LC_ALL, 'ru_RU@russia', 'ru_RU', 'rus_rus');

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

$csv_file_size = $_FILES['upload_file']['size'];

Этой строкой мы получаем из глобальной переменной $_FILES размер выгруженного файла

if ( $csv_file_size == 0 )

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

Если размер больше нуля выполняем дальнейшую проверку

if ( $_FILES['upload_file']['error'] == UPLOAD_ERR_OK )

Успешно ли прошла выгрузка файла

Если успешно -

$our_file_extention_correct = FALSE;

$upload_file = $_FILES['upload_file']['name'];

echo 'Вы загрузили файл '.$upload_file;

echo 'Тип файла '.$_FILES['upload_file']['type'];

$csv_uploaded_serverside_filename = $_FILES['upload_file']['tmp_name'];

Сбрасываем флаг проверки расширения в false, запоминаем и выводим в браузер имя загруженного файла и его тип. Также запоминаем временное имя выгруженного файла на сервере.

 
  $dot_pos = strrpos($upload_file, ".");

Ищем точку в имени файла начиная с конца строки.

if ( $dot_pos !== FALSE )

Если точка найдена -

$file_extention = substr($csv_import_emails_file, -3);

Выбираем последние три символа из имени файла

if ( $file_extention == "csv" || $file_extention == "CSV" )

$csv_file_extention_correct = TRUE;


И сравниваем с нужным нам расширением

if ( !$csv_file_extention_correct )

{

echo 'Неверный тип файла, попробуйте еще раз !Назад';

}

Если расширение неверное - выводим сообщение об этом

Оставшийся код выполняет окончательную обработку информации в файле - в данном примере выводит описания из выгруженного файла на страницу

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

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



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


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