Als Designer sichen ech ëmmer no Weeër fir de Schimmel ze briechen an ewech vu Regelen am Design ze goen. Sparked vun enger Passioun fir d'Dada Period an enger Faszinatioun mam Element vun der Chance, ech weisen Iech e Wee fir net nëmmen d'Regelen ze briechen, awer tatsächlech de Code vun engem Bild ze briechen.
An dësem Tutorial fokusséiere mir eis op wéi een e Bild a seng Basis Form dekonstruéiert, ier dës Form gebrach gëtt an erëm erëm fixéiert gëtt. De Wee wéi mir dëst maachen ass ganz inspiréiert vum Element vun der Chance, sou datt mir net wësse wéi d'Finale Bild ausgesäit bis de Prozess fäerdeg ass. Nodeems Dir déi hei ofgedeckt Fäegkeete léiert, kënnt Dir aus de Grenze vum Design an der Technologie fräi briechen, sou datt Är Aarbecht wierklech fräi gëtt an ouni Aschränkungen.
01 Als éischt kopéiert e Bild op Äre Desktop a fänkt un mat der Dateityp z'änneren. Klickt einfach Rename an ersetzt d'.webp duerch .txt - wann d'Dialogbox erscheint wielt Benotzt .txt. Fir bescht Resultater benotzt méi kleng kompriméiert Dateien oder déi vum Internet erofgelueden.
02 Öffnen der .txt Datei mat TextEdit oder engem anere Wuertprozessor. Dir wäert bemierken datt et e grousst Array vu Code an Zuelen ass, awer maacht Iech keng Suergen. Grad wéi HTML, seet den ieweschten Deel vum Code dem Bild wat ze maachen wann en opgemaach gëtt, also loosse mer dat elo eleng. Scrollt ongeféier 1/8 vum Wee erof bis Dir e Gebitt wéi dat hei uewe markéiert gesäit.
03 Als nächst musst Dir einfach e Sektioun vu Code markéieren an aus dem Dokument schneiden. Egal wéi grouss oder kleng Dir gitt ass u Iech: Déi einfach Regel ass de méi Code deen Dir markéiert, wat méi grouss d'Verzerrungsfläch am leschte Bild ass. Dat selwecht gëlt fir méi kleng markéiert Sektiounen a produzéiere méi kleng Verzerrungsberäicher.
04 Wann Dir en Deel vum Code ofgeschnidden hutt, scrollt d'Dokument erof a pecht en zréck an all zoufälleg Plaz. Wat méi wäit ewech vun der Originalauswiel scrollt, wat méi grouss de Spalt tëscht all verzerrtem Stéck am leschte Bild ass.
05 Wielt eng aner Rubrik vum Code aus dem Dokument. Dës Kéier kopéiere mir dëst Stéck fir ze kucken wéi et variéiert vun der Schnëttauswiel déi mir am fréiere Schrëtt gemaach hunn.
06 Nees, scrollt weider de Code erof a pecht den Text zréck an d'Dokument. Halt dës Schrëtt ëmmer erëm erof bis Dir den ënneschten 1/8 vum Dokument erreecht. D'Schlëssel Saach fir am Kapp ze behalen wann Dir dëst maacht ass datt all Selektioun en Deel vum Bild ass, a wann Dir se kopéiert an iergendwou anescht pecht plënnert Dir d'Auswiel einfach op eng nei Plaz am Originalbild.
07 Soubal Dir fäerdeg sidd, späichert d'Dokument a gitt zréck op den Desktop. Elo, wéi am éischte Schrëtt, musse mir d'Dateieerweiterung zréck op .webp änneren. Wielt einfach Ëmbenennen an ännert d'Datei zréck op .webp. Dir kritt Äert Bild elo erëm zréck - awer dës Kéier ass et verzerrt. (Wann net, hutt Dir vläicht den Topcode gebrach. Fir sécher ze sinn, experimentéiert als éischt mam Code an der Mëtt vum Dokument.)
