kortunov Jan 16 2008 at 12:09

Как делались иконки машинок для Автокадабры

1 min

4.8K

Working with icons*

+156

105

Comments 105

TITOFF Jan 16 2008 at 12:14

GПрикольно. Жаль конечно что у всех автомобилей диски одинаковые ;)

kortunov Jan 16 2008 at 12:34

мечты сбываются! диски-то разные!

Meneldor Jan 16 2008 at 15:07

Шикарная работа, молодцы, ребята!! Я сразу же, как только увидел Автокадабру, подумал именно об этом: ёпта, это ж как они столько машинок нарисовали?

Zibx Jan 16 2008 at 18:08

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

Meneldor Jan 16 2008 at 18:14

Да нет, я как раз не про перекраску, а про сами модели машин - это уже огромный труд!

dmitriykikkas Jan 16 2008 at 12:14

Отлична работа!

Matyushko Jan 16 2008 at 19:23

Работа бесспорно отличная, но иконки машинок drive.ru (от болотова) мне нравятся больше.

kortunov Jan 16 2008 at 21:12

drive.ru - отличный сайт! но разве там иконки? по-моему, там просто обтравленные фотографии. мы-то рисовали в векторном редакторе.

Matyushko Jan 16 2008 at 22:08

я про вот эти http://www.drive.ru/images/lib/models/thumbnails/539086.gif
иконки.
Может быть это и обработанные уменьшенные фотографии, но выглядят они не так мультяшно.
Я бы предпочел иметь в «гаражике» более реалистичную модельку. Но идея с перекрашиванием интересная :)

kortunov Jan 16 2008 at 22:25

да, и я про них же. ну не делать же везде одинаковые иконки. пусть на автокадабре будут мультяшные и это будет её изюминкой!

last1hopeful Jan 16 2008 at 23:38

При таких масштабах иконки в стиле пиксельной графики - одно их лучших решений. Потому что нет лишних деталей. Иконка лучше воспринимается на глаз.

ptenez Jan 16 2008 at 12:15

Молодцы ребята, все смотриться просто замечательно. Успехов вам в работе!

ashofthedream Jan 16 2008 at 12:18

эх, жаль еще их тюнеть нельзя :)

deniskin Jan 16 2008 at 12:18

Мы думаем об этом.

kortunov Jan 16 2008 at 12:20

в теории можно делать аэрографию, так как машинку можно класть не только поверх плоского цвета, но и изображения. а аэрография — это уже какой никакой тюнинг!

copylove Jan 16 2008 at 12:19

Турбомилки, вы монстры!

1g0rrr Jan 16 2008 at 12:19

На такой "гараж" прямо приятно посмотреть.

vyacheslavka Jan 16 2008 at 12:20

а я думал как было нарисовано такое большое количество иконок машин :)
Молодцы ребята! большой объем работ проделали

SergeyGerasimov Jan 16 2008 at 12:21

Продолжение — http://turbomilk.ru/truestories/casestud…

ramovsky Jan 16 2008 at 12:24

Такой же метод проектирования прозрачной маски автомобиля был применен в туториалах к Flash MX.

toxa777 Jan 16 2008 at 12:29

Отличная работа! Результат великолепный. Надеюсь планируется увеличение парка доступных авто?! Думаю, что да :)

sanders Jan 16 2008 at 12:30

пришлите инвайт пожалуйста )

kortunov Jan 16 2008 at 12:32

РІРѕС‚ РїСЂРёРіР»Р°С?РµРЅРёРµ РЅР° 15 С‡РµР»РѕРІРµРє: cb3c0bcc59

kortunov Jan 16 2008 at 12:33

ого-го! прошу прощения, вырвалось. вот код мультприглашения на 15 человек: cb3c0bcc59

sanders Jan 16 2008 at 12:38

спасибо огромное, успел! )

Fade Jan 16 2008 at 13:03

Да. Раздача слоников, это всегда хорошо.

snoopckuu Jan 16 2008 at 13:28

Вот ещё приглашение на 15 человек, пользуйтесь. 1afc389298

akeeper Jan 16 2008 at 13:32

О, спасло. Предыдущий код уже расхватали. :)

snoopckuu Jan 16 2008 at 13:33

я рад, пользуйтесь.

snoopckuu Jan 16 2008 at 14:36

ещё на 5 человек. 08a190852d

