Como designer, estou sempre procurando maneiras de quebrar o molde e me afastar das regras do design. Estimulado por uma paixão pelo período Dada e um fascínio pelo elemento do acaso, vou mostrar a você uma maneira de não apenas quebrar as regras, mas realmente quebrar o código de uma imagem.
Neste tutorial, vamos nos concentrar em como desconstruir uma imagem em sua forma mais básica, antes de quebrar essa forma e consertá-la novamente. A maneira como fazemos isso é muito inspirada pelo elemento do acaso, então não saberemos como a imagem final ficará até que o processo seja concluído. Depois de aprender as habilidades abordadas aqui, você será capaz de se libertar dos limites impostos pelo design e pela tecnologia, tornando seu trabalho verdadeiramente livre e sem limitações.
01 Primeiro copie uma imagem para sua área de trabalho e comece editando o tipo de arquivo. Basta clicar em Renomear e substituir .webp por .txt - quando a caixa de diálogo for exibida, selecione Usar .txt. Para obter os melhores resultados, use arquivos compactados menores ou baixados da Internet.
02 Abra o arquivo .txt com o TextEdit ou outro processador de texto. Você notará que existe uma vasta gama de códigos e números, mas não se preocupe. Muito parecido com o HTML, a seção superior do código diz à imagem o que fazer quando aberta, portanto, deixaremos isso de lado por enquanto. Role aproximadamente 1/8 do caminho para baixo até ver uma área como a destacada acima.
03 Em seguida, você precisa simplesmente destacar uma seção do código e cortá-la do documento. O grande ou pequeno que você vai é com você: a regra simples é quanto mais código você destacar, maior será a área de distorção na imagem final. O mesmo vale para seções menores destacadas, produzindo áreas menores de distorção.
04 Depois de cortar uma seção do código, role para baixo no documento e cole-o de volta em qualquer lugar aleatório. Quanto mais longe você rolar da seleção original, maior será a lacuna entre cada peça distorcida na imagem final.
05 Selecione outra seção do código do documento. Desta vez, copiaremos esta peça para ver como ela difere da seleção de corte que fizemos na etapa anterior.
06 Novamente, role mais para baixo no código e cole o texto de volta no documento. Continue repetindo essas etapas até chegar à parte inferior de 1/8 do documento. A principal coisa a se ter em mente ao fazer isso é que cada seleção é uma parte da imagem e, ao copiá-la e colá-la em algum lugar diferente, você está simplesmente movendo a seleção para um novo local dentro da imagem original.
07 Quando terminar, salve o documento e volte para a área de trabalho. Novamente, como na primeira etapa, precisamos alterar a extensão do arquivo de volta para .webp. Basta selecionar Renomear e alterar o arquivo de volta para .webp. Agora você terá sua imagem de volta - mas desta vez ela está distorcida. (Caso contrário, você pode ter quebrado o código principal. Para ficar seguro, primeiro experimente o código no meio do documento.)