Grafik proceduralny, Janusz Jurek

Grafika proceduralna (generatywna) to po prostu tworzenie grafiki kodem, a nie narzędziami graficznymi. W pewnym sensie projektowanie CSS też może być taką sztuką, na bardzo niskim poziomie. Jednak istnieją Twórcy którzy programowanie grafiki proceduralnej opanowali do perfekcji, a ich prace powodują opad szczęki.

Jakiś czas temu na Wykopie trafiłem na użytkownika prezentującego takie właśnie prace. Okazał się nim Janusz Jurek – profesjonalny grafik proceduralny. Nawet Photoshop przez jakiś czas miał na splashu jego grafikę. Warto zapoznać się z jego pracami i się zainspirować.

Tutaj sylwetka i więcej info o generative art

A tutaj strona Jurka i portfolio

Darmowy generator wykresów

Quickchart.io to rewelacyjny system łatwego generowania wykresów w czasie rzeczywistym, poprzez zmianę parametrów w nazwie obrazka wykresu.

Rewelacyjnie to działa. Podajesz tytuły, wartości, typ wykresu, kolory, skale – po prostu wszystko. I aby przyspieszyć cały proces – możesz edytować kod wprost pod powyższym linkiem, a potem wkleić na swoją stronę.

Proste, użyteczne, wygodne. Takich narzędzi szukamy. :)

Sprawdzanie poczucia estetyki UI/UX

Zobaczcie cantunsee.space.

Can’t unsee to pseudo-gra, w której musisz oznaczyć bardziej prawidłowy (ze wszechmiar) projekt elementu interfejsu graficznego.

Na początku jest łatwo i prosto, potem następuje kilka błędów, a potem trzeba się dobrze przypatrzyć, żeby oznaczyć ten dobry obrazek. Trudne, czasochłonne, ale uczące i dające dużo satysfakcji. Szczególnie projektantom. Polecam Can’t unsee – nie będzie to czas zmarnowany!

Postarzanie zdjęć przez Javascript

W dzisiejszych czasach możliwości CSS, js, samych przeglądarek i związanych z nimi dodatków – są niemal nieograniczone. Można wykonać wszystko. Kwestia poświęcenia czasu i zaprogramowania rozwiązania… albo: Odnalezienia gotowego rozwiązania w necie. Bowiem większość rzeczy, które chcesz zrobić – zostało już zrobione i wystarczy dotrzeć do takiego rozwiązania.

Tak też było ze zdjęciami, które Klient chciał mieć postarzone, i to w jednym i tym samym stylu. Mogłem zrobić makro w Photoshopie, ale po co, skoro znalazłem VintageJS – skrypt do modyfikacji zdjęć w locie.

Dostępny dla jQ, Angulara i standalone. Mnóstwo fajnych opcji, można się wtopić w zabawę na długie godziny. Możemy edytować jaskrawość, kontrast, winietę, oświetlenie, kolory (nasycenie, nakładanie, parametry rgb), szum, sepię, ramkę (różnego rodzaju). To dużo opcji. Ale są też fajne gotowce, żeby na szybko coś ogarnąć. Polecam, działa świetnie.

Zrób sobie gluta

Mogłoby się wydawać, że stworzenie grafiki z losowym kształtem, który jednak nie jest totalnie losowy, ale jako-tako pasuje do naszej wizji, jest proste.

I może nawet tak jest – po kilku próbach masz spoko losowy kształt…
Ale potrzebujesz takich jeszcze 10. I muszą się różnić od siebie.

Zaczyna być niełatwo, prawda?

Nieprawda. Bo wystarczy odpalić Blobmakera. To mała webappka która tworzy gluty, bloby, i inne losowe kształty.
Możemy sobie ustawić kolor, złożoność i stopień zakrzywiania nibynóżek. ;)
I możemy wynik ściągnąć w svg.

I to jest spoko, niczego więcej nie trzeba. A teraz kliknij powyżej i zrób sobie gluta.

Podcast dla grafika

Jakiś czas temu zadałem na grupie FB Co znosi psychika grafika pytanie o podcasty dla grafików. Ilość odpowiedzi przerosła moje oczekiwania, zdecydowanie będę miał czego słuchać w drodze do Klientów przez następne 10 lat.

Tyle że jeśli to zostawię na FB, to zgubię. Dlatego przepisuję tutaj.

Uwaga: Poniższe podcasty są nietestowane (ale będą!).
Są jednak polecane przez grafików i projektantów:

Clippy – narzędzie do tworzenia kształtów

Clippy to wdzięczna nazwa dla bardzo przydatnego narzędzia, które jest kreatorem wizualnym kształtów/masek generującym za pomocą polecenia css clip-path (i odpowiednich prefixów) kod kształtu. Potrzebne, używane, zapisane w ulubionych.

Wycinanie tła

Jakiś czas temu opisywałem już webappkę Clippingmagic, która wycina tło.
Ta opisywana teraz webappka – Remove.bg – jest jednak o trochę lepsza, choć nie idealna (gdy tło jest różnorodne i kolorystycznie zbliżone do obiektu wycinanego – raczej nie działa).

Nic nie zastąpi ręcznego szparowania w fotoszkopie, ale zawsze warto adres remove.bg znać. Może kiedyś się do czegoś przyda…

Obrazy generowane przez AI

Jako że blisko mi do grafiki, obrazów i tym podobnych wizualnych rzeczy, a jednocześnie fascynuje mnie tworzenie obrazów kodem/algorytmem – to rzeczą naturalną jest to że zaciekawiły i zauroczyły mnie obrazy tworzone przez sztuczną inteligencję.

W Sieci jest kilka generatorów tego typu obrazów – na przykład deepart.io czy deepdreamgenerator.com.

Jak to działa? Wrzucasz do maszynki dwa obrazy. Maszynka (a raczej AI, która nie jest tak naprawdę sztuczną inteligencją ale algorytmem maszynowym – uczącym się) stosuje styl graficzny drugiego obrazka na pierwszym. Trzeba trochę poczekać i pokombinować, ale ze zwykłych zdjęć wychodzą cuda.

Polecam do pooglądania:

https://deepart.io/latest/

https://deepdreamgenerator.com/feed

https://pl.pinterest.com/revolwebPL/the-best-of-ai-deep-dream-generator/ – mój pinterestowy subiektywny zbiór najlepszych tego typu prac