平顶山互联网行业的皇冠!

平顶山天虹科技是专业从事平顶山网站建设 网站制作 网站推广的超级网络公司,为您提供专业的网络营销解决方案!

CEO手机: 15993534153 QQ:29429666  点击QQ号直接交流或留言

平顶山五星级网络营销服务商!                                                                                                                                                          留言反馈 | 进入平面印刷

网站建设

平顶山天虹科技有限公司代理中国万网及58同城网,金牌品质,专业服务!
 
使用PhotoShop网页设计步骤  
 

 

Don’t worry, it’s not so complicated as it looks. I’ve uploaded original PSD file so you can download it (at the bottom of the page). It will work for Photoshop 7 and above.

Let’s get started!

01. Step
Before we get to work we need to decide how are web page is gonna look. So here is the basic concept :

It will be 850px in width.

02. Step
Create a new document, size 1024×1080, add a new layer (CRTL+SHIFT+N) named “background” , fill it with any color and under Gradient Overlay in Blending Options apply the following settings :

Color Midpoint must be closer to the right Color Stop!

03. Step
Create a new set and name it “header”. From now we will work in this “folder”.

Using Rounded Rectangle Tool (radius : 5px) draw header. It should be 850×200 px, about 30px from the top. Rasterize it, reduce opacity to 65% and apply these blending options :

Name it “header”.

04. Step
Create a new layer (still in “header” set) and name it “ref” (short for reflection). Select Elliptical Marquee Tool, click on point 1 and drag it to point 2 :

Fill that selection with #FFFFFF, then press CRTL+D to deselect it. Click once on the layer “header” on the right side (layer box) while holding CTRL. Layer “header” should be selected now. Press SHIFT+CRTL+I or go Select > Inverse to inverse selection. Select layer “ref” (just click once on it in the right menu) and press delete on your keyboard. Now reduce opacity to 6%.

Your header should now look like this :

