8 位字节头像 + 3 个词来描述我

January 23, 2011 |  by  |  dumbideas, How To, Style

今天回到家吃完晚饭和小小看了半部电影,然后我就网上闲逛游一会儿。

发现两个有意思的东西,就半路杀出这篇不论不类的文章,但应该会很有趣。

第一个东西叫「Describe me in 3 words!」这是一个18岁的小“企业家” Mark Bao(http://markbao.com/)用 Rails写的。

请你不要给我说这个「Describe Me in Three Words!」不就是QQ印象嘛!……

然后你可以点击这个链接(threewords.me/darrenest),给我送上三个词,描述一下,可以匿名,不要不好意思 : P

第二个东西叫「EightBit」。

如果你使用 Twitter,也许你注意到最近有很多国外科技网站的大牛一部分人用的头像变得很酷!

比如你看看TechCrunch的 @parislemon

起初这是受到英国艺术家、设计师Harry Harrison发布的8位设计的启发和鼓舞,三藩互动设计师 Addison Kowalski、Amadeus Demarzi 和 Courtney Guertin 想到了把他们的 Twitter 头像都 8 位化。然后就蔓延开来。

然后 @addison在 TC 分享了一个视频教程,教大家如何使用Photoshop制作八位字节的头像

下面是两段Tutorial:

Photoshop中简单的分解步骤如下:

1. 打开 Photoshop

2. 键盘操作 Command + K 打开“首选项”。(注:Windows用户为 ctrl+k)

3. 选中“网格,参考线,切片”,然后把网格线设置成“每50像素”,“纹理”设置成“5”。

4. 创建一个100*100像素的新文档。

5. 键盘操作 Option + Delete填充背景。(注:windows用户为 alt+Delete)

6. 使用形状工具画一个4*4的方形作为脸部的基础。

7. 使用相同的工具画出头发,脖子的影子,等等。

8. 在“滤镜”“增加噪点” 中把噪点设置成1%,设置“高斯”和“单色”。

9. 最后使用加深工具和个人创意加以润色。

我的 Photoshop 技术还处于入门,打算明天晚上试试看,觉得上面的就很像我,先就从这个图里截下一个做 Gravatar用了 : D

另外

发起活动!大家尽情发挥想象力!做一些漂亮的 EightBit

邮件发来 darren.liuhao $gmail.com,或者 twitter @darrenest,留言给链接都可以!

如果有的话我把收到的都贴在这里,然后大家评选 : O 有奖品送出哦!

—-

我发挥想象力,使用 Pages(或者Microsoft Word)的表格,也画出来了一个类似的头像,其中有内嵌的表格宽度为了效果被调整过,虽然不能说是严格意义上的 Eightbit,但是也还是很有意思的。

下面是制作过程中的几个截图:

第一步:

在 Pages中创建一个Table,然后相应的表格内通过 Cmd选取多个格子,填上色彩。

第二步:

将 Tabel的边框(Borders)变成「none」。

你发现,你点击其中一个表格的时候,还会出现白色的框框,有点浴室墙面的感觉吧?

我就截了一张这样效果的,还不错!

通过选取其中的两个框框,还能有眼睛框的效果:

然后,下面这个是空白背景的:

我发现在截图的时候背景被灰色化了,感觉还不错,于是我最后添加了背景(选取所有未上色的格子)填充上去灰色。

这就是我要使用的 非正统版「EightBit」:

(My Grey_EightBit Avatar)

—–

update:  1月26日 2011

收到作品如下

 

update: 11/03/2011

收到 le_sucre的投稿,作品如下:

 

update

现在EightBit提供网页直接生成了:http://eightbit.me/

可以选择造型,发式,衣着,方便又漂亮。

教程链接: http://eightbit.me/sxsw

 



很喜欢:
分享到: QQ空间 开心网 人人网 微博 豆瓣 饭否
 





12 Comments


  1. 那个8bit头像如果有程序自动生成就好了

  2. 没办法登陆Twitter。

Leave a Reply