PS加强网页设计中像素化细节的技巧
作者：ahhqx 来源：蓝色理想 发布时间：2009-05-09 11:37:00
标签：Photoshop,像素,网页
原文：http://www.ediyang.com/3-photoshop-skills-make-pixel-popping/
在网页设计中细节的处理十分重要，我个人也经常观摩外国佬的网站，发现优秀的网站设计在细节方面的处理都是照顾十分周全的。今天在这里分享给大家的小技巧很简单，但是却可以很好滴增强整个网站的细节。所以我自我认为这些技巧对提升你的网站设计水平也是有帮助的。
并且你会留意到这些技巧都围绕一个词，就是“像素化”，简单地说就是一些1px，2px的小线。
好吧，我们开始。
1.像素分隔线
第一个介绍的是分隔线，请看下图，为 Pixel2Life.com 的导航栏。
留意图中红圈圈中的线已经按钮之间的分隔线，这些线看起来有一种凹进去的感觉，形成一种很好的分隔线的感觉。接下来我把这张图放大，我们看看其中原理。
我们可以看到这些分隔线，都是有2条相邻的1px直线构成的，并且一条颜色较背景色更深，一条较浅。接下来，看方法：
选取铅笔工具（不要选错为画笔）,大小调为1px
选取一个较背景色更深的颜色，如图中的深蓝色，按住Shift画出一条直线
选取一个较浅的颜色，再画一条直线。OK
PS.画线过程可以放大画布（Z）以便观察。
怎么样，效果比单色的分隔线要好很多吧？接下来再看一些使用这个分隔线技巧的例子：
0
投稿猜你喜欢
在我们做图的时候，颜色的控制很重要，最好是能够构思好用什么颜色来搭配，这样就不会乱费太多时间。本教程出发点也是这样，我把颜色定义在淡紫色和深- 效果图原图1、打开原图，复制一层，执行图像—调整—去色，再滤镜—艺术效果—塑料包装，如下：2、图像—调整—色阶，调整色阶3、按Ctrl+al
- 本教程主要介绍人物的基础美白和磨皮。磨皮思路：把杂点教多的皮肤部分先用钢笔勾出然后模糊，勾图的时候有轮廓的地方不要勾，以免影响人物的质感。大
- Illustrator绘制粉红佳人插画教程，先看下最终完成图： 完成图 线稿 下面简要说下绘制需要注意的主要部分： 眼睛结构线稿 图1
- 创建网页设计教程是一种不错的学习新技术，并获得新的设计启发的方法。由于PhotoShop是做网页设计的首选工具，所以我认为，这些教程对您来说
- 本教程主要是讲解介绍制作简单非主流效果，制作的时候先把图片的色调调得非常暗，这样就可以在头发及眼睛周围产生很多黑色的影子，可以增强非主流的格
- 步骤 1：创建 300 dpi 画布并用黑色填充。步骤 2：创建新图层，选择圆形选框工具，按住 Shift 键
- 今天给各位新手朋友做一个用ps制作网站Logo的教程，很简单，认真看就学会啦，我们知道网站Logo对于网站的重要性不言而喻。一个好的Logo
- 在Filters(滤镜)菜单中，选择Render(三维图片)，在下一级子菜单中选择Clouds。然后会出现大量可选的云彩，它们可直接嵌入到照
- 本教程主要是通过可选颜色和图层混合模式来调色，不同的照片有不同的调色方法，调色的时候完全可以按照自己的习惯去调。效果自己满意就可以了!原图最
- 本教程介绍艳丽的潮流海报制作效果。这类海报制作相当有个性，不受任何限制，可以尽情的发挥想象去制作，笔刷及纹理素材可以任意添加。（文/Sunn
- 我们有创造性的拍摄，在这种情况下，就可以表现在几乎所有的东西。我们聚集了一个充满娱乐性的图像，将它在二次合成。将这些图像变得让人深刻。
- 薛欣 xuexin@126.com 转载请注明出处上文：Photoshop CS
- 译者的话：如何让一张普通的图片变得更加有力量？如何有意识地引导读者的眼睛去到图片的某一区域？ 如何更加有效地传达你的对象？八个简单的设计技巧
- 这里我们将学习如何去除彩色照片中的某一颜色（本教程以黄色为例）。图层 >> 新建调整图层 >> 通道混合器，按下图设
- 本教程介绍一些比较明鲜丽色彩的调色方法。大致过程：运用调色工具把照片的色调调统一，基本上1-2种主色即可。然后再适当的调亮及修饰细节即可完成
- 首先感谢sofish因为我是在他发的这篇帖子给的地址中看到这个教程的。http://bbs.blueidea.com/thread-2950
- 在这个教程中我们将学习设计并打造一幅非常酷的几何形状文字加Grungy风格背景效果。操作并不复杂。但是效果帅呆了。一起试试吧。同时我们也会学
- 本教程的色调以淡黄色为主，有种黄昏下的感觉。调色的大致过程：先用曲线等调色工具调出主色调。然后适当把人物部分美化一下，最后就是一些色调的细调
- 本Photoshop教程讲的是利用材质素材给磨皮后平滑不真实的皮肤贴上质感，增加皮肤的真实感，效果还不错，对于磨皮后不知道怎么恢复质感的朋友
