13 февраля
Заставка с 3D-логотипом
Трёхмерное вращение логотипа успешно выполнено, и теперь этот элемент используется в шапке сайта, а также в качестве заставки (screensaver) на компьютерах заказчика:
Добавить первый комментарий
Занимаюсь веб-разработкой и музыкой.
Химический редактор для XuMuK.ru
Фавиконки (favicon)
Логотип «Перспективы»Трёхмерное вращение логотипа успешно выполнено, и теперь этот элемент используется в шапке сайта, а также в качестве заставки (screensaver) на компьютерах заказчика:
Добавить первый комментарийПуть до «Металл-ателье» не совсем прост, но нам удалось показать его доступно:
Это прозрачная и контрастная схема — она в равной степени хорошо смотрится и на белом фоне (при распечатывании), и на сайте компании (там бежевый фон).
По желанию заказчика была подготовлена схема в PDF, её можно посылать по почте или печатать в высоком разрешении:
Векторная схема проезда в PDFДалее я расскажу и покажу, как создаётся схема.
Добавить первый комментарийВ конце 2010 года в нашей молодой семье остро встал вопрос о приобретении новой кухни. Бюджет был около
Я быстренько набросал схему во флеше:
По клику откроется флеш-версия кухни на весь экран— после чего осталось подобрать цвет и идти в магазин. Мы выбрали вишнёвый блестящий оттенок.
1 комментарийКогда бюджет баннера скромный, можно сделать простой баннер в стиле сайта с появляющимся текстом:
Добавить первый комментарийСейчас я работаю в том числе над созданием 3D-анимации логотипа ЖБИП:
Наивно полагал, что в новом флеше (CS5) есть инструменты для создания полноценного 3D. Но это не так. По-прежнему сначала нужно создавать трёхмерную модель, например, в 3D-максе, потом сохранять несколько ключевых кадров и отрисовывать их заново во флеше. В этом тоже есть свои преимущества: меньше нагрузка на процессор плюс полный контроль над каждым кадром (будет именно так, как мы нарисуем, а не «как свет ляжет»).
Добавить первый комментарийПоиграть с раскрасками можно на сайте «Автодетей» (ищите в низу страницы).
Во время подготовки новых раскрасок — автокресел — идея сделать их объёмными пришла как бы сама собой. Сразу вспомнились иллюстрации из инструкций к бытовой технике:
Пульт не выглядит плоским благодаря градиентной заливкеА если изобразить автокресло в таком же духе?
Фотография слева помогает понять, как направить градиентыОсталось наложить такие чёрно-белые градиенты поверх обычных раскрасок, и нужный эффект будет достигнут (картинки кликабельны):
Горизонтальный скидочный баннер для шапки сайта mosershop.ru:
(В масштабе 50%.)
Добавить первый комментарийЕсли вы играли в NFS U1 или GTA SA, то вы знаете, что такое бронебойный трамвай :) Для остальных поясню: его невозможно остановить, притормозить или повредить, поэтому в него лучше не врезаться и не стоять у него на пути (для остальных машин действуют законы физики при столкновении, а для трамвая это реализовать, видимо, поленились).
Сейчас вы дочитали до этого места в тексте, прошло несколько секунд, а теперь посмотрите на схему и увидите прикол ;)
Добавить первый комментарийТекст к баннеру придумала моя сестра, а исполнение — моё:
Размер баннера: 230 на 150 пикселей. Расположение — на исходном сайте в левой колонке. Ссылка передаётся через переменную.
Добавить первый комментарийДля сайта Rainbowproduction Co. требовалось сделать красивую карту поставок продукции из других стран.
Карта тянется до любого размера, слайд-шоу увеличивается при наведении курсора:
Карта поставок: кликните для просмотра флеш-версииСисечный баннер в шапку сайта «Никерманн» под Новый год:
Добавить первый комментарийПростой баннер в два кадра:
Здесь использован знакомый всем эффект а-ля PowerPoint, но созданный собственноручно (потому что готовые эффекты сильно увеличивают вес баннера).
Добавить первый комментарийКак оживить «шапку» сайта, не затронув основную фотографию и текст?
Эффект волн вполне соответствует «неординарному подходу» и «нестандартным решениям».
Добавить первый комментарийВ шапке сайта нужно было добавить логотипу какой-нибудь прикольный эффект.
(Повтор по наведению.)
Добавить первый комментарийНебольшой горизонтальный баннер 200×80 пикселей:
Добавить первый комментарийПростенькая схема (карта) месторождений:
Клик по любому активному объекту открывает соответствующий раздел сайта.
Добавить первый комментарийИгра проверяет, насколько хорошо вы знаете расположение элементов в таблице Менделеева.
Сыграть можно на сайте xumuk.ru.
Нужно кликнуть по иттриюЗа время игры (2 минуты) нужно успеть дать как можно больше правильных ответов. На каждом ходу крупно показывается название элемента, после чего нужно кликнуть по нему в таблице (подсказка с названием элемента остаётся вверху).
Добавить первый комментарийЧтобы увидеть красоту, откройте полноэкранную версию, а потом подвиньте красную букву Е до нужного уровня, или покрутите колёсиком, или введите название элемента:
Строение атома: кликните для просмотра полной версии на флешеНовое слово в создании схем проезда: можно разворачивать на фуллскрин, приближать/удалять колёсиком мышки, двигать.
Добавить первый комментарийГоризонтальный баннер (соотношение 10 к 1):
Квадратный баннер:
Добавить первый комментарийСмотрим (на xumuk.ru):
редактор химических формул и описание сервиса.
Химический редактор (включена сетка)Баннер никуда не ведёт, так как у фирмы не было своего сайта. Поэтому крупно показаны телефоны и адрес. Всё это имеет смысл, если баннер заведомо располагается на подходящем сайте (например, этот баннер находился в шапке сайта района Строгино).
Движение в баннере иногда как будто ставится на «паузу»: это привлекает дополнительное внимание.
Добавить первый комментарийРядом с логотипом придумали девиз, который надо было как-то обыграть:
(повтор по наведению)
Добавить первый комментарийВыкладываю баннеры для ОФГ «Перспектива». Они динамичные и минималистичные, формат — 200×300 точек:
Первый баннер, только в формате 260×160 точек:
Если будет продолжение серии, выложу сюда же.
Добавить первый комментарийДанная флешка показывает, что произойдёт с непристёгнутым ребёнком при аварии:
А вот и полноэкранная версия краш-теста.
Добавить первый комментарийСтиль и персонаж были взяты из шапки сайта:
Шапка сайта La Guitarra