Turbomilk

Турбомилкеры очень любят сервис Twitter и большинство из нас радостно пишут туда глубокомысленные жизненные замечания. Когда возникла необходимость поделиться этим с твиттеръюзерами из других стран — мы разработали свой удобный сервис, который будет переводить твитты с русского языка на любой другой (языки в ассортименте) и автоматически постить в Twitter.

Читать далее

Твиттер @turbomilk один из самых популярных корпоративных твиттеров России (почти полторы тысячи фоловеров). Пароли от нашего твиттера есть у каждого работника. Правда, пишут всего несколько человек, но так получилось, что большую часть записываю именно я. Более чем за год наблюдений и опытов на людях у меня набралось некоторое количество немудреных приёмчиков, как сделать твиттер интереснее и популярнее.

Читать далее

Не так давно в Самаре прошла конференция веб-разработчиков 404 на которой я делал доклад о секретах продвижения Турбомилка в интернете. Скромность — это модно, но не практично. Мало сделать что-то крутое, про это нужно интересно рассказать, причем, нужным людям.

Читать далее

Что такое перекрашиваемая иконка? Это такая картинка, которой легко поменять цвет, то есть её перекрасить. Есть несколько способов этого добиться. Я расскажу о простой технологии, которую мы использовали когда делали проект Иконза. По сути, это веб-приложение, которое позволяет пользователю менять цвет иконок, а потом генерирует необходимые графические файлы.

Читать далее

Вы не поверите, но в 85-м году компания Apple в своем руководстве для разработчиков прямо призывала всегда, когда это возможно, стараться заменять надписи пиктограммами. Якобы пиктограммы понятнее начинающему пользователю, чем слова. Конечно, это полная чепуха. Словами намного проще высказать почти любую идею.

Читать далее

Итак, приготовьте лупы, мы продолжаем! После долгих и жарких споров (не волнуйтесь, до применения бластеров не дошло) у нас есть 3 утвержденные иконки размером 64×64.

Читать далее

Не так давно мы ругали новую иконку сайта Google с буквой g и называли её плохой. Но ругать чужое — не сложно! А какая иконка была бы хорошей? Мы решили ответить на этот вопрос: взяли четырех дизайнеров и заставили их нарисовать хорошую favicon для Google. Такой подход у нас называется — работа по схеме «долбаный креативный бутик». В итоге получились увлекательные истории, которые описывают четыре разных решения этой задачи.

Читать далее

В прошлый раз мы остановились на том, что отослали Захватчикам наброски, исправленные и доработанные по их замечаниям. Те долго совещались и махали щупальцами. Пока они тянули время, все их Гигантские Кальмары для захвата миров подхватили Космическую Чумку и померли. Все! Вот вам и биотехнологии. Старые и проверенные методы оказались надежнее. Теперь планеты решено захватывать с помощью летающих тарелок с мощными бластерами, как в старые добрые времена.

Поэтому мы решили нарисовать иконку порабощения Земли в первую очередь, пока Захватчики не попереломали свои летающие тарелки.

Читать далее

Радуйтесь и танцуйте, юные любители цифровой миниатюры! Праздник пришел в ваши дома. Турбомилк в лице меня начинает серию заметок о том, как же мы рисуем иконки: от получения задания и предоплаты до отправления финальных файлов заказчику. Евгений Арцебасов — наш иллюстратор — любезно согласился ассистировать мне в качестве художника-оформителя.

Читать далее

Прошлой осенью мне довелось выступать с небольшим докладом на конференции, организованной RusCHI и 1С в рамках празднования Всемирного дня юзабилити. Я говорил о конструировании языка пиктограмм пользовательского интерфейса. Руководствуясь принципом «лучше поздно, чем никогда», я предлагаю вашему вниманию тот же самый рассказ в виде текста с иллюстрациями.

Читать далее

