Photoshop设计橙黄风格的Wordpress主题

颜小寕

颜小寕

2016-02-16 08:16

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

最终效果

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

步骤1

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

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

步骤2

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

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

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

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

步骤3

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

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

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

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

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

展开更多 50%)
分享

猜你喜欢

Photoshop设计橙黄风格的Wordpress主题

PS PS基础
Photoshop设计橙黄风格的Wordpress主题

Photoshop设计Wordpress主题网站界面教程

PS PS基础
Photoshop设计Wordpress主题网站界面教程

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop美工教程:WordPress卡通动漫主题设计

PS PS基础
Photoshop美工教程:WordPress卡通动漫主题设计

Photoshop绘制好看的老式wordpress主题

PS PS基础
Photoshop绘制好看的老式wordpress主题

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

教你设计自个儿的WordPress主题

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
教你设计自个儿的WordPress主题

如何从WordPress主题上获取设计灵感

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
如何从WordPress主题上获取设计灵感

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop渐变映射为人像添加精彩背景

Photoshop渐变映射为人像添加精彩背景

Photoshop设计木质谦镶嵌效果的艺术字

Photoshop设计木质谦镶嵌效果的艺术字
下拉加载更多内容 ↓