Tag: kolory

Silk – zabawka, czy generator grafiki?

Wpadłem ostatnio na webaplikację „Silk”, dzięki której można kilkoma kliknięciami i pociągnięciami myszy wygenerować efektowną, kolorową grafikę. Grafika „rysuje się” w ciekawy sposób, podczas której istnieje możliwość sterowania wiatrem (shift+ruchy myszką) a efekt możemy zapisać. Można też powtórzyć animację. Zabawa przednia, przynajmniej na kilka minut. Lubię takie interaktywne dema, pokazują one moc komputerów i Internetu jako narzędzi.

Jednak zastanawiam się, czy grafik wygenerowanych za pomocą „Silka” nie użyć przy projektowaniu stron. A jak wygląda sprawa praw autorskich? Co prawda pierwszą kreskę narysowałem ja, ale resztę wykonał algorytm, który zaprojektował twórca narzędzia. Tak czy owak – rzecz ciekawa przynajmniej do obejrzenia.

Rewelacyjny generator gradientów CSS

Jak wiadomo, tworzenie zaawansowanych gradientów „z palca” nie jest łatwe. Dlatego szukałem dobrego generatora. I w końcu znalazłem czego szukałem.

Webnarzędzie do generowania różnorakich gradientów kolorystycznych dla elementów CSS3, ze wszystkimi przydatnymi opcjami i bajerami. Intuicyjne, łatwe w obsłudze, szybkie i skuteczne. Oparte na rozwiązaniach GUI znanych z programów graficznych. Generujące w czasie rzeczywistym kod CSS kompatybilny ze wszystkimi nowoczesnymi przeglądarkami. Umiejące także importować gradient z kodu CSS, a nawet z obrazka. No i posiadające zbiór predefiniowanych  gradientów – rewelacja. Są tam także gradienty z efektem szkła, odbić, gładkie delikatne przejścia kolorystyczne (trudne do uzyskania i „wyczucia”) itp. cuda. Można także zapisać swoje gradienty.

Zdecydowanie przyda się każdemu tworzącemu nowoczesne strony WWW.

Ale o czym mowa? O narzędziu Ultimate CSS Gradient Generator. Polecam.

Kolorowe kombinacje

Nie lejąc wody: colorcombos.com to jeden z serwisów zajmujących się schematami kolorystycznymi stron www i publikacji. Posiada bazę schematów, tester kolorów i kikla innych opcji, ale dla mnie najważniejszą jest możliwość „ściągnięcia” schematu kolorystycznego dowolnej strony poprzez podanie jej adresu URL. Nie wiem, jak to działa, ale działa i jest fajne i przydatne. :)

Jeszcze o tworzeniu żałobnych wersji

Jakiś czas temu pisałem o  tworzeniu czarno-białej wersji strony, na przykład na potrzeby żałobnej szaty graficznej witryny.

Ostatnie tragiczne wydarzenia spowodowały m.in., że musiałem w krótkim czasie stworzyć żałobne wersje kilkunastu witryn internetowych, które prowadzę. Okazało się, że opisywana przeze mnie webaplikacja GrayBit nie spełnia moich oczekiwań – jest bardzo powolna i lubi się zawiesić przy większej ilości kodu i grafik.

Dlatego postanowiłem zadziałać i, mimo że programista ze mnei raczej marny, zdołałem napisać sobie prosty skrypt PHP przekształcający w dowolnym pliku wartości kolorów zapisane w formacie #HHH lub #HHHHHH na skalę szarości.

Postanowiłem się nim podzielić, bo może komuś jeszcze się przyda – dlatego przedstawiam pchełkę css2gray.  Enjoy.

(uwaga: css2gray nie rozpoznaje definicji kolorów innych niż podane powyżej – być może inne obsługę innych definicji dodam w terminie późniejszym)

Tworzenie czarno-białej wersji strony www

GrayBitPewien Klient, któremu wykonałem dosyć złożoną szatę graficzną i szablon portalu www (ponad 2000 linii kodu CSS, około 200 pilków graficznych) zlecił mi wykonanie jej wersji w odcieniach szarości. Czarno-białe miało być wszystko – od kolorów zdefiniowanych w CSS, poprzez grafiki, a kończywszy na favikonce.

