Webdev • Grafika • AI/ML • Online apps • Inspiracje • Materiały • Ciekawostki • Rozrywka hermetyczna • od 2006
Gratka dla grafików: Na stronie all-silhouettes.com autor zebrał pokaźny zbiór wektorowych kształtów, pogrupowanych tematycznie.
Pewien 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.
Czy da się zmniejszyć wielkość pliku PNG? Szczerze przyznam że moja wiedza do dzisiaj wykluczała taką możliwość. Dzisiaj u RAFiego znalazłem link do webnarzędzia PunyPNG. Oferuje ono bezstratną kompresję plików JPG, GIF i … PNG właśnie. Sposób działania jest prosty: Aplikacja oblicza, który format będzie najekenomiczniejszy dla danej grafiki, a następnie bezstratnie kompresuje wybraną grafikę. Z moich trestów wynika że można zmniejszyć wielkość grafiki na średnio-przeładowaną graficznie stronę o 30-40%. Warto więc skorzystać.
Prawie dwa lata temu prezentowałem stronę AjaxLoad, na której stworzyć można było „profesjonalną” animację typu „please wait”.
Dziś u RAFiego znalazłem link do podobnego serwisu, jednak tam jest inny – wg mnie obszerniejszy i lepszy – wybór animacji. Najbardziej smakowite są animacje 3D, które można stosować chociażby w LightBoxie, czy innych *boxach.
Pozwoliłem sobie obok stworzyć małą mozaikę z typów animacji oferowanych właśnie przez Preloaders.net, aby lepiej Was zachęcić – wizualnie. :).
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.
Reflection Maker to nic innego, jak łatwa, prosta, intuicyjna, przyjazna i przejrzysta w działaniu i obsłudze aplikacja on-line służąca do tworzenia łebdwazerowego efektu odbicia obrazka. Przydatne dla nie-grafików, lub dla grafików leniwych :)
Rzecz jest na tyle ciekawa, że postanowiłem o tym napisać u siebie, mimo że w wielu miejscach Sieci (szczególnie tych dla grafików i fotografów) aż o tym huczy.
Chodzi o tzw. Content Aware Image Resizing (CAIR, czasem zwaną też „Liquid Rescale”), metodę skalowania zdjęć opracowaną przez izraelskich naukowców. Pisząc językiem laika – Metoda ta zmniejszając rozmiary zdjęcia stara się zachować duże rozmiary ważnych elementów tegoż zdjęcia. Trudno to opisać, a łatwiej zobaczyć, więc popatrzcie teraz na obrazek po lewej. Duży obrazek to źródło, obrazek w górnym prawym rogu jest przeskalowany tradycyjnie, a ilustracja w prawym dolnym rogu – za pomocą CAIR. Niezłe, co?
Pobawić się tą technologią można za pomocą aplikacji pod adresem swieskowski.net/carve (podłożyć można własne zdjęcia), natomiast wykorzystać ją w praktyce np. za pomocą darmowego programu graficznego GIMP, stosując plugin Liquid Rescale.
Oto Iconlet, wyszukiwarka ikon. Możemy wyszukiwać ikonki po nazwie, rozmiarze (w pikselach), formacie oraz licencji (przydatne gdy potrzebujemy czegoś freeware). Mimo że wyszukiwarka (jeśli wierzyć licznikowi) oferuje prawie 50 tysięcy ikon, czasem trzeba wpisać jeden z kilku angielskich synonimów aby odnaleźć interesującą graficzkę.
Na Wykopie co prawda ten link nie został doceniony (czytaj: nie wszedł na stronę główną), ale uważam że tutaj powinien zagościć. A mamy do czynienia z on-line’owym generatorem cukierkowych przycisków w stylu web2.0. Rzecz dość fajna: ustala się kolory, rozmiary, czcionkę, można wstawić swoją ikonkę… brakuje jednak pozycjonowania elementów (szczególnie pionowe centrowanie nie jest dobrze rozwiązane) oraz automatycznego odświeżania wyniku… no ale narzędzie jest przydatne, chociażby do generowania pustych buttonów, na które potem naniesiemy grafikę „ręcznie”.