PS加强网页设计中像素化细节的技巧
作者:ahhqx 来源:蓝色理想 时间:2009-05-09 11:37:00
原文:http://www.ediyang.com/3-photoshop-skills-make-pixel-popping/
在网页设计中细节的处理十分重要,我个人也经常观摩外国佬的网站,发现优秀的网站设计在细节方面的处理都是照顾十分周全的。今天在这里分享给大家的小技巧很简单,但是却可以很好滴增强整个网站的细节。所以我自我认为这些技巧对提升你的网站设计水平也是有帮助的。
并且你会留意到这些技巧都围绕一个词,就是“像素化”,简单地说就是一些1px,2px的小线。
好吧,我们开始。
1.像素分隔线
第一个介绍的是分隔线,请看下图,为 Pixel2Life.com 的导航栏。
留意图中红圈圈中的线已经按钮之间的分隔线,这些线看起来有一种凹进去的感觉,形成一种很好的分隔线的感觉。接下来我把这张图放大,我们看看其中原理。
我们可以看到这些分隔线,都是有2条相邻的1px直线构成的,并且一条颜色较背景色更深,一条较浅。接下来,看方法:
选取铅笔工具(不要选错为画笔),大小调为1px
选取一个较背景色更深的颜色,如图中的深蓝色,按住Shift画出一条直线
选取一个较浅的颜色,再画一条直线。OK
PS.画线过程可以放大画布(Z)以便观察。
怎么样,效果比单色的分隔线要好很多吧?接下来再看一些使用这个分隔线技巧的例子:
标签:Photoshop,像素,网页
0
投稿
猜你喜欢
Photoshop签名教程:仿手绘守望美女
2009-11-21 14:59:00
用Photoshop制作质感硬币
2009-07-04 12:12:00
Photoshop中制作一个闪耀的地球[译]
2010-01-27 18:11:00
利用PS轻松打造极地全景特效
2009-06-22 07:47:00
Photoshop调出美女漂亮的淡蓝色肤色
2009-05-27 09:23:00
Photoshop给杂色较多的人像图片艺术美化
2009-02-21 16:27:00
Photoshop制作web2.0注册按钮
2009-11-09 19:23:00
PS鼠绘精美的美女头像
2009-03-27 09:52:00
Photoshop打造独特的3d文字效果
2009-04-22 11:51:00
让图片突破空间束缚[译]
2009-07-29 18:38:00
photoshop中打造浓情巧克力
2009-07-28 17:24:00
Illustrator 绘制古典美女柳梦璃之头发篇
2009-02-21 18:35:00
Photoshop快速修复偏暗红的MM照片
2009-05-22 08:15:00
FireWorks 人物暗夜里的光影涂鸦
2009-07-04 12:18:00
Illustrator 三维轮廓
2009-07-04 12:29:00
Photoshop调出照片的甜美色彩
2009-02-21 16:35:00
Photoshop给照片加上绚丽的蓝紫色背景
2009-03-24 13:08:00
Photoshop制作可爱的卡通元素相框
2009-02-23 08:28:00
Fireworks 详细绘制小灯泡
2009-07-04 12:36:00
作品欣赏:各种光效综合运用令人视觉震惊的PS图
2009-11-21 15:12:00