您好,欢迎来到素彩网!

使用ps设计一个快速而专业的网站版面

来源:sc115.com | 142 次浏览 | 2011-07-25

标签: 专业 网站 版面 设计

  今天我们来练习使用Photoshop设计一个简单而专业的网站版面,这是一个名为“DesignStudio”的工作室的网站。

  先看一下处理后作品。

使用Photoshop设计一个简单而专业的网站版面

  具体操作步骤如下。

  1.按Ctrl+N打开“新建”对话框,将文档大小设置为766x700像素,其它采用默认设置,完毕后单击“确定”按钮。选择工具箱中“矩形工具”,绘制一个满画布的矩形,然后我们将要使用图层样式制作出如图1所示的背景效果。

使用Photoshop设计一个简单而专业的网站版面

  2.选择菜单命令“图层 图层样式 渐变叠加”,打开“图层样式”对话框,按如图2所示设置渐变叠加选项。

使用Photoshop设计一个简单而专业的网站版面

  3.其中渐变色的具体设置如图所示。

使用Photoshop设计一个简单而专业的网站版面

  4.选择工具箱中的“钢笔工具”,确认选项栏中按下的是“形状图层”按钮,按如图所示绘制20条三角形的光线形状。

使用Photoshop设计一个简单而专业的网站版面

 1/6    1 2 3 下一页 尾页

搜索: 专业 网站 版面 设计 

最热-网页制作

ps打造水晶风格网页提示框

ps打造超酷网站登录界面

新鲜视觉 非常规网页设计作品欣赏

素材
线稿花纹线条矢量图5线稿花纹线条矢量图5
线稿花纹线条矢量图4线稿花纹线条矢量图4
线稿花纹线条03—矢量图线稿花纹线条03—矢量图
线稿花纹线条矢量图2线稿花纹线条矢量图2
线稿花纹线条矢量图线稿花纹线条矢量图
玻璃圆广告的背景矢量图5玻璃圆广告的背景矢量图5
玻璃圆广告的背景矢量图4玻璃圆广告的背景矢量图4
玻璃圆广告的背景矢量图3玻璃圆广告的背景矢量图3
玻璃圆广告的背景矢量图2玻璃圆广告的背景矢量图2