Заказы временно не принимаются
Чтобы изменить параметры запуска флеш-плеера, нужно его найти на диске C.
Если у Вас установлен только плагин флеша для браузеров, то exe файл находится вот здесь:
C: › Windows › System32 › Macromed › Flash
Если у Вас установлена среда разработки Adobe Flash, то плеер лежит по другому пути:
C: › Program Files › Adobe › Adobe Flash CC 2015 › Player
На дворе 2019 год, но мне внезапно понадобился флеш-плеер. Я его установил с официального сайта Adobe и столкнулся с проблемой: все флешки выглядят размытыми. Потому что у меня большой экран, и для удобства изменён коэффициент масштабирования в Винде. Чтобы это исправить, надо найти ярлык или exe файл флеш-плеера, зайти в его свойства правым кликом, и там изменить режим масштабирования приложения. Как это сделать, читайте в заметке Изменение режима масштабирования старых программ под Windows.
Для компании по ремонту АКПП нарисовал схему проезда с переключателем путей. В данном случае пришлось так поступить, потому что подъезд к объекту сложный, и вариантов слишком много. Стрелочки на вкладках помогают быстрее сориентироваться.
Схема проезда сделана на флеше с анимацией путей. Те, у кого нет флеша, видят статичные картинки, которые можно переключать. Реализовано по старинке, через html map, зато у всех работает. В ходе работы над схемой проезда мы совместно с заказчиком улучшили и саму страницу контактов.
Нарисовал красивую и лаконичную схему проезда с анимацией человечков, автомобилей и трамваев:
Для этой схемы были нарисованы упрощённые машинки, которые хорошо смотрятся в микроразмере:
Четыре направления — четыре машинки. Анимации на поворотах нет, машинка просто «переключается». Как в старинных компьютерных играх.
До автосалона на Кусковской без проблем добирались автомобилисты, а у пешеходов были трудности. Для пешеходов была нарисована вот такая схема проезда, на которой показан путь от метро, подходящие номера маршрутов общественного транспорта и количество остановок до цели:
В раскрасках на ejonok многое сделано вручную. Поэтому хотелось максимально защитить свои труды. Известно, что любой элемент из флеш-приложения можно вытащить (с помощью специальных программ). Также известно, что в интернете воруют обычно то, что плохо лежит. Поэтому эффективно работают самодельные методы защиты, незнакомые потенциальному вору.
Раньше раскраску можно было скачать и запустить на компьютере «как есть», теперь — нельзя. Одна из причин кроется в разделении флешки на две части: оболочка (интерфейс) + подгружаемый рисунок, доступный только в интернете.
Оболочка проверяет адрес своего расположения (ejonok.ru) и загружает рисунок. Если запустить оболочку на своём компе или на другом сайте, мы увидим лишь белый экран.
Саму оболочку можно «распотрошить», вытащить оттуда всю графику (кнопочки, плашечки) и скрипты. Кнопочки вряд ли кому-то нужны (есть готовые клипарты), а вот код полезен, потому что в нём зашиты все секреты. Если код изменить до неузнаваемости обфускатором, то разобраться в нём будет очень тяжело.
▼ Читать дальше
Если вы видели мои схемы проезда, то, наверное, обращали внимание на аккуратные маршруты с анимацией:
В этой заметке я расскажу, как такое делается, но сначала небольшая предыстория.
Однажды меня попросили переделать схему проезда с анимированными путями. Внутри флешки обнаружилась куча полосатых слоёв, все они двигались в различных направлениях (и сильно грузили процессор), а линия пути использовалась как маска для этих слоёв:
Что произойдёт на крутом повороте?
Встретился сегодня такой баннер:
Однажды я делал нечто похожее. Деловой человек встречает 7 чудес света и при этом общается по телефону:
Чудеса света, кстати, векторные. Использована автоматическая трассировка готовых рисунков.
В моём баннере привлекают внимание три движения, в реальности не совместимых друг с другом: 3D-вращение шара, поворот чудес света и ходьба человека.
Очередная карта России с округами. При наведении выводится подсказка, по клику — переход в нужный раздел.
Цвета округов легко меняются (это может сделать сам заказчик). Карта векторная → будет отлично смотреться и в небольшом баннере, и на полном экране.
Стоило мне обмолвиться о схеме проезда на чёрном фоне, буквально сразу же выпала возможность её нарисовать. Сайт imperialtuning.ru выполнен в чёрных тонах, и схема ему соответствует:
Некоторые подписи на схеме не идеально контрастируют с фоном, так как пришлось искать компромисс, чтобы схема хорошо смотрелась и на чёрном фоне сайта, и на белой бумаге в свежераспечатанном виде :)
Красивые двухмерные планы посёлка показывают расположение основных объектов, очерёдность застройки, наличие участков для продажи и многое другое. В данном случае на плане представлены картинки-фотки «как это будет»:
На участки можно наводить или кликать мышкой для получения дополнительной информации. Цвет подсказки совпадает с цветом участка (маркировкой в зависимости от статуса участка):
Трёхмерное вращение логотипа успешно выполнено — посмотреть — и теперь этот элемент используется в шапке сайта, а также в качестве заставки screensaver на офисных компьютерах и планшетах:
Путь до «Металл-ателье» не совсем прост, но нам удалось показать его доступно:
Это прозрачная и контрастная схема — она в равной степени хорошо смотрится и на белом фоне (при распечатывании), и на сайте компании (там бежевый фон).
По желанию заказчика была подготовлена схема в PDF, её можно посылать по почте или печатать в высоком разрешении:
Далее я расскажу и покажу, как создаётся схема.
В конце 2010 года в нашей молодой семье остро встал вопрос о приобретении новой кухни. Бюджет был около 100-150 тыс. рублей. Хотелось каких-то округлых форм, плюс надо было учесть несколько важных нюансов помещения.
Я быстренько набросал схему во флеше:
— после чего осталось подобрать цвет и идти в магазин. Мы выбрали вишнёвый блестящий оттенок.
Когда бюджет скромный, можно сделать простой баннер в стиле сайта с появляющимся текстом:
Сейчас я работаю в том числе над созданием 3D-анимации логотипа ЖБИП:
Наивно полагал, что в новом флеше (CS5) есть инструменты для создания полноценного 3D. Но это не так. По-прежнему сначала нужно создавать трёхмерную модель, например, в 3D-максе, потом сохранять несколько ключевых кадров и отрисовывать их заново во флеше. В этом тоже есть свои преимущества: меньше нагрузка на процессор плюс полный контроль над каждым кадром (будет именно так, как мы нарисуем, а не «как свет ляжет»).
Поиграть с раскрасками можно на сайте «Автодетей».
Во время подготовки новых раскрасок — автокресел — идея сделать их объёмными пришла как бы сама собой. Сразу вспомнились иллюстрации из инструкций к бытовой технике:
А если изобразить автокресло в таком же духе?
Осталось наложить такие чёрно-белые градиенты поверх обычных раскрасок, и нужный эффект будет достигнут (картинки кликабельны):
Горизонтальный скидочный баннер для шапки сайта mosershop.ru:
mk-lider.ru
Если вы играли в NFS или GTA, то вы знаете, что такое бронебойный трамвай :)
Для остальных поясню: его невозможно остановить, притормозить или повредить, поэтому в него лучше не врезаться и не стоять у него на пути. На остальные машины действуют законы физики при столкновении, а для трамвая это реализовать поленились.
Сейчас вы дочитали до этого места в тексте, прошло несколько секунд, а теперь посмотрите на схему и увидите прикол :)
Текст для акции придумала моя сестра, а исполнение — моё:
Размер баннера: 230 на 150 пикселей. Расположение — на исходном сайте в левой колонке. Ссылка передаётся через переменную.
Интерактивная схема посёлка помогает лучше понять расположение участков:
Для сайта Rainbowproduction Co. требовалось сделать красивую карту поставок продукции из других стран.
Карта тянется до любого размера, слайд-шоу увеличивается при наведении курсора:
Для сайта Rainbowproduction Co. сделал заставку на главную страницу: радуга, проявляющаяся слева направо и озаряющая всё вокруг. Фоновая картинка может быть любая, а размер радуги подстраивается под экран.
Весь процесс создания данной анимации занял у меня около часа. На флеше такие вещи делались достаточно просто и быстро: создаёшь анимацию одной звёзды, затем невидимый объект, который сеет звёзды вокруг себя (и подкрашивает их), затем двигаешь его по дуге, повторяющей форму радуги. Одновременно отдельным слоем проявляется нарисованная радуга. Если это делать на чистых html, css, javascript, svg — это займёт намного больше времени. Жаль, что технология macromedia flash уходит в прошлое...
Цветные слои радуги накладываются с интересным эффектом — комбинация Overlay и Multiply в различных соотношениях. Таким образом создаётся впечатление, что над наложением радуги поработал дизайнер:
Сисечный баннер в шапку сайта «Никерманн» под Новый год:
Простой баннер в два кадра:
Здесь использован знакомый всем эффект а-ля PowerPoint, но созданный собственноручно (потому что готовые эффекты сильно увеличивают вес баннера).
Нужно было оживить данный баннер в шапке сайта, не трогая фотографию и текст. Придумал вот такой эффект волн на фоне букв:
Буквы используются в качестве маски слоя для волн. Думаю, этот эффект соответствует неординарному подходу и нестандартным решениям.
Задача: добавить привлекательную анимацию логотипу на сайте. Так как фирма занимается установкой фонтанов, мы с заказчиком придумали, чтобы логотип всплывал из воды. Насколько правдоподобно это получилось - судить вам:
Небольшой горизонтальный баннер 200×80 пикселей:
Простенькая схема или карта месторождений:
Клик по любому активному объекту открывает соответствующий раздел сайта.
Игра проверяет, насколько хорошо вы знаете расположение элементов в таблице Менделеева.
Сыграть можно на сайте xumuk.ru
Сервис «Электронное строение атома» наглядно показывает, что все вещества состоят из одних и тех же частиц, как из деталей конструктора.
Помните сочетания типа 1s²2s²2p³, которых так боятся школьники? :)
Данный сервис помогает понять, как составляются формулы строения атома, и запомнить принцип заполнения орбиталей.
Новое слово в создании схем проезда: можно разворачивать на полный экран, приближать/удалять колёсиком мышки, двигать. Всё это можно делать во флеш-версии схемы. А здесь я выкладываю только видео:
Горизонтальный баннер, соотношение 10 к 1:
Квадратный баннер:
Редактор химических формул для сайта xumuk.ru написан за 20 дней на языке actionscript 2. Первая сырая версия была создана за 5 дней, а дальше мы работали над удобством, воплощая совершенно безумные идеи :) Например, автоматическое прицепление и вращение химических связей, разбивку элементов на самостоятельные части, и даже собственный язык разметки для создания новых элементов.
Если у вас установлен flash player, редактор можно посмотреть на сайте xumuk.ru, если у вас есть вопросы — читайте описание сервиса.
Баннер никуда не ведёт, так как у фирмы нет своего сайта. Поэтому крупно показаны телефоны и адрес. Движение в баннере иногда ставится на паузу: это привлекает дополнительное внимание.
Рядом с логотипом придумали девиз, который надо было как-то обыграть:
В ночь перед 8 марта подготовил подарок друзьям по интернету:
Игра шуточная и очень лёгкая: нужно собрать 5 одуванчиков, двигая смайла мышкой влево-вправо.
Отдельное спасибо группе Балаган Ltd. за музыкальное оформление :)
Выкладываю баннеры для ОФГ «Перспектива». Они динамичные и минималистичные, формат — 200×300 точек:
Данная анимация показывает, что произойдёт с непристёгнутым ребёнком при аварии:
Стиль и персонаж для баннера были взяты из шапки сайта музыкального магазина:
Иван Титов