-
data publikacji: 08.02.2010
Adobe Kuler – wejdź w kulerowy świat
kategoria: Grafika, Webdesign autor: levre
Kolory są jedynym z najważniejszych elementów każdego projektu i zapewne każdy miał problem z doborem odpowiedniej a zarazem optymalnej palety kolorów. Problem znika jeśli klient przedstawi nam w specyfikacji danego projektu odpowiedni schemat kolorów. Ale co zrobić jeśli tak się nie stanie i jesteśmy zdani sami na siebie.
W ten czas powinniśmy skorzystać z generatora kolorów, który opracuje nam odpowiednie palety kolorystyczne. Jednym z lepszych produktów jest Kuler opracowany przez zespół Adobe Labs.Adobe Kuler to przede wszystkim baza kilkunastu tysięcy zestawów kolorów. Posiada możliwość podawania a zarazem wyświetlania kolorów w przestrzeniach barw RGB, CMYK , LAB, HSV oraz w zapisie szesnastkowym HEX. Samodzielne stworzenie optymalnych palet może jednak sprawiać problemy, dlatego Adobe przygotowało kilka gotowych układów, tak więc wystarczy je zmodyfikować by otrzymać estetyczny układ. Przydatna jest też wyszukiwarka , która pomoże nam odszukać kolory które zostały opisane odpowiednimi słowami kluczowymi (np. orange, light, fresh itp). Serwis jest anglojęzyczny więc najlepiej wyszukiwać kolorowy poprzez angielskie tagi.
Jeśli nie mamy ochoty, bądź czasu na to by wyszukiwać z pośród tysięcy kompozycji barwnych tej odpowiedniej mamy możliwość stworzenia własnej w parę chwil. Do stworzenie nowej palety kolorystycznej posłuży nam bardzo przyjemny, funkcjonalny a zarazem intuicyjny panel użytkownika.
Aby w pełni wykorzystać możliwości Kulera, należy wcześniej się zarejestrować. Wchodzimy zatem na stronę www.kuler.adobe.com a następnie klikamy na link Register i podajemy niezbędne informacje. Chciałbym podkreślić iż konto założone w systemie Adobe oferuje nam możliwość korzystania z wszystkich produktów Adobe (np. Kuler, Acrobat, Photoshop.com itp.)Jeśli chcemy stworzyć nową paletę kolorów, wybieramy z lewego menu strony Create a następnie From a Color bądź From an Image.
From a Color
Dzięki tej opcji mamy większe pole manewru w tworzeniu nowego zestawu kolorów. Na samym początku musimy określić kolor bazowy. Aby to zrobić musimy wpisać wartości liczbowe np. CMYK lub RGB w dolnej części okna w jednej z podstawowych przestrzeni barw, albo za pomocą suwaków, które znajdują się poniżej próbki.Po wybraniu koloru bazowego, musimy kliknąć na polecenie Set a Base znajdujące się nad próbką. Spowoduje to zapamiętanie koloru jako podstawę tworzonej palety.
Gdy już ustalimy podstawowy kolor zestawu, możemy wybrać typ tworzonej palety. Kuler w swoim mechanizmie posiada kilka podstawowych rodzajów palet.

Adobe kuler – główny panel zarządzania kolorami- Analogous- paleta analogowa, gdzie kolory sąsiadują ze sobą na kole barwnym (kolorów).Kuler dobiera do wprowadzonego koloru bazowego , kolory z nim sąsiadujące. Barwy charakteryzują się niskim kontrastem.
- Monochromatic- paleta monochromatyczna , podstawowym kolorem jest kolor bazowy oraz jego najjaśniejsze i najciemniejsze odcienie. Barwa posiada najwyższy kontrast, jaki jest możliwy do uzyskania w całej przestrzeni barwnej. Kontrast uzyskamy pomiędzy najjaśniejszymi a najciemniejszymi odcieniami..
- Triad- paleta triadowa, tworzą ją jak wskazuje nazwa trzy kolory , które znajdują się na kole kolorów w równych odległościach od ciebie (60°). Paleta pozwala uzyskać kolory pierwszorzędnych (żółty, czerwony, niebieski) , oraz drugorzędnych (pomarańczowy, zielony i fioletowy).
- Complementary- paleta komplementarna, tworzą ja dwa kolory leżące naprzeciwko siebie na palecie barwnej. Na przykład pary kolorów: czerwony –zielony , bądź niebieski – żółty. Barwy posiadają wysoki kontrast.
- Compound- paleta Compound jest podobna do poprzedniej ale z uwzględnieniem wielu odcieni koloru bazowego i przeciwnego.
- Shades- paleta Cienie – reguła dobierania kolorów jest podobna jak w palecie monochromatycznej. Lecz jej odmienność polega na tym iż paletę monochromatyczną tworzy kolor bazowy wraz z najjaśniejszymi i najciemniejszymi odcieniami. Natomiast w przypadku palety Shades paletę tworzy kolor bazowy wraz z ciemniejszymi od niego odcieniami.
- Custom- paleta niestandardowa, która pozwala na samodzielne zdefiniowanie zestawu kolorystycznego.
From an Image
Bardzo przydatną funkcją Kuler’a jest tworzenie palety kolorów na podstawię fotografii. Zdjęcie możemy uploadować za pomocą przycisku Upload New Image, obsługiwane formaty plików to (.jpg, .png oraz .bmp).Mamy także możliwość wgrania zdjęcia z serwisu Flickr.
Po załadowaniu zdjęcia Kuler tworzy paletę kolorów z przypadkowych barw zawartych na fotografii. Na danym zdjęciu pokazane są miejsca próbkowania, aczkolwiek w razie konieczności mamy możliwość przesunięcia próbnika w dowolne miejsce obszarze zdjęcia. Ta funkcja również posiada opcjonalne typy palety (Colorful, Wright, Muter, Deep, Dark).

