这种图如何制作，求指导！

[tanteng]

这张图一看就是一名程序员坐在电脑前写代码，我想给自己做一张这样的，如何 ps

[rekulas]

这个主要把代码提取出来就行了 我提供个简单的 idea
打开 https://ace.c9.io/build/kitchen-sink.html 选择合适的代码 把你的代码复制上去 去掉 Show Invisibles Show print margin 选项
打开 chrome 元素检查 在 div.ace_scroller 元素 css 里添加你的照片背景图 就完成了
比如这样
http://7xrn7f.com1.z0.glb.clouddn.com/16-6-2/16755937.jpg

[rekulas]

没注意到代码是翻转的 ，你可以在 css 加上 transform: scaleX(-1);翻转或者自己再 ps 翻转下

[MikeFish]

确实是很帅

[Mutoo]

白底 IDE 截张图，放到 PS 里面，反相，水平翻转，然后图层模式改成「滤色」放在照片上面， Done.

[Mutoo]

做了个效果，预览如下 https://www.dropbox.com/s/xhb8365hvixbpcy/code_on_picture.png?dl=0

[rekulas]

@Mutoo 这个方法确实好看点 不过预览图放 dropbox 差评

[Mutoo]

@rekulas Dropbox 支持截图直接分享，习惯了。🙂🙂🙂

[tanteng]

@Mutoo 图片打不开

[rekulas]

@tanteng 转发
http://7xrn7f.com1.z0.glb.clouddn.com/16-6-2/60797055.jpg

[EchoWhale]

打不开任何一张图😂😂

[hei1000]

@EchoWhale +1

[7z7]

@rekulas 打不开的.

拒绝访问

本缓存服务器管理员： [e-mail]

Via:huizhoudianxin50:4 (Cdn Cache Server V2.0)


Generated Thu, 02 Jun 2016 10:47:37 GMT by cache.51cdn.com (Cdn Cache Server V2.0)

[rekulas]

@7z7
@EchoWhale
图床挂了 重来下 mutoo 的 我的找不到了
http://r5.loli.io/RbM3ui.jpg
http://imgchr.com/images/unspecified.png

[smallpath]

算是平面软件的基础功能, ps,ai,ae,pr 甚至 c4d 都能搞定

[Mutoo]

via: 微博是个好图床

[154625424]

@rekulas ace.c9.io 速度为什么快？ 是你自己架设的莫？

[rekulas]

@154625424 不是 国外开源项目

[Stupitch]

我觉得应该挺简单的，但是我不会= =