Отрисовка карты в Photoshop » Блог Обычного веб-мастера

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

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

И так, у нас есть карта в формате .bmp. Как вы понимаете, это никуда не годиться и подобная карта нам застыдит весь дизайн. Тем более, что исходный файл имеет около 1000рх, что нам ну никак не подходит!

отрисовка в photoshop

Задача: приблизить масштабы карты, то есть, показать сам офис компании, изменить формы улиц и домов (сделать их более округлыми – так красивее) и несколько изменить цветовой фон: обесцветить… В общем, сделать так, что бы всё красиво вписывалась в наш дизайн.

Задача на 5 минут. Начинаем…

Обрезаем саму картинку до размеров 340х340рх – лишнего нам не надо! Первый шаг сделан. Теперь необходимо убрать все лишние элементы, которые влезли на нашу картинку после «обрезания», например, названия улиц и куски домов. Они лишние, только отвлекают внимание посетителей сайта.

обрезаем лишние края

И так, начинаем обработку цветом. Лично я использовал «Изображение -> Коррекция -> Цветовой фон / Насыщенность» в Adobe Photoshop, но вы всегда можете выбрать какой-то другой приём изменения насыщенности картинки и элементов в дизайне.

Выставляем нужные нам параметры до подходящей картины и нажимает «Ok». Смотрите, уже неплохо… Осталось только подровнять края домов, что бы всё смотрелось не так топорно, убрать некоторые разводы на картинке от предыдущей «работы дизайнера» и подписать недостающего названия улиц…

редактирование цвета в photoshop

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

отрисованая карта в photoshop

Ну что получилось из всего этого оценивать только вам. Конечно же, на высокое звание «мастера» я не претендую, но может быть, кому-то и будет полезно и интересно!