Блог: статьи
Как мы придумывали и рисовали талисман Фестиваля 404
Грядущей осенью у нас в Самаре состоится очередной, третий по счету, фестиваль веб-разработчиков, интернет-деятелей, дизайнеров и просто заинтересованных людей. Про сам фестиваль, его историю, организаторов и участников вы можете узнать подробнее здесь, а в этой статье речь пойдет о разработке талисмана для предстоящего важного события.
Как рисовать перекрашиваемые иконки
Что такое перекрашиваемая иконка? Это такая картинка, которой легко поменять цвет, то есть её перекрасить. Есть несколько способов этого добиться. Я расскажу о простой технологии, которую мы использовали когда делали проект Иконза. По сути, это веб-приложение, которое позволяет пользователю менять цвет иконок, а потом генерирует необходимые графические файлы.
Пять причин перейти на новый Illustrator CS4
Все новое и неизведанное манит своей новизной и неизведанностью. Я честно верю, что следующая версия всегда лучше предыдущей. Но есть одна программа, которая буквально каждой версией подрывала мои взгляды на жизнь. Это Adobe Illustrator. Он обрастал бесполезными функциями и, как следствие, новыми ошибками. Так было последние шесть лет. Здесь самое место для небольшой проповеди.
Как нарисовать иконку. Минимизация
Итак, приготовьте лупы, мы продолжаем! После долгих и жарких споров (не волнуйтесь, до применения бластеров не дошло) у нас есть 3 утвержденные иконки размером 64×64.
Оптимизация Adobe Illustrator: разгон до первой космической
Я уже
Как нарисовать иконку. Создание и уничтожение Земли
В прошлый раз мы остановились на том, что отослали Захватчикам наброски, исправленные и доработанные по их замечаниям. Те долго совещались и махали щупальцами. Пока они тянули время, все их Гигантские Кальмары для захвата миров подхватили Космическую Чумку и померли. Все! Вот вам и биотехнологии. Старые и проверенные методы оказались надежнее. Теперь планеты решено захватывать с помощью летающих тарелок с мощными бластерами, как в старые добрые времена.
Поэтому мы решили нарисовать иконку порабощения Земли в первую очередь, пока Захватчики не попереломали свои летающие тарелки.
Конический градиент в Adobe Illustrator. Часть III. Хэпи Енд
В нашем любимом Illustrator’е все-таки можно сделать нормальный конический градиент. Методика это была найдена в виде файла konischer-verlauf.zip с описанием на немецком языке. Уверен, многие из вас уже скачали и досконально изучили его. Настоящая заметка целиком посвящена содержанию этого файла, но на русском языке, а также с уточнением ряда моментов.
Рождение Венеры
Каждый дизайнер должен знать, зачем нужен Google Image Search. В моем личном рейтинге посещаемости сайтов он уверенно входит в верхнюю десятку наряду с LiveJournal и нашим Basecamp’ом. Постоянно приходится искать метафоры для иконок. Или смотреть, как выглядит очередной «садовый секатор». Порою возникает необходимость полюбоваться шедевром мировой художественной культуры!
Конический градиент в Adobe Illustrator. Часть II. Истина где-то рядом
На прошлой неделе я обещал вам рассказать, как правильно нарисовать конический градиент в Adobe Illustrator. За свои слова принято отвечать. Так что делать нечего, придется открыть и этот секрет на примере всё того же компакт-диска.
Для начала устроим зарядку для мозгов. Я дам пару маленьких подсказок, а вы попытаетесь сделать конический градиент своими силами. Если получится, заметку можете не читать — сэкономите время. Итак, подсказки:
- Линейный градиент
- …
- Effects → Warp → …
Ну как, что-нибудь получается? Не очень?
Конический градиент в Adobe Illustrator. Часть I. Ложный след
Однажды беседовали мы о разных возможностях, а также плюсах и минусах векторных редакторов, и Егорчик так с грустью взял и сказал: «а хорошо было бы иметь под рукой конический градиент, как в Corel Draw». На что я интеллигентно так спросил: «ах, зачем он тебе нужен, этот конический градиент?». Долгие годы меня вообще мучил вопрос, зачем вообще может кому-то понадобится эдакая пошлость, как конический градиент. На что Егор так мечтательно ответил: «компакт-диски рисовать очень удобно!».
В силу профессиональной специфики, нам приходится рисовать широкий спектр предметов из повседневной жизни, в том числе и cd. Действительно, создание иконки компакт диска — каждый раз весьма мучительный процесс. Как бы было здорово, взять две окружности вырезать одну из самого центра другой и залить полученный объект коническим градиентом. Звучит заманчиво.
Но все знают, что в Adobe Illustrator возможности рисовать эти конические градиенты нет. Так как же нам нарисовать компакт-диск в Adobe Illustrator? Ну что же, мой любимый внимательный читатель, я надеюсь, ты готов! В качестве подготовки сперва рекомендую прочитать мою заметку «Кристально чистый вектор». Кстати, не забудьте включить Scale Strokes & Effects. Больше напоминать я не буду.
Кристально чистый вектор
Наверняка многие из вас активно используют растровые эффекты Blur и Feather, чтобы делать красивые блики и тени. Всё бы хорошо, но, чтобы растрировать такую картинку в большом разрешении, надо или сразу задавать большое разрешение растровых эффектов, или увеличивать саму картинку в Illustrator’e. Описанные ниже нехитрые приемы помогут вам избежать всей этой возни и создавать современные, красивые и легко масштабируемые иконки, да и не только иконки, не используя растровые эффекты.
Растрирование в Adobe Illustrator 10 и CS
Много камней преткновения попадается на пути терпеливого дизайнера пиктограмм. Некоторые удается обойти, некоторые столкнуть, но обо что-то все равно придется споткнуться. И вопрос «как из большой красивой картинки сделать маленькую красивую картинку — пиктограмму?» находится где-то в верхних строчках хит-парада проблем. Иными словами, как превратить векторную картинку в растровую пиктограмму, не потеряв при этом четкость и различимость изображения?
Категории
- Adobe Illustrator (12)
- Adobe Photoshop (4)
- Basecamp (3)
- iPhone (2)
- Будущее (2)
- Визуальный стиль (4)
- Десктоп (2)
- Дизайн иконок (24)
- Инструментарий (14)
- Книги (3)
- Критика (6)
- Маркетинг (2)
- Мастер-класс (19)
- Обзоры (12)
- Организация работы (3)
- Основы (8)
- Проекты (8)
- Скринкасты (7)
- Турбомилк (3)
- Юзабилити (7)
- Юмор (1)
Популярное
- cookbookПервые впечатления от MacOS, или фон Нейман — он и в Африке фон Нейман
- cookbook10 ошибок в дизайне иконок
- cookbookДизайн в стиле web 2.0
- cookbookКак нарисовать хорошую иконку для Google
- cookbookЧто может быть лучше Basecamp?
- cookbookРаскрываем карты, или почему Windows не MacOS
- cookbookWindows 7: встречаем по одежке
- cookbookНашествие иконок-гигантов
- cookbookКто склевал все хлебные крошки, или почему MacOS не Windows
- cookbookОптимизация Adobe Illustrator: разгон до первой космической


СтатьиКак мы придумывали и рисовали талисман Фестиваля 404zOOm: Ура! Всё-таки сделал майку из представленного принта: http://zoom81.ya.ru/replies.xml?item_no=1271 По ссылке, в моём блоге крики отчаяния на тему создания этой майки и финальный результат.
СтатьиКак мы придумывали и рисовали талисман Фестиваля 404aprel: овесом!
СтатьиКак мы придумывали и рисовали талисман Фестиваля 404ngz: спасибо большое, финального зайца еще бы получить, майка занятная должна получится
СтатьиКак мы придумывали и рисовали талисман Фестиваля 404Алексей Стеньшин: Вот заяц в гигантском размере для принта на майку: http://img2.turbomilk.com/blog/cookbook/rabbit-of-no-luck/zayztz_nesudby_v1.jpg
СтатьиВ поисках альтернативы Basecamp: обзор PBworks Project Editiongoogle.com/accounts/o8…: Ой простите http://teamlab.com. Он кстати абсолютно бесплатный + есть self hosted версия