文中的页面可以用于个人工作室或网页设计师的个人网站使用,是以网站模板为主题的页面设计,整个风格以绿色系为主,版面保持在一屏之内,作为设计师的个人网站来说内容不需要很多,首页上主要可以放置设计师的网页作品,以及网站说明等信息。
效果图
教程: 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%。 为智能对象。 17、双击“背景”层,打开图层样式窗口的设置和使用的下列图像外发光图层样式。 18、创建一个新层,设置前景颜色为#2A2009,选择画笔工具(b)从工具面板中,选择一个笔刷直径的25px。 21、选择滤镜“模糊”高斯模糊进行设置,然后设置混合模式的这一层不透明为30%。 22、现在,我们要创建的导航栏。选择矩形工具(u)和设置颜色为#D8D8A5。 24、使用裁剪工具。右键单击“导航栏”层,然后进行裁剪。您可能注意到,因为导航栏顶部不是圆角。要纠正此,我们 将使用裁剪面具。 右键单击“导航栏”层,然后选择创建裁剪面具 。双击“导航栏”层,打开图层样式窗口进行设置斜 面浮雕、渐变叠加。
25、现在我们要创建一个背景,current page buttom按钮。选择矩形工具(u),设置颜色为#A6A43F,并创建一个小矩形 的高度60px,层的不透明为15%。然后右键单击在此层,并选择裁剪 选择头4层,按住Ctrl键,然后点击他们在图层面板,然后按Ctrl+G。名为“bg & navigation bar”。 可使用任何其他的字体,你想要的。 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网站)。 34、选择文字工具(T)和添加一些文字 35、现在,我们要建立两个按钮底部的精选项目部分。选择圆角矩形工具(ü),设置半径为8px和颜色#A6A42F, 创造一个小圆角矩形。命名此层“按钮1”。 36、我们希望顶端和按钮有关联。要做到这一点: 37、层不透明为30%。 41、创建一个按钮后,同上述步骤,使用不同的图标和文字。
42、选择矩形工具(u)和建立一个长方形的高度130px使用颜色#A6A43F。 43、选择圆角矩形工具(ü),设置半径为10px,在左侧创建一个圆角矩形。 44、点击载体工具的圆角矩形,然后选择圆角矩形工具(ü),点击减去从形状领域按钮图示从选项,看看以下的图片,以供参考。 45、创建一个新层,右键单击它并选择创建裁剪面具。 47、层的混合模式的这一层覆盖,不透明至30%。 51、重复上述步骤。 52、选择圆角矩形工具(ü),设置半径为8px,颜色为#E1E0C1,并创造四个圆形矩形的层面220px的110px。 54、选择工具(T)的从图层面板,并添加一些文字在底部的布局。您也可以使用一些图示。 55、使用文字工具(T)及颜色#E0E0AC写的名称,您的网站在上方的文件。 57、然后,使用文字工具(T)的再次写标语。 |