<s id="mvh2b"><strike id="mvh2b"><u id="mvh2b"></u></strike></s>
    1. <rp id="mvh2b"></rp>

      当前位置:首页 > PS教程

      Photoshop设计简洁的商业网站应用实例

      时间:2020-10-25 15:31:02来源:金橙教程网 作者:admin9 阅读:72次 [手机版]
       

      商业网站案例教程

      首先要感谢的是你能够访问这个教程。在这个教程中我将创建一个商业网站布局。如果你经常访问bbs.16xx8.com的话,你将会看到创建一个好看的网站是多么容易。在这个教程里你会找到更多的布局教程。你会好奇这是为什么吗?

      声明:本文不是原创,而是编译!原文地址:http://smashingpoint.com/clean-business-layout-tutorial.html

      我使用Photoshop已经很长时间了,从那个时候开始我就为客户创建网站,并因此挣了不少钱。我想要教给你如何创建网站的原因是因为创建网站可比创建一个简单的Photoshop效果挣钱多了。如果你想开始从网上挣钱的话,为你未来的客户创建网站正是时候。我这里有一个例子,为一个logo或者一个照片效果你能付多少钱?也许是50美元至100美元?从我开始设计至今我创建过数目上千的logo,上百个大的网站,我的大部分收入都是从设计网站布局中获得的,这就是为什么我认为你应该开始创建网站的原因。我将会尽可能的讲述的简单易懂,我敢肯定通过我的方法会创建出漂亮的网站布局。

      让我们开始我们的教程,在这个教程中,我将创建一个商业网站布局。

      首先创建一个新的文档

      Photoshop制作网站教程:简洁商业网站003

      请使用如下设置

      Photoshop制作网站教程:简洁商业网站004bbs.16xx8.com网

      设置前景色为:#2b2724

      Photoshop制作网站教程:简洁商业网站005

      选择油漆桶工具,为画布上色,选择背景层

      Photoshop制作网站教程:简洁商业网站006webjx.com

      按住Ctrl+J(此快捷键将会复制选定图层

      Photoshop制作网站教程:简洁商业网站007bbs.16xx8.com网

      选择“图层1”,然后选择“滤镜”>“杂色”>“添加杂色”

      Photoshop制作网站教程:简洁商业网站009

      然后使用如下设置

      Photoshop制作网站教程:简洁商业网站011bbs.16xx8.com网

      选择圆角矩形工具,在显示器的上方,设置如下设置

      Photoshop制作网站教程:简洁商业网站013

      在你的布局上为导航创建两个形状,改变前景色为#e84502,然后我会使用圆角矩形工具

      Photoshop制作网站教程:简洁商业网站015

      复制这两个橙色的形状。想要复制图层,首先你需要选定你想要复制的图层,然后按下CTRL+J键,在你复制完这两个橙色的形状之后,改变颜色为白色。改变颜色的方法是在图层缩略图上双击,然后选择白色。

      Photoshop制作网站教程:简洁商业网站017bbs.16xx8.com网

      这是目前我所得到的结果

      Photoshop制作网站教程:简洁商业网站019webjx

      现在选择移动工具,将白色形状向上移动一点点

      Photoshop制作网站教程:简洁商业网站021

      我会在这个布局上放置一些图片

      Photoshop制作网站教程:简洁商业网站023

      使用文字工具,我会加上一些文字

      Photoshop制作网站教程:简洁商业网站025

      使用相同的工具,在导航条上加上一些文字

      Photoshop制作网站教程:简洁商业网站027webjx.com

      选择线条工具,确保线条粗细为1个像素

      Photoshop制作网站教程:简洁商业网站029wbbs.16xx8.com网

      在导航按钮之间创建一个垂直线条

      Photoshop制作网站教程:简洁商业网站031webjx.com

      现在最重要的是要栅格化图层,想要做到这一点,你需要在图层上点击右键选择“栅格化图层”

      Photoshop制作网站教程:简洁商业网站033

      选择橡皮擦工具,改变画笔到 60 Soft Mechanical 60 pixels

      Photoshop制作网站教程:简洁商业网站035

      然后试着删除线条的顶部和底部

      Photoshop制作网站教程:简洁商业网站037bbs.16xx8.com网

      复制这个图层(选择想要复制的图层,然后在键盘上按下CTRL+J 键),选择移动工具,然后将复制好的线条放置在另外一个导航按钮的右边。

      Photoshop制作网站教程:简洁商业网站039

      在整个布局的上方,我会创建一个简单的文字logo,在以后的教程中我会向你展示如何创建漂亮的logo

      Photoshop制作网站教程:简洁商业网站041

      在图层1的上方创建一个新的图层

      Photoshop制作网站教程:简洁商业网站043

      选择画笔工具,改变 to Soft Mechanical 60 pixels,在文字logo下面创建一个简单的白色点

      Photoshop制作网站教程:简洁商业网站045webjx.com

      想要效果好一点的话,可以将此图层的透明度改变为25%

      Photoshop制作网站教程:简洁商业网站047

      最后的结果如下

      Photoshop制作网站教程:简洁商业网站049webjx.com

      希望你能喜欢最终的设计,此设计的PSD文档只对VIP会员开放。

      相关阅读

      新手免费搭建个人网站

      新手免费搭建个人网站 新手免费搭建一下个人网站&#xff0c;

      十个程序员必备的网站推荐和较出名的国外程序员论坛

      十个程序员必备的网站推荐&#xff1a; 程序员的工作和日常生

      最全静态网页模板网站

      前言 最近好多人私信我&#xff1a;我学了不久前端&#xff0c;想

      什么是百度转码?如何禁止网站百度转码?

       一、什么是百度转码&#xff1f;   在互联网中主要有web和wap两类网页资源&#xff0c;其中web类资源主要基于PC电脑浏览&#xff0c;而w

      从零开始搭建服务器,拥有一个属于自己的网站

      创建一个属于自己&#xff0c;任何人都可以访问的网站&#xff08;

      分享到:

      PS相关教程

      PS抠图教程

      推荐文章

      热门文章

      东北老女人嫖老头视频_无遮挡H肉动漫视频在线观看_欧美牲交a欧美牲交aⅴ另类_狼人乱码无限2021芒果