Вчера мне пришло сообщение о том, что заказанный полгода назад аккаунт на Aviary активирован. Теперь можно начинать тестировать онлайновый фотошоп в действии (см. старую демку) и более того — у меня есть 5 уже 4 приглашения, которые я могу отдать желающим.
Картинка, созданная в графическом онлайн-редакторе Aviary Phoenix (и еще примеры):
Не следует забывать, что Aviary — не только онлайн редактор, но и сообщество всегда голодных фотожабберов, которые могут любую, созданную в Авиари картинку, взять, модифицировать и сохранить, и с ней затем может случиться то же самое. Авиари поддерживает версии, строит по картинкам палитры и делает множество других продвинутых вещей. Кроме графического редактора Aviary Phoenix, есть еще редактор паттернов (или текстур) Aviary Peacock. Сами онлайн-редакторы изготовлены на Flex. Неплохо так изготовлены.
На сайте Дежурка.ру иногда выкладывают интересные статьи про флэш и веб-дизайн. Так, совсем недавно мы писали о конкурсе «Russian Flash Awards 2008» (RFA), а на Дежурке в статье «40 лучших флэш-проектов рунета» вы найдете обзор всех работ, вышедших в финал этого конкурса — в каждой из номинаций. Кстати, а начинающим флешерам будет полезна статья «Обзор флэш прелоадеров», в которой содержится большая подборка решений для загрузчиков. Приятного просмотра =)
Геннадий Уханов создал качественную руссифицированную версию популярного пиксельного шрифта STANDARD_07_57. Этот шрифт стоимостью всего в 10 WMZ пригодится каждому дизайнеру, который ценит свое время — ведь самостоятельное воссоздание такого шрифта обойдется значительно дороже!
Рис. 1. Использование шрифта STANDARD_07_57 на сайте FWA (мечта перфекциониста):
Насколько мне известно, многие флэш-разработчики локализовали удачные пиксельные шрифты для собственного использования. Было бы замечательно объединить их в один пакет кириллических пиксельных шрифтов — не пропадать же добру!
Наконец-то. Кто-то будет писать не только о бесконечных дебагах, К-мерных движках и глобальнотехнологических мегастратегиях!
Валерия "Lerika" Маллаева из Донецка (на UAPFUG-1 я имел радость познакомиться с ней и еще несколькими разработчиками из того же города) открыла блог про анимацию во Flash. Вот о чем она пишет: "movie clip vs graphic", "об исходниках", "маленькое кино в большом городе - 2008".
Кстати, а что мы вообще знаем об анимационных ресурсах и форумах рунета? Есть что-то новое или хорошо упрятанное старое? А то я как-то совсем начал упускать из виду эту фундаменальную сторону флэша.
Если бы Тема Лебедев занимался флэш-программированием, он бы порадовался этому приложению для тонкой настройки антиалиасинга шрифтов (с исходным кодом) и накатал бы еще один замечательный параграф об экранной типографике.
Но поскольку Тема занимается каким-то дизайном (что это?), то придется нам разбираться с тонкостями антиалиасинга надписей самостоятельно.
Как вы знаете, во Flash Player 8 появилась возможность задать текстовому полю специальный режим анти-алиасинга, "advanced". В этом режиме у текстового поля появляются три новых свойства: sharpness, thickness и gridFitType (Dan, спасибо за уточнение).
sharpness
thickness
gridFitType
А с выходом Flex 2 эти свойства дали начало новым CSS-стилям: fontSharpness, fontThickness и fontGridFitType — таким образом, флекс-разработчики могут контролировать эти параметры через обычный CSS-код.
fontSharpness
fontThickness
fontGridFitType
Играя этими свойствами, можно добиться самых разных, порой неожиданных надписей. Попробуйте: продвинутая настройка свойств сглаживания для флэш-шрифтов. Демка очень наглядная и ее можно смело заносить в свой инструментарий, как и исходники над ней.
Продолжение предыдущего поста о выходе PopFly—уменьшаю количество буков.
Создаю HTML-страницу: Create Stuff > Web Page. Попадаю в редактор, напоминающий урезанный MS Word из Office 2007, с открытой заготовкой документа. Предлагаемый по умолчанию дизайн страницы... гм... не будем об этом (но внизу уже красуется надпись "All rights reserved". Ведь мировой Вася Пупкин за свои права до сих пор волнуется). Впрочем, есть широкий выбор тем в духе поздних 90-х, стилей, цветов и шрифтов. Как же вставить Машап в страницу? Нужно чтобы он был зашарен. Иду в свои "проекты" и там — ураНаконецТо( правда ): тишина(0); — возле каждого из своих творений вижу "Share". Жму ее, появляется кнопка "Mash Out", а в ней—"Embed", "Download..." и стратегическая "Share on Facebook".
ураНаконецТо( правда ): тишина(0);
Делаю embed (используют iframe): (Сорри. Silverlight-содержимое пришлось переместить под кат (в комментарии), потому что:
Я не знаю че ты сделал, но у меня какой PopFly в Safari на маке каждые 10 секунд алерты выкидывает. скрой пост под каттом плиз, читать блог не возможно—Nirth.
Навеяно интерфейсом PopFly: похоже, слухи о мега-производительности Silverlight слегка преувеличены. Да, есть анимации (часто одиночные) что выглядят глаже, чем аналогичные во флэше.
UPD: Сравниваем с конкурентом (спасибо за ссылку, Валентин).
UPD2: Самое вкусное: PopFly создан командой SharePoint. Это означает вот такие до боли (и это не шутка) знакомые многим веб-дизайнерам части исходного кода в моей первой странице:
<span id="ctl00_ctl00_cphHeader_cphToolbar_projectRating_TotalProjectRating" class="ratingControl savedRating"></span>
По дизайнерской части. Почти одновременно в главной студии дизайна:
Высший пилотаж дизайнерской самоиронии, а может просто синхронистичность.
На MAX 2007 Майк Дауни представил нового сотрудника Шаи Авидана, одного из создателей технологии iSeam Image Application (вместе с Ариэлем Шамиром). Она умеет растягивать и сжимать фото, сохраняя не только качество, но и важные детали и их пропорции. Берете фото парня на велике. Растягиваете по горизонтали традиционным образом—картинка искажается. А растягиваете методом iSeam—все "вроде бы" остается на местах. Другой пример—удаление объектов. Почистить картинку от лодки не сотавляет никакого труда. Из кучи ботинок выбросить несколько—автоматика. Эти примеры были показаны вживую, зал стоял на ушах.
Но лучше один раз увидеть. Вот технология еще до ее покупки Adobe'ом:
Вот уже презентация на Adobe MAX 2007:
А можно сразу попробовать rsizr.com — живое флэш-приложение (BlooDHounD™ и zz™, спасибо за ссылки) (вот простой пример работы—из ранних.
Вышел уже и плагин Liquid Resize к Gimp. Работает пока медленно и бывают искажения. Пример работы.
При обработке картинки по технологии iSeam изменяются малозначимые для глаза области, подобно тому, как в mp3 при сжатии звука вырезаются "неслышимые" звуки (тихие после громких и т.п.). Как это происходит—хорошо видно на первом видео: картинка "сканируется" и определяется энергия каждой области. Области с низкой энергией становятся малозначимыми и будут трансформироваться первыми. Также в iSeam можно явно указать важные "неприкасаемые" области, или наоборот малозначимые—те, что "пострадают" в первую очередь. Дебианщик уже писал об этой технологии, не поленившись перевести часть оригинальной статьи (20 Мб, формулы).
И теперь этой техологией овладевает Adobe.
utkin™ в комментариях к предыдущей записи дал ссылку на целый генератор анимированных GIF-прелоадеров для AJAX-приложений, за что ему отдельное спасибо.
Здесь к месту придется и вот этот конвертер иконок для сайта. Тех самых favicon.icо, сделать которые в Photoshop почему-то до сих пор невозможно. А тут из исходной картинки вам запросто сделают иконку 16x16, и главное — в том самом неподвластном фотошопу .ico-формате.
Вот добрый человек озаботился и вывесил одним длиннющим полотенцем самые безумные тесты Тьюринга (CAPTCHA): от случаев с прямым посылом до вариантов со сложными мат-формулами. Математическими в смысле формулами. Просто линия фронта, авангард капчестроения. Кстати, судьба Тьюринга как повод призадуматься.
Кстати, продолжая тему полотенец коллекций. Вот - набор из 1000 (тысячи) актуальных, бесплатных качественных иконок от famfamfam.com, называется Silk Icons.
Хотел еще до кучи добавить ссылку на страницу со всевозможными анимированными прелодерами, да где-то затерялась. Кто помнит?
Sukebe™ помнит: анимированные GIF-ки, чтобы делать вид занятого сайта, AJAX Activity indicators. Спасибо, Sukebe!
Нокс опубликовал статью. Фундаментальную, к прочтению обязательную, как новичками, так и бывалыми (а че, себя проверить!): Джентльменский набор флэш-разработчика от Nox Noctis!.
Что такое sIFR и как счастливы испольующие его дизайнеры уже не раз написано по-русски. Если коротко -- сИФР позволяет отображать на любом сайте любой шрифт, используя грамотно прописанные флэш-вставки.
Сегодня вышла альфа третьей версии сИФРа, автор приглашает скачать и поучаствовать в тестировании.
Используя Flash JSAPI, Patrick Mineault разработал набор инструментов для точного пиксельного рисования. В набор вошли три инструмента: Pixel Line, Pixel Rectangle и Pixel Freehand.
После установки эти инструменты можно найти в следующих местах: "Pixel Line" в группе "Line Tool", "Pixel Rectangle" в группе "Rectangle tool" и "Pixel Freehand" в группе "Pencil Tool". Все эти инструменты рисуют только заливки, обходясь без контуров.
Скачать Pixel tools (MXP).
//Via Arul
На сайте Натальи Бакай используется неплохой навигационный эффект. Не будем его описывать -- это лучше увидеть, скажем только, что возникающее ощущение пространства весьма радует вестибулярный аппарат. По идее, на подобном эффекте можно построить целый трансовый движок.
Особо радует тот факт, что данная работа принадлежит одному из посетителей сайта Ф. Потрошителя, gas. Мы обнаружили ссылку нa портфолио студии WorkRocks в его подписи в комментариях к одной из последних записей сайта Ф. Потрошителя. Хорошая работа, земляки :)
Marcos Weskamp недавно участвовал в разработке сайта с весьма подвижной системой навигации, -- она реорганизуется каждый раз, когда вы выбираете некий пункт или изменяеете размер окна. Это действительно хороший пример взаимодействия интерфейса с событием Stage.onResize(). Попробуйте изменять размер окна броузера при просмотре -- вы увидите, как это работает. // via Colin Moock
Stage.onResize()
Весьма интересные результаты демонстрирует конкурс, проведенный Майком Чэмберсом. Можно соглашаться или не соглашаться с окончательным решением жюри, но следует признать, что на конкурс было прислано множество интересных, идейных работ. Победители конкурса на лучшие обои рабочего стола для Macromedia Central.
Пару дней назад мы сообщали о конкурсе на лучшие обои для рабочего стола на тему "Macromedia Central". И решили решили принять в нем участие. Вот две работы для конкурса в разрешении 1024x768 (жмите картинку, чтобы скачать в полном размере):
Ваши работы еще принимаются. Участвуйте и побеждайте!
Великолепная работа. Тут и говорить ничего не надо -- води себе мышом по флэшу и смотри на принципы графического дизайна. Можно использовать как микро-справочник!
Все чаще и чаще на сайтах, использующих флэш-заставки, можно увидеть кнопку "Пропустить интро". И даже более того -- интро может не показываться по умолчанию, но на главной странице сайта будет ссылка "Показать интро".
Причины этого очевидны: ведь в определенный момент (который, можно надеяться, уже в прошлом) на многих сайтах появились однообразные заставки, довольно быстро приевшиеся (о причинах этого можно говорить много, назовем из них только частый непрофессионализм или нетворческий подход их создателей (с одной стороны) и повышающиеся требования пользователей (с другой)). Возникла ответная реакция посетителей: заставки стали не столь любимы. И сейчас мы имеем ситуацию, описанную в первом абзаце.
Можно пойти еще дальше (что уже сделано на некоторых сайтах) по пути повышения удобства сайта с учетом интересов "интро-ненавистников". Если без заставки никак не обойтись (нечастый случай, но тем не менее), стоит к кнопке "Пропустить интро" добавить еще одну: "Пропускать всегда" (такой вариант предполагает, что посетитель придет на сайт не однажды, а это одна из главных целей разработчиков).
Многих вам постетителей!
У меня нет слов //via Sergi
Задача такова: нужно программно нарисовать фигуру с отверстием. Простейший способ сделать это предлагает Эрик Долецки, {www.ericd.ned}:
Заливка поверх заливки — и получается заливка с дырочкой..
На этом сайте разработчики применили оригинальный курсор для мышки. Перемещение указателя по экрану вызывает тактильные ощущения. Попробуйте!
В данный момент редакция лаборатории Ф. Потрошителя готовит к выпуску первую статью для нового раздела статей, открывающегося в скором времени на сайте Ф. Потрошителя. Раздел будет называться "Верстка". Цель существования раздела — распространение эффективных методов составления html-документов, т.н. DIV+CSS (не-табличная) верстка, и DHTML. Вы можете ознакомиться с черновым вариантом статьи "CSS — Выпадающие подсказки". Перевод с английского — rooc (Спасибо!). Приятного чтения!
На сайте "Дикий плющ" есть короткая и простая статья с иллюстрациями; статья наглядно демонстрирует, как значение Alpha=0%, примененное к клипу, влияет на производительность. Сайт, "Дикий плющ" видимо, еще сравнительно молодой, и полезная статья — хорошее начало хорошего дела :) "Читать!
Очень качественная работа, минимум флэша, но все в точку. Это хороший пример использования Flash в качестве упаковки для высокоэстетического содержимого :) — поэтому картинку здесь приводить не будем, чтобы не лишать вас приятного сюрприза: смотрите сами на www.offbias.ru!
Чувствуете в себе дизайнерскую силу? Тогда это как раз для вас. Создать логотип, который всегда будет означать "Что такое Flash?" Конкурс стартовал 2 января 2003 года, а завершится 2 Февраля 2003. Победитель определяется голосованием. Кроме того, что победившее лого станет официальным лого сайта WhatIsFlash.com, победитель также получает книжку "Flash MX Most Wanted Components", очевидно, весьма и весьма полезную :)
Именно в виде этого вопроса звучит тема фестиваля "OFFF03" [Online Flash Film Festival, проходит в третий раз]. Ответы на этот вопрос принимаются в виде Flash-клипов на сайте www.offf.org. Лучшие ответы вознаграждаются призами, среди которых — весьма необычный приз в виде оплачиваемой поездки на фестиваль и оплачиваемого проживания там же. Хотите в Барселону просто так? Кстати, полный состав призов еще неизвестен, среди спонсоров — Diesel). Но ближе к теме:
Тема: в каждом из нас живет супергерой, который кормится нашим ежедневным опытом, даже если мы не подозреваем об этом :) Этот супергерой живет в другом мире, мире, построенном на мечтах, желаниях и воображении. Этот личный супергерой — это мостик между миром обыденным, ограниченным человеческими соображениями, и миром иным, где фантазии безграничны, как вселенная :) //via chibis [ www.fanatik.ru ]
OFFF03 призывает: попытайся воссоздать такое состояние, пользуясь визуальными и аудиосредствами. Возможно, это будет бегство к самому детству, где воображение не было ограниченным; преобразуй идею в творческий процесс, не ограничивая себя ничем!
Цель фестиваля — дать площадку для представления лучших артистов аудио-визуального жанра, чтобы можно было увидеть саму суть творческого процесса; схватить безграничное вдохновение за самые интимные места, увидеть, как внутри творца, через его индивидуальную интерпретацию зарождается безграничная мечта и как она вырастает в завершенное творение.
Это ли не интересное задание? Идите, смотрите, и участвуйте! //via chibis [ www.fanatik.ru ]
Совсем древнее: 17-20.09.2002, 23-30.09.2002, 01-04.10.2002, 07-11.10.2002, 14-19.10.2002, 20-26.10.2002, 27.10-02.11.2002, 04-08.11.2002, 11-16.11.2002, 18-23.11.2002 25-30.11.2002, 02-07.12.2002, 09-14.12.2002 Сайт заработал 17.09.2002