Początkowo szukałem w Internecie webaplikacji, która by to wszystko (albo prawie wszystko) zrobiła za mnie automatycznie. Może źle szukałem, może za krótko, ale – nie znalazłem. Znalazłem jedynie webaplikację GrayBit, która rzeczywiście przekształca stronę na pozbawioną kolorów, ale 1) działa strasznie wolno, 2) robi to dla celów podglądu, a nie użycia w dodatkowej wersji strony 3) pobieranie przekształconych przez to narzędzie plików jest bardzo utrudnione.

Mimo to postanowiłem z tej aplikacji skorzystać i udało się – po zabawie z pobieraniem wielu plików, zmianie adresów w pobranych plikach CSS i HTML udało mi się w ciągu kilkunastu minut stworzyć wersję szarą portalu (cz-b pliki JPG ze względu na stratę jakości stworzyłem od nowa). Jednak wciąż nie mogę uwierzyć że w Internecie nie istnieje webaplikacja robiąca to szybko, łatwo i przyjemnie. Marzeneim jest narzędzie pobierające pakiet zip z szablonem i „wypluwające” taki sam pakiet, tyle że z plikami i definicjami kolorów przekształconymi w odcienie szarości.

Jeśli znasz taką aplikację – daj znać w komentarzach. Zapewne nie tylko ja będę Ci wtedy wdzięczny.

Jak dobrać kolorystykę strony?

Color Scheme Designer Podczas projektowania szaty graficznej zdarza się często, że brakuje nam odpowiedniego schematu barw. Czasami bywa też tak, że zmiana jedynie kolorystyki w gotowym już layoucie znacząco poprawia jego wygląd i czytelność.

Webaplikacja Color Scheme Designer to przejrzysty interfejs, umożliwiający szybkie i łatwe określenie kolorów w schemacie, w którym dominują dwa, trzy lub cztery kolory główne (w różnych konfiguracjach wzajemnych). Dodatkowo otrzymujemy kolory dodatkowe, których warto używać do tworzenia np. gradientów lub ikon.

Nie wiem jak Wy, ale ja od dziś będę korzystał prawie codziennie z tej aplikacji. Problem doboru barw od zawsze był dla mnie barierą trudną do przeskoczenia.

Nowa metoda kolorowania zdjęć B&W

Colorization Using Optimization Nie tak dawno pisałem o nowatorskiej metodzie skalowania zdjęć z zachowaniem szczegółów, a dziś wpadłem na stronę opisującą kolejny nowatorski algorytm, który może być używany do obróbki grafiki, a konkretniej – do szybkiego i dokładnego kolorowania czarno-białych zdjęć i filmów video.
Jak to zwykle w takich przypadkach bywa, całość opiera się na bardzo prostym pomyśle – „rozmalowywania” barw ręcznie zaznaczonych linią lub plamą w obszarze ograniczonym załamaniami kontrastu czarno-białego obrazu.
Metoda jest prosta, łatwa i szybka. Na opisującej ją stronie znajdziemy sporo przykładów zastosowania – zarówno na zdjęciach jak i filmach, oraz źródła algorytmu dla MATLABa. Cóż – Świat idzie do przodu, a z nim technologie, także te dotyczące obróbki obrazu.

17 przydatnych narzędzi kolorystycznych on-line

… czyli rozszerzenie mojego styczniowego wpisu o tytule „Kolorowe narzędzia„. Linków tego typu trochę mi przybyło, postanowiłem je więc razem wylistować w jednym poście.

Kilka ostatnich pozycji jest ciekawostkami lub narzędziami „z przymrużeniem oka”… W każdym razie na pewno kliknąć warto :)

Kolorowe narzędzia

Color Scheme GeneratorPodczas tworzenia layoutu czasem bywa tak, że masz już jeden lub dwa kolory, które „grają”, ale czegoś jeszcze brakuje…
Oto Color Scheme Generator 2. Świetne narzędzie dostępne on-line w każdej chwili, gdy musisz określić kolorystykę dla nowego projektu graficznego.

Jeszcze kilka przydatnych narzędzi kolorystycznych w Sieci: Colorschemer, 4096 Color Wheel, Unsafe Colormatch, Color Toy, Kuler. I, aby wypełnić temat: Wszystko o teorii koloru. Miłej lektury :)

edit: jeszcze tu: www.colorjack.com/sphere :)