Som designer letar jag alltid efter sätt att bryta formen och gå bort från regler inom design. Sparked av en passion för Dada-perioden och en fascination av chansen, kommer jag att visa dig ett sätt att inte bara bryta mot reglerna utan faktiskt bryta koden för en bild.
I denna handledning kommer vi att fokusera på hur man dekonstruerar en bild till sin mest grundläggande form innan vi bryter den formen och fixar den igen. Sättet vi gör detta på är mycket inspirerat av chansen, så vi vet inte hur den slutliga bilden kommer att se ut förrän processen är klar. När du har lärt dig de färdigheter som beskrivs här kommer du att kunna bryta dig loss från de gränser som design och teknik ställer, så att ditt arbete blir riktigt gratis och utan begränsningar.
01 Kopiera först en bild till skrivbordet och börja med att redigera filtypen. Klicka bara på Byt namn och ersätt .webp med .txt - välj Använd .txt när dialogrutan visas. För bästa resultat använder du mindre komprimerade filer eller de som laddas ner från internet.
02 Öppna .txt-filen med TextEdit eller en annan ordbehandlare. Du kommer att märka att det finns ett stort utbud av kod och nummer, men oroa dig inte. Precis som HTML berättar den övre delen av koden bilden vad den ska göra när den öppnas, så vi lämnar det ensam för tillfället. Bläddra ungefär 1/8 av vägen ner tills du ser ett område som det som är markerat ovan.
03 Därefter måste du helt enkelt markera en kodsektion och klippa ut den från dokumentet. Hur stor eller liten du än går är upp till dig: den enkla regeln är ju mer kod du markerar, desto större blir distorsionsområdet i den slutliga bilden. Detsamma gäller mindre markerade sektioner som ger mindre distorsionsområden.
04 När du har klippt ut en kodavsnitt, bläddra ner i dokumentet och klistra in det tillbaka på valfri plats. Ju längre bort du rullar från det ursprungliga urvalet, desto större blir klyftan mellan varje förvrängd bit i den slutliga bilden.
05 Välj en annan kodsektion från dokumentet. Den här gången kopierar vi det här stycket för att se hur det varierar från det klippval som vi gjorde i föregående steg.
06 Återigen, rulla längre ner i koden och klistra in texten tillbaka i dokumentet. Fortsätt upprepa stegen hela vägen tills du når botten 1/8 av dokumentet. Det viktigaste att tänka på när du gör detta är att varje val är en del av bilden, och genom att kopiera och klistra in det någon annanstans flyttar du helt enkelt markeringen till en ny plats i originalbilden.
07 När du är klar sparar du dokumentet och går tillbaka till skrivbordet. Återigen, som i det första steget, måste vi ändra filtillägget till .webp. Välj bara Byt namn och ändra filen tillbaka till .webp. Nu får du tillbaka din bild - men den här gången är den förvrängd. (Om inte, kanske du har brutit toppkoden. För att vara säker, försök först med koden mitt i dokumentet.)