Plunix (Плюникс) — Блог Вани Титова
Ваня Титов (автор блога)Интересы: веб-разработка, дочка, музыка, конструкторы.

Мои лучшие работы

Проезд к «Автодетям» на ВавиловаПроезд к «Автодетям» на Вавилова
Схемы дачных посёлковСхемы дачных посёлков
Планы посёлков для mobilstroy.ruПланы посёлков для mobilstroy.ru
9 заметок с меткой ‘урок’
16 декабря 2011

3D-вращение во флеше

Сейчас я работаю в том числе над созданием 3D-анимации логотипа ЖБИП:

Наивно полагал, что в новом флеше (CS5) есть инструменты для создания полноценного 3D. Но это не так. По-прежнему сначала нужно создавать трёхмерную модель, например, в 3D-максе, потом сохранять несколько ключевых кадров и отрисовывать их заново во флеше. В этом тоже есть свои преимущества: меньше нагрузка на процессор плюс полный контроль над каждым кадром (будет именно так, как мы нарисуем, а не «как свет ляжет»).

▼ Развернуть

Комментировать
15 декабря 2011

Уточнить край (инструмент фотошопа)

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

Выделяем фон волшебной палочкойВыделяем фон волшебной палочкой

▼ Развернуть

Комментировать
10 декабря 2011

Митинг на Болотной

Был сегодня на митинге вместе с друзьями. Каждый из них пришёл по собственным убеждениям. Нас просто не устраивает мухлёж на выборах и раздражает неадекватная реакция властей.

По нашим оценкам общее количество пришедших на митинг было около 40-50 тысяч человек. Арифметика простая: считаем ноги, делим на два :-) Если люди шарят в графиках, то количество народа прикинуть не проблема.

В новом типе негауссовского распределения (едросовское?) многие разобрались, даже транспаранты на эту тему были (круто!). А вот более сложные графики, показывающие зависимость голосов за ЕР от явки, не всем понятны с первого взгляда:

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

1 комментарий
21 ноября 2011

Постеризация в Фотошопе

Есть различные способы и готовые сервисы по оптимизации изображений PNG-8. Но иногда 256 цветов не хватает:

PNG-8 не устраивает, и dithering явно не спасает положениеPNG-8 не устраивает, и dithering явно не спасает положение

Объём 256-цветного изображения PNG-8 получился около 15 Кб. Если же переключить в полноценный PNG-24, охватывающий все разумные цвета, то объём вырастает до 40 Кб: это многовато.

Объём файла пропорционален количеству цветов в картинке. Ограничить палитру можно с помощью постеризации в фотошопе (Posterize). Задавая разное количество уровней постеризации, можно добиться компромисса между красотой и объёмом файла:

Чем больше уровней, тем больше цветов останется в картинкеЧем больше уровней, тем больше цветов останется в картинке

Вернёмся к нашему изображению:

Меняем настройки постеризации, чтобы уменьшить объём файлаМеняем настройки постеризации, чтобы уменьшить объём файла

10 Кб экономится абсолютно без потерь для восприятия. Чтобы заметить, что тень от пера пошла «ступеньками», нужен хороший монитор и наблюдатель-киборг :)

Комментировать
23 октября 2011

Как создавалась фавиконка для «Автодетей» (часть 2)

Любую фавиконку можно нарисовать в Paint’е: берём лупу ×8 и рисуем точечки, как в мозаике. Но такие удобные инструменты, как наложение градиента, произвольная прозрачность — в Paint’е недоступны. Поэтому лучше использовать фотошоп :)

Вот весь процесс:

ПлашкаГрадиентДве лапы готовыТо, на чём сидит мишкаВот такие рукиПравая лапаРуки готовыГоловаРисуем ременьТень и носикСочный градиентОбводка головыИтоговая версия фавиконки

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

Задача

Нужно заново отрисовать логотип Автодетей —

Мишка на оранжевой плашкеМишка на оранжевой плашке

— в размере 16 на 16 пикселей.

▼ Развернуть

3 комментария
21 октября 2011

Как создавалась фавиконка для «Автодетей» (часть 1)

Как рисовать фавиконку? Покажу на реальном примере.

Старая фавиконка

На старой фавиконке, прослужившей верой и правдой несколько лет, красовались дети: Старая фавиконка (девочка постарше и мальчик помладше). Иконка на момент создания соответствовала тематике сайта.

Старая фавиконка была получена простым уменьшением знака «Осторожно, дети!» до размера 16×16 пикселей и раскрашиванием в фирменные цвета: серый и оранжевый.

Процесс создания предыдущей версии фавиконкиПроцесс создания предыдущей версии фавиконки

▼ Развернуть

Комментировать
4 июня 2007

Мой технический диплом (презентация)

Апдейт. По многочисленным просьбам выкладываю файлы, скачивайте:

Презентация в формате PowerPoint
То же самое в архиве rar

Обычно для фона в презентациях я использую какой-нибудь несложный цветовой градиент. Так было и в моей дипломной работе:

Фон и пример строчек текстаФон и пример строчек текста

Ниже я покажу примеры (реальные слайды из своей работы) и дам несколько полезных советов, как составить презентацию.

▼ Развернуть

Комментировать
3 апреля 2007

Логотип «Меняла»

Сразу оговорка: правильный вариант этого слова — «Меняла» (мужской род). Однако такой домен уже был занят. Это не смутило заказчика, и название было изменено.

Готовый логотипГотовый логотип

▼ Развернуть

Комментировать
13 марта 2006

Задача на растворы (презентация)

Помог своей бывшей школьной учительнице: для открытого урока нужны были презентации в PowerPoint на тему «Растворы». Сделал каждую в виде одного слайда, последовательная анимация переключается пробелом (лучше один раз увидеть, чем читать :)

▼ Развернуть

Комментировать
© Ваня Титов, 2006...2011