当前位置:首页ps教程Photoshop设计一个时尚的专业博客
Photoshop设计一个时尚的专业博客
°
  • 素材类型: 资源-素材
  • 上传时间:

本教程主要用Photoshop来建设一个时尚,专业的博客设计.对于网页的模板制作最重要的两个部分,第一就是颜色的搭配,另一个就是网页元素的排版,而这只有都处理好才能恰到好处.

您将学习如何建设一个时尚,专业的博客设计.

Photoshop设计一个时尚的专业博客

第1步: 新建文件 > 文件 > 新建(Ctrl + N),文件大小1184 x 1024px ,背景色填充#252424

Photoshop设计一个时尚的专业博客

第2步: 新建层,做网页的头部,选择矩形选框工具(M),随便填充#000000,然后选择图层样式-渐变叠加 线性渐变从#005a9f到#00a1ee

Photoshop设计一个时尚的专业博客

Photoshop设计一个时尚的专业博客

Photoshop设计一个时尚的专业博客

第3步: 新建层。使用多边形套索工具,填充白色,选择渐变叠加 第4步: 在第3步下面新建层,载入第3步选区,填充白色,在选择第3步层,把选区下右个移动1px ,选择移动工具再次向下右移动1px ,在选择白色层不透明度

第3步: 新建层。使用多边形套索工具,填充白色,选择渐变叠加

Photoshop设计一个时尚的专业博客

Photoshop设计一个时尚的专业博客

Photoshop设计一个时尚的专业博客

Photoshop设计一个时尚的专业博客

第4步: 在第3步下面新建层,载入第3步选区,填充白色,在选择第3步层,把选区下右个移动1px ,选择移动工具再次向下右移动1px ,在选择白色层不透明度为58% ,图层样式为 > 色相

Photoshop设计一个时尚的专业博客

Photoshop设计一个时尚的专业博客

Photoshop设计一个时尚的专业博客

第5步: 选择文本工具(T)输入文字,加上自己喜欢的图标

Photoshop设计一个时尚的专业博客

第6步: 新建层,做发光效果的标,选择画笔#DA4D89 ,#06FA05 ,#fefb03 ,

Photoshop设计一个时尚的专业博客

Photoshop设计一个时尚的专业博客

Photoshop设计一个时尚的专业博客

第7步: 选择文本工具,输入自己想要的文字,然后选择图层样式 投影 渐变叠加。 第8步: 在次选择文本工具,输入自己想要的文字,然后选择图层样式 外发光 渐变叠加。

第7步: 选择文本工具,输入自己想要的文字,然后选择图层样式 > 投影 > 渐变叠加。

Photoshop设计一个时尚的专业博客

Photoshop设计一个时尚的专业博客

Photoshop设计一个时尚的专业博客

Photoshop设计一个时尚的专业博客

第8步: 在次选择文本工具,输入自己想要的文字,然后选择图层样式 > 外发光 > 渐变叠加。

Photoshop设计一个时尚的专业博客

Photoshop设计一个时尚的专业博客

Photoshop设计一个时尚的专业博客

Photoshop设计一个时尚的专业博客

第9步: 新建层,选择铅笔工具,大小1px,选择白色,画条直线不透明度为64%,混合模式为柔光。 第10步: 新建层,选择矩形选取工具(M),选择图层样式 渐变叠加 效果如图 第11步: 在第10步下方新建层,填充白色,载入选

第9步: 新建层,选择铅笔工具,大小1px,选择白色,画条直线不透明度为64%,混合模式为柔光。

Photoshop设计一个时尚的专业博客

第10步: 新建层,选择矩形选取工具(M),选择图层样式 >>渐变叠加 效果如图

Photoshop设计一个时尚的专业博客

Photoshop设计一个时尚的专业博客

Photoshop设计一个时尚的专业博客

第11步: 在第10步下方新建层,填充白色,载入选区,选着第10步图层,向右移动1px,如图所示:

Photoshop设计一个时尚的专业博客

Photoshop设计一个时尚的专业博客

第12步: 选择矩形工具,创建一个矩形,选择图层样式 >>

Photoshop设计一个时尚的专业博客

Photoshop设计一个时尚的专业博客

Photoshop设计一个时尚的专业博客

Photoshop设计一个时尚的专业博客

Photoshop设计一个时尚的专业博客

Photoshop设计一个时尚的专业博客

第13步: 选择矩形工具,创建一个矩形,选择图层样式 ;输入文字 第14步:现在做右边内容,选择矩形工具,创建一个矩形,选择图层样式 第15步:新建层,创建一个搜索框,效果如图:

第13步: 选择矩形工具,创建一个矩形,选择图层样式 >>;输入文字

Photoshop设计一个时尚的专业博客

Photoshop设计一个时尚的专业博客

Photoshop设计一个时尚的专业博客

Photoshop设计一个时尚的专业博客

第14步:现在做右边内容,选择矩形工具,创建一个矩形,选择图层样式 >>

Photoshop设计一个时尚的专业博客

Photoshop设计一个时尚的专业博客

Photoshop设计一个时尚的专业博客

Photoshop设计一个时尚的专业博客

第15步:新建层,创建一个搜索框,效果如图:

Photoshop设计一个时尚的专业博客

Photoshop设计一个时尚的专业博客

第16步:在第14步层下方新建层,创建矩形,选择图层样式 第17步:新建层。使用画笔工具(B),创建一条白线,图层样式为 柔光 第18步:做翻页按钮,选择矩形工具(U)选择图层样式 注意调节细节,加上自己喜欢的图标: 进

第16步:在第14步层下方新建层,创建矩形,选择图层样式 >>

Photoshop设计一个时尚的专业博客

Photoshop设计一个时尚的专业博客

Photoshop设计一个时尚的专业博客

第17步:新建层。使用画笔工具(B),创建一条白线,图层样式为 >>柔光

Photoshop设计一个时尚的专业博客

第18步:做翻页按钮,选择矩形工具(U)选择图层样式 >>

Photoshop设计一个时尚的专业博客

注意调节细节,加上自己喜欢的图标:

Photoshop设计一个时尚的专业博客

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

温馨提示:

文章标题:Photoshop设计一个时尚的专业博客

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

更新时间:2024年08月24日

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

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

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

Photoshop制作风格清新浪漫婚纱照

2024-8-24 10:06:20

ps教程

Photoshop给偏黄的美女照片校色教程

2024-8-24 10:07:45

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