photoshop的logo入门photoshop的logo入门.docVIP

? HYPERLINK /index.html ??首页 HYPERLINK /index_1.html ??素材图片 HYPERLINK /index_3.html ??高精图库 HYPERLINK /index_5.html ??矢量图库 HYPERLINK /index_7.html ??网页素材 HYPERLINK /index_6.html ??网页模板 HYPERLINK /index_2.html ??壁纸 HYPERLINK /index_4.html ??明星 HYPERLINK /index_8.html ??下载 HYPERLINK /index_9.html ??教程 HYPERLINK /index_10.html ??字体 HYPERLINK /index_11.html ??香车美女 HYPERLINK ??QQ专题 HYPERLINK ??论坛??本站内容搜索：  HTMLCONTROL Forms.HTML:Text.1  HTMLCONTROL Forms.HTML:Image.1  ???您的位置：素材中国 HYPERLINK /index_9.html 教程  HYPERLINK /index_9.html \l 3 网页设计  HYPERLINK /article_html/html3/1/3/19/1.html Html/Css 设计一个基于CSS的网页模板 设计一个基于CSS的网页模板[ 来源：素材中国 | 作者：芦大伟| 时间：2006-03-02 19:24:39 | 浏览：101人次 ] ? ?这是一个 教你如何一步一步学习建立基于CSS制作网站的开始，这个教程将由几个部分组成。第一部分是讲述如何在photoshop中制作导航按扭的；第二部分将讲 述背景的制作，再下一个是讲述标题(header)和页面的设计规划的，在最后是CSS和XHTML的应用的执行。现在也许有些人想知道为什么在我的教程里要以导航按扭的制作来开始，呵呵，其实我最初的目的是要讲述一段关于这些简单按扭的制作方法的小教程的，但是即然这个想法开始了，为什么不做一个全面的讲解呢！建立一个像玻璃面一样的导航按扭在 photoshop里新建一个RGB模式的文件，大小为178x122像素，背景色为白色，然后新建一个图层（起名为“button”），然后填充这个图 层用灰色（#ececec），再建一个新的图层（起名为“highlight”），并画一个一个像素的白的加亮的线分别在左边上上边（用铅笔工具，1个像 素的笔头）。用“减淡工具”（大小为20像素的笔刷，透明度为50%）将左侧的白线条减淡一些形成上下渐变的效果。新建一个图层（起名为“bullet”），画一堆像素小点用铅笔工具（1px,#727272）,当然你也可以按照自己的意愿来选择颜色和大小。用钢笔工具画一个类似于玻璃斜面效果的曲线路径（颜色为#d6d6d6）。好了，你已经做好了自己的按扭，没有什么难度吧？建立鼠标经过时效果建立鼠标经过时要显示的图像效果最简便的方法便是复制我们的图层，然后改变它的颜色。现在，你需要到每一个图层去它们的颜色来建立这个鼠标经过时的图像的效果，这是我在这个例子里用到的颜色设置：按扭的背景层：#bfe3ff曲线斜面层：#a5d1f3小像素点层：#e4001b HYPERLINK /diary/attachments/month_0412/glassy_menubutton.psd.zip \t _blank 下载这个教程中用到的photoShop源文件！了解这个系列教程的这些基本的知识是必需的！ 今天我将带大家一起开始关于我们的基于CSS的网页制作的第二部分，这一部分是讲述关于改变一个适当的颜色配置的和为我们的网页制作一个漂亮的背景图案的，在第一部分我们落下了这个，所以在这儿补上。就像大家所知道的，我的最初的意图是给你们讲述一个小的如何用简单的方法制作漂亮的立体按扭的教程，，所以这个教程的第一部分可能对你来说有点儿单一，以下我们将讲述关于色彩方案的设计在这个教程的第二部分，这实际上来讲是我们的第一步，按扭的创建，背景的制作等。选择你的色彩方案无论如何，你都可能有一个领先，选择恰当的颜色配置是至关重要，它反映了你是谁，你喜欢什么等！实际上，解释给你，你选择什么或许不是至关重要的，尽管我总是努力遵循以下几个小的提示：1、使用至少一种能对比突现出来的颜色来用于强调在你的页面上，用它来做文本链接的颜色将是很显眼的