Add your logo on the left (i used Sun 1 shape from Custom Shape Tool), write web site name next to it (i used Verdana - 18pt) and under it short description (Verdana - 11pt). Logo and site name have Outer Glow on them (color : #FBB1FF).



05. Step
Layer set “header” is now finished. Create a new layer set and name it “hor_menu”.
Using Rounded Rectangle Tool (radius : 5px) draw horizontal menu. It should be 850×35 px, about 20px under the header. Rasterize it, reduce opacity to 50% (name it “horizontal”) and apply these blending options :

It should look like this :

Now click on the layer “horizontal” (in the right menu) while holding CTRL to load selection.

Using Rectangular Marquee Tool deselect the lower half of that selection (hold ALT key). Create a new layer, name it “ref” and fill that selection with #FFFFFF. Reduce opacity to 6%.

Using Visitor TT2 font write the categories of your web page on it (still in “hor_menu” layer set). Size 16pt.

06. Step
Now we are going to add some effect to the right. I used free stock picture (credit : sweetaslemons). Click here to open it and then save it on your hard drive. This effect looks cool and is actually really easy to make. It was created using an application called Apophysis. I will do a special tutorial on how to make effect like that so be sure to check back in a few days.

Import that effect (JPG file) into your project, set blend mode to Lighten and position it right. Layer “effect” needs to be under layer set “header” and “hor_menu”.

Copy layer “effect01″ and move it above “hor_menu” layer set. Make the following selection and then press delete (layer “effect01_copy” must be selected).

Now it looks like the effect is coming under the “header” and above “hor_menu”. Next, make following selection using Rectangular Marquee Tool and delete that selection on layers “effect01″ and “effect01_copy”.

07. Step
Create a new layer set and name it body. Using Rounded Rectangle Tool (radius : 5px) draw the body. It should be 600×620 px, about 30px under the horizontal menu. Rasterize it, fill it with #000000, set blend mode to Lighten and under Blending Options make Stroke 1px #595C5F.

On the top we will put some kind of AJAX image rotator that will display best artwork with short description. So using Rounded Rectangle Tool (radius : 5px) draw the shape of the rotator. It should be 565×265. Put some image inside and a short description just for example.

Under it using Rounded Rectangle Tool (radius : 5px) draw shape similar to the one below, fill it with any color and apply the following Gradient settings under Blending Mode :

Name that layer “gray_bar”. Create reflection for it like you did for horizontal menu, add some text and the body is finished. You can add text container using Rectangular Marquee Tool. Fill it with #323335 and stroke #87888A 1px.

08. Step
Now create a new layer set and name it “right_column”. Using Rounded Rectangle Tool (radius : 5px) draw the right column. It should be 240×620 px, about 30px under the horizontal menu. Rasterize it, fill it with #000000, set blend mode to Lighten and under Blending Options make Stroke 1px #595C5F.

Copy the “gray bar” from the body layer set, write “Random artwork” on it (Visitor TT2 16pt). There you can put thumbnails of your pictures.

Add “Poll” and the “Archive” the same way you did “random artwork”.

09. Step
Create a new layer set and name it “footer”. Using Rounded Rectangle Tool (radius : 5px) the footer. It should be 850×158 px, about 30px under the body. Rasterize it, fill it with any color and apply these blending options :

Gradient :

Stroke : 1px, opacity : 27%, color : #FFFFFF.

Using 18px Georgia (#C594C1) write down some months just for example, and under them names of the articles.

Using Line Tool draw a straight line under them and put your copyright there. On the right you can add small banner that links to your partners/friends web site.

That’s it! Hope you have learned something! Click here to download PSD.


 上一条:快速提高百度反向链接的几个小技巧       下一条:提高网站可用性的重要3点

【公司简介】

    平顶山天虹科技网络公司,致力于面向营销的企业网站建设网站开发网页设计网站解决方案。采用PHP JSP ASP.NET等平台开发程序,利用DIY+CSS现代化WEB3.0制作技术搭建网页框架,优秀的网站定位、网站策划和网站制作,不仅可以提升企业网站的性价比,更可让企业在网站建设起步时就领先于对手。天虹科技以精深技术为核心、以专业团队为支撑,为平顶山政府网站建设平顶山公司网站建设平顶山学校网站建设等提供高技术含量的平顶山网站建设服务。

 

    天虹科技始终以不懈的努力、更高的目标来要求自己。凭借多年的平顶山网站建设成功经验,天虹科技已拥有数百例经典网站成功案例,是一家正规专业的平顶山网络公司

 

    天虹科技五星级专业服务商拥有强大的平顶山网页制作技术团队,在网站建设网站设计网站推广软件开发等高科技领域始终保持领先地位,并获得了网络公司业界的广泛赞誉和认同!天虹科技重视网站建设质量,打造平顶山地区网站建设公司知名品牌,以优秀的网站设计技术,创一流的平顶山网站建设作品。建网站找天虹,助您马到成功!

 

    本月特惠:天虹建站普及优惠活动进行中!本月前三名客户朋友与我们合作网站建设,送国际顶级域名和1G(1000M)网络空间!如果您想抢占网络先机,快速行动,机会难得!点击这里给天虹科技网站建设发消息!

 

天虹科技24小时网站建设服务热线:15237500186

  平顶山天虹科技有限公司专业网站建设

Copyright © 2017 www.Pdsit.com Inc. All Rights Reserved. 平顶山网站建设联盟 版权所有
[电话]15993534153 [地址] 平顶山市新华路与矿工路交汇处天意花园8层
业务咨询、合作洽谈、求职招聘[客服QQ] 29429666点击这里给天虹科技网站建设发消息! [信箱] chinalhg@qq.com
如何找到本站?在百度搜索关键词:平顶山网站建设平顶山网站推广平顶山网站设计平顶山网站优化平顶山网络公司平顶山网站联盟。百度快照均排名第一!
平顶山市天虹科技是平顶山优秀专业的建站第一品牌!
国家信息产业部备案:豫ICP备11012270号-1