如何在Photoshop中创建一个非常有质感的网页布局

最终图片预览教程细节:程序:PhotoshopCS4难度:中等估计完成时间:60分钟先来看一下我们将要创建的网站设计。所需要的素材:下载破旧材质下载无缝的木头材质---本文来源于网络,仅供参考,勿照抄,如有侵权请联系删除---花朵图片树叶图片第1步在这个教程中,我们将用到一些商业图片来创建这个有质感的网站布局。首先让我们创建一个1000像素X1000像素大小的文档。第2步从Grafplus下载无缝的木头材质。这里是下载地址:下载无缝的木头材质。在Photoshop中打开”texture-small.jpg”图片,然后选择编辑>定义图案。给图案命名,点击确定。现在将图片关闭掉。---本文来源于网络,仅供参考,勿照抄,如有侵权请联系删除---第3步选择背景图层,按下Ctrl+J,这个快捷方式将会复制背景图层。选择新复制的图层,然后选择图层>图层样式>图案叠加,使用之前你创建的那个图案。第4步使用矩形工具创建一些不同颜色的垂直条纹。---本文来源于网络,仅供参考,勿照抄,如有侵权请联系删除---第5步按下Ctrl键,在图层调板中点击每一个形状图层,将这些条纹图层都选择上。---本文来源于网络,仅供参考,勿照抄,如有侵权请联系删除---第6步当所有形状都选择上以后,按Ctrl+E键(这个快捷方式会将所有的图层合并成一个图层),将图层混合模式更改为颜色渐淡,不透明度值更改为40%-50%之间。第7步现在添加上另外一张图片。再次访问grafplus,下载破旧风格的图片。将这个图片放置在文件的最顶层。选择文件>置入命令,选择这张图片。---本文来源于网络,仅供参考,勿照抄,如有侵权请联系删除---第8步确保你选择了这个图层,然后应用一个简单的投影。图层>图层样式>投影。---本文来源于网络,仅供参考,勿照抄,如有侵权请联系删除---第9步使用矩形选区工具作出如下的选区。第10步确保你已经选择上了破损材质的图层,然后按Ctrl+J键(此快捷方式将会通过剪切)。选择新图层,将图层旋转180度(编辑>变换>旋转180度)。使用移---本文来源于网络,仅供参考,勿照抄,如有侵权请联系删除---动工具将新图层放置于所有图层的上方。然后添加上你的Logo。在这个教程中,我使用的文字是”PSDtuts+”。第11步将Logo的图层混合模式更改为颜色加深。第12步使用相同的技术切割一些按钮和页脚。结果如下:---本文来源于网络,仅供参考,勿照抄,如有侵权请联系删除---第13步如果你想创建一个不同颜色的特别的按钮,你需要选择该按钮所在的图层,然后按下Ctrl+U调出色相/饱和度对话框,勾选色彩化选择框,然后向左或向右移动滑块来得到你想要的结果。---本文来源于网络,仅供参考,勿照抄,如有侵权请联系删除---第14步在右边,使用矩形工具创建一个白色的形状。第15步---本文来源于网络,仅供参考,勿照抄,如有侵权请联系删除---使用线条工具在白色形状上面创建一些细线条。线条使用的颜色是#d3d1d2。第16步在图层面板中选择白色形状图层和线条图层,然后按Ctrl+E合并图层。选择橡皮工具,使用小一些的,圆形的画笔删除图层中的一部分使其看上去像是一张真实的纸。---本文来源于网络,仅供参考,勿照抄,如有侵权请联系删除---第17步添加下列图层样式。第18步使用水平文字工具添加一些文字。我使用的字体是MyriadPro(你可以在windows7和Vista中找到这种字体)。---本文来源于网络,仅供参考,勿照抄,如有侵权请联系删除---第19步现在在网页中间添加另外一张图片,在图片的右边添加两个箭头。箭头的形状你可以在自定义形状中去找。---本文来源于网络,仅供参考,勿照抄,如有侵权请联系删除---第20步在PSDPlus源文件中,你会找到两张商业图片。当然如果你不是我们的会员,你可以在网上搜索同样的图片。第一张是一片树叶,第二张是一朵红花。在Photoshop中打开这两张图片,去除背景。两张图片都有大概4000像素分辨率的品质,你可以使用魔术橡皮工具或其他你喜欢的方法去除背景。第21步将树叶图片放置于白纸的下面,网页的右边。---本文...

1、当您付费下载文档后,您只拥有了使用权限,并不意味着购买了版权,文档只能用于自身使用,不得用于其他商业用途(如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利)。
2、本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供参考,付费前请自行鉴别。
3、如文档内容存在侵犯商业秘密、侵犯著作权等,请点击“举报”。

常见问题具体如下:

1、问:已经付过费的文档可以多次下载吗?

      答:可以。登陆您已经付过费的账号,付过费的文档可以免费进行多次下载。

2、问:已经付过费的文档不知下载到什么地方去了?

     答:电脑端-浏览器下载列表里可以找到;手机端-文件管理或下载里可以找到。

            如以上两种方式都没有找到,请提供您的交易单号或截图及接收文档的邮箱等有效信息,发送到客服邮箱,客服经核实后,会将您已经付过费的文档即时发到您邮箱。

注:微信交易号是以“420000”开头的28位数字;

       支付宝交易号是以“2024XXXX”交易日期开头的28位数字。

客服邮箱:

biganzikefu@outlook.com

所有的文档都被视为“模板”,用于写作参考,下载前须认真查看,确认无误后再购买;

文档大部份都是可以预览的,笔杆子文库无法对文档的真实性、完整性、准确性以及专业性等问题提供审核和保证,请慎重购买;

文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为依据;

如果您还有什么不清楚的或需要我们协助,可以联系客服邮箱:

biganzikefu@outlook.com

常见问题具体如下:

1、问:已经付过费的文档可以多次下载吗?

      答:可以。登陆您已经付过费的账号,付过费的文档可以免费进行多次下载。

2、问:已经付过费的文档不知下载到什么地方去了?

     答:电脑端-浏览器下载列表里可以找到;手机端-文件管理或下载里可以找到。

            如以上两种方式都没有找到,请提供您的交易单号或截图及接收文档的邮箱等有效信息,发送到客服邮箱,客服经核实后,会将您已经付过费的文档即时发到您邮箱。

注:微信交易号是以“420000”开头的28位数字;

       支付宝交易号是以“2024XXXX”交易日期开头的28位数字。

笔杆子文秘
机构认证
内容提供者

为您提供优质文档,供您参考!

确认删除?