26 заметок с меткой нарисовал
📅 11 октября 2015

Красивые обзорные карты расположения посёлков

На сайте компании коттеджных посёлков мы провели такой АБ-тест:
Что лучше изобразить в верхней части страницы посёлка?

Фотогалерею или вот такую обзорную схему посёлка? Идея была в том, что на схеме сразу показано примерное расположение объекта, окружающая инфраструктура — ж/д станции, ближайшие города. Чтобы посетитель сайта сразу понимал, что к чему. Но посетитель оказался не готов к такому повороту событий 😃 Ведь гораздо проще и милее сердцу — живые фотографии из посёлков. А вот эти красивые схемы переехали на вкладку «Окружение». А в дальнейшем их заменили на Яндекс.Карты.

Схемы посёлков сохраняю для истории:

  • Карта коттеджного посёлка КлассикаКарта коттеджного посёлка Классика

Я рисую красивые схемы проезда, карты и другую инфографику. Обращайтесь через раздел Контакты.

📅 3 апреля 2015

Схема коттеджного посёлка

Иллюстрация показывает преимущества организованного посёлка.

▼ Читать дальше

📅 9 июля 2014

Контурное изображение приборов

Приборы для сайта производителя электроники:

Блоки питания и трансБлоки питания и транс

Кстати, для ретино-подобных дисплеев желательно делать изображения с запасом по размеру. Например, у картинки шириной 400 пикселей выставляем принудительную ширину 300, в итоге картинка выглядит чётче. Пользователи iPhone или Mac заметят разницу по сравнению с верхним изображением:

width:75%width:75%
width:50%width:50%
📅 15 декабря 2013

Схема проезда для автосалона на шоссе Энтузиастов

Нарисовал красивую и лаконичную схему проезда с анимацией человечков, автомобилей и трамваев:

Большая картинка

Схема проезда для автосалонаСхема проезда для автосалона

Для этой схемы были нарисованы упрощённые машинки, которые хорошо смотрятся в микроразмере:

Машинки для схемыМашинки для схемы

Четыре направления — четыре машинки. Анимации на поворотах нет, машинка просто «переключается». Как в старинных компьютерных играх.

📅 11 декабря 2013

Павильоны вднх в 3D

Для ресторана Дружба народов рисовал схему ВДНХ, но не дорисовал. Выкладываю некоторые павильоны в PNG на прозрачном фоне, может, кому пригодится:

Павильоны ВДНХ 69, 70, 75Павильоны ВДНХ 69, 70, 75
Павильон ВДНХ номер 69Павильон ВДНХ номер 69
Павильон ВДНХ номер 70Павильон ВДНХ номер 70
Павильон ВДНХ номер 75Павильон ВДНХ номер 75
Центральный павильонЦентральный павильон
Главный вход ВДНХГлавный вход ВДНХ
📅 11 марта 2013

Самый мелкий шрифт

При каком самом минимальном размере шрифта
буквы русского алфавита всё ещё распознаются?

  • 13px: Муха села на варенье, вот и всё стихотворенье.
  • 9px: Муха села на варенье, вот и всё стихотворенье.
  • 6px: Муха села на варенье, вот и всё стихотворенье.
  • 5px: Муха села на варенье, вот и всё стихотворенье.

Слова, набранные мелким шрифтом, угадываются по буквам простой формы: У, О, Т...

Посмотрим поближе на пятипиксельный шрифт:

Буквы У и О вполне читабельныБуквы У и О вполне читабельны

Итак, первая прикидка показала, что 4 пикселей по высоте достаточно, чтобы с трудом, но всё-таки прочитать русский текст.
Откуда 4 пикселя? → 3 пикселя + выносной элемент (1 пиксель) у таких букв, как Р, У, Ь...

▼ Читать дальше

📅 21 июля 2012

Как нарисовать микрошрифт

Микрошрифт не предназначен для чтения, но иногда нужен для иконок или пиктограмм.

Микротаблица МенделееваМикротаблица Менделеева

▼ Читать дальше

📅 23 октября 2011

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

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

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

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

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

Задача

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

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

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

▼ Читать дальше

📅 1 октября 2011

Орнамент с помощью циркуля

Однажды в детстве я листал мамин школьный альбом по рисованию. И поразился очень красивым узорам в кругах. Оказалось, что они нарисованы при помощи циркуля. Сначала легонько рисуются лепестки (сколько нужно), а потом это обводится фломастерами или красками. Маминого альбома сейчас уже не найти, есть только мои детские рисунки на эту тему (отсканил):

