Архив категории: ‘Дизайн’

Изучение и разбор Photoshop Express Online

Пятница, 28 Мар 08 в 14:37

Photoshop Express Online

Многие Интернет издания и блоги вчера пестрили заголовками о выходе онлайновой версии одного из самых популярных графических редакторов (фотошопа) под названием Photoshop Express Online. По старой доброй традиции возле логотипа красуется давно уже приевшаяся надпись beta (когда уже кто-то придумает новую фишку), а это значит, что сервис находится всего лишь на стадии бета-тестирования. Об окончательном полнофункциональном релизе говорить еще рано, хотя объем доступных функций уже на сегодняшний день весьма велик. Не смотря на то, что многие сайты так и остаются с пометкой beta чуть ли не навсегда, думаю, Photoshop Express Online это не касается, и в дальнейшем нас ожидает уйма новинок. Заглядывать наперед пока не буду, попытаюсь лишь оценить что из себя представляет данное приложения не сегодня.

Во-первых, сервис (пока) является облегченной версией редактора Photoshop, доступен через веб-интерфейс (используется технология Flash) и является абсолютно бесплатным. Во-вторых, после регистрации кажый пользователь получает 2 гигабайта для хранения своих файлов с возможностью делиться ими с другими людьми по адресу вашеимя.photoshop.com. Это уже больше смахивает на фото-хостинг. И, в-третьих, каждое изображение может быть отредактировано с помощью специальных инструментов, условно разделенных на типы «Базовый», «Тюнинг» и «Эффекты». Рассмотрим их чуть позже, сейчас я хочу немного рассказать об интерфейсе системы.

Управление фотографиями
После регистрации и входа в систему вам предоставляется на выбор 3 направления работы (если можно так выразиться):

Вход в систему Photoshop Express Online

  • My Photos - создание альбомов и редактирование ваших фоток.
  • My Album - просмотр и управление доступностью альбомов для других пользователей.
  • Browse - доступ к галереям и альбомам остальных пользователей системы.

Наиболее интересным является именно первый пункт, обратим на него внимание более подробно. После перехода по предложенной ссылке вы попадаете в раздел управлениями вашими изображениями. В памяти всплывают картинки из ACDSee и подобных программ - принцип построения «браузера изображений» аналогичен. Дизайн выполнен весьма стильно, иконки и элементы управления удачно подобраны - помогают сразу понять что к чему.

Браузер изображений в Photoshop Express Online

Слева располагается небольшое навигационное меню по разделу: ссылка на загрузку новых фотографий, «библиотека», содержащая список всех и последних добавленных изображений, а также созданные альбомы. Формирование альбомов происходит с помощью простого перетаскивания изображений в них из общей папки (All Photos). Чуть ниже расположены ссылки на другие популярные сервисы с услугами фото-хостинга - Facebook, Photobucket, Picasa. Photoshop Express Online интегрирован с этими системами и позволяет загрузить из них изображения. Лично я тестировал работу приложения с Picasa - все было здорово за исключением двух небольших нюансов:

  1. Выполняется загрузка всех фотографий с другого сервиса - подозреваю что не реальная, а лишь превью объектов с кратким описанием, но, тем не менее, моя галерея Picasa со скромными 10Мб (400 небольших изображений) заставил Photoshop Express слегка призадуматься. Забегая наперед, скажу, что для работы с системой нужен весьма хороший Интернет, иначе впечатление от ее работы может быть слегка подпорчено.
  2. На данном этапе поддерживается лишь английская версия системы, поэтому некоторые альбомы Picasa с русскими названиями отобразились некорректно. Кстати, использовать русский текст в заголовках фоток также не представляется возможным.

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

В правом верхнем углу находится меню и элементы управления отображением фотографий в браузере:

Меню для браузера изображений в Photoshop Express Online

