Цветовые миксеры. colorschemer studio vs adobe kuler

February 28, 2008

New AIR-powered Adobe kuler desktop

The crew behind Adobe’s kuler color harmony RIA has released a new version of the desktop color feed browser (screenshot).  You can check it out by installing Adobe AIR, then downloading the app.  New features include:

• Browse color themes from the kuler website while offline (up to 100 themes cached per feed)
• Drag and drop themes onto your own desktop as transparent «tear offs,» which can be scaled and viewed over any application
• Access themes from Mykuler (must be signed in)
• Download themes as ASE (Adobe Swatch Exchange) files directly from the kuler desktop (must be signed in)
• Browse the new RSS feed «Random»

Here’s the full feature list (PDF) in case you want all the details.

Completely tangential but involving colors: Art Lebedev’s Optimus Tactus keyboard concept.

January 31, 2010

Kuler Killers? New color-picking/sharing panels for Photoshop

ColoRotate is a new color picker panel for Photoshop. The project comes from IDEA, a nonprofit organization that helps improve scientific and artistic literacy. Here’s a quick demo:

The plug-in costs $39. For $49/year, you can also link your plugin to your online account, sync palettes between multiple computers, and share palettes with colleagues, collaborators, or clients.

In a related vein, developer Anastasiy Safari has created MagicPicker, a $7 non-modal color picker/color wheel that builds on his free ColorPicker panel (see my earlier post for details). Here’s a screenshot:

And, of course, don’t forget about the excellent , integrated into Photoshop CS4 and other CS4 apps via its own panel (screenshot). Choose Window->Extensions->Kuler to try it out.

Зачем нужна палитра цветов?

Программа Adobe Color подойдёт не только создателям сайтов, но и оформителям сообществ социальных сетей. Профессиональным дизайнерам и любителям. Создателям открыток и шаблонов. Женщинам и мужчинам, следящим за модой. Любому человеку, которому захотелось поиграть цветами.

Палитра цветов занимает важное место в продвижении сайта. Казалось бы, при чём тут цветовая гамма? Вспомните себя

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

Кроме того, повлиять на поведенческие факторы могут и кислотные цвета. Которые просто не дадут сосредоточиться на контенте

Да, они привлекут внимание несомненно. Но можно ли читать и вникать в текст, когда кругом кричащие цвета? А если человек итак провёл весь день за компьютером, а затем попал на такой сайт в конце трудового дня?

September 18, 2007

kuler + screensaver mashup

And the hits keep on coming… File this one under «Eine kleine Bildschirmschoner»: a German-speaking developer has created a simple but attractive (same page auto-translated) that sucks in a feed of popular harmonies on Adobe kuler.  Gut!

Elsewhere in the world of cool screensavers, groundbreaking Flash coder Yugo Nakamura has created Kaze to Desktop, a Windows «screensaver which moves according to the current wind (=kaze) conditions of your city.»  Check out the video to see some super-smooth action. (The scattered piles of Windows chrome remind me of the «crash board» Mordy Golding spotted on a client visit.)

March 18, 2008

Adobe kuler RIA adds new capabilities

A new version of kuler, Adobe’s popular rich Internet application for color exploration and sharing, has just launched.  New features:

• Use color extraction to quickly and automatically generate a color theme from any uploaded photo or other image. Explore different moods, such as bright or muted, to see different colors, or drag the markers to select colors.
• Endless favorites: Now save as many themes as you like, and browse them in your Mykuler area
• Browse by Random (randomly selected) themes, in addition to Highest Rated, Newest, and Most Popular

Enjoy!

June 05, 2008

kuler does Flickr

Adobe kuler (the rich Internet application for color exploration and sharing, in case you’ve been chilling under a rock) now features some cool integration with Flickr, creating color harmonies from images.  To try it, click the «Create» button at left, then choose «From an Image.»  Next to the button that lets you upload your own shots, you’ll see a Flickr button that lets you browse and search images that you & others have shared.  (Here’s a screenshot.)  Foxy. 

Other new tweaks debut today on kuler as well:

• Time-based theme browsing (last 7 days, last 30 days, all days), to surface more user-generated content
• Theme details now includes a More Info view, where you can choose your avatar and find the theme’s direct link (for blog links, or to email or IM, etc.)

Палитра цветов — инструкция по работе в Adobe Color

