另类设计思路——JPEG 代码
作为一个设计师,我常常追寻一些打破常规的表现方式,并运用到设计当中。基于本人对达达主义激情和随机元素表现的迷恋,我将展现一种独特的方式,也许没有打破常规,但的确,我们要打破图片中的代码
Stephen Hislop 向我们展示怎样来操作图片代码。

所用到的软件Photoshop CS4 or later, TextEdit
所需时间30 minutes
所要掌握的技能
理解图片是怎样生成的
色相和饱和度的控制
了解怎样选出特定的颜色并改变它
作为一个设计师,我常常追寻一些打破常规的表现方式,并运用到设计当中。基于本人对达达主义激情和随机元素表现的迷恋,我将展现一种独特的方式,也许没有打破常规,但的确,我们要打破图片中的代码。是否激动了么,每次翻译到这种教程都想迫不及待的给自己的朋友看。不可预计的图形设计才是灵感的起源~。好了吐槽结束了,先自我介绍下,我叫包子,就是一直翻译教程的这个人,翻译了快有30篇教程之类的,风格却是一如既往的坑爹,需要各位读者绞尽乳汁脑汁的不断实验。不过这样不是更加容易记住么,也许你突然发现新大陆了,记得告诉包子。好了,今天翻译会随性一些,当做杂文看吧。
在本教程中我将重点解释,怎样重构一个图片中的结构代码,通过打打它,然后揉揉它,最后噔噔噔……这样的方式很容易为我们的创作提供灵感,在图片未完成前我们完全不知道结果,也许你会觉得被这篇教程给坑了,但是当你哪天想坑下你客户的时候,这个教程让你受益匪浅。学习本教程,能够让你的项目经理,客户,同事对你诡异的思路充满敬佩仰慕之情……总之很神就是了。

01 首先,复制一个图片到你的桌面(其实哪都可以)然后编辑文件的后缀名。很简单,点击重命名,把JPG之类的替换成TXT。什么?你不会改!那看下扩展名有木有隐藏。如果你折腾了半小时还没搞定,唔~~短消息我吧。

02 打开该txt文件,用文本编辑器或者别的什么编辑器。我当时就震精了,一大堆的数组代码和数字符号,但是“没关系慢慢来,这张图我自己来”。仔细观察,还是很像HTML语言的,头部代码告诉图片当被打开的时候应该怎样,所以我们可以无视它。向下拖动大约八分之一的位置,知道你看到一片区域和上图高亮的地方差不多。

03 接下来,你需要就是剪切一些代码。不管剪切的多或少,你需要知道:剪切的越多那最最终效果中被破坏的就越多。剪切的越少,那就会出现小范围的区域被破坏。

04 一旦你已经剪切了一段代码,向下滚动,然后随便粘贴在另外一个位置。粘贴的代码离你原本代码位置越远,在图像上的错位效果会越明显。

05 选择另外一段代码,这次我们再次复制一段代码,效果会和我们之前一步做的差不多,不过图像会产生重复。

06 拖动到相对远的地方粘贴代码。不断的重复以上这些步骤,直到你修改到文档八分之七的位置。要记住你每一个选择都是选择的图像位置,复制和粘贴其实是在打乱图片中像素的排列组合。

07 一旦你完成了,那就保存该txt。然后再一次,将txt修改成jpg。你现在就拥有了一个图片啦,但这次画面是被我们“设计”过的。如果没有,也许你已经破坏了顶部代码。为了安全期间,第一次尝试修改的时候,只需要移动文件中间位置的代码就可以了。

08 现在,我们有了一个图片,我们将修改一些颜色,让画面变得更加有形式感。从PS中打开图片。你将看到一个提示框,不用管它,点击OK即可。有时,如果代码遭到破坏,你还是可以浏览到图片,截图然后导入到PS中也是可以的。

09 改变图片的颜色,菜单中图像> 调整>色相/饱和度。这里我们将色相设置为-34然后饱和度为+17。做完这些图像的颜色就更有层次感了。

10 接下来,我想对于一些特定的颜色进行深度层次的调整。菜单 图像>调整>选择颜色。在这个面板,再颜色下拉菜单选择黑色,然后加入高比例的蓝绿色和紫红色。

11 为了展现更多的细节,使用相同的颜色选择面板,这次我们选择红色,如图所示设置。这会让画面更加有层次,红色也会显得更加醒目,不断的调试这些颜色,直到您满意为止。

12 现在我们的图片看起来已经很丰富了,如果你需要可以用选取工具将画面调整的更加混乱。新建一个透明图层在源图像上面,这样操作不会破坏原图像。

13 接下来,选择源图像的一块你觉得非常漂亮的区域,将它复制到新建的透明图层中,来点缀画面中的不足。

14 不断的尝试之前的步骤,直到你觉得满意。你可以将该图片用于某些设计的背景,也能通过3D透视做出独特的效果,也能做一套无序的文字设计,总之存在便是有意义,即便是十分坑爹。你将享受这类图像给你设计带来的神奇魔力。

15 当你完成了盖作品,将作品保存为你想用的格式。整个过程的美妙在于:在制作过程中的玩乐与体验,所以不要担心,如果出现的效果不像自己预期的那样。也许这就是整个过程中最让人期待的一部分了。
你可以尝试用多张图片中的代码互相替换,来做出更加神奇的作品。期待各位读者的作品哟~~
我想出个app电子杂志来发布这些教程,以及一些作品。但是不知道怎样开始…… 包子有点迷茫。有人能指导下么?














































































