以用户为中心的设计BLOG

User-Centered Design

« 28个可口的食物logo设计50个鲜亮并充满活力的网页设计-色彩的启示 »

Photoshop制作特色质感博客教程

Photoshop制作特色质感博客教程

作者:UCD博客 小鱼 转载请注明出处 加上原文链接

原文:Photoshop制作特色质感博客教程

先看下效果吧 :)

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

第2步:选择矩形工具(快捷键U)属性设置为,创建一个宽约1100像素,高约950像素的矩形,颜色为白色

 

 

第3步:选择图层样式(点击图层面板上),描边>外描边

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

 

 

 

现在你应该是这样的

 

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

 

 

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

原文:Photoshop制作特色质感博客教程

 

  • 相关文章:
  • quote 1.原创吗
  • 这是你原创?怎么感觉象是翻译教程呢?如果是翻译教程怎么不注明出处.
  • 2009-12-2 10:44:05 回复该留言
  • quote 5.深海
  • 第5步:在灰色矩形图层下方新建图层(快捷键ctrl+shift+N),选择钢笔工具(快捷键P)填充黑色,效果如图,然后在另一边重复此操作,


    这一步我做不下去了,能不能说的详细点,谢谢
  • 2010-1-31 14:47:59 回复该留言
  • quote 7.东莞seo
  • 很好,欢迎交流!!
    由 tiantong 于 2010-5-31 16:12:03 最后编辑
  • 2010-5-31 15:07:56 回复该留言
  • quote 9.enping888
  • 站长能不能介绍一些书,或者网站,方法之类的
    由 tiantong 于 2011-1-7 9:28:00 最后编辑
  • 2011-1-6 18:04:04 回复该留言

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Arwen Build 90619 Code detection by Codefense

Copyright 2008-2010 www.ucdcom.com