[WebDesign][Photoshop] Korzystanie z Kulera podczas tworzenia layoutu

[ochota550]

Czym jest Kuler?

 

 

Kuler to narzędzie/dodatek do Photoshopa które ułatwia dobór kolorystyki przy projektowaniu m.in. layoutów/stron WWW.

Jego działanie polega na kolekcjonowaniu motywów kolorystycznych tworzonych przez designerów z całego świata.

Dodatek ten zainstalowany jest w wersjach CS4+ wzwyż, ale jeżeli posiadasz starszą wersję możesz odwiedzić stronę z wbudowanym Kulerem.

 

Przejdź do Adobe Kulera

 

---

 

 

 

 

 

 

Na pierwszy rzut oka!

 

 

Zaczynając naszą przygodę z tym narzędziem będziemy musieli włączyć dwa panele: samego Kulera [Window > Extenstions > Kuler] oraz Panel "Swatches" [F6].

Gdy już włączymy oba okna ujrzymy naszego kulera. Oto jak się prezentuje:

 

 

 

 

 

 

 

Jak widzicie mamy trzy zakładki About, Browse oraz Create. Jak się domyślacie będziemy korzystać tylko z Browse i Create.

Zajmijmy się zakładką Browse. Mamy w niej dostępne następujące "opcje".

 

 

Strzałeczki służą do poruszania się miedzy stronami, obok przycisk Refresh który odświeża naszą listę. Mamy również dostęp do wyszukiwarki gdzie wpisujemy różnego rodzaju tagi np: orange, urban, webdesign, www, itp. Poniżej znajduje się oczywiście menu rozwijane pozwalające nam na zmianę kryteriów wyszukiwania naszych motywów np. Najwyżej oceniane, Najpopularniejsze, Najnowsze, a obok widzimy kolejne menu rozwijane które pozwala na ustalenie okresu w jakim motywy były np. najpopularniejsze.

 

Klikając na dany styl wyświetla nam się mała strzałeczka po lewej stronie. Gdy na nią najedziemy

wyświetlają nam się opcje dodania motywu do Swatches, edycji motywu i dwie mniej ważne opcje.

 

---

 

 

Tworzymy własny motyw!

 

 

Przejdźmy do zakładki Create. Na pierwszy rzut oka ukarze nam się owe "coś".

 

 

 

 

 

 

No właśnie co to jest, nie dość że dziwnie wygląda to jeszcze wydaje się trudne do opanowania.

Na nasze szczęście mimo iż wygląda to trochę strasznie jest bardzo łatwe w obsłudze.

 

Skupmy się na tym co widzimy:

Select Rule - menu rozwijane które umożliwia nam różne ustawienia gałęzi które są umieszczone w kole. Każda gałąź "pobiera" kolor na którym się znajduje.

Gałęziami możemy "sterować" główną jakby to nazwać... gałka(?) która jak widzicie jest największa. Zaraz obok naszego koła z kolorami jest pionowy suwak za pomocą którego możemy regulować jasność naszych pobieranych kolorów. Pod kołem możemy zauważyć jakie kolory dana gałąź w tej chwili pobiera, oraz możemy regulować dany kolor suwakami które znajdują się na samym dole. Gdy już stworzymy własny motyw możemy go wrzucić na stronę kulera za pomocą przycisków umieszczonych na samym dole zakładki kulera.

 

---

 

 

Korzystanie z kulera podczas tworzenia layoutu!

 

 

W narzędziu tym możemy znaleźć multum kombinacji jeżeli chodzi o kolory. Dzięki temu zyskujemy inspirację do tworzenia nowych projektów.

Przyspiesza i usprawnia on również naszą pracę podczas tworzenia strony WWW dzięki temu iż zawiera główne kolory które zostaną użyte przez nas.

Osobiście używam go przy każdym projekcie. Gdy wybierałem ten motyw starałem się by zawierał kolory dla tekstu, nagłówka oraz dupereli typu button, ikony lub podświetlenie np. w menu. Pamiętajcie że nie jest to jakiś wymóg którym musicie się kierować. Motyw ma na celu was zainspirować i wybrać odpowiednią kolorystykę dla waszej strony. Jest to ważne ponieważ przed tworzeniem musimy rozplanować cały projekt by usprawnić naszą pracę. W przyszłości postaram się używać kulera w moich nadchodzących tutorialach które będą odnosić się do tworzenia layoutów.

 

Oto mój przykład wykorzystania Kulera:

 

 

 

 

 

 

---

 

 

 

Poradnik ma na celu wyjaśnienia użytkownikowi czym jest,

jak go użyć i do czego może być przydatny Kuler.

Zakaz kopiowania bez zgody autora.

[SzaroZolty]

Fajny poradnik, dzięka. Zawsze korzystałem z strony Kulera