- 1、本文档共60页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
用PScs制作网页
用PhotoshopCS制作网页教程
HYPERLINK /article.asp \t _blank 在线投稿 - HYPERLINK \t _blank 素材基地 - HYPERLINK \t _blank 论坛讨论 - HYPERLINK /person/ \t _blank 原创作品集 - HYPERLINK /Search_text.asp?keywords=Photoshop \t _blank 查看更多相关内容
时 间:2007-8-31 11:47:17 作者: 来 源:52 浏览:
步骤?1创建 750x500px 画布,并将前景色设为白色。创建新的图层,利用矩形选框工具创建如下选区。
步骤?2用白色填充选区。图层 图层样式 投影。设置如下:
描边:大小 1像素,颜色 #939393?不透明度 44%。步骤?3创建新图层,再次利用矩形选框工具在画布顶端建立如下矩形选框。(注意:为了实现网页的层次感,这次的矩形边框与之前的矩形左右两边各空出2个像素)
步骤?4为选区填充?#2061A8。步骤?5
图层 图层样式 投影。设置如下:
渐变叠加:
图案叠加:
步骤?6为网站添加文字LOGO( HYPERLINK /Article/photoshop/psztp/Index.html \o \t _blank 点击查看本站文字特效相关教程)?。
步骤?7创建新的图层。步骤?8按照与步骤 3相同的方法在画布底部建立矩形。步骤?9填充颜色(#2061A8),并添加投影效果。
图层 图层样式 投影。
步骤?10利用圆角矩形工具绘制如下形状。
步骤?11图层 图层样式 投影。?
渐变叠加:
步骤?12为导航栏添加文字。
步骤?13按照如上方法建立其余导航条。
步骤?14现在我们开始制作内容框,利用圆角矩形绘制如下矩形框。
将图层面板的填充属性设为 0%。
图层 图层样式 渐变叠加。
步骤?15按照之前的方法建立另一个内容框。?
Photoshop绘制漂亮的商业类型网站模板
首先要感谢的是你能够访问这个教程。在这个教程中我将创建一个商业网站布局。如果你经常访问我的网站的话,你将会看到创建一个好看的网站是多么容易。在这个博客里你会找到更多的布局教程。你会好奇这是为什么吗?我使用Photoshop已经很长时间了,从那个时候开始我就为客户创建网站,并因此挣了不少钱。我想要教给你如何创建网站的原因是因为创建网站可比创建一个简单的Photoshop效果挣钱多了。如果你想开始从网上挣钱的话,为你未来的客户创建网站正是时候。我这里有一个例子,为一个logo或者一个照片效果你能付多少钱?也许是50美元至100美元?从我开始设计至今我创建过数目上千的logo,上百个大的网站,我的大部分收入都是从设计网站布局中获得的,这就是为什么我认为你应该开始创建网站的原因。我将会尽可能的讲述的简单易懂,我敢肯定通过我的方法会创建出漂亮的网站布局。出自:飞鱼的声纳翻译让我们开始我们的教程,在这个教程中,我将创建一个商业网站布局。
首先创建一个新的文档
请使用如下设置
设置前景色为:#2b2724
选择油漆桶工具,为画布上色,选择背景层
按住Ctrl+J(此快捷键将会复制选定图层)
选择“图层1”,然后选择“滤镜”“杂色”“添加杂色”
然后使用如下设置
选择圆角矩形工具,在显示器的上方,设置如下设置
在你的布局上为导航创建两个形状,改变前景色为#e84502,然后我会使用圆角矩形工具
复制这两个橙色的形状。想要复制图层,首先你需要选定你想要复制的图层,然后按下CTRL+J键,在你复制完这两个橙色的形状之后,改变颜色为白色。改变颜色的方法是在图层缩略图上双击,然后选择白色。
这是目前我所得到的结果
现在选择移动工具,将白色形状向上移动一点点
我会在这个布局上放置一些图片
使用文字工具,我会加上一些文字
使用相同的工具,在导航条上加上一些文字
选择线条工具,确保线条粗细为1个像素
在导航按钮之间创建一个垂直线条
现在最重要的是要栅格化图层,想要做到这一点,你需要在图层上点击右键选择“栅格化图层”
选择橡皮擦工具,改变画笔到 60 Soft Mechanical 60 pixels
然后试着删除线条的顶部和底部
复制这个图层(选择想要复制的图层,然后在键盘上按下CTRL+J 键),选择移动工具,然后将复制好的线条放置在另外一个导航按钮的右边。
在整个布局的上方,我会创建一个简单的文字logo,在以后的教程中我会向你展示如何创建漂亮的logo
在图层1的上方创建一个新的图层
选择画笔工具,改变
您可能关注的文档
- 炼钢物流系统炉机匹配规则冶金班资料.doc
- 煤气管线安装方案.doc
- 煤炭行业信息化整体解决方案.docx
- 煤矿压风自救系统设计方案.doc
- 煤矿各项规章制度汇编版.doc
- 煤矿井下乘人装置电控系统设计修改.doc
- 煤矿安全管理制度目录汇编.doc
- 煤矿供电课程设计华康.doc
- 煤矿本质安全管理体系相关知识宣传手册终.doc
- 煤矿采区供电设计蔡仁飞.doc
- 陕西西北工业大学离退休工作处面向校内公开招聘事业编制人员1人公开引进高层次人才和急需紧缺人才笔试参考题库(共500题)答案详解版.docx
- 黑龙江省密山市公开招考25名公安警务辅助人员(边境管理大队)公开引进高层次人才和急需紧缺人才笔试参考题库(共500题)答案详解版.docx
- 陕西西北工业大学无人机特种技术重点实验室招考聘用公开引进高层次人才和急需紧缺人才笔试参考题库(共500题)答案详解版.docx
- 重庆开县2024年下半年公开招聘事业单位工作人员历年公开引进高层次人才和急需紧缺人才笔试参考题库(共500题)答案详解版.docx
- 重庆市渝北区2024年事业单位招聘公开引进高层次人才和急需紧缺人才笔试参考题库(共500题)答案详解版.docx
- 重庆市中小企业发展服务中心招考聘用公开引进高层次人才和急需紧缺人才笔试参考题库(共500题)答案详解版.docx
- 重庆市计量质量检测研究院招考聘用36人公开引进高层次人才和急需紧缺人才笔试参考题库(共500题)答案详解版.docx
- 重庆市国土整治中心公开招聘11人公开引进高层次人才和急需紧缺人才笔试参考题库(共500题)答案详解版.docx
- 重庆市巴南区姜家镇公开招考2名村级工作人员公开引进高层次人才和急需紧缺人才笔试参考题库(共500题)答案详解版.docx
- 五一劳动节小假期祝词(10篇).docx
文档评论(0)