photoshop网站模板设计教程.docxVIP

photoshop网站模板设计教程 　　篇一：Photoshop设计软件行业网站模板教程 　　Photoshop设计软件行业网站模板教程  　　先看看最终效果图：  　　新建760x770大小PS文件，设置前景色为#e8e8e8，新建图层，随后用油漆捅工具在新建的图层上制作渐变色，颜色从#e8e8e8到透明，如下图设置  　　随后用油漆桶从下往上拉条渐变线，效果如下图  　　用圆角矩形工具，半径为 　　7px 　　随后制作下图这些圆角矩形形状  　　使用椭圆工具制作下面四个正圆(按shift建绘制正圆) 　　为四个圆添加图层样式　　结果如下　　现在我再制作四个黑色的圆放在之前的图层上，如下 　　为黑色的圆添加图层样式  　　篇二：Photoshop：设计蓝色风格网站模板教程  　　你是否曾经想过设计一个漂亮的网页，但是却不知道怎样入手?说实话，几年前我也是这样。当我浏览网页的时候我看到这么多好看的网页，我就希望自己有技术创作这样的设计作品。 今天我可以这么做了，而且我将教你怎么做这样的设计!从根本上，对于这种设计你需要一点photoshop的操作技能和观察细节的能力。通过以下的教程，我将会指出其中极细微的细节之处，而这些细节讲使你的网页设计漂亮起来。打开photoshop,我们开始啦! 正文  　　先看效果图(点击可放大)  　　第一步 --- 下载960网格模板  　　我一直以来做的设计几乎全部是基于960网格模板的. 　　因此在我们开始创作之前，先下载　　这个模板. 你能在上找到这些模板. 下载之后解压zip里面关于PSD的模板. 你会发现有两种规格: 一个是12栏式的而另一个是16栏式的. 他们的区别就像名字所说的，一个是按12栏分布一个按16栏. 更详细的介绍一下吧, 如果你的设计里面分3个区块你就选择12栏式的,那是因为12能被3整除; 同理假如你的设计分四个区块, 你可以选12栏式(转 载 于: 小 龙文 档 网:photoshop网站模板设计教程)或者16栏式，那时因为12和16都可以被4整除. 你会发现这个技巧将用于下面教程. 　　第二步 — 构造你想象的结构  　　在我们打开PSD网格模板创作前, 我们首先需要先构造一下想象中的结构. 从上面的这张图，你可以看出来：因为在一个排版中又有排版，所以这是一个有点复杂的结构. 第三步  　　构造了结构之后我们继续. 打开16栏式的PSD模板文件. 打开 “图像画布大小” . 把画布的宽度设置为 1200px 高度设置为 1700px .把背景色设置为 #ffffff既白色. 第四步  　　篇三：Photoshop网页制作教程  　　Photoshop网页制作教程  　　在线投稿 － 素材基地 － 论坛讨论 － 原创作品集 － 查看更多相关内容  　　步骤 　　2 　　用白色填充选区。图层 图层样式 投影。设置如下：  　　描边：大小 1像素，颜色 # 不透明度 44%。 步骤 3  　　创建新图层，再次利用矩形选框工具在画布顶端建立如下矩形选框。（注意：为了实现网页的层次感，这次的矩形边框与之前的矩形左右两边各空出2个像素）  　　步骤 4  　　为选区填充 #2061A8。 步骤 5  　　图层 图层样式 投影。设置如下：  　　渐变叠加：  　　图案叠加：  　　步骤 6  　　为网站添加文字LOGO（点击查看文字特效相关教程） 。  　　步骤 7  　　创建新的图层。 步骤 8  　　按照与步骤 3相同的方法在画布底部建立矩形。 步骤 9  　　填充颜色（#2061A8），并添加投影效果。  　　图层 图层样式 投影。  　　步骤 10  　　利用圆角矩形工具绘制如下形状。  　　步骤 11  　　图层 图层样式 投影。