deniskin Jan 16 2008 at 14:32

Еще на 40: b05efb4b33
и на 50: 192175171a

korzhik Jan 16 2008 at 21:30

Спасибо!

Pono Jan 16 2008 at 22:24

Благодарствую!

diamant Jan 16 2008 at 13:35

спасибо тебе, добрый хабрачеловек!

Fade Jan 16 2008 at 13:53

Спасибо. Уже воспользовался. не люблю просить, поэтому, спасибо, что сами предложили.

akral Jan 16 2008 at 14:31

Ещё на 20 человек. Удачи. 362125216b

macsyk Jan 16 2008 at 16:25

Спасибо

DezmASter Jan 17 2008 at 15:08

Вот еще на 25, пользуйтесь: 8796aa9ffe

:)

UFO landed and left these words here

Dr_Death Jan 16 2008 at 13:49

а я зареганый послал нафиг 8) а че еще делать, если за коменты типа "имхо" про дизайн и тюнинг карма в -7, мертвые души какие то 8)

UFO landed and left these words here

ident Jan 16 2008 at 22:40

соглашусь

Abaza Jan 16 2008 at 16:39

Инвайты на 24 человека: ea862b24b6

turbo_ghost Jan 16 2008 at 12:33

Великолепное решение.
Жаль, что иконок все еще не так много, как хотелось бы и на мой автомобиль иконки нету =(

Demian Jan 16 2008 at 12:41

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

kortunov Jan 16 2008 at 12:49

Ну вообще не удивительно, что Туарег сложно отличить от Кайена. Я и в жизни их не всегда сразу отличаю.

А если серьезно, то мы уделяли много внимания именно узнаваемости и отличаемости. Специально "выпячивали" отличительные особенности машинок, благо формат иконок это разрешает.

Demian Jan 16 2008 at 12:53

Насчет туарега и кайена - это я конечно утрировал ))))

И особенности в принципе видны, только их высматривать надо ))) И вот например на баннерах автокадабры я сходу могу отличить машины только отечественного автопрома, уж больно они отличаются от остальных.

Globuselo Jan 16 2008 at 12:42

Классная и качественная работа! ЗачОт!

YongLing Jan 16 2008 at 12:42

Респект! Красивое решение.
Сам когда-то красил Тойоты для Бизнес-Кара до такой реализации не додумался :)

123 Jan 16 2008 at 12:42

Багрепорт:
Пропала задняя дверь у Цивика 5Д, ВАЗ 2104 почему-то получил наклон двери багажника от РР Спорт, а Астра GTC - всю заднюю часть от 206-го пежо.
А в целом - фантастично! :)

last1hopeful Jan 16 2008 at 23:46

Ощущение от иконки ВАЗ 2104: задок должен быть более "туповатым" :)

Lunatik Jan 16 2008 at 12:46

Не такое уж и новое решение...
(http://www.artlebedev.ru/everything/backstage/icon-reflections/)

kortunov Jan 16 2008 at 12:51

Да, я видел эту статью. Правда есть небольшое отличие - мы рисовали Adobe Illustrator. Я не говорю, что мы первые в этом, просто рассказываю о решении конкретной задачи.

ident Jan 16 2008 at 22:49

побольше бы на хабре таких выдержек из реальных проектов, очерков о микро-успехах

Tolsty_kot Jan 16 2008 at 12:51

А знает кто-нибудь по какому принципу они на баннере выводятся с именами? Самые "кармические" пользователи, рандомно, по изначальному списку, заложенному в флеш или те кто на Кадабре в данный момент?

Cosss Jan 16 2008 at 12:52

Психи...

Drevlyanin Jan 16 2008 at 12:53

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

FireFly Jan 16 2008 at 12:56

Шикарно! Вперед самарцы!!!

blonde Jan 16 2008 at 13:54

самцы)) показалось, но тоже в тему!

amyot Jan 16 2008 at 13:13

Молодцы!!! Очень хорошая работа.

RusPutin Jan 16 2008 at 13:14

Жду не дождусь Lada 2106. (-:

UFO landed and left these words here

ganzer Jan 16 2008 at 13:32

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

UFO landed and left these words here

ter10n Jan 16 2008 at 13:44

Просто потрясные иконки...) мастер класс!

528depp Jan 16 2008 at 13:51

