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
投稿猜你喜欢
我不怎么会写教程，只好介绍一下我的作画过程，技术比较拙劣，介绍也比较简单，希望大家不要见笑。本次作画使用软件： Fireworks下面我们先- 现在越为越多MM喜欢把自己的照片上传到博客与好朋分享，但由于我们不是专业的摄影师，拍出来的照片难免会出现偏色。所以很多MM都想学习对照片进行
- Photoshop曲线调色:偏蓝色照片恢复正常。原图效果图教程：1.打开素材图片，创建曲线调整图层，做RGB、红、绿、蓝通道调节效果如下：2
- 本期教程中我们将通过调整画笔的“角度”和“圆度”参数制作出星光图像，然后结合路径描边操作来制作出连体的星光形状文字。下期教程中我们将使用笔刷
- 形状工具画一个圆角矩形：添加一个锚点并删除这个新添加的锚点：选择左下角的2个锚点：CTRL+T并将中心点定位到左边线：右键，水平翻转：同理翻
- 这个Photoshop教程向大家展示了用照片处理成纳威人头像的所有步骤（基于James Cameron’s movie “阿凡达”。汤汤建议
- 原图最终效果1、打开原图，按Ctrl + J把背景复制一层，用钢笔或套索工具抠出人和伞，在背景图层上面新建一个图层，填充红色以便观察。2、把
- 在本教程中，我们将使用Illustrator和Photoshop创建一个很棒的糖果条字体效果。 在此过程中，你将学习如何：创建高级
- 你说的是photoshop的”编辑-首选项“里面的设置吧不知道你用的哪个版本，不过也没关系，都是大同小异。在编辑-首选性里面其实重要的设置就
- 薛欣 xuexin@126.com
- 本文介绍如何用Fireworks绘制矢量风格的精致手提纸袋。 步骤并不复杂，但效果很是漂亮精致。一起来试试吧！
- 作者为了突出运动流畅效果，画面用了不少动感元素，如流畅的线条，运动产生的火花等。效果非常生动。最终效果：1、打开一个新文件 (600X800
- 最终效果1、打开下图所示的素材，点通道面板，新建一个Alpha 1通道。2、选择自定义形状工具，然后在属性栏形状下拉菜单选择一款自己喜爱的形
- 本教材用到的素材比较多，很多素材色调都是非常鲜丽的。符合潮流设计的用色。尤其是人物部分的处理，作者刻意用了很多色彩叠加，能更好的表现人物的个
- 先看一下最终效果：原图：1、打开原图素材，新建图层，用深蓝色填充，并更改图层模式为“排除”，如下图：2、创建色相/饱和度调整图层，参数及效果
- 最终效果美女照片1. 在Photoshop中打开美女照片，我们的目的就是要提取肖像。双击图层面板中的“背景”层，在出现的对话框中不作任何设置
- Photoshop入门实例，通过笔刷工具，设置不同的颜色，简单让照片变为彩虹色彩。1、打开图像素材。2、图层 >> 添加调整图层
- 原图 1.新建图层,用画笔工具画出大形，注意在画的过程中要反复的比较。2.新建图层放在线稿层的下方，给背景和死灵骑士上色。3.大概
- 在这个教程中我们将学习设计并打造一幅非常酷的几何形状文字加Grungy风格背景效果。操作并不复杂。但是效果帅呆了。一起试试吧。同时我们也会学
- 基础要求：会基本电脑操作，了解软件基础知识。心理注意：图中造型、颜色、操作都因人而意，在学习过程中家长、同学本身不能过于严格完全按教程要求去
