当前位置:首页ps教程Photoshop制作特色质感博客教程
Photoshop制作特色质感博客教程
°
  • 素材类型: 资源-素材
  • 上传时间:

本教程主要用Photoshop制作特色质感博客教程,模板的设计主要需要考虑到设计师的排版和色彩的搭配运用,然后在结合PS来完成最终个效果图。

先看下效果吧 :)

Photoshop制作特色质感博客教程

第1步:选择>文件>新建文件(快捷键ctrl+N),大小为1200 x 1060像素,填充颜色#1b2022,(填充前景色快捷键Alt+Delete),

第2步:选择矩形工具(快捷键U)属性设置为Photoshop制作特色质感博客教程,创建一个宽约1100像素,高约950像素的矩形,颜色为白色

Photoshop制作特色质感博客教程

第3步:选择图层样式(点击图层面板上Photoshop制作特色质感博客教程),描边>外描边

Photoshop制作特色质感博客教程

第4步:选择矩形工具(快捷键U)创建3个矩形,效果如图:

Photoshop制作特色质感博客教程

第5步:在灰色矩形图层下方新建图层(快捷键ctrl+shift+N),选择钢笔工具(快捷键P)填充黑色,效果如图,然后在另一边重复此操作,

Photoshop制作特色质感博客教程

第6步:选择灰色矩形图层,选择滤镜>杂色>添加杂色

Photoshop制作特色质感博客教程

第7步:然后在次选择滤镜>渲染>光照效果,样式:默认值,光照类型:点光

Photoshop制作特色质感博客教程

第8步:新建层(快捷键ctrl+shift+N)选择矩形选区工具(快捷键M)创建和粉红色矩形层一样的大小德选区,,选择渐变工具,从#ebb3b2色 到透明,从上往下拉渐变,然后图层不透明度改为20%,效果如图:

Photoshop制作特色质感博客教程

第9步:新建图层,使用矩形选区工具(快捷键M)填充#7c1922,效果如图

Photoshop制作特色质感博客教程

第10步:然后图层不透明度改为25%

Photoshop制作特色质感博客教程

第11步:新建图层,选择吸管工具(快捷键I)吸取灰色矩形颜色,然后创建一个小三角,填充颜色,效果如图

Photoshop制作特色质感博客教程

第12步:选择圆角矩形,半径为2像素,颜色为#333636, 第13步:添加文字,选个自己喜欢的图标,使用我这个从这里下载 现在你应该是这样的 第14步:现在如入正文文字,选个喜欢的图标,使用我这个从这里下载 ,如图

第12步:选择圆角矩形,半径为2像素,颜色为#333636,

Photoshop制作特色质感博客教程

第13步:添加文字,选个自己喜欢的图标,使用我这个从这里下载 >>

Photoshop制作特色质感博客教程

Photoshop制作特色质感博客教程

Photoshop制作特色质感博客教程

现在你应该是这样的

Photoshop制作特色质感博客教程

第14步:现在如入正文文字,选个喜欢的图标,使用我这个从这里下载 >> ,如图所示

Photoshop制作特色质感博客教程

第15步:现在我们要做条虚线,新建文件,大小为4 x 1px

Photoshop制作特色质感博客教程

第16步:然后选择编辑>定义图案,然后关闭文件,返回您的网站,新建层,创建高1像素的矩形条,填充白色,

Photoshop制作特色质感博客教程

第17步:选择图层样式>图案叠加

Photoshop制作特色质感博客教程

第18步:在右边做一个圆角矩形,半径为2像素颜色为#fff3ab,

Photoshop制作特色质感博客教程

Photoshop制作特色质感博客教程

小鱼已经完成Ps制作特色质感博客教程,您呢(*^__^*) 嘻嘻……

进入论坛参与讨论和交作业:http://www.missyuan.com/viewthread.php?tid=432857

温馨提示:

文章标题:Photoshop制作特色质感博客教程

文章链接:https://www.4tu.cn/photoshop/32348.html

更新时间:2024年08月25日

文章版权声明
1、本网站名称:思图创意
2、本站永久网址:https://www.4tu.cn
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报

本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。本站仅提供信息存储空间,不拥有所有权,不承担相关法律责任。

给TA打赏
共{{data.count}}人
人已打赏
ps教程

Photoshop十步打造质感网站按钮效果

2024-8-25 10:08:39

ps教程

Photoshop设计新年快乐文字特效

2024-8-25 10:09:14

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
购物车
优惠劵
今日签到
搜索