Como diseñador, siempre estoy buscando formas de romper moldes y alejarme de las reglas del diseño. Impulsado por la pasión por el período dadaísta y la fascinación por el elemento del azar, te mostraré una manera de no solo romper las reglas, sino también romper el código de una imagen.
En este tutorial nos centraremos en cómo deconstruir una imagen en su forma más básica, antes de romper esa forma y volver a arreglarla. La forma en que hacemos esto está muy inspirada por el elemento del azar, por lo que no sabremos cómo se verá la imagen final hasta que finalice el proceso. Después de aprender las habilidades que se tratan aquí, podrá liberarse de los límites establecidos por el diseño y la tecnología, haciendo que su trabajo sea verdaderamente libre y sin limitaciones.
01 Primero copie una imagen en su escritorio y comience editando el tipo de archivo. Simplemente haga clic en Cambiar nombre y reemplace el .webp por .txt; cuando aparezca el cuadro de diálogo, seleccione Usar .txt. Para obtener los mejores resultados, utilice archivos comprimidos más pequeños o descargados de Internet.
02 Abra el archivo .txt con TextEdit u otro procesador de texto. Notará que hay una gran variedad de códigos y números, pero no se preocupe. Al igual que HTML, la sección superior del código le dice a la imagen qué hacer cuando se abre, así que lo dejaremos solo por ahora. Desplácese aproximadamente 1/8 del camino hacia abajo hasta que vea un área como la resaltada arriba.
03 A continuación, simplemente debe resaltar una sección de código y cortarla del documento. Independientemente de lo grande o pequeño que sea, depende de usted: la regla simple es que cuanto más código resalte, mayor será el área de distorsión en la imagen final. Lo mismo ocurre con las secciones resaltadas más pequeñas, que producen áreas de distorsión más pequeñas.
04 Una vez que haya cortado una sección de código, desplácese hacia abajo en el documento y péguelo de nuevo en cualquier lugar aleatorio. Cuanto más se aleje de la selección original, mayor será el espacio entre cada pieza distorsionada en la imagen final.
05 Seleccione otra sección de código del documento. En esta ocasión copiaremos esta pieza para ver cómo varía de la selección de corte que hicimos en el paso anterior.
06 Nuevamente, desplácese hacia abajo en el código y pegue el texto nuevamente en el documento. Siga repitiendo estos pasos hasta el final hasta llegar a la octava parte inferior del documento. La clave a tener en cuenta al hacer esto es que cada selección es parte de la imagen, y al copiarla y pegarla en un lugar diferente, simplemente está moviendo la selección a un nuevo lugar dentro de la imagen original.
07 Una vez que haya terminado, guarde el documento y vuelva al escritorio. Nuevamente, como en el primer paso, necesitamos cambiar la extensión del archivo a .webp. Simplemente seleccione Cambiar nombre y vuelva a cambiar el archivo a .webp. Ahora volverá a tener su imagen, pero esta vez está distorsionada. (De lo contrario, es posible que haya descifrado el código superior. Para estar seguro, primero experimente con el código en el medio del documento).