В нашем любимом Illustrator’е все-таки можно сделать нормальный конический градиент. Методика это была найдена в виде файла konischer-verlauf.zip с описанием на немецком языке. Уверен, многие из вас уже скачали и досконально изучили его. Настоящая заметка целиком посвящена содержанию этого файла, но на русском языке, а также с уточнением ряда моментов.

Читать далее

Вспомним операционные системы прошлого века — куча Windows до 2000, Mac OS до 9-ой версии. Все они поддерживали только однобитную прозрачность для иконок. К счастью, прогресс не стоит на месте — современные операционные системы используют уже восьмибитную прозрачность. Однако ради обратной совместимости Microsoft рекомендовала включать в состав иконкок для Windows XP варианты картинок и с однобитной прозрачностью. Со временем возня со сведением современной восьмибитной прозрачности к однобитной обрела в среде дизайнеров-иконочников романтическое название — обрезание краев. Именно об этой возне пойдет сегодня речь…

Читать далее

На прошлой неделе я обещал вам рассказать, как правильно нарисовать конический градиент в Adobe Illustrator. За свои слова принято отвечать. Так что делать нечего, придется открыть и этот секрет на примере всё того же компакт-диска.

Для начала устроим зарядку для мозгов. Я дам пару маленьких подсказок, а вы попытаетесь сделать конический градиент своими силами. Если получится, заметку можете не читать — сэкономите время. Итак, подсказки:

1. Линейный градиент
2. …
3. Effects → Warp → …

Ну как, что-нибудь получается? Не очень?

Читать далее

Однажды беседовали мы о разных возможностях, а также плюсах и минусах векторных редакторов, и Егорчик так с грустью взял и сказал: «а хорошо было бы иметь под рукой конический градиент, как в Corel Draw». На что я интеллигентно так спросил: «ах, зачем он тебе нужен, этот конический градиент?». Долгие годы меня вообще мучил вопрос, зачем вообще может кому-то понадобится эдакая пошлость, как конический градиент. На что Егор так мечтательно ответил: «компакт-диски рисовать очень удобно!».

В силу профессиональной специфики, нам приходится рисовать широкий спектр предметов из повседневной жизни, в том числе и cd. Действительно, создание иконки компакт диска — каждый раз весьма мучительный процесс. Как бы было здорово, взять две окружности вырезать одну из самого центра другой и залить полученный объект коническим градиентом. Звучит заманчиво.

Но все знают, что в Adobe Illustrator возможности рисовать эти конические градиенты нет. Так как же нам нарисовать компакт-диск в Adobe Illustrator? Ну что же, мой любимый внимательный читатель, я надеюсь, ты готов! В качестве подготовки сперва рекомендую прочитать мою заметку «Кристально чистый вектор». Кстати, не забудьте включить Scale Strokes & Effects. Больше напоминать я не буду.

Читать далее

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

Многие из вас наверняка пытаются заботиться о своем здоровье и заказывают в офис чистую питьевую, возможно даже йодированную воду в больших 19-литровых бутылках. Бутылки эти, несмотря на все ухищрения в дизайне диспенсеров, зрелище в целом угнетающее и отталкивающие. А ведь всё в ваших руках!

Читать далее

Наверняка многие из вас активно используют растровые эффекты Blur и Feather, чтобы делать красивые блики и тени. Всё бы хорошо, но, чтобы растрировать такую картинку в большом разрешении, надо или сразу задавать большое разрешение растровых эффектов, или увеличивать саму картинку в Illustrator’e. Описанные ниже нехитрые приемы помогут вам избежать всей этой возни и создавать современные, красивые и легко масштабируемые иконки, да и не только иконки, не используя растровые эффекты.

Читать далее

Много камней преткновения попадается на пути терпеливого дизайнера пиктограмм. Некоторые удается обойти, некоторые столкнуть, но обо что-то все равно придется споткнуться. И вопрос «как из большой красивой картинки сделать маленькую красивую картинку — пиктограмму?» находится где-то в верхних строчках хит-парада проблем. Иными словами, как превратить векторную картинку в растровую пиктограмму, не потеряв при этом четкость и различимость изображения?

Читать далее