Photoshop设计橙黄风格的Wordpress主题

2016-02-16 08:16 17 1 收藏

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享Photoshop设计橙黄风格的Wordpress主题吧。

【 tulaoshi.com - PS 】

最终效果

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

步骤1

创建一个新的文件(按Ctrl + N)或文件新建, 参数设置如下:

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

步骤2

改变你的前景色为#232323, 用油漆桶工具填充背景。

然后添加杂色。 点击滤镜杂色添加杂色(数量2,高斯分布,单色)

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

步骤3

在网页顶部用矩形工具画一个橙色区域

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

步骤4

建立一个新的文档,用钢笔工具画一个三角形,填充橙色(下图是放大1600倍的样子)

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

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

正常大小是:

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

步骤5

将上面的三角形定义为画笔(编辑定义图案)

在橙色矩形框下新建一层,用选框工具画一个矩形

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

步骤6

创建一个新层(ctrl+shift+alt+N),并且确认你已经选中这层。用油漆桶填充上面定义的图案

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

步骤7

矩形选框工具删除多余的部分

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

步骤8

用移动工具将下面的矩形锯齿移动到上面

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

合并好以后

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

步骤9

按ctrl+E合并两层,设置图层样式如下

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

投影:混合模式-正片叠底,距离1px,扩展0,大小1px

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

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

内发光:

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

渐变叠加:

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

效果:

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

步骤10:

底部的布局同样使用矩形工具,颜色大家可以用吸管工具自己吸取

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

步骤11

用上面的方法创建白色锯齿形状

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

橡皮擦工具擦掉两边多余部分

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

得到下面的效果

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

步骤12

合并白色锯齿层并设置图层样式如下

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

步骤13

按住Ctrl键单击图层缩略图

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

步骤14

选择矩形选框工具,按住alt键把左边多于选取取消

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

步骤15

建立一个新层填充前景色#b2a891

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

再次用矩形工具创建矩形,填充一个稍微亮一些的颜色

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

步骤16

使用钢笔工具画一个小三角形,这里我们要建立一个阴影的效果

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

步骤17

同样的方法在创建一个矩形折纸效果。中间部分用矩形工具绘制,填充白色。

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

步骤18

找一些照片放到图框里 效果如下

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

步骤19

添加2个按钮,方法也是上面介绍的

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

步骤20

丰富一下细节,发挥自己的想象啦

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

步骤21

最后在新建一层放在最上面用画笔工具画一个亮光的效果,并且把这层的图层样式改为柔光

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

大功告成!

怎么样,效果还不错吧

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

Photoshop设计橙黄风格的Wordpress主题,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1570128.html

延伸阅读
许多童鞋都梦想过有一间优雅精致的小餐厅吧,能招待天南地北远道而来的吃货们,如果你的这个梦想正在成真,那先为你赞一个,可能你还想与时俱进,为你的餐吧建一个同样优雅的网站,那么今天收集的这25个响应式WorePress主题非常适合你呦,仅仅花一点时间,你就可以利用它们搭建一个棒极了的网站。 Take a Break(小憩餐吧) 小憩餐吧是单页...
标签: PS PS基础
先看效果图 新建文档,800x600像素,背景白色,画2个矩形,分别添加样式。 底部矩形样式。 上部矩形样式。 在画面右侧添加一个白色椭圆,图层模式柔光。 建新层,画一白色正圆。 添加图层样式。 效果如下。 建新层,画一个小些的黑色正圆,与大圆中心对齐。 添加图层样式。 效果如下。 ...
标签: PS PS基础
本教程主要使用Photoshop合成圣诞节风格全屏海报教程,拿到产品不要直接构思场景或者着手开始做,当然如果你有足够的好的想法,可以忽略这段话。就如同看电视和看书的区别,电视就是被动的吸收画面,而看书有自己联想的过程。那么,编故事的过程就如同看书,就是增加你的联想能力。 最终效果 思维流程: 1、导入天空素材,进行高斯...
标签: PS PS基础
这个教程以音乐为主题,用一些抽象的元素加强音乐在画面中的震撼,虽然画面中的元素不多但能够很清晰的表达作者的想法。 最终效果 1.创建一个1000*1000像素的文档,并用黑色填充 下载如下"星空"图片 粘贴到画布上,降低图层的不透明度为55%,并添加一个图层蒙版,使用一个柔角大的黑色画笔在蒙版上涂抹,不要那么多星星...

经验教程

120

收藏

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