首页 > 设计 > 详细

Photoshop 绘制冬季气息风格网站首页

时间：2015-12-01 17:47:41      阅读：440      评论：0      收藏：0      [点我收藏+]
先看下效果吧 ：）
技术分享
第1步：新建文件（ctrl+N），全选（ctrl+A）填充#e3f2f6色；取消选择（ctrl+D）
技术分享

第2步：设置参考线；编辑>首选项>常规>网格（ctrl+K）

技术分享

第3步：激活网格（ctrl+‘）,按F8打开窗口>信息，选择圆角矩形工具（U）设置半径为10px，圆角矩形宽度为960px；隐藏网格（ctrl+‘）

技术分享

第4步：选择标尺（ctrl+R）

技术分享

第5步：找张喜欢的风景；使用移动工具（V）移动到适合的位置，并转换为智能对象（右键单击图层，选择转换为智能对象）。进入编辑>自由变换（ctrl+T），然后选择滤镜>锐化；设置这层的混合模式为“叠加”不透明度为80%
添加图层蒙版，选择渐变工具（G）从黑到白

技术分享

第6步：新建组（ctrl+G）,然后新建图层；选择图像>应用图像，点击确认；使用矩形选区工具（M）创建380px x 90px大小选区，反选（ctrl+shift+I）；删除；然后取消选区（ctrl+D）

技术分享

第7步：转换为智能对象（右键单击图层，选择转换为智能对象），载入选区（ctrl+左键点击图层）；添加图层蒙版；选择滤镜>模糊>高斯模糊，然后选择滤镜>杂色>添加杂色；选择滤镜>锐化>锐化

技术分享

第8步：选择图层>新建调整图层>亮度/对比度，（打勾创建剪切蒙版选项）

技术分享

第9步：创建同上大小矩形工具（U），颜色为#9dd8ed，双击图层选择图层样式>斜面和浮雕，图层混合模式为>正片叠底，不透明度为25%

技术分享

第10步：在第6步图层下方新建层，在层使用矩形工具创建同上相同大小的矩形，然后设置图层样式，如图：

技术分享

第11步：选择文本工具（T）文字颜色为＃f2feff；双击打开图层样式对话框做一下设置

技术分享

第12步：新建图层，载入白色圆角矩形选区，并隐藏该层，选择矩形选区工具（M）做一下设置，然后显示圆角矩形层；

技术分享

第13步：锁定透明区域；然后选择滤镜>模糊>高斯模糊；选择滤镜>杂色>添加杂色；选择滤镜>锐化>锐化

技术分享

第14步：添加图层样式

技术分享

第15步：选择图层>新建调整图层>亮度/对比度，（打勾创建剪切蒙版）

技术分享

第16步：设置前景色为#b1e3f3，选择矩形工具（U）创建剪切蒙版，混合模式为>正片叠底，不透明度为25%

技术分享

第17步：添加文字，颜色为#f2feff

技术分享

第18步：选择圆角矩形（U）半径为6px；颜色为#f0f7f9；输入文字：斜体、#a1c6D0。

技术分享

第19步：使用矩形 工具，大小问哦600 x 250像素，颜色为#ebf3f5；左边距为30像素，上边距为20像素；设置图层样式：

技术分享

第20步：添加一张图片，移动到合适位置创建剪切蒙版

技术分享

第21步：使用自定义形状工具（U）创建一个白色箭头，设置图层样式

技术分享

第22步：重复箭头（ctrl+J），选择编辑>变换>水平翻转，设置图层样式

技术分享

第23步：创建5个矩形，大小为100 x 100像素；对齐

技术分享

第24步：使用钢笔工具（P）创建一个方块上方的小三角形使用颜色＃d2d2d2

技术分享

第25步：新建图层，创建600 x 1像素的水平线，亚瑟为#＃eeeeee

技术分享

第26步：使用矩形工具（U）大小为280 x 120像素，添加一些文字

技术分享

第27步：复制5个

技术分享

第28步：选择矩形工具（U）建立一个颜色＃eeeeee垂直分割线

技术分享

第29步：选择矩形工具（U）建立一个300px宽矩形，颜色#f5f9fa。

技术分享

第30步：选择行工具（U）创建一个工具栏垂直线使用颜色＃d1e2e6 。 复制这一层（Ctrl + J）移动到补工具栏的右侧。

技术分享

第31步：使用矩形工具（u）创建四个125 x 125px大小的矩形

技术分享

第32步：添加文字和矩形

技术分享

小鱼已经完成Ps制作冬天主题的网页教程，您呢(*^__^*) 嘻嘻……
原文：Photoshop制作冬天主题的网页教程

Photoshop 绘制冬季气息风格网站首页

原文：http://www.jb51.net/photoshop/23713.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
教程昨日排行
更多>
友情链接
汇智网   PHP教程   插件网  
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣，分享程序人生！