Теперь разберёмся, как работать с палитрой цветов в программе. Заходим в сервис Adobe Color и регистрируемся. Можно обойтись и без этого, но тогда вы не сможете сохранять палитры в библиотеке. Впрочем, чтобы сэкономить время, можно авторизоваться через Facebook. Итак, пройдёмся по разделам и вкладкам Adobe Color.

Раздел «Создать»:

Цветовой круг

И по умолчанию нам открывается произвольная палитра в разделе «Создать». В центре экрана расположен Цветовой круг. Слева имеются переключатели правил гармонии цветов. А справа функция сохранения и выбор места.

Чтобы начать создавать подборки автоматически, нужно в средний столбец вставить основной цвет. Если вы уже выбрали главный цвет сайта, вставьте его номер. Или поиграйте настройкой цветов, передвигая бегунки ниже, пока не выберите наиболее подходящий.

К каким именно объектам сайта применяется основной цвет? Взгляните на главную страницу. Возможно, уже какой-то цвет по умолчанию назначен для заголовка, меню сайта и кнопок «Читать далее». Исходя из этого и ориентируйтесь. Какой оттенок вы хотите наблюдать в этих местах.

Листаем чуть ниже

Обратите внимание, что слева можно развернуть вкладку и выбрать цветовой режим из RGB, CMYK, HSV и LAB. В зависимости от этого будут меняться бегунки, но цвет остаётся тем же

Передвигая их в среднем столбце, будет меняться цвет посередине. И подходящие к нему тона в левых и правых блоках.

Таким образом, автоматически подбирается цветовая палитра. Как только определились с основным цветом, вспомните о типах схем слева:

• Последовательная
• Монохромная
• Треугольная
• Комплементарная
• Сплит-комплементарная цветовая схема
• Двойная сплит-комплементарная
• Квадратная
• Составная
• Оттеночная
• Произвольная (для ваших изменений)

Переключайте правила сочетания цветов и выбирайте понравившуюся группу. Тут же вы можете её подредактировать на свой вкус. И сохранить кнопкой справа. Также можно наводить курсор на цветовой круг и плавно менять оттенки.

Извлечение темы

Ещё одно отличное решение для подбора палитры цветов. Загрузите или перетащите любую понравившуюся картинку на экран. Тогда извлечение темы произойдёт автоматически. К тому же, можно перемещать фиксаторы на изображении. И палитра будет меняться.

Слева также располагаются цветовые настроения темы. Красочное, яркое, приглушённое, насыщенное и тёмное. Когда группа будет собрана, сохраните её в библиотеку. Сохранять можно как с публикацией в сервисе Adobe Color, так и скрыто. А кроме того, придумывать произвольное имя подборки.

Извлечение градиента

Новинка в Adobe Color — извлечение градиента. Загрузка картинки происходит аналогичным образом

А слева обратите внимание на выбор количества точек градиента. Данная функция удобна тем, что при наведении курсора на цветовой блок, можно скопировать его номер

А затем в разделе «Цветовой круг» вставить его в основной столбец и поиграть цветами.

Цветовая игра

В последней вкладке данного раздела разработчики сервиса Adobe Color разместили игру. Так что, если совсем нечем заняться, можно поиграть и потренировать память.

Раздел «Смотреть»

Если вас ещё не посетили идеи по поводу цветового оформления сайта, зайдите в раздел «Смотреть». Изучайте все источники или разверните вкладку справа. И откройте Цветовые темы, Творческие проекты или Фотографии Stock, чтобы смотреть готовые решения. Наслаждайтесь и вдохновляйтесь красивыми видами, пока не определитесь.

Тенденции

Ещё один вариант подбора палитры цветов для сайта. В тенденциях моды вы найдёте изображения с готовыми схемами. Наведите курсор и сохраните наиболее симпатичные варианты. В дальнейшем вы можете редактировать их в разделе «Цветовой круг».

Моя библиотека

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

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

Также можно опубликовать в Adobe Color. Продолжить редактировать в цветовом круге. Или удалить. Ну а чтобы применить какой-либо цвет из палитры на сайте, просто копируйте, нажав на блок. А затем вставляйте в нужное место в файле CSS.

November 26, 2006

The Colour & the Shape

Adobe kuler (which seems to be getting much love) has put color on my brain.  With that in mind:

• Colour By Numbers is a 72m-high light installation in Sweden. You can program the colors using a phone (just call +46 (70) 57 57 807), then watch the results in a live video feed on the site.
• Photographer Constantine Manos captures the nation’s rich palettes in American Color.
• COLOURlovers is «a resource that monitors and influences color trends,» providing news and interviews as well as tools for browsing and rating palettes.  They recently interviewed Dr. Woohoo (aka Drew Trujillo), creator of the In The Mod color analytics tool, among other grooviness.
• Moto Colors makes it possible to browse Motorola phones by color, and to create, ah, abstract designs in the corresponding colors.  (Click and drag once you’ve picked a color in order to paint.) 
• It’s possible to trick your eye into seeing color on a B&W photo, as in this Spanish castle illusion.  To create your own version of the illusion, follow the steps of this tutorial, complete with a Photoshop action.

March 25, 2007

Kuler RIA -> Desktop via Dashboard

The folks behind kuler, Adobe’s color-centric rich internet app, are a quietly busy bunch.  Tonight they’ve posted a widget for OS X’s Dashboard (download — 200kb; screenshot).  According to kuler community PM Sami Iwata,
the widget «displays RSS feeds of color themes from kuler… Browse the newest, highest rated, and most popular color themes; search for themes on the kuler site by tag, title, or creator ID; copy hex values from any theme to your clipboard.»

Knowing this group, they’ll keep cranking out good stuff.  In the meantime, if you have feedback on the widget, please let the team know via the kuler user forum.

June 09, 2007

Flash gets kuler: RIA in a panel

Ah, I love how all this is shaping up: After debuting on the web, and followed by appearances in Dashboard and Apollo, Adobe’s kuler rich internet app is now available as a panel inside Flash CS3.  Thanks to the efforts of the crew at Pixelfumes, you can now view & search feeds of color harmonies generated using the online tool, then use them inside Flash.  I made a quick little demo video to show the panel in action.  Great work, guys!

This is a great example of how opening a door to online community can enrich the desktop experience.  If you know of other cool, usefully connected desktop apps (via Flash panels or any other method), please share ’em.  It’s very handy to have these on hand as we plan the future.

September 12, 2007

Adobe kuler mashed-up with Visio, more

As you may know, kuler is Adobe’s rich Internet app (RIA) for creating & sharing color harmonies.  About a month ago the kuler team unveiled an API that enables other applications to suck in feeds of the most popular, most recent, and highest rated harmonies found on the site.

Now Microsoft engineer Saveen Reddy has used the API to enable drawing kuler colors in Visio.  Not having a copy of Visio, I can’t give this a spin, but the integration should make it easy to apply popular color themes to your artwork.  Very cool. 

In other kuler news, PM Sami Iwata reports that they’re running a “theme drive” to collect autumn-inspired themes.  She writes,

Hustle up, though: the theme drive runs from now until this Friday at 5:00 PDT.  More details are here.

January 22, 2008

Mondrianum brings kuler to Photoshop

Joining a long list of apps integrated with Adobe’s kuler color harmony site, Photoshop & other Mac apps now get in on the game thanks to Lithoglyph’s CocoaKuler Mondrianum*.  The tool gives the Apple color picker the ability to browse kuler’s color harmony feeds, displaying the results in a slick Cover Flow view; here’s a screenshot.  To access the picker from within Photoshop, go into preferences and select the Apple (rather than Adobe) color picker.  Mucho groovio!

*The name is a bit of a misnomer , as Photoshop is Carbon-based (as are Final Cut Pro, iTunes, Office, etc.).

Основные функции

Главная задача Color Efex Pro – работа с яркостью, цветом, контрастом, и светотенями. И справляется с этим программа очень неплохо. Есть 2 основных варианта работы:

1. Задействовать «автоматику»

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

1. Обработать снимок вручную

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

Самая интересная «фишка» плагина – это контрольные точки. На них стоит остановиться отдельно.

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

Примерно по такому принципу идет работа с любым из 55 пресетов плагина, с небольшими поправками на некоторые нюансы, присутствующие у отдельных заготовок.

November 16, 2006

Introducing Kuler, Adobe’s color harmony RIA

Today Adobe takes the wraps off kuler, a new hosted application for creating and sharing color harmonies.  The best way to experience kuler is to jump right in, but if you want a quick peek, here’s a screenshot.

Written in ActionScript 3, kuler (to quote the FAQ)

You can also get readouts of the color values & copy them to the clipboard.

I think that you may, as Ryan Stewart writes, find kuler «strangely engaging.»  In any case, I think we’ll look back and see this launch as a milestone, a key moment when Adobe creative tools moved from their desktop-only heritage to a future in which they make connectedness & collaboration first-class parts of the experience.  Good, good stuff.  So, jump in, start creating, and let us know what you think!

