fly
Вторник, 19 Февраля 2013 17:15

Такая маленькая картиночка, а сколько времени!

Автор
Оцените материал
(0 голосов)
Bilo-stalo-fix

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

Начнём с самого начала, а именно с PC-версии, которая содержала совершенно невзрачную, маленькую и старую иконку, которая даже близко не напоминала наше волшебное судно - fly1. Впрочем, мало кого заботил этот вопрос на тот момент, так что созданием оригинальной иконки никто не занялся...

Иконки же в мобильных приложениях для Android, iOS и других систем играют очень большую роль. Мало того, что красивая иконка чисто гипотетически увеличивает количество скачиваний, но приложения ещё и расположенны на рабочем столе, в меню, и при пролистывании их постоянно видно. Очевидно, будет не очень хорошо, если наша иконка будет выбиваться из общей картины.

"Как создать красивую иконку?" Этот вопрос волнует многих разработчиков на сегодняшний день. Думаю, в интернете найдётся множество уроков, описывающих в деталях процесс создания красочной иконки. Пожалуй, только самый деревянный разработчик не озаботится этим вопросом. Создать хорошую, качественную пиктограмму для вашего приложения не так-то просто, но и ничего сверхсекретного в этом нет.

В первую очередь, от чего я хочу предостеречь, так это от создания маленьких иконок, потому что я сам наступил на эти грабли. Да-да, иконка должна быть, в первую очередь, не меньше 512x512 пикселов! При публикации вашего приложения популярные магазины, такие как AppStore и Google.Play обязательно потребуют у вас иконку не меньшего размера. Для чего нужна такая большая иконка? Для того чтобы показывать её на мониторе! Ведь у мобильных магазинов есть не только мобильные, но и онлайн версии-близнецы, которые адаптированы под большие экраны.

Самая левая версия в заголовке поста - это иконка 72х72 пиксела, стандартная для собираемого .apk файла. На больший размер я не расчитывал, поскольку создавал её лишь для закрытых бета-версий. На этом и попался: Аня обратилась ко мне с просьбой сделать такую же иконку, но размера 512х512. Конечно, иконку пришлось бы создавать заново. Это не было бы трудным занятием, но мне тогда показалось, что иметь такую иконку будет слишком просто. Нужно сделать красивую иконку, сказал я себе, такую, чтобы её было не стыдно показать!

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

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

В итоге вышла вот такая третья иконка (увеличить по клику), плюс обновлённая иконка кота:

512

IconCat-final

Мило, не правда ли? :3

Прочитано 3501 раз Последнее изменение Среда, 20 Февраля 2013 10:23
WolK Xeneder

Этот e-mail адрес защищен от спам-ботов, для его просмотра у Вас должен быть включен Javascript

2 комментарии

  • Комментировать AnnTenna Среда, 20 Февраля 2013 15:05 написал AnnTenna

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

    Иконки смотрятся здорово, мне очень нравится результат!

    Пожаловаться
  • Комментировать ~Tarisandra Четверг, 21 Февраля 2013 14:19 написал ~Tarisandra

    Мне так все варианты нравятся) И общую атмосферу игры отлично передают.

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

Панель входа

Добро пожаловать!

Заходите. Чувствуйте себя как дома.

Мы в контакте

Последние комментарии

Опрос о героях сказки.

Какой герой сказки вам больше всего нравится?
 

Календарь

« Ноябрь 2017 »
Пн Вт Ср Чт Пт Сб Вс
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30      

Это из галереи!

  • ps20_1_7

Наш сайт такой не один в интернете, есть и другие похожие!

А знаете ли вы...

ste2

полузаброшенный сайтkn1kn4kn5Плагины для RPG MakerДневник одной нэкоkn Топ Разработка игр