PS网页设计:新手学习蓝色风格

2016-03-19 02:07 12 1 收藏

图老师电脑网络栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享PS网页设计:新手学习蓝色风格的教程,热爱PS的朋友们快点看过来吧!

【 tulaoshi.com - PS 】

PS网页设计:新手学习蓝色风格 来源:图老师

最终效果

第1步:新建文件(Ctrl + N,大小为1200 × 1200px;透明背景
 

第2步:创建头部,新建图层(ctrl+shift+N)大小为1200x120px 填充颜色,选择图层样式 渐变叠加

第3步:在第2步层下新建层,使用渐变工具(G)

第4步:选择视图 新建参考线 ;在以下两个位子设置。

第5步:选择文本工具(T),输入文字,在进行相应的设置。

第6步:在第5步下新建层,大小为1200 x 60px,填充白色

第7步:输入导航文字。

第8步:新建层,添加1px线,颜色为#CECECE。

第9步:新建层,使用多边形套索工具(L),填充#00315C

第9步:输入文字,设置文字的颜色,添加自己喜欢的图标,用我这个从这里下载

第10步:添加自喜欢的图片,选择 编辑 变换 透视。

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

 

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

12下一页

来源:https://www.tulaoshi.com/n/20160319/1901138.html

延伸阅读
此教程比较简单,适合新手练习用,熟练PHOTOSHOP工具的操作。 最终效果 1 创建的尺寸在Photoshop新文件 1200px x 1050px 。 创建背景 2 现在,我们要建立的背景。选择渐变工具(G)的。请确保它被设置为 线性渐变 。设置前景色 #a1e8fe 和背景色 #59d3fa 并创建一个象下面这样的梯度: 放置到文档网...
来源:优设 作者:Joe译 制作一个好的网页,需要花费大量的时间,包含的内容也是非常多的,其中有按钮、横幅、图标及其它素材等。制作的时候先规划好大致的框架,然后由上至下慢慢细化各部分的内容,注意好整体搭配。 最终效果 1、在我们打开PSD网格模板创作前, 我们首先需要先构造一下想象中的结构. 从上面的这张图,你可以看出来:因为在一...
标签: 网页设计 设计
采用非对称的设计 让我们不使用网格来布局吧。(或者至少尝试一下调整为左右不对称。) 背景设计并不需要完全的对齐每一个要素、图案。此外,他也没有必要是纯色或者图案。 将网页设计所需要的要素组合起来,围绕左右不对称来平衡它们。例如在上述案例 Nap Luxury GuestHouse 中,画面被整个背景图所充满,仅在右侧留有少许留白...
标签: PS
PS滤镜制作蓝色风格天使照片 教程向飞特的朋友们介绍利用PS滤镜制作蓝色风格天使照片,教程主要是使用滤镜把人物处理成开始挥发的效果。基本思路:把需要挥发的部分先勾出来,然后使用液化滤镜把背景涂抹成挥发的样子,再把挥发的部分加上滤镜效果,适当的调下颜色效果就出来了。教程难度不大,建议初中级PS学习者学习,原图 最终...

经验教程

732

收藏

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