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教程,图老师教程网

正常大小是:

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

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

内发光:

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

渐变叠加:

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

效果:

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

步骤10:

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

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

步骤11

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

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/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教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/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%,并添加一个图层蒙版,使用一个柔角大的黑色画笔在蒙版上涂抹,不要那么多星星...

经验教程

390

收藏

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