8:03 AM | Permalink

|

March 27, 2007

Adobe-Macromedia: Integration cornucopia!

I came to Adobe largely because integration between Flash and Photoshop just sucked–a situation that burned me every day as a designer. Back in 1999, when I learned that Adobe was planning a Web animation tool, I wrote to my contacts there and at Macromedia to suggest a «Flash Interchange Format» that would let everyone play nicely together.  I just wanted the tools to get the garbage tasks out of my way so that I could do my job.  Despite many assorted efforts, however, the stars just never aligned.

Fast forward to the present: we’re now starting to realize some of these long-sought benefits.  In just over a year of Adobe and Macromedia being a single company, here’s new integration we’ve been able to deliver (continued below/in the ):

Внешний вид

Интерфейс программы – классический для такого рода приложений.

1. Слева расположена панель пресетов и эффектов. Они сгруппированы по темам, но можно включить отображение всех сразу. Тут же, чуть ниже, помещен небольшой набор фильтров и окно истории с возможностью пошагового отката.

2. Центр отдан рабочему полю в котором можно наблюдать за всеми изменениями.

3. Верх над рабочим окном занимает узкий тулбар, на котором находятся кнопки управления видом обрабатываемого фото. Можно разделить изображение вертикальной линией, а можно разбить на два окна – до и после. Естественно, есть шкала масштабирования.

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

May 17, 2007

Apollo gets kuler: Color RIA lands on desktop

I’m pleased to report that kuler, Adobe’s Web-hosted application for exploring, creating and sharing color harmonies, can now be accessed from your desktop via Adobe’s Apollo technology. After a sneak peek at the CS3 launch event, the «kuler desktop» is now available for download on Adobe Labs, along with the required Apollo Runtime environment.
 
The kuler desktop offers the same RSS feed functionality as the kuler Dashboard widget but with a new form factor (see quick clip of it in action). Users can view RSS feeds of the highest rated, most popular, and newest themes from the kuler site, search the thousands of titled and tagged themes, search by kuler user name, and copy theme hex values to the clipboard.

For other cool Apollo bits, check out the technology showcase on Labs.

Note: By default, kuler installed itself on my Mac using my user Applications directory, rather than in the root Applications directory that I normally use.  This isn’t a big deal, and you can easily change the install location, but I mention it in case you find yourself wondering where the app has been installed.

Дополнение

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

Как должна выглядеть цветовая палитра для сайта? Определённого ответа нет. У всех свои предпочтения. Также может зависеть и от тематики сайта. Возможно, у вас уже есть логотип фирмы. Тогда можно воспользоваться извлечением темы или градиента.

Будет зависеть и от целевой аудитории. Например, если это детский портал с развлекательным контентом, то цвета можно подобрать «весёлые». А если посетителями являются взрослые и деловые люди, то подойдёт более сдержанная палитра цветов.

Если возникнут сомнения, спросите мнение независимых экспертов. Коими могут являться ваши родственники, друзья или коллеги по работе. Копируйте, делитесь, экспериментируйте. И всё обязательно получится!

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

September 20, 2007

Feedback, please: kuler in Photoshop?

Every time I’ve demonstrated Illustrator CS3’s excellent Live Color feature, the first question I hear is predictable: «Great, but when can I have that in Photoshop? »  Selecting harmonious colors is a necessary part of just about every design discipline.

Adobe’s kuler online application offers a subset of Live Color in a Web-hosted, Flash-powered environment.  It offers powerful tools for creating color harmonies, plus tools for saving color sets & sharing those with others.  As noted recently, feeds of these colors can be sucked into other apps.

I’ve made no secret of the fact that I want to make it possible to extend Photoshop (and all Adobe apps, for that matter) by dropping in Flash-based palettes/panels.  So, here’s a thought: what if we gave Photoshop (and maybe other Suite apps) the ability to use kuler to create and modify color harmonies, and to upload/download color sets to share with others?

Here’s a really simple mockup I created to show how it might work.  You’d be able to use the color wheel to create color sets based on rules (Analogous, Complementary, etc.).  Clicking on the resulting colors would let you paint with them in Photoshop, and/or save them as color swatches.  You’d also be able to view, search, and use harmonies created by others & shared via kuler.

What do you think?  I created a two-question survey to gauge your response.  Comments are also welcome. [Update: The survey is open again. I didn’t realize that Survey Monkey had a 100-response limit on their free account. Clever, clever…]

Thanks,
J.