另类设计思路——JPEG 代码(翻译教程) [复制链接]

上一主题下一主题查看指定楼层

只看楼主倒序阅读使用道具楼主 梦舞飞扬 发表于: 2013-03-21

作者： thackeraybh

原文：

所用到的软件Photoshop CS4 or later, TextEdit

所需时间30 minutes
所要掌握的技能
理解图片是怎样生成的
色相和饱和度的控制
了解怎样选出特定的颜色并改变它

作为一个设计师，我常常追寻一些打破常规的表现方式，并运用到设计当中。基于本人对达达主义激情和随机元素表现的迷恋，我将展现一种独特的方式，也许没有打破常规，但的确，我们要打破图片中的代码。是否激动了么，每次翻译到这种教程都想迫不及待的给自己的朋友看。不可预计的图形设计才是灵感的起源~。好了吐槽结束了，先自我介绍下，我叫包子，就是一直翻译教程的这个人，翻译了快有30篇教程之类的，风格却是一如既往的坑爹，需要各位读者绞尽乳汁脑汁的不断实验。不过这样不是更加容易记住么，也许你突然发现新大陆了，记得告诉包子。好了，今天翻译会随性一些，当做杂文看吧。

在本教程中我将重点解释，怎样重构一个图片中的结构代码，通过打打它，然后揉揉它，最后噔噔噔……这样的方式很容易为我们的创作提供灵感，在图片未完成前我们完全不知道结果，也许你会觉得被这篇教程给坑了，但是当你哪天想坑下你客户的时候，这个教程让你受益匪浅。学习本教程，能够让你的项目经理，客户，同事对你诡异的思路充满敬佩仰慕之情……总之很神就是了。

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

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