以下是小编整理的PS制作企业网站首页全过程(共含10篇),欢迎阅读分享,希望对您有所帮助。同时,但愿您也能像本文投稿人“szxiayu”一样,积极向本站投稿分享好文章。
本教程向的朋友们介绍PS制作企业网站首页全过程,教程很实用,喜欢的朋友快来学习一下吧!
我们先来看看制作出的效果:
FEVTE编注:更多PS教程讨论交流和PS作品请到论坛PS交流区,地址:bbs.fevte.com/forum-51-1.html
下面是具体的制作步骤介绍:
先整理好需要做的内容至一个文件夹中,
打开photoshop新建一个空白面板。
选择矩形工具绘制一个980*auto的图形。
结果如下:
使用选择工具点击边缘节点。
在菜单栏下方可看见图片的宽与高。
点击背景
图层,再按下shift键点击新建的图层。
按下选择快捷键“V”,在菜单栏下方会出现对齐选项。选择居中对齐。
从标尺区域按下鼠标向右拖动会形成一根辅助线。拖至矩形边缘自动吸附即可。
我们可以看见的结果如下:
在图层面板新建header文件夹,并把logo放置进来。
在header文件夹下建立menus目录,并绘制一个矩形图形。
为矩形图形添加渐变。(或者双击图层空白处也可以编辑效果)
所开启的面板:
描边参数如下:
渐变效果如下:
设置内发光,参数如下:
菜单导航背景最终效果。
打上文本。文本选择工具快捷键“T”。
把最左侧的文本吸附在左侧辅助线上。(按住shift拖拽)
把最右侧的文字吸附在右侧辅助线上。(按住shift键拖拽)
选择所添加的导航文本图层。(点击第一个,按住shift点击最后一个。)
点击水平居中对齐。
整体文本效果就对齐了。
新建一个文件夹,用来存放导航栏上方空白处的内容。我们写上热线电话。
选择铅笔工具吧,一起来手绘下。
放大面板,画了一个小电话。
看看右上角的效果。
在menus下新建一个图层。
使用铅笔 按住shift绘制两条竖线。一条为深,一条为浅。
使用快捷键,ctrl+j 复制刚才所绘制的图层
选择第一个绘制的结果以及第一个与第二菜单,使用对齐工具对齐,
选择最后一个铅笔绘制的竖线,同样选择左右两侧的文本使用对齐工具对齐。
初步看见的效果。
选择所有的铅笔绘制的竖线,使用快捷键ctrl+e合并图层。
使用套索工具,设置余羽化像数。
选择上下边缘,使用delete键删除达到羽化效果。
最后完成后的导航。
绘制一个鼠标经过的效果矩形给该矩形添加渐变及描边,内发光。(根据自己需求)。
新建banner文件夹,并在里面绘制一个满屏,高度为350px(根据情况而定)的矩形。
使用矩形选择工具选择在辅助线内的banner实际大小。
在图层面板使用蒙板针对该文件夹做遮罩。
在蒙板文件夹下新建一个椭圆形状。
给该形状做滤镜-模糊效果。
选择滤镜的参数如下:
按下V快捷键,将该效果的大小边缘控制在实际辅助线内。
所看到的初步效果。
在实际banner区域增加文本效果,效果根据需求而定。
使用钢笔绘制任意图形做辅助效果。
新建一个center文件夹,同时在center文件夹内的元素也需要分文件夹。
绘制一个与banner区分的过渡矩形,调整它的色彩及效果。
添加栏目如:(关于我们)
在栏目名称处可以做效果,如先绘制一个任意图形。
给该图形做模糊处理。
参数如下:
初步看见的结果。或者按下ctrl键点击该图,把该图层载入选区,并新建图层。
选择渐变工具。
调整渐变色彩。
调整参数如下:
使用渐变工具对载入选出做色彩填充。
如果觉得色彩不满意,可以通过色相饱和度修改。
调整参数如下:
新建其他栏目如:(服务中心)
在文本前面绘制标注符,同样可以使用对齐工具排列。
合并后的标注符,可以为其修改颜色。使用颜色叠加即可。
同时绘制其他栏目,布局大致完成。
绘制copyright区域。
企业网站,不比于门户,也不比于个人网站,企业的网站,一般都是有限的几个页面,再加上现在的企业领导,很多都不太注重于网络这一块,因...
企业网站,不比于门户,也不比于个人网站,企业的网站,一般都是有限的几个页面,再加上现在的企业领导,很多都不太注重于网络这一块,因为他们一向认为是以传统渠道来做的,因此,企业网站的设计,在网络推广里面,永远退后一步。虽然现在有远识的企业领导开始着重这一块了,但是总的来说,还是有点微不足道。
前段时候,因为接触了一家做深圳复印的公司,因此和他的闲聊,所以写下此文,探讨一下,关于企业网站如何来设计首页。
第一点原则:首页应该以文字为主。
除了正常的UI和用户体验外,企业网站的首页没有必要把FLASH,视频以及复杂的炫目的效果全弄在首页。这样明显影响了蜘蛛对首页的爬程。
第二点原则:活动的首页
正常情况来说,蜘蛛首入进入的是就是首页。如果永远一成不变的内容,蜘蛛不喜欢,来了几次,都没有新鲜的血液可吸,它也就懒得来了,
我的网站,之前设计的首页,因为基本上都是图片等等,有动态的东西。因此他说深圳复印这个关键的排名,已经没了。之后,因此参考了一下我的建议,把首页的一个图片部份,换成新闻更新列表。昨天告诉我,深圳复印这个关键字上来了。
第三点原则:界面的结构清晰。
所谓的DIV+CSS。这个是老调重提了,也没有什么好说的,天底下的人都知道。DIV+CSS我个人认为最关键是的给蜘蛛以清晰的条理性,也就是说可以指引蜘蛛在你的网站中不至于迷路。
第四点:常规属性的设计
比如TITLE,KEYWORDS等等。这些很多网络上的高手,都说了这些关键字的比例是多少,其实,我倒是不觉得你不一定要去要按这个标准来设计。这里我暂且提一个80/20的理论,我想用到企业网站首页的设计定位,应该是适用的。
比如,你的网站活动的部份。应该就是80%,固定的部份,应该是20%左右。
以上所写,仅只是个人之谈。以待抛砖引玉。
FEVTE编注:更多PS教程讨论交流和PS作品请到论坛PS交流区,地址:bbs.fevte.com/forum-51-1.html
具体的制作步骤如下:
1、首先创建一个新图片,大小为600*300,并填充白色,如图所示,
2、创建一个新图层,选择“多边形工具”在属性栏中设置“边”为3,勾选多边形选项中的“平滑拐角”选项,如图所示。
3、设置前景色为#91S638,然后使用多边形工具在图片中拖动出一个圆角的三角形,如图所示。
4、在菜单栏中选择“图层―图层样式―描边”,设置大小为4px,颜色为#ADFF43,如图所示,
5、创建一个新图层,然后再使用多边形工具创建一个略小一点的圆角三角形,然后把两个三角形重叠起来,如图所示。
6、创建一个新图层,使用颜色#91S638再绘制作一个较小的三角形放置在中心,如图所示。
7、选择“图层―图层样式”分添加内阴影和描边这两个图层样式,如图所示。
8、合成所三角形的图层,然后按Ctrl+J复制一层,选择“编辑―变换―垂直翻转”,然后调整一下位置,如图所示。
最后在旁边加上一些文字说明就完成了。
下面你可以看看我制作不同版本的LOGO。
FEVTE编注:更多PS教程讨论交流和PS作品请到论坛PS交流区,地址:bbs.fevte.com/forum-51-1.html
这篇教程教的朋友们用PS制作网站导航条,教程是翻译自国外的教程,难度一般。但是制作的效果很不错。转发过来和从事网页UI设计的朋友们一起学习用PS制作网站导航条的方法。先看看效果:
FEVTE编注:更多PS教程讨论交流和PS作品请到论坛PS交流区,地址:bbs.fevte.com/forum-51-1.html
具体的制作步骤如下:
制作背景
新建1200 x 600px,透明背景的文档。设置前景色为#bebebf,背景色为#d2d2d2。
选取“渐变工具”从画布头部到底部进行线性渐变。
使用如下设置添加“杂色滤镜”(滤镜->杂色->添加杂色)
接着添加“模糊滤镜”(滤镜->模糊->动态模糊)
在画布左右边沿有些太过的动感模糊效果,这不是我们想要的,简单的用裁剪工具进行裁剪,去除两边不好的动感模糊效果区域。
这样你会得到一个轻柔的金属感的背景,可以再次通过调整动感模糊设置来使金属感看起来更和谐。
创建导航
选取圆角矩形工具,设置半径为10px,在画布中央拖出如下所示的矩形(663*136)。
完成后,设置如下图层样式:
内阴影
渐变叠加
描边
效果如下:
接下来,我们将制作碳纤维图案,新建4 x 4px的文档,放大到3200%,像下图一样给8个格子填充不同颜色。
(提示:借助标尺,把文档分成8个格子,再新建2 x 1px的文档,按以下颜色进行填充,填充好后复制到4 x 4px的文档,这样的话要复制8次哦)
图案完成后,去往菜单“编辑->自定义图案”,给新图案命名,然后回到制作导航栏的文档中。
选择“矩形”图层,鼠标指向矩形的“矢量蒙版缩略图”,按住ctrl,进行单击,已选中整个矩形,此时新建图层,保持选区不变,选择“油漆桶”,用新图案填充选区,效果如下所示:
接着把新图层的混合选项更改为“差值”,
结果又不一样,有碳纤维的感觉了:
创建导航按钮
选择“字体工具”,在矩形底部编写导航链接。
然后给字体设置如下图层样式。
阴影
颜色叠加
在链接之间添加分隔线,两条1px的直线相邻,左边的为黑色,右边的为白色,完成后给此图层设置透明度为50%,混合选项为“柔光”。
创建导航球
选取“椭圆选框工具”,新建图层,在第一个链接上方拖出一小型椭圆。如下所示:
选取“渐变工具”,在上述的椭圆选区中拖出一个从黑(#000000)到灰(#828282)的线性渐变。如下所示:
再一次使用“椭圆选框工具”,在刚刚创建的椭圆里新建一个圆形的选区。如下所示:
以颜色#8e8e8e填充此圆形选区,保持此选区为激活状态,并在灰色圆形图层上创建新图层,设置前景色为白色,用渐变工具从左上角拖出一个从白到透明的径向渐变。如下所示:
改变渐变类型为线性渐变,仍然保持选区为激活状态,再新建图层,从底部向上拖出此渐变。如下所示:
改变每个图层的透明度和渐变的位置,以增加球体的高光点。如下所示:
复制球体到每个按钮上方。
创建按钮激活状态
选择某按钮添加激活状态,简单的给此按钮的球体添加渐变叠加(我没有这样操作,只是合并创建球体的所有图层,然后添加调整图层->色相/饱和度,并着色),选择你觉得合适的颜色。如下所示:
使用“矩形选框工具”选中此按钮,不要包括分隔线。如下所示:
创建新图层,保持选区不变,以颜色#dddddd填充此选区,然后设置图层混合模式为“叠加”。
最后,使用“多边形套索工具”创建三角形,三角形的颜色和背景色是一样的,然后添加图层样式阴影,如下所示:
最后,按钮激活状态效果如下:
FEVTE编注:更多PS教程讨论交流和PS作品请到论坛PS交流区,地址:bbs.fevte.com/forum-51-1.html
现如今说到企业网站建设,相信很多的企业主都不再陌生,因为网络营销已经常态化的走近了我们,我们今天就这个大家非常熟悉的事情来说一说。
网站建设第一步:网站策划
网站策划工作需要网络营销专家和企业相关负责人(大领导、销售经理、客服主管、技术工程师、销售精英)来交流。企业相关领导提出的想法和要求,网络营销专家就时下网络营销发展现状结合这些想法给出意见和建议,得出一个共识。
在这个共识的基础上,加以对业内同行在互联网上的现状分析做出一个网站建设指导下纲要,这就是网站策划。
网站建设第二步:域名 空间 网站备案
域名对一个企业的宣传效果有着积极的意义,我们可以看到一些大公司会为了一个简单、易记的域名花上几百万、几千万,域名策划方向我们建议围绕公司字号或公司主营展开。
空间也就是存放网站的服务器,空间的好坏关系到网站打开的速度和安全,要知道没有人会花10秒以上的时间去等待一个网站的打开,更没有愿意去打开一个有风险提示的网站。
网站备案是国家工信部的要求,也是一个企业真实信息的证明。没有备案的网站只有两个可能:一是这个网站的主体是虚假的;还有一个可能就是做网站的公司不具备网站备案资格(也有可能是这个做网站的公司为降低制作成本而选择廉价的海外服务器),
网站建设第三步:网页设计
网页设计包含了网站视觉策划和网站布局策划两个方面。
1、视觉策划用最普通的语言来表达就是美工,网页美工一般要考虑到企业的整体形象,要符合CI规范。要注意网页色彩、图片的应用及版面规划,保持网页的整体一致性。同时要考虑到网站目标用户的习性。
2、网站布局说的简单一点就是网站内容的摆放,什么样的内容放在最上面,什么样的内容放在中间位置,在那里放面包屑导航(方便用户进入其他页面的链接)...网站布局的宗旨:符合搜索引擎抓取习惯、满足用户点击访问要求。
网站建设第四步:网站内容建设
这个环节是需要企业来完成的,就在这个环节上让很多企业的网络营销效果大打折扣。我们经常可以看到有一些网站做起来什么样,几年之后还是什么样,甚至网站上看到的日期还是网站做起来的时间。这样的网站传递给用户的信息是:这个网站不专业、这个公司不专业。
要知道现在的用户不会愿意和一个不够专业的供应商打交道,因为不够专业的供应商不能提供专业化的建议和专业化的服务。
网站建设第五步:网站外部建设
网站外部建设可以说有9成的企业没有去做。记得我在进入互联网的第二年,就这样告诉客户:你想守株待兔吗?如果你不想守株待兔的话,就在互联网上建一个森林,想要兔子的时候可以到森林里面捉。用一句简单的话来表述网站外部建设“普遍撒网 重点培养”,网络营销绝不仅仅是网站+百度+阿里巴巴这么简单。
以上5个步骤加在一起,才是一个完整的企业网站建设全过程。您的网站做了几个步骤?
网站首页设计,需开宗明义突出主题.开宗明义,无论是对于一篇文章、一场会议或一部
翻译借助百度在线翻译,翻的不准大家去看原英文教程
以下为最终效果预览图
FEVTE编注:更多PS教程讨论交流和PS作品请到论坛PS交流区,地址:bbs.fevte.com/forum-51-1.html
下面是具体的制作过程介绍:
1,创建一个新项目,分辨率为1280×1024像素,选择一个草的图片如下
2。现在选择圆角矩形工具(U),半径为10像素的形状像如下
3,
现在将填充不透明度21%像如下
4。现在选择圆角矩形工具(u),半径为10像素的形状像如下
5。现在选择圆角矩形工具(u),半径为4像素的形状像如下
6。打开图层样式,选择阴影,阴影下
7。现在选择圆角矩形工具(美),半径为4像素的形状像如下
8。打开图层样式,单击并选择渐变叠加并设置渐变叠加像如下
9。现在,选择文字工具(吨)和类型的文字一样,如下
10。现在,选择文字工具(吨)和类型的文字一样,如下
我希望你喜欢这个教程,我希望这些技术启发新的思路和想法为您的未来设计。
FEVTE编注:更多PS教程讨论交流和PS作品请到论坛PS交流区,地址:bbs.fevte.com/forum-51-1.html
企业网站,不比于门户,也不比于个人网站,企业的网站(网站推广www.51hlht.com),一般都是有限的几个页面,再加上现在的企业领导...
企业网站,不比于门户,也不比于个人网站,企业的网站(网站推广www.51hlht.com),一般都是有限的几个页面,再加上现在的企业领导,很多都不太注重于网络这一块,因为他们一向认为是以传统渠道来做的,因此,企业网站的设计,在网络推广里面,永远退后一步。虽然现在有远识的企业领导开始着重这一块了,但是总的来说,还是有点微不足道。
前段时候,因为接触了一家做深圳复印的公司,因此和他的闲聊,所以写下此文,探讨一下,关于企业网站如何来设计首页。
第一点原则:首页应该以文字为主。
除了正常的UI和用户体验外,企业网站的首页没有必要把FLASH,视频以及复杂的炫目的效果全弄在首页。这样明显影响了蜘蛛对首页的爬程。
第二点原则:活动的首页
正常情况来说,蜘蛛首入进入的是就是首页,
如果永远一成不变的内容,蜘蛛不喜欢,来了几次,都没有新鲜的血液可吸,它也就懒得来了。我的网站,之前设计的首页,因为基本上都是图片等等,有动态的东西。因此他说深圳复印这个关键的排名,已经没了。之后,因此参考了一下我的建议,把首页的一个图片部份,换成新闻更新列表。昨天告诉我,深圳复印这个关键字上来了。
第三点原则:界面的结构清晰。
所谓的DIV+CSS。这个是老调重提了,也没有什么好说的,天底下的人都知道。DIV+CSS我个人认为最关键是的给蜘蛛以清晰的条理性,也就是说可以指引蜘蛛在你的网站中不至于迷路。
第四点:常规属性的设计
比如TITLE,KEYWORDS等等。这些很多网络上的高手,都说了这些关键字的比例是多少,其实,我倒是不觉得你不一定要去要按这个标准来设计。这里我暂且提一个80/20的理论,我想用到企业网站首页的设计定位,应该是适用的。
这篇教程教的朋友们用PS制作精美的网站导航条,教程制作的导航条很漂亮,制作难度中等。制作的大致过程是先用做出自己想要的导航栏形状,然后分别对导航栏的高光及背景部分设置图层样式,做出水晶质感。后期调整细节并加上文字即可。先来看看最终的效果图:
FEVTE编注:更多PS教程讨论交流和PS作品请到论坛PS交流区,地址:bbs.fevte.com/forum-51-1.html
具体的制作步骤如下:
1、打开下图所示的背景素材。
2、选择“圆角矩形工具”,在打开的工具选项栏中选择“形状图层”按钮,创建“形状 1”图层。
3、为“形状 1”图层添加图层样式,单击“投影”项目,并设置其各项参数。
4、单击“内阴影”项目,并设置其各项参数。5、单击“斜面和浮雕”项目,并设置其各项参数。
6、单击“图案叠加”项目,并设置其各项参数。
7、单击“描边”项目,并设置其各项参数。
8、按下“确定”按钮,关闭“图层样式”对话框,设置图层“填充”参数,效果如图所示。
9、复制“形状 1”图层,得到“形状 1 副本”图层,并将“形状 1 副本”图层的图层样式删除,效果如图所示。10、为“形状 1”图层添加“渐变叠加”图层样式,并设置其各项参数。
11、按下“确定”按钮,关闭“图层样式”对话框,设置图层的“填充”参数,效果如图所示。
12、选择“矩形工具”,在打开的工具选项栏中选择“形状图层”按钮,创建“形状 2”图层。
13、为“形状 2”图层添加图层样式,单击“投影”项目,并设置其各项参数,
14、单击“内发光”项目,并设置其各项参数。
15、单击“渐变叠加”项目,并设置其各项参数。
16、单击“描边”项目,并设置其各项参数。
17、按下“确定”按钮,关闭“图层样式”对话框,设置“填充”参数,效果如图所示。
18、复制“形状 1”图层,得到“形状 1 副本 2”图层并命名为“高光”,并将其图层的图层样式删除。
19、将“高光”图层栅格化,按下
20、为“高光”图层添加图层蒙版,选择“渐变工具”调整图像。
21、设置“填充”参数,效果如图所示。
22、复制“形状 1”图层,得到“形状 1 副本 2”图层并命名为“边”,并将其图层的图层样式删除。
23、将“边”图层栅格化,参照修整“高光”图层的方法,对“边”图层进行修整。
24、取消选区,效果如图所示。
25、设置“填充”参数,效果如图所示。
26、将“图层”调板中隐藏的“组 1”图层组和“素材”图层显示,完成本实例的制作。
最终效果:
FEVTE编注:更多PS教程讨论交流和PS作品请到论坛PS交流区,地址:bbs.fevte.com/forum-51-1.html
企业网站首页关键词放多少个比较好?
我们在做网站关键词的时候,应该如何去选择呢?在网站首页应该做多少个关键词比较好呢?通常我们的一个网站首页一般最多可以优化3-5个主关键字,说到这里的时候,就有很多问了,如果一个网站首页只能做3-5个关键词,要是我的网站有很多关键词如何做?我相信这是很多企业网站比较关心的话题,我也会经常接到客户的有问到说,我的网站有10-20个关键字,我不能做吗?我是想说,一个企业网站如果想要有好的SEO效果,就不要放这么多关键字,同时太多了,有一些关键词排名也是做不到的,
其实一个网站有非常多的关键词,一个普通网站的主要的几个关键词都会超过五个。这五个主关键词排名也可能会参差不齐,有一到两个会很稳定,其它可能会波动比较大,因为每个站长的侧重点不同,一个普通的企业站不可能同时保证多个主关键词的排名,当然这也不是肯定的,至少大多数站长的功夫还没有做到那么炉火纯青,同时兼顾这么多主关键词。
一般的企业网站能兼顾5个关键词左右就非常好了,
可是说到这里的时候,有很多站长站长就会说,我做那么多的网站关键词,是不是只要做两个就行了,其它的不用做了?是不是我们只要把这二个关键词的排名上去就好了?其实我们不应该这样去理解,我们要明白我们做seo最终的目的是为了什么?是为了网站排名,还是为了网站有收录?我觉得都不是,我们做SEO的最终目的是为了有一个好的客户转化率!所以我们在做网站关键词的时候要真正考虑怎样才能有更高的转化率,而不应该昌为了优化而做关键词排名。
刚刚有讲到,一个普通企业网站的关键词都是非常多的,往往一个网站的关键词都超过20-30个,我们应该怎么办?在网站首页的主关键词一次不能做那么多,那我真有这么多的关键字,我们应该怎样来做SEO优化呢?以我的建议:把3个左右的热门关键词布局到网站首页,现把几个长尾关键词放到栏目页来做优化,再针对一些更加有流量的长尾关键词放到网站内页来做SEO优化!我们在内页中所有布局的关键词最好以首页关键词为中心来优化,多布局一些文章!
企业网站首页关键词放多少个比较好,由范德敏SEO培训网(www.seo338.com)策划分享,欢迎转载,如果你是一位有职业道德的站长,请尊重我们的劳动成果,保留版权!
★ 网站制作合同
★ PS制作发光文字
★ PS制作奥运台历
★ 企业网站策划书