Давно ушли в прошлое те времена, когда на странице контактов было достаточно указать адрес и номер телефона. Сегодня любая компания, которая ценит своих клиентов, обязательно размещает рядом с адресом карту проезда. Это очень удобно, в том числе и с точки зрения UX. Создать простую карту проезда можно с помощью конструктора Яндекс.Карт или Google Map. Но порой требуется нечто посложнее – например, карта может понадобиться для презентации или для создания инфографики. В таком случае можно воспользоваться специальными онлайн-инструментами для создания пользовательских карт. Некоторые из этих инструментов позволяют создавать интерактивные карты, с помощью которых можно представить информацию в наиболее удобном для пользователя виде. FreelanceToday предлагает вашему вниманию 10 бесплатных инструментов для создания карт.
Сервис Animaps расширяет функционал Google Maps, позволяя создавать карты с анимированными маркерами. Маркеры передвигаются по карте, показывая, к примеру, маршрут передвижения. Очень полезный сервис для создания интерактивной инфографики. С помощью Animaps можно создать целый рассказ о каком-либо событии, сопроводив его текстовыми блоками и иллюстрациями.
Простой в использовании сервис Scribble Maps имеет множество инструментов для создания практически любого вида карт. Можно сделать обычную маршрутную карту, но одновременно с этим сервис может быть полезен дизайнерам, которые хотели бы создать красочную инфографику. В Scribble Maps имеется возможность добавлять текст, изображения, рисовать и закрашивать различные геометрические фигуры, расставлять маркеры и многое другое. Если нужна инфографика на основе карты – лучшего инструмента не придумать. Готовую карту можно разместить на сайте, в блоге или отправить ее клиенту, сохранив ее в формате PDF.
Создатели сервиса MapTiler позаботились о том, чтобы созданные пользователем карты отображались на любых устройствах. MapTiler – одно из самых удобных приложений для подготовки тайлов с использованием API Google Maps. К сожалению, бесплатная версия программы обладает очень ограниченным функционалом, с помощью которого можно создавать лишь самые простые карты.
HeatmapTool является лучшим онлайн-сервисом для создания очень точных тепловых карт. С помощью такой карты можно быстро визуализировать данные, используя различные цвета. Сервис позволяет управлять радиусом, масштабированием и непрозрачностью тепловых пятен. Информацию можно обновлять в режиме реального времени. Для чего создан данный сервис? В первую очередь для визуального отображения любых статистических данных в заранее выбранном регионе. Можно делать достаточно сложные карты, к примеру с помощью сервиса можно показать покрытие сотовой сети, плотность населения в стране и многое другое. Сервис очень мощный, с его помощью можно быстро обрабатывать даже очень большие объемы статистических данных.
После покупки Nokia корпорация Microsoft значительно улучшила свой картографический сервис Bing Maps. Карты Nokia всегда отличались высокой детализацией и хорошим покрытием, так что можно не переживать за точность. Функционал сервиса не может похвастаться разнообразием, но треков, маркеров и геометрических фигур вполне достаточно, чтобы создать достаточно информативную карту. Также имеется возможность добавления изображений и текстовых комментариев. После окончания работы результат нужно сохранить, после чего Bing Maps сгенерирует ссылку и код для встраивания карты на сайт.
Дружественный пользовательский интерфейс сервиса Click2Map поможет быстро и легко создавать интерактивные карты любого уровня сложности. Мощный функционал сервиса позволит создать профессиональные карты в кратчайшие сроки. С помощью большого набора иконок можно персонализировать карту, если требуется рассказать о какой-то конкретной сфере деятельности. Тематические маркеры позволят пользователям легко ориентироваться по карте. Также маркеры можно использовать для определения местоположения конкретной точке. Маркер поддерживает различные виды контента – текст, изображения, HTML-код. Чтобы получить доступ ко всем возможностям сервиса, придется оформить платную подписку, однако если зарегистрировать бесплатный аккаунт, то можно создавать карты с ограниченным количеством маркеров, максимум 10.
Картографический сервис ZeeMaps позволяет легко создавать, публиковать и делиться интерактивными картами. Сервис работает на основе Google Map и с его помощью можно создать даже очень сложную карту с большим количеством данных. Статистику можно импортировать из Excel, Access, MS Outlook и других программ. Ограничений на количество маркеров нет, информацию можно в любой момент изменять по желанию пользователя. К маркерам можно добавлять картинки, текст, аудио-файлы, а также видео из YouTube.
Приложение UMapper позволяет создавать встраиваемые флэш-карты. Визуальный редактор UMapper интуитивно понятен, с его помощью можно добавлять маркеры, рисовать фигуры и добавлять интерактивные элементы на карту. Сервис берет картографические данные из Microsoft Virtual Earth, Google, Yahoo, OpenStreet, что делает его действительно универсальным. С помощью приложения даже можно заработать – если созданная карта за месяц получит 50 тысяч просмотров, сервис перечислит на счет пользователя $12,50. К недостаткам UMapper можно отнести водяной знак, который появляется на карте при использовании бесплатной версии и показ на карте встроенных рекламных объявлений.
GmapGis – простенькое-онлайн приложение для рисования на картах Google. Можно расставить маркеры, измерить расстояние между двумя точками на карте, рисовать линии и геометрические фигуры. Весь функционал представлен в верхней части страницы, так что проблем с использованием сервиса не будет – все очень понятно. Полученный результат можно сохранить как файл или в виде ссылки. Во время использования GmapGIS может появиться проблема – пользователь не может провести линию или нарисовать фигуру. В этом случае разработчики рекомендуют закрыть и снова открыть браузер. После этого появится полный доступ ко всему функционалу.
“Хо-хо-хо и бутылка рома!” Именно это Вы должны сейчас напеть себе, если Вы собираетесь попытаться порисовать по уроку, который покажет Вам как рисовать карту сокровищ пиратов . Агр-рррх!
Это было настолько забавным и удивительным занятием, готовить для вас этот урок, что мне пришлось пересмотреть два мультфильма на эту тему – советский “Остров сокровищ”, в котором заразительно смеется доктор Ливси и отлично танцуют живые актеры в вставках и американский “Планета сокровищ” с шикарной анимацией. Мне нравятся оба мультфильма и второй уже стал забывать, так что очень рад, что снова его увидел. И вам тоже советую его пересмотреть.
Поэтому я хорошо провел время и теперь я знаю, что Вы также это не упустите и вместе со мной порисуете настоящую карту сокровищ . Мы знаем как выглядят, какой у них , на чем , как выглядят и знакомы с и его . И сейчас мы придадим всему их существованию смысл и нарисуем карту, которая должна привести нас к настоящему богатству и независимости от денежных хлопот!
Теперь вы сможете нарисовать действительно красочную настенную фреску, которая осветит любую комнату.
Если Вы будете искать забавную тему для рисунка, чтобы порадовать себя, брата, сестру или друга. Так что, вам действительно понравится и пригодится рисунок пиратской карты. Карта заполнена небольшими островами, гигантским кальмаром, парочкой тропических деревьев и, конечно же, точкой “X”, которая и будет манить нас все время и не давать спать по ночам. Главный остров, на который Вы должны будете поплыть будет в форме черепа (мы их много раз рисовали), и на нем будут все препятствия для настоящего путешествия с приключениями – горы, бухты и водопады, забавные места и формы, который позволят неплохо развлечься, рисуя по шагам урока. Удачного вам приключения!
Шаг 1.
Вы начнете рисунок карты пиратов, рисуя идеальный квадрат, а затем две вспомогательные линии на нем.
Шаг 2.
Теперь вы начнете обрисовывать неровную окантовку карты. Чтобы карту искателей сокровищ сделать настоящей, надо показать, что она старая и затертая с оборванными и неровными краями. Как только это будет сделано, добавим линию обводки по контуру для защитной рамки, а затем нарисуем три формы круга – большой по центру и пару по краям.
Шаг 3.
Следующее, что вы будете делать, это набрасывать форму острова в виде черепа. Контур черепа должен быть скалистым и рисовать волнистыми линиями. Рисуем ему также отверстия для глаз, а затем добавим несколько зубов, скалистую гряду, о которую будут разбиваться корабли в шторм. Добавим трещины на верхней части головы, а затем начнем набрасывать окружающие острова по сторонам острова. Вам также необходимо будет нарисовать силуэт , после чего добавить форму головы и щупалец гигантского кальмара. Рисуем формы мелких островов и идем дальше.
Шаг 4.
Вы почти закончили с этим рисунком, и как вы можете видеть, все, что вам нужно нарисовать, это набросать линии для текстуры и мелких деталей карты. Можете заметить, что надо добавить для воды рябь, которые разбросана по всей карте, а затем формы гор на черепе острова, а также отверстия для носа черепа. Нарисуем пальмы на островах (их пять!) и, конечно же, не забудьте добавить точку X, которая отмечает цель и место!
Привет всем! Простите, что долго не писал. Болезнь совсем одолела. Пока болел было время подумать о чем же я хочу еще написать. Результатом стал этот урок.
Каждый раз, когда я думаю как написать урок - я стараюсь показать приемы, которые я использую в своей работе в качестве дизайнера. Например, сегодня я постараюсь показать как рисуется эта симпатичная карта.
Подготовка
Первое и самое главное - включите музыку! Лично мне обычно помогает рисовать бодрый драм (очень понравился последний релиз Chase & Status – End Credits).
Во-вторых, убедитесь, что компьютер включен. Серьезно. Хватит болтать, давайте начнем.
Настройка
Никаких особых настрое не нужно. Создайте новый веб-документ, а просто нажмите кнопку ОК.
Приступая к работе
Прежде всего, Вам понадобятся карты для использования в качестве образца. Однако если у вас есть сумасшедшая фотографическая память, то можете обойтись и без них. 
В качестве карты я использовал скриншот с дорогой и торговым центром.
Придумываем легенду карты
Прежде чем начать неплохо было бы придумать как мы будем обозначать различные дороги и здания.
Вот что я придумал:
Это довольно простая легенда, но Вы в зависимости от сложности задачи можете добавить или убрать какие то детали.
Дороги рисуются довольно просто. Выберите Line Segment Tool [\] и нарисуйте отрезки к которым добавляем обводку разного цвета и толщины.
Создание кисти
Выбираем обозначение дороги и открываем окно Brush. Щелкните на кнопке Параметры (маленький значок с тремя линиями в верхнем правом углу). Это откроет Brush Options, выберите New Brush.
Вам будет представлено следующее диалоговое окно. Выберите New Art Brush и нажмите OK.
Откроется новое окно в котором необходимо настроить параметры. О! Тут все как раз так как нам надо. Осталось только ввести имя кисти.
Повторите эту процедуру для каждого типа дороги.
Рисование Дороги
Добавляем нашу карту в документ люстры. Я сделал это с помощью команды File > Place… Затем я заблокировал карту чтобы она не мешалась (Object > Lock > Selected )
Используйте Pen Tool [P] для рисования дороги. Просто выберите кисть и начните рисовать!Повторите этот процесс для всех основных дорогах.
Перекрестки
Как вы уже заметили, линии иногда не выстраиваются правильно на перекрестках. Это легко правится.
В некоторых случаях достаточно просто изменить порядок слоев. Используйте Ctrl + [ и Ctrl +], для настройки порядка слоев.
В некоторых случаях все гораздо сложнее. Тогда я создаю пером формы которые накладываю сверху на линии идущие не так.
Это ни photoshop-туториал, ни руководство по созданию отполированной законченной карты. Это пошаговая демонстрация моего метода по созданию городов, когда я делаю первый набросок.
Главное состоит в том, чтобы карта города была логичной.
- Нарисуйте рельеф местности и самые главные локации
Город зависит от местности. Поэтому первая вещь, которую следует сделать — так это нарисовать рельеф местности, на которой раскинулся город. В качестве примера для материала я решил нарисовать город, находящийся на глубоко выступающем мысе. Побережье, кроме залива на Северо-Востоке, скалистое и изломанное.
Как только набросали ландшафт, идите от него при расположении основных зданий. Замок ставим на возвышенность с открытым видом на море и земли вокруг. Утесы, обрамляющие возвышенность, служат естественной линией защиты. Любая атака с суши возможна только вниз по полуострову. Понятно, что город, в первую очередь, захочет защитить гавань, поэтому логичным будет поставить стену, полностью закрывающую полуостров от остальной части суши.
После того, как я выставил основную оборону, я добавил порт для рыбаков (пища) и рынок около доков (коммерция). Я также поставил несколько больших зданий — 4,5 и 7, которые могут быть храмом, таверной и башней волшебника, соответственно, — это три важнейших локаций в любом фэнтези-городе.
- Обозначьте основные дороги
Дороги доставляют людей туда, куда им нужно. В данном случае дорога должна быть довольно прямым маршрутом от главных ворот до замка. Помните, что дороги повторяют контуры местности. Избегайте прямых дорог в картах фэнтези-городов — предполагается, что в таких городах нет землеройной техники, поэтому дороги постоянно обходят препятствия. Это поможет придать городу вид естественно-выросшего поселения.
Как только мы проложили главную артерию, нарисуйте основные дороги к источнику пищи и коммерческим точкам — это будут самые оживленные маршруты. Также добавьте еще парочку линий. Я, к примеру, нарисовал дорогу, ведущую на Северо-Восток, ко вторым воротам.
- Набросайте незначительные дороги
Карта города с одними только основными дорогами выглядит пустой. Добавьте сеть небольших троп, чтобы заполнить пространство. Помните, что большинство небольших дорог должны доставлять людей к основным дорогам. Добавляйте им изгибы и углы, чтобы они выглядели более интересно и, конечно, учитывайте местность.
- Встройте в карту дома
Это может занять время. Тут все зависит от масштаба карты и ее детализации. Этот набросок я рисовал на бумаге порядка двух квадратных дюймов (5 см 2), поэтому здания могли быть чем-то вроде точек. Так что здесь здания представлены в виде блоков, сгруппированных в пространстве между дорог. В идеале, когда вы заканчиваете рисовать дома, вы должны видеть дороги, даже если убираете линии, которыми их отмечали.
Вот и все. Вы закончили свой набросок. Добавьте на нее ключи — и это будет полноценной функциональной картой города.
Этот урок попал в категорию легких, а это значит, что в теории повторить его сможет и маленький ребенок. Естественно, маленьким детям нарисовать карту могут помочь и родители. А если вы считаете себя более продвинутым художником, то могу порекомендовать урок « » — он потребует от вас большей усидчивости, хотя будет не менее интересен.
Что понадобится
Для того, чтобы нарисовать карту нам может понадобиться:
- Бумага. Лучше брать среднезернистую специальную бумагу: начинающим художникам будет гораздо приятней рисовать именно на такой.
- Наточенные карандаши. Советую брать несколько степеней твердости, каждую нужно использовать для разных целей.
- Ластик.
- Палочка для растирания штриховки. Можно использовать обычную бумагу, скрученную в конус. Ей лего будет растирать штриховку, превращая её в монотонный цвет.
- Немного терпения.
- Хорошее настроение.
Поэтапный урок
Обычные бытовые вещи рисовать проще всего, потому что на карту всегда можно посмотреть, всегда под рукой и можно рассмотреть каждую деталь. Рисовать приходится не с головы, а с натуры, а это гораздо приятней и легче. Если же у вас нет возможности посмотреть на то, что вы рисуете — лучше обратиться к поисковику и посмотреть фотографии, прежде чем браться за урок.
Кстати, кроме этого урока советую обратить своё внимание на урок « ». Он поможет повысить ваше мастерсово или просто доставит немного удовольствия.
Простые рисунки создаются при помощи контуров. Вам будет достаточно повторить то, и только то, что показано в урок, чтобы получить приемлемый результат, но если вы хотите добиться чего-то большего, то попробуйте представить то. что рисуете в виде простых геометрических тел. Попробуйте сделать набросок не контурами, а прямоугольниками, треугольниками и кружочками. Спустя какое-то при постоянно использовании этой технологии вы увидите, что рисовать становится легче.
Совет: создавайте набросок как можно менее толстыми штрихами. Чем толще будут штрихи наброска — тем трудней их будет стереть в последствии.
Первым шагом, точнее нулевым, всегда нужно размечать лист бумаги. Это даст вам понять где конкретно будет находиться рисунок. Если вы расположите рисунок на половине листа — вторую половину вы сможете использовать для другого рисунка. Вот пример разметки листа по центру:
Шаг первый.
Шаг второй.
Шаг третий.
Шаг четвертый.
Шаг пятый.
Если карта уже нарисована, но никто не может найти клад, и даже вы забыли, где он - не расстраивайтесь, конец света скоро, поэтому можете еще что-то нарисовать.