Круговой орнамент (1)Круговой орнамент (1)
Круговой орнамент (2)Круговой орнамент (2)

Как рисовать циркулем?

Вот простая пошаговая инструкция:

  • Рисуем окружностьРисуем окружность

▼ Читать дальше

📅 16 декабря 2010

Сайт и форум «Строгинет»

strogi.net

Главная достопримечательность нового дизайна — это пиксельный рисунок района Строгино:

Главная страница портала «Строгинет»Главная страница портала «Строгинет»

▼ Читать дальше

📅 31 марта 2010

Иконки для форума «Строгинет»

Весь набор иконокВесь набор иконок

У каждого раздела форума теперь есть своя запоминающаяся иконка.

📅 4 ноября 2009

Химические реактивы

Простой одностраничный сайт:

На главной и единственной странице перечислено всё, что нужноНа главной и единственной странице перечислено всё, что нужно

▼ Читать дальше

📅 8 марта 2008

Флеш-открытка на 8 марта

В ночь перед 8 марта подготовил подарок друзьям по интернету:

Игра шуточная и очень лёгкая: нужно собрать 5 одуванчиков, двигая смайла мышкой влево-вправо.

Отдельное спасибо группе Балаган Ltd. за музыкальное оформление :)

📅 19 февраля 2008

Кегли 3D для «Диаклаба»

Кегли расположились в шапке сайта «Диаклаба».

Слегка дофотошопленные кеглиСлегка дофотошопленные кегли

Это мой первый опыт в программе трёхмерной разработки.

▼ Читать дальше

📅 5 октября 2006

Отправка СМС

Попробовал перепрошить свой старенький C45, заменив некоторые картинки на свои. Вот такую сделал анимацию отправки SMS-ки:

Бежит ёжик с сообщением по полю 😃Бежит ёжик с сообщением по полю 😃

Один раз мне удалось увидеть эту анимацию. А потом телефон «умер». Хорошо, что я сделал бэкап перед прошивкой!

📅 26 декабря 2005

Приколы над преподами

Итак, в локальной сети общежития обнаруживается фотография препода (желательно такого, которого побаиваются студенты). Один из студентов немного разбирается в фотошопе. Результат? :)

▼ Читать дальше

📅 29 апреля 2004

Сигарета и роза

Получилось симпатично, но смысл циничныйПолучилось симпатично, но смысл циничный
📅 5 апреля 2004

Зайка

Так приятно немножко проспать учёбу, видя любимую девушку во сне...

Срисовывал с открыткиСрисовывал с открытки
📅 15 марта 2004

Утро туманное

Сегодня я последний день решил пропустить учёбу... Мы с ребятами будем делать перестановку в комнате, т.к. появился третий комп, а ставить его некуда. Будет, как в интернет-клубе, три компа в ряд... 😃

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

Такое вот позитивное у меня получилось солнцеТакое вот позитивное у меня получилось солнце

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

📅 19 февраля 2004

Наш админ Burst

Незаменимый админ «единички»:

Фейковое удостоверение Николая aka BurstФейковое удостоверение Николая aka Burst
📅 21 января 2004

Пересдача по ТФКП

Сижу, готовлюсь к пересдаче по ТФКП:

Конформное отображениеКонформное отображение
Функция ЖуковскогоФункция Жуковского
Обратная функция ЖуковскогоОбратная функция Жуковского

Апдейт. Не сдал. Перевожусь в другой ВУЗ, пока в поисках.

📅 3 июня 2003

Секреты

Путём комбинации эффектов фотошопа получилось такое вот сердцеПутём комбинации эффектов фотошопа получилось такое вот сердце

Можно ещё вот так:

Добавим ещё десяток манипуляций с эффектамиДобавим ещё десяток манипуляций с эффектами
📅 10 марта 2003

Ещё картинка

Думал, что dove переводится примерно как мягкий, нежный, а оказалось...
1) голубь
2) милый
3) сторонник мирного урегулирования вопроса 😃

DoveDove
📅 10 марта 2003

Закат

Закат на планете наших желаний (как-то так)Закат на планете наших желаний (как-то так)
📅 11 октября 2002

Чудик

ЧудикЧудик
📅 4 июля 1998

Собака в Paint’e

Собака, нарисованная кривыми в MS PaintСобака, нарисованная кривыми в MS Paint

▼ Читать дальше

Иван ТитовИван Титов
Веб-дизайнер,
разработчик
★ Москва
© 2004 – 2019