Во-первых, можно с помощью плавающего ползунка определить размер картинок с превью. Во-вторых, имеется возможность сортировки по дате добавления, рейтингу или выбора очередности самим пользователем (custom order). Под превью можно выводить/скрывать информацию о фотографиях - название, дата, рейтинг, заголовок. Все файлы подлежат оцениванию. И, наконец, последний блок иконок позволяет задать вывод фотографий в виде списка, набора всех изображений равных размеров (по умолчанию) или показ одной большой активной фотографии, над которой располагаются маленькие превьюшки.

В самом верху меню имеется иконка развертывания системы в полноэкранный режим. Как по мне, это весьма удобно, сразу пропадает впечатление работы в браузере - Photoshop Express Online превращается в обычное приложение. Наличие подобных мелочей создает весьма позитивное впечатление о продукте - видно, что делался для людей. Тем, кто будет активно работать с редактором подскажу два небольших наблюдения:

  1. Чтобы выделить несколько картинок, зажмите клавишу Ctrl и кликайте по нужным изображениям. Так как в полноэкранном режиме клавиатура недоступна, подобную фишку провернуть не удастся.
  2. Перемещение по браузеру изображений вверх-вниз осуществляется с помощью соответствующих кнопок на клавиатуре, а в полноэкранном режиме работает скролл колесика мышки.

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

Слайд-шоу в Photoshop Express Online

Редактирование изображений
Неудивительно, что в Photoshop Express Online каждое загруженное в систему изображение можно отредактировать. Инструменты хоть и не дотягивают до оффлайновой версии Photoshop, но являются достаточно мощным инструментом. Они позволяют корректировать цветовой бананс фотографий, поворачивать и обрезать картинку, изменять яркость, контрастность, резкость изображения, добавлять искажения и менять цветовую гамму.

Заранее предупреждаю, что я пользуюсь Photoshop`ом на базовом уровне, в фильтры, плагины особо не лезу, поэтому могу ошибиться в каком-то названии. Буду пытаться объяснить все увиденное простыми словами. Как уже говорилось выше, для работы с фотками имеется типа функций «Базовые», «Тюнинг» и «Эффекты».

Базовые:

Crop&Rotate - позволяет вырезать часть изображения, а также поворачивать его.

Crop&Rotate в Photoshop Express Online

Auto Correct - коррекция цветов, есть для выбора несколько вариантов преобразования.

Exposure (облучение) - производит осветление затемненной фотографии. (кстати, я уже рассказывал как это сделать с помощью обычного Photoshop`а).

Red-Eye Removal - убираем красные глаза.

Touchup - не совсем понятная штука, которая позволяет скопировать часть изображения из одной области (задается кругом) в другую. Проще оценить работу данного свойства на примере:

Инструменты Photoshop Express Online

Saturation (насыщенность) - позволяет управлять этим параметром для фотографий.

Тюнинг:

White balance - позволяет отредактировать фотку сделанную в специфических условиях - сильное освещение, облачность, тень, вспышка и т.д. Есть выбор оптимального значения по мнению самого приложения. В данном пункте мы можем наблюдать возможность управлять «Продвинутыми настройками» - для этого имеется специальная иконка:

Настройки Photoshop Express Online

Вполне возможно в дальнейших версиях мы сможем прописывать подобные более подробные настройки для всех остальных свойств.

Highlight - судя по всему, выполняет высветление фотографии.

Fill Light - все изображение равномерно заполняется светом, в интерснете это называется «настройка силы света».

Sharpen - добавление резкости.

Soft Focus - имитируется эффект мягкого фокуса портретной оптики, хоть я и без понятия, что это значит.

Эффекты:

Pop Color - эффект выделения на фотке какого-то одного цвета с возможностью его замены на другой (доступны несколько цветов), выглядит это примерно так:

Работа с цветом в Photoshop Express Online

Hue - инструмент похож на предыдущий, но есть менее гибким в настройке. Представляет все изображение в одном тоне - фиолетовый, розовый, салатовый и т.д.

Black&White - создание ч/б фотографии с разными настройками света.

Tint - делает изображение полностью одного оттенка, без выборки «подменяемых» цветов.

Photoshop Express Online

