Štítek: screenshot

Shooter: generátor promo screenshotů, co se osamostatnil

Když jsem pro TangerineUI Classic přidával nové barevné varianty, potřeboval jsem k nim pokaždé to samé: promo screenshot do README – browser okno v light i dark módu diagonálně vedle sebe, k tomu iPhone mockup, na barevně tónovaném pozadí. Ručně to skládat mě po 5 minutách přestalo bavit a tak vznikl malý Python skript schovaný hluboko v art/Screenshots/ repa.

Screenshot Deník N vytvořený Shooterem
Screenshot Deník N vytvořený Shooterem

Vykostění

Skript uměl jen jednu věc pro jeden konkrétní projekt – natvrdo zadrátované jméno souborů TangerineUI-<variant>.png, natvrdo osm barevných variant. Když jsem ale potřeboval podobné promo obrázky i pro Fedík, Katalog nebo Sloníka, vyplatilo se ho z TangerineUI vytrhnout a zobecnit. Tak vznikl Shooter – samostatný nástroj, co spustíš jako:

python3 shoot.py <jméno> --bg <barva>

a on si sám v screenshots/ najde <jméno>-light.png, -dark.png a volitelně i -iphone.png.

Jak to funguje

Trik je v tom, že se nefotí žádný skutečný telefon ani prohlížeč. Je tam jednou provždy připravená šablona – ořezané browser chrome s drop shadow a čistý iPhone rámeček s "vypáleným" stavovým řádkem a transparentní dírou uprostřed. Screenshoty se pořizují v Chrome DevTools na přesný viewport a DPR, a skript je pak jen nalepí do šablony přes Pillow.

Detektivka se stínem

Nejzábavnější část bylo lovení jednoho vizuálního bugu – v levém horním rohu okna se objevovala falešná, moc tmavá skvrna stínu, kterou jsem předtím vždycky opravoval ručně kopírováním čistého kousku pozadí přes to špatné místo. Ukázalo se, že šablona má v sobě zapečený druhý, přebytečný stín navázaný přesně na výšku toolbaru – takže se tam sčítaly dva stíny najednou. Řešení nakonec bylo přesně to, co jsem dělal ručně, jen automatizované: najít přesnou hranici (na pixel) a přelepit ji čistým pruhem pozadí zespodu.

Co z toho je

Shooter teď umí udělat promo screenshot pro libovolný web – fedik.online, katalog.zpravobot.news i Sloníka jsem jím prohnal bez jediné úpravy kódu, jen se změnou jména a barvy.

Číst dál

SeanoPholio - můj fotoblog

Rád fotografuji, to není žádná novinka, jen konstatování něčeho, co o mně někteří lidé již ví. Každý, kdo fotografuje (vím, říká se tomu fotograf, ale označovat se tak bych si opravdu netroufl), má spoustu fotografií, a občas se stane, že je s některou i spokojen a chce ji zveřejnit.

I já se dostal do tohoto stavu a proto jsem přeměnil svůj bohužel neúspěšný projekt 365 (ano, nevydržel jsem to, 365x po sobě je hrozně dlouho) na SeanoPholio, webové folio mých “nejlepších” fotografií. Na této adrese tedy budete nacházet fotografie, které já sám považuji za povedené.

image

Fotografie budou průběžně přibývat, to slibuji, nebudou se ale všechny objevovat jako nové příspěvky, protože jsem se rozhodl, že jednotlivé fotografie budu publikovat podle data pořízení. To mi dává větší smysl a umožní to vám i mě pozorovat, zda jsem se s tím focením někam posunul.

Že na webu jsou i nové fotografie tak nebude zřejmé na první pohled, stav si ale snadno ověříte pomocí pohledu do Archivu, kde budou vidět nové archivní položky.

Nezbývá tedy než doufat, že se vám moje fotografie budou líbit, že se na SeanoPholio budete rádi a často vracet a že mi do komentářů budete psát  i své názory na moje focení.

Číst dál