Photoshop 绿色风格网站首页模板

时间：2016-02-05 17:50:30 阅读：197 评论：0 收藏：0 [点我收藏+]

效果图

　　教程：
　　1、在Photoshop创建一个新的文件，文件“快捷键(按Ctrl+N)，大小为980px的830px。
　　技术分享

　　2、标尺(按Ctrl+R)沿着边缘拉4条辅助线。
　　技术分享

　　3、选择圆角矩形工具“快捷键(u)”，设置半径为10px、颜色为#E0E0AC，并沿着辅助线创建一个圆角矩形。
　　技术分享

　　4、选择“ 画布大小(按Alt+Ctrl+C)来设置画布大小。
　　技术分享

　　5、再次选择画布大小(按Alt+Ctrl+C)，使用的设置画布大小。
　　技术分享

　　6、选择背景图层，设置前景颜色为#6C821C，并填写在使用油漆桶工具(按g)。
　　技术分享

　　7、创建一个新的图层，选择渐变工具(按G)从黑色到白色拉渐变。设置不透明为10%
　　技术分享

　　8、加“图层蒙版”，选择渐变工具(按G)从黑色到透明。看看下面的图片，以供参考。
　　技术分享

　　9、右键单击图层层，然后选择转换为智能对象。然后选择滤镜>“杂色>”添加杂色和动感模糊的设置下面的图片。
　　技术分享

　　10、创建一个新层，选择画笔工具(B组)，选择一个白色的软刷，设置直径300px，并在顶部画一条白线。设置不透明度为50%。
　　11、创建一个新图层，设置前景颜色为黑色和背景颜色为白色(D)，然后选择滤镜“渲染”云,右键单击该层，选择转换
　　为智能对象。
　　12、选着滤镜 “模糊”动感模糊设置下面的图片。
　　13、然后进入过滤镜“锐化”
　　14、添加图层蒙版。
　　15、选择渐变工具(G)黑色到透明底部到顶部的文件。
　　16、选择混合模式，设置不透明为40%。
　　技术分享

　　17、双击“背景”层，打开图层样式窗口的设置和使用的下列图像外发光图层样式。
　　技术分享

　　18、创建一个新层，设置前景颜色为#2A2009，选择画笔工具(b)从工具面板中，选择一个笔刷直径的25px。
　　19、右键单击该层，选择转换为智能对象。
　　20、然后进入“编辑>自由变换到(Ctrl+T)和伸展的圆圈，像我在下面的数字。
　　技术分享

　　21、选择滤镜“模糊”高斯模糊进行设置，然后设置混合模式的这一层不透明为30%。
　　技术分享

　　22、现在，我们要创建的导航栏。选择矩形工具(u)和设置颜色为#D8D8A5。
　　23、创建一个长方形的高度60px在顶部的大圆角矩形。
　　注：打开信息面板(F8键)，这样你就可以看到您的矩形的高度。
　　技术分享

　　24、使用裁剪工具。右键单击“导航栏”层，然后进行裁剪。您可能注意到，因为导航栏顶部不是圆角。要纠正此，我们
　　将使用裁剪面具。右键单击“导航栏”层，然后选择创建裁剪面具。双击“导航栏”层，打开图层样式窗口进行设置斜
　　面浮雕、渐变叠加。
　　技术分享

　　25、现在我们要创建一个背景，current page buttom按钮。选择矩形工具(u)，设置颜色为#A6A43F，并创建一个小矩形
　　的高度60px，层的不透明为15%。然后右键单击在此层，并选择裁剪
　　技术分享

　　选择头4层，按住Ctrl键，然后点击他们在图层面板，然后按Ctrl+G。名为“bg & navigation bar”。
　　26、选择文字工具(T)新增的文案，导航菜单使用颜色为#A6A43F。我使用的是 LT65字体，如果您没有这个字体，
　　可使用任何其他的字体，你想要的。
　　技术分享

　　27、现在，创建一个新的Photoshop文件，新建文件“>(按Ctrl+n)，尺寸5px的5px，背景为透明，层的前景颜色为#2A2009，
　　选择铅笔工具(b)，选择一个笔刷的直径1px。然后进入“编辑>定义图案，命名，然后单击确定。关闭该文件。
　　技术分享

　　28、选择矩形工具(u)建立一个长方形的高度330px使用任何你想要的颜色。
　　技术分享

　　29、双击层，打开图层样式窗口进行设置。
　　技术分享

　　30、选择圆角矩形工具(u)，设置半径为8px，设置颜色为#A6A43F，并创建一个圆角矩形的宽度为940px和高度
　　240px，层的不透明性这层至50%
　　技术分享

　　31、选择矩形工具(ü)，设置颜色为#A6A43F，并创建一个矩形的尺寸610px的220px。这将是背景，精选项目形象。
　　技术分享

　　32、插入您想要的任何图像文件到您使用移动工具(五)(我用的屏幕截图Envato网站)。
　　33、把上图中长方形你创建在上一步中，右键单击层上的图片并选择创建裁剪面具。
　　技术分享

　　34、选择文字工具(T)和添加一些文字
　　技术分享

　　35、现在，我们要建立两个按钮底部的精选项目部分。选择圆角矩形工具(ü)，设置半径为8px和颜色#A6A42F，
　　创造一个小圆角矩形。命名此层“按钮1”。
　　技术分享

　　36、我们希望顶端和按钮有关联。要做到这一点：
　　A. 选中节点
　　B. 选择直接选择工具(A)和点击的道路上，你看到周围的按钮，现在你应该看到两个定位点在每一个角落。
　　C. 选择转换点工具(它是根据钢笔工具)，然后按一下四个定位点上方的按钮。
　　D. 选择直接选择工具(一)再次按住Shift键并创建您连续弯道。
　　技术分享