2007-07
25

今天看到一篇光照效果教程, 不禁大为赞叹,原来滤镜还可以这样使用。它不仅仅是一篇光照效果滤镜的教程, 也提供了高斯模糊滤镜的一种用法。翻译过来放在这里作为参考吧。 其实并不是原文翻译,只是用我自己的语言将步骤记录下来而已。 所用的Photoshop为CS3。

最终效果如下:

lighting-7.png

下面来看教程。

阅读全文 »
2007-07
25

最近关于photoshop很流行的一篇文章 《80款最好的PhotoShop文字效果制作教程》, 其中介绍了放射字的制作方法。 做法很简单,就是极坐标+风,以做出各种各样的放射线效果。我们先来看看教程。

放射字的做法

先来看看最终效果。

radioactive.jpg
阅读全文 »
2007-01
17

花了一个小时时间做了这个新的网站主题。本以为能很快搞定的,结果在细节部分用了比较多的时间。侧边栏的颜色有些不协调,没时间改了。

不多说了,先上图看看效果吧。具体能不能用CSS实现以后再说吧。

inspiremedia-design-vista.jpg

感谢frank提供背景照片,我先用着了,回头跟你打招呼


2007-01
11

眼看Windows Vista就要正式发布了,趁着这个机会咱也赶赶时髦。这是Vista的黑色任务栏按钮。所用软件为Photoshop 7。

  1. 新建一张图,前景色选灰色(作为辅助色,可随意选一种较淡的颜色),用圆角矩形工具, 设置圆角半径为 3 像素,画一个高 30 左右的矩形。
    ps-vista-button-01.png
  2. 新建图层,用矩形选择工具在按钮上部约50%的地方选择一个矩形。选区越靠上,按钮就越显得凸起。 然后按住Ctrl+Alt+Shift,单击图层面板中第一步建立的形状图层,以选中按钮的上半部。
    ps-vista-button-02.png
  3. 选择前景色 rgb(200,200,200),背景色 rgb(90,90,90),使用渐变工具由上至下在选区中填充渐变色。
    ps-vista-button-03.png
  4. 按Ctrl+Shift+I反选,再按住Ctrl+Alt+Shift单击图层面板中第一步建立的形状图层,选择按钮下半部分。
  5. 设置前景色为 rgb(24,24,24),按Alt+Del填充选区。
    ps-vista-button-04.png
  6. 按Ctrl键单击图层面板中的形状图层,然后选择减淡工具,宽度5像素,曝光度设置为50%,加亮按钮的边缘。 特别是圆角部分可以适当加大高光区。
    ps-vista-button-05.png
  7. 保持前景色为 rgb(24,24,24),选择主菜单编辑->描边,居中1像素。 然后选择前景色为rgb(200,200,200),再次选择主菜单编辑->描边,居外1像素。最后按Ctrl+D取消选区。
    ps-vista-button-06.png

效果还不错吧?最后可根据需要隐藏背景层和形状图层,输出成png格式,便于在网页上使用。


2006-07
20
  1. 首先选好背景图像,将其复制后在Photoshop中新建图像,将复制的背景图像粘贴到新建图像中,然后再按Ctrl+J键将背景图像图层复制一份,结果如图1所示,图层如图2所示。
  2. 选中水晶球图层,然后使用矩形选框,按住Alt和Shift键,选出制作水晶球的部分,如图3所示。
  3. 选择“滤镜->扭曲->极坐标”,方式为“极坐标到平面坐标”,对选中部分进行扭曲,如图4所示。
  4. 保持选择区域,执行“编辑->变换->垂直翻转”,如图5所示。
  5. 然后再次执行“滤镜->扭曲->极坐标”,这次方式选择“平面坐标到极坐标”。这样就可以看到水晶球的基本形状了,如图6所示。
  6. 按Ctrl-D取消选择,然后单击图层面板下方的第二个按钮“添加图层蒙板”,如图7所示。
  7. 保证水晶球图层的蒙板处于选中状态,选择画笔工具,并选择边缘模糊的笔尖,不透明度设置为50%,在水晶球的中心部位涂抹。可以看到被涂抹的地方的背景层开始慢慢显现出来。结果如图8所示,图层面板如图9所示。
  8. 下面我们删除水晶球之外的部分。这次单击图层面板的“水晶球”层的图像图标,以确保当前操作对象为图像而不是蒙板。然后使用椭圆选择工具,按住 Alt和Shift键,拖出圆形区域圈住水晶球。选择的时候按住空格键可以移动选区位置。然后按 Ctrl+Shift+I 进行反向选择。按 Del 键,删除水晶球之外的部分。
  9. 最后完成效果如图10所示。
crystal.jpg

2006-07
15
  • 图(1):先进行渐变填充,然后执行滤镜->像素化->马赛克,设置单元格大小为50,最后对整个画面反复做滤镜->锐化->锐化。
  • 图(2):先执行滤镜->渲染->云彩,然后执行滤镜->像素化->马赛克,设置单元格大小为50,最后执行滤镜->风格化->查找边缘。
  • 图(3)金属效果:先执行滤镜->杂色->添加杂色,设置数量为70左右,单色高斯分布,然后执行滤镜->模糊->动感模糊,设置距离为30-40。
  • 图(4)网格效果:先执行滤镜->杂色->添加杂色,设置数量为70左右,单色高斯分布,然后执行滤镜->模糊->动感模糊,设置距离为700以上。之后将做好的图层复制,将副本旋转90度(编辑->变换->旋转90度),然后将副本的图层混合模式改为正片叠底,再向下合并图层,最后进行色阶调整,调整整体亮度。
photoshop-tips.jpg

2006-07
15

利用云彩和动感模糊可以做出简单的极光。

  1. 首先建立一个600x600的图像,并填充为黑色。
  2. 按x键恢复默认前景和背景色,然后新建一个图层,使用滤镜->渲染->云彩,如图(1)。
  3. 使用滤镜->模糊->动感模糊,设置角度为 80~100 度左右,距离为300~700像素,做出极光的条纹效果,结果如图(2)。
  4. 单击图层->新调整图层->渐变映射,选中“与前一图层编组”,然后设置深蓝->浅蓝的渐变色,如图(3)。
  5. 激活第3步中执行动感模糊的图层,然后单击图层面板中的“添加图层蒙板”按钮,如图(4)。
  6. 使用画笔工具在第5步中建立的图层蒙板中画出需要的极光的形状。完成后的效果如图(5)。
  7. 图(6)为应用示例。蓝色和绿色的极光叠加在一起,并辅以夜色下的海洋作为背景。
photoshop-aurora.jpg