Scetch (этюд) - наверное, должно создаваться впечатление рисунка красками.

Этюд в Photoshop Express Online

Distort - разного рода искажения с указанием - сначала определеяем область (круглую, овальную, можно, кстати, изменять ее размеры и после создания), затем выбираем вид искажения и с помощью настроек воплощаем все свои извращенные фантазии в действительность.

Distirt в Photoshop Express Online

Единственное, что мне не понравилось, это отсутствие опции «Сохранить как». То есть все изменения применяются к загруженной текущей фотографии. Можно их в дальнейшем отменить, в принципе, но какой смысл тогда был в редактировании. В общем, либо я не нашел как сохранить созданное мной изображение в новое, либо данный момент упущен разработчиками.

Заключение
По моим наблюдениям и впечатлением, приложение весьма непохоже на привычный оффлайновый Photoshop. Скорее оно является полноценным фото-хостингом с возможностью создания и управлениями собственными альбомами, а редактирование изображений идет в качестве дополнительной функциональности. Можно предположить, что далеко не все пользователи вообще будут редактировать свои фотографии, скорее даже наоборот.

С другой стороны в компании и Adobe утверждают, что работа над Photoshop Express еще не завершена, идет этап публичного тестирования. Я более чем уверен, что улучшение качества, увеличение функциональности будет вестись еще не один год и в конце концов мы получим очень мощный инструмент, который по праву сможет считаться Photoshop Online.

P.S. Кстати, в Интернете я видел сервис, который намного больше похож по внешнему виду и функционалу на стандартный Photoshop, но о нем я расскажу в другой раз.
P.P.S. Интересно что думает Артемий Лебедев о Photoshop Online.

При поддержке спонсора:

RSS иконки и прочие полезности

Вторник, 25 Дек 07 в 1:46

RSS иконкиВашему вниманию предлагаю еще одну дизайнерскую заметку, не смотря на то, что совсем недавно эта тема уже поднималась. Тем не менее чуть позже подобный пост потеряет львиную долю своей актуальности, которая имеет отношение к новогодним праздникам. Надеюсь еще не все украсили свои блоги, сайты новогодними «фишками». Хотя с другой стороны, зима продлится еще два месяца по календарю и, наверное, три, учитывая причуды нашего с вами климата (имеется ввиду просторы СНГ). Поэтому лучше поздно, чем никогда.
Итак, пост об RSS иконках!

Скорее всего, лишний раз можно не напоминать, что это достаточно важный элемент в вашем блоге. Рекомендуется его размещать на видном месте, и чтобы данная иконка была достаточно заметной. «Почему так? Я вовсе не хочу навязывать человеку подписку» - скажете вы. И это правильно, но иногда возникают ситуации когда все тебе нравится в блоге, ты с радостью хочешь подписаться на RSS канал, а вот найти способ как это сделать оказывается весьма сложной задачей. По крайней мере я очень часто попадаю в подобную ситуацию с E-mail`ом автора или обратной связью - хочу спросить или уточнить что-то, но куда и каким образом обращаться остается загадкой. Понятно, что после нескольких минут подобных поисков вы просто бросите это занятие.
В общем, суть абзаца - размещаем заметную иконку на видном месте!

Теперь что касается непосредственно графической составляющей. Вообще достаточно много информации можно найти в Google - на свой запрос получаем кучу полезных ссылок. Но раз уж вы читаете это сообщение, постараюсь избавить вас от необходимости заниматься подобными вещами, а получить все самое лучшее по теме RSS иконок здесь и сейчас.

Читать далее »

Специально для дизайнеров и любителей прекрасного

Суббота, 22 Дек 07 в 2:49

Вторая часть материала «Телевидение в Интернете» с исследованием и сравнительным анализов сайтов самых популярных телевизионных каналов все еще готовится к изданию и будет размещена на сайте завтра-послезавтра. Как оказалось работа это весьма кропотливая! Приходится определять и структурировать критерии, по которым можно провести более-менее нормальную оценку, изучить немаленькие сайты участников и, конечно же, оценить все это по достоинству. На данный момент я сделал приблизительно половину всех задуманных вещей, на что ушло в общей сложности около 3х часов.

Поняв, что сегодня мне это явно не закончить, я решил поднять некоторые старые заготовки и сочинить другой пост. Как вы уже догадались из названия он будет касаться темы дизайна.
Итак, сегодня в фокусе:

  • сервис для перевода растрового изображения в вектор;
  • нереально красивая фотогалерея в 3D;
  • обзор интересного блога о дизайне

VectorMagic - преобразование растрового изображения в векторVectorMagic - бесплатный онлайновый преобразователь растровых изображений в векторный формат. Вектор позволяет увеличивать картинку без потери качества, чего нет в обычной растровой графике. Например, хорошим тоном (или скорее даже обязательным условием) является рисование логотипа компании именно в векторном формате для использования его в любых необходимых местах - визитках, сайтах, документах, сувенирах и т.д.

Процесс перевода растрового изображения в вектор весьма трудоемкий. Но с помощью данного сервиса у вас есть возможность, если не избежать, то, как минимум, значительно сократить расходы времени на подобную работу. Использовать сервис легко, все сделано максимально просто, в лучших традициях Веб 2.0:

  1. загрузил картинку с локального компьютера (доступны форматы - JPG, GIF, PNG, BMP, TIFF);
  2. выставил нужные настройки;
  3. векторизировал;
  4. сохранил результат (доступны форматы - EPS, SVG, PNG).

Особого внимания требует второй пункт, поэтому нужно читать все подсказки и объяснения, которые будут выводиться в ходе работы. Выбор дополнительных настроек требуется для улучшения качества полученного результата - грубо говоря, правильной работы алгоритма. Ведь обработка большой фотографии с кучей оттенков несколько отличается от перевода в вектор одноцветного логотипа.

На сайте также можно найти видео-инструкцию по использованию программы, примеры работ, а также сравнение результатов трассировки программы с результатами от Adobe и Corel

VectorMagic - преобразование растрового изображения в вектор


TiltViewer - флеш галерея, которая позволяет просматривать изображения с фотосервиса Flickr в 3D пространстве. Возможна настройка отображения фотографий любого пользователя или группы. Для этого в конец ссылки TiltViewer нужно добавить что-то наподобие следующего кода:

Узнать свой userid или groupid можно из поиска на этой странице. Фотогалерея может немного подтормаживать на слабых машинах из-за функции Smoothing, которая отключается при помощи правой клавиши мышки.

TiltViewer - супер флеш фотогалерея

Кстати, заплатив $45 можно установить эту просто супер-мега эффектную галерею (TiltViewer-Pro) у себя на сайте! Разрешается также коммерческое использования, правда, насколько я понял, за каждый отдельный сайт вы должны платить вышеуказанную сумму. Переводы осуществляются через PayPal.


И напоследок небольшой обзорчик об одном интересном дизайнерском блоге. Именно он опередил меня с написанием заметки об VectorMagic, когда я только планировал это сделать, и познакомил с удивительной флеш галереей TiltViewer. За последнее ему огромное спасибо, т.к. это нужно видеть!

Квадрат Малевича - блог о дизайне

Автор - мой соотечественник из города Ужгород, работает фриланс дизайнером. Блог отличается креативным подходом и такими же оригинальными материалами. По крайней мере, я практически не встречал подобной информации на других сайтах. Рубрики, как и полагается, тесно связаны с дизайном - фотография, реклама, искусство, но также можно встретить заметки об Интернете и его технологиях.

То есть это не тупое сборище скопированной откуда-то информации, что часто можно встретить в интернете, а совсем наоборот - живой, информативный и разноплановый блог. Который, кстати, неплохо себя зарекомендовал во всемирной паутине с количеством более чем 550 обратных ссылок по Яндексу и 65-тым местом в его рейтинге блогов. А также с ПиаРом 5 и 184 подписчиками. Надеюсь, дальше их будет намного больше!

Страница 1 из 3123»