Турбомилк действительно молодцы. Заказывал у них немного иконок, качественно :) Огромное им спасибо и Денису в частности.

vansickle Jan 16 2008 at 13:51

работа отличная - но говоря об "особой технике" вы кажется немного лукавите - все можно перекрасить

источник: http://pajasu.livejournal.com
автор: http://quak3r.livejournal.com/

vansickle Jan 16 2008 at 13:54

плохая привычка читать через слово - прочитал без "легко" - прошу прощения

niro Jan 16 2008 at 13:57

Все кажется таким простым ....

Fade Jan 16 2008 at 13:58

Да... надо переходить на PNG... будем искать оптимальный кросс-браузерный скрипт подключения.

MonaHS Jan 16 2008 at 14:12

Замечательно! Удивили :-)

antares Jan 16 2008 at 14:12

Гениально в исполнении, шикарно в использовании и просмотре!
Молодцы!

sashock Jan 16 2008 at 14:15

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

Xfrid Jan 16 2008 at 15:02

Когда видишь, что кто-то делает работу действительно хорошо, а не на от**бись, прямо радостно становится...

alekhinsasha Jan 16 2008 at 15:02

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

doet Jan 16 2008 at 15:07

>> нам пришлось придумать особую технологию рисования

офигеть

гении!

изобретатели!!!

andrey_promo Jan 16 2008 at 15:11

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

Arhivator Jan 16 2008 at 15:17

Жаль что на кадабре иконки маленькие. Очень понравилась иконка большого размера. Сделано просто превосходно.

mrt Jan 16 2008 at 15:43

Думаю, это не иконка, а реальное изображение автомобиля

Arhivator Jan 16 2008 at 19:00

Если речь идет о этом:

то имхо 100% иконка. Хотя технологии создания мне не известны может быть делались с и фоток.

kortunov Jan 16 2008 at 21:14

к сожалению, ты ошибся. слева фотография (просто я немного покрутил уровни, чтоб она на белом фоне была), слева иконка.

YakudzaBLR Jan 16 2008 at 21:43

справа, вы, наверное, хотели сказать во втором случае ;)

gunkin Jan 16 2008 at 15:35

Молодцы! Догадываюсь кто рисовал, а уж сколько времени, наверно, на это ушло, ужас. Ещё б на флеш баннере на хабре наверху сделать, чтобы машинки не так дёргались, чтобы калёса крутились, а главное чтобы движение было как в России, а не как в Англии или Японии :)

Razvedcheg Jan 16 2008 at 16:16

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

UFO landed and left these words here

sofcase Jan 16 2008 at 16:18

отлично сделали, уважение =)

macsyk Jan 16 2008 at 16:24

Иконки конечно супер, но вот favicon сайта грязновато выглядит.

Hitryi_Pryanik Jan 16 2008 at 17:28

Метод рисования иконок с перекраской известен давно, в частности он освещён с несколько другой точки зрения в сочинении Тохи Герасименко.

Что же касается работы — молодцы, сделано аккуратно и приятно. Единственное что не понравилось: тень по низу закругляет бок машины очень сильно. Да, это делает её чуть объёмнее, более выпуклой, но неправдоподобно дутой. Более того, раз машина стоит на белом фоне, то должен присутствовать сильный белый рефлекс, а его нет. Именно он мог придать объёма, а не градиент тёмного снизу.

Hitryi_Pryanik Jan 16 2008 at 22:05

p.s. блик на стёклах в примере фотка-иконка перевернули и сделали это зря.

Belgorod Jan 16 2008 at 17:38

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

Zibx Jan 16 2008 at 18:11

Не, окрестности не прозрачные, а строго белые.

UFO landed and left these words here

Hitryi_Pryanik Jan 16 2008 at 22:03

Обычное смешение. Положите белый блик с возрастающей прозрачностью и будет градиент от белого к основному цвету. Или не в этом вопрос?

UFO landed and left these words here

Abaza Jan 16 2008 at 22:54

А почему на этом баннере левостороннее движение? ))

Kerf Jan 16 2008 at 19:10

А глушители где? :))

byrmaster Jan 16 2008 at 23:19

Бляя. Ну вы прям америку открыли

DezmASter Jan 17 2008 at 15:19

~~Бля~~. На хабре не матерятся. ((с) по мотивам)

koaxil Jan 17 2008 at 00:23

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