用Photoshop的定义图案制作网页背景图

By
技术文档

Create awesome backgrounds using patterns

这个Mflat主题更新以来,一直是浅色调为主,最近突然觉得应该换个头部,偶尔来的同学可能发现了,从上上一个主题(vicuna-flat)开始,一直沿用的浅色调,可能出于对高科技的无知围观加上设计领域的好奇。浅色调的好处不言而喻,不伤眼睛;坏处也是显而易见的,从上到下(底部除外)一个颜色看起来没什么层次。所以昨天晚上花了几个小时做了个头部图片上来。旨在折腾一下,活跃垂死的脑细胞。

上个图留念,不知道几天之后就会被折腾下去了。

screenshot.png

之后是本篇的主题:如何做这么个带小洞洞的图片~~
需要的同学请看:Create an awesome background using patterns

工具PS,主要用到了的定义图案(define pattern)。

他的成品(恕我技术有限,差的太远):

教程比较长,图片太多,我用口水转载一下(单位pixel):

1、新建一个100×100的图片,名字随便。

2、用左边的画圈工具画个大概10×10的小圈圈,涂你喜欢的颜色。

3、(关键步骤)双击圈圈图层,添加内阴影(inner shadow),各参数如下:

Create awesome backgrounds using patterns

4、用ctrl+j多复制几个圈圈出来,之后排列位置。

Create awesome backgrounds using patterns

5、添加个背景颜色,之后用选择工具选择如上图的蓝色线中间的方块位置。

6、(关键步骤)点击编辑>定义图案(define pattern)。将上一个步骤选择的区域设置为图案。

7、新建一个图层,用图章工具或者图层样式>图案填充把区域填满。

8、成品如下图。

Create awesome backgrounds using patterns

9、(这是我自己搞的)根据图片样式进行切片,之后在需要的地方repeat就可以了。

参照这个模式,我们可以制作出各式各样的背景图案,比如满天大猩猩、满眼小心心、全屏小骷髅等等。只要你想得到~

0

Comments: 70

  1. 以后跟着你学PS了

    2010年04月18日
  2. 还是英文。。博主厉害、、 :!:

    2010年04月18日
  3. 英文PS,强~~

    2010年04月18日
    • @koobai 一般化吧。英文也不是很烂

      2010年04月18日
  4. 高手啊 用的是英文版本的! :grin:

    2010年04月18日
  5. 这招不错啊~

    2010年04月18日
  6. 又一个WordPress博客~你都不改啊?

    2010年04月18日
    • @老饕 呃?目前没定好位,暂时折腾Wordpress中,所以叫这个名字也挺好的,哈?

      2010年04月18日
  7. 图案填充,咱杯具了, 我每次都是一个一个复制的 :shock:
    话说,阿修你的logo改成Axiu’s Blog出现大小写,效果会不会更牛些?或者aXiu’s Blog :mrgreen: :mrgreen: :mrgreen:

    2010年04月19日
    • @小雯子 貌似应该有大小写,我咋没想到呢…… :!:

      2010年04月19日
  8. 有个做网点的插件DitherBox,用起来不错,貌似可以更方便的做这些~

    2010年04月19日
    • @bobsheep 没怎么装过插件,对于折腾者来说这个直接点

      2010年04月19日
  9. 看完就有小进步 :oops:

    2010年04月19日
  10. 挺好看的,满天爱心桃!

    2010年04月20日
  11. 右上角“最近活跃朋友”的功能挺好吖~~~
    阿修是用了什么插件吗?

    2010年04月20日
    • @Lazyyyyyyyyyyyyyy 没有,在function里加了函数实现的。z大叔的传送门:zww.me/archives/24836

      2010年04月20日
  12. 腾讯微博邀请码T楼中 快点来抢啊

    2010年04月20日
  13. 不会ps。。只会fireworks的路过。。。

    PS:小站已经更换域名,新域名是leo-n.com,麻烦博主修改下,谢谢~

    2010年04月20日
    • @Leo.N 就不更新就不更新就不给你更新~~ :lol: :lol:

      2010年04月20日
    • @阿修 你真坏真坏真坏 :mrgreen: :mrgreen:

      2010年04月20日
  14. 哇…这风格好·~有质感… :grin: 等忙完等级考试我也去用PS搞…

    2010年04月21日
  15. 看来你也是ps高手

    2010年04月21日

进行回复 取消回复

电子邮件地址不会被公开。 必填项已用*标注

*

:razz: