PS企业网站设计:黑白橙三色制作教程

2016-03-19 02:04 15 1 收藏

下面图老师小编跟大家分享PS企业网站设计:黑白橙三色制作教程,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~

【 tulaoshi.com - PS 】

 最终效果

clip_image002

首先创建一个新的文档

clip_image003

请使用如下设置Tulaoshi.Com

clip_image004

设置前景色为:#2b2724

clip_image005

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

clip_image006

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

clip_image007

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

clip_image009

然后使用如下设置

clip_image011

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

clip_image013

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

clip_image015

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

clip_image017

这是目前我所得到的结果

clip_image019

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

clip_image021

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

clip_image023

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

clip_image025

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

clip_image027

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

clip_image029

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

clip_image031

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

clip_image033

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

clip_image035

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

clip_image037

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

clip_image039

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

clip_image041

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

clip_image043

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

clip_image045

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

clip_image047

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

最后的结果如下

clip_image049

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

clip_image051

来源:http://www.tulaoshi.com/n/20160319/1901095.html

延伸阅读
自制手工花视频教学 第一步:准备工具 制作三花色所需的材料有铁丝、丝网、线绳、剪刀、钳子、定型筒、胶带,准备好所需用品就可以动手了。 第二步:固定接口 把铁丝绕到定型筒上,用钳子对铁丝口进行固定,多余的铁丝剪掉;具体操作如图所示。 第三步:套上丝网 取下固定好的铁丝,把丝网套在上面,将细绳套住。 ...
临近年底,黑客风盛行,小编看新闻12306网站数据泄密,漏洞被人利用,造成大量的客户数据外泄,这是一个网站技术的失职,作为网站的管理者应该特别重视这方面的,特别是企业网站绝密数据,一旦泄露后果不堪设想! 随着企业信息化进程的推进,关于网络内容的安全,即数据的安全,日益成为企业信息化建设最重要的目标。当前中...
标签: 孕妇食谱
三色凉菜 制作材料: 粉线10根、鸡蛋1/4个、黄瓜1/5根、食醋、盐、白糖。 制作步骤: 将粉丝炖好并切短www.tulaoshi.com。 将鸡蛋调好煎成饼,并切成丝。 将黄瓜切成细丝,撒少量盐除去水分。 将食醋、盐、白糖配制好,拌上粉丝、鸡蛋丝和黄瓜丝。 胡萝卜炒鸡蛋 ...
在群里和大家交流时,看到太多的网页设计师发布企业站的个人作品,设计中总是摆脱不了大框套小框的设计布局思路,不加思索的跳入单一的网页布局形式中,于是就有了把企业站常用的页面布局方式总结一下的想法,让大家包括我自己全面的了解一下企业站的常见布局方式,做到对此种类型的网站布局心中有数,跳出狭隘、单一的设计思路,于是就有了这...

经验教程

478

收藏

7
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部