Adobe kuler – upload zdjęć z dysku i z serwisu FlickrPobieranie i wczytywanie palety kolorów w produktach Adobe
Adobe Kuler umożliwia nam również pobieranie stworzonej przez nas palety kolorów na dysk twardy. Pliki zapisywane są z rozszerzeniem .ase. Wówczas mamy możliwość wgrania gotowych palet do Photoshopa, InDesigna czy też Illustratora. Aby pobrać paletę należy, wybrać interesujący nas zestaw kolorów, a następnie kliknąć na przycisk (Adobe Download this Theme as an Adobe Swat Exchange file).
- Wczytywanie palety w Photoshopie- Kiedy mamy zapisaną paletę na dysku, i chcemy ją importować do Photoshopa, musimy upewnić się czy mamy włączony panel Swatches (Próbki). Jeżeli nie jest włączony, możemy go aktywować z menu kontekstowego Window> Swatches. Następnie w panelu z Próbkami z rozwijanego menu wybieramy Load Swatches (Załaduj Próbki) lub Replace Swatches (Zmień Próbki) dzięki czemu na palecie będą widniały tylko kolory z wczytanego pliki który pobraliśmy z Kuler’a. W przypadku kiedy będziemy chcieli zresetować wszystkie dostępne próbki należy wybrać z listy opcje Reset Swatches (Resetuj Próbki).
- Wczytywanie palety do Indesgina i Illustratora- Na podobnej zasadzie będziemy wczytywać palety kolorów do Indesigna czy też Illustratora. Ponownie wybieramy panel Swatches (Próbki) z rozwijanego menu wybieramy Open Swatches Library> Other Library (Otwórz bibliotekę próbek> Inna biblioteka) a następnie wybieramy zapisany plik z paletą. Co ciekawe w Illustratorze wgrana paleta nie jest dodawana do pozostałych próbek, tak jak było to w przypadku Photoshop’a, lecz tworzony jest nowy panel.
Kuler na pulpicie i bezpośrednio w programie
Adobe postarało się i wydało aplikację którą instalujemy na naszym komputerze. Działa ona w środowisku Adobe Air. Dzięki tej aplikacji mamy możliwość np. przeglądania najnowszych, najbardziej popularnych, zestawów kolorów, a także stworzonych przez nas samych palet. Można ją pobrać ze strony Adobe.com
Oprócz tego w każdym produkcie Adobe (Photoshop, Indesign, Illustrator itd.) jest możliwość włączenia panelu Kuler, wybierając z menu Window> Extensions> Kuler. Posiada on takie same właściwości jak aplikacja którą instalujemy na naszym komputerze.
-
7 Responses to “Adobe Kuler – wejdź w kulerowy świat”
Leave a Reply
Komentarze
Kategorie
Top 10
Wski: Cross Processing
Kallie Akinyooye: Krótko o… Wordpress 2.7
Agressiva: Jak za pomocą js poprawić wygląd formularzy
S.Wojnowski: Jak za pomocą js poprawić wygląd formularzy
Arek: Menu “wychodzące” zza strony
Arek: Full of colours
Giuseppe Heitner: Wstęp do programowania zorientowanego obiektowo w PHP5…
Kamil: 960 Grid System
Piotrek: Rozwijany panel z odrobiną słodyczy
Kuba: Tworzymy indywidualną stronę startową dla naszych fanów na Facebooku
- CMSy Artykuły dotyczące różnego rodzaju systemów zarządzania treścią CMS.
- Flash Podstawowe informacje pomocne przy tworzeniu animacji w Adobe Flash.
- Fotografia Samouczki dotyczące nie tylko robienia zdjęć ale też ich cyfrowej obróbki.
- Grafika Ogólnie pojęta grafika komputerowa, od inspiracji, po tworzenie layoutów oraz mniejszych form graficznych.
- Inne tutoriale wordpressowe Wszystkie inne zagadnienia dotyczące WordPressa.
- Inspiracje Inspirujące materiały graficzne z dziedziny projektowania stron www, projektów DTP, digital painting, itp.
- Obróbka zdjęć Techniki retuszu fotografii cyfrowych.
- Rysunek Tworzenie rysowanych ilustracji w Adobe Photoshop.
- Skóry do Wordpressa Darmowe oraz płatne – najlepsze skóry do WordPressa.
- Skrypty client-side
- Skrypty server-side
- Tutoriale
- Webdesign Tutoriale z zakresu projektowania stron www i grafiki użytkowej na rzecz internetu.
- Wieczór z Open Source
- Wordpress Ulubieniec naszej publiczności CMS WordPress: nowości, tricki, wtyczki, skóry i wszystko to co może przydać się przy korzystaniu z tego systemu.
- Wtyczki do Wordpressa Recenzje oraz instrukcje najbardziej popularnych i najbardziej niezbędnych pluginów do WordPressa.
- XHTML/CSS Ciekawostki z dziedziny kodowania stron www: XHTML, CSS, jQuery.
Najnowsze newsy
Wieczór z Open Source 2010
Jak co roku WSINF organizuje konferencję Wieczór z Open Source.
Chciałbym zaprosić was na tegoroczna konferencję Wieczór z Open Source 2010! Czytaj dalej
Grafart.org i WACOM zapraszają na konkursy!
Witam!
Myślę, że czas najwyższy nadmienić, że za niedługi czas zostanie zorganizowany pierwszy z trzech konkursów, w których główną nagrodą będą tablety firmy WACOM!
Za miejsca drugie oraz trzecie nagrodami będą kubki i koszulki firmy WACOM oraz magazyny graficzne PSD PHOTOSHOP oraz COMPUTERARTS.
Czytaj dalej
Zapraszamy na forum graficzne Graffika.pl
Każda osoba interesująca się grafiką komputerową ma czasami ochotę porozmawiać o swoich pracach, posłuchać rad, krytyki i pochwał innych osób. Idealnym miejscem na realizowanie takich potrzeb jest forum graficzne Graffika.pl.
Czytaj dalej
Polecane strony
- WordPress Theme from Scratch – Day 1: PSD
- 20 Tutorials For Creating HDR Images
- Ask the Expert – Using Wordpress to Build Large Scale Websites with Derek Herman
- Making an Interactive Picture with jQuery
- Create a Horizontal Scrolling Website
- 800 Most Wanted Free RSS Icons for Bloggers
- 45 Most Wanted Beautiful Free Hand Drawn Fonts
- Caffe-Break Themed Blog Layout Photoshop Tutorial
- Create a nature inspired layout in photoshop
- Coding a Web Design for Speed and Quality
- Beautiful Hand Drawn Websites | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
- 40 Fresh Creative and Inspiring Photographs
- Wordpress portfolio layout | Grafpedia
- Simple Facial Photo Retouching | Grafpedia
- Create a beauty layout in 10 steps | Grafpedia























Bardzo przydatny artykuł.
Osobiście nigdy nie stosowałem takiego rozwiązania i chyba zacznę, zaoszczędzi to czasu na odpowiedni dobór kolorów.
Jeszcze raz dzięki za tak przydatne info.
Myślę, że opiszę też coś takiego u siebie na blogu jak zaznajomię się z tymi rozwiązaniami.
[...] Adobe Kuler – wejdź w kulerowy świat | Vivee – wordpress, webmastering, grafika i fotografia vivee.info/…8/adobe-kuler-wejdz-w-kul… Pokaż reakcje /* */ inne strony z tej witryny + obserwuj co [...]
Uwielbiam korzystać z tej strony:) Jakby ktoś potrzebował większej ilości stron, które świetnie radzą sobie z kolorami to napisałem kiedyś o tym post:
http://www.limefactory.pl/kolekcja-stron-gdzie-ko...
To jest naprawdę świetne!
Kolory to jednak wielki dział wiedzy i długi czas zdobywania umiejętności i rozeznania.
Może uda mi sie wreszcie ujednolicić kolorystycznie zdjecia z różnych sesji?
Czy ta opcja odczytywania palety barw ze zdjecia sobie z tym poradzi?
Korzystam z tego juz od dluzszego czasu i musze powiedziec, ze jest to naprawde przydatne narzedzie dla projektantow stron internetowych. Polecam.
Ciekawy artykuł, czekam na nowe, choćby dotyczące WP
Ja korzystam z color generator – jak dla mnie niezastąpione narzędzie.