ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 1903|回复: 0
收起左侧

[个人作品] PS菜鸟手把手教你做自己心仪的首页模板

[复制链接]
发表于 2013-1-6 17:35:37 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

x
大家好,废话不多说了,进入正题吧。
    每次看到装修的很好、很漂亮的装修,心里那个羡慕呀。心里总是在想,我也要有这种效果。于是自己慢慢学习PS,所以到现在,自己还是个菜鸟。经过自己慢慢的学习,终于学会了,现在慢慢教大家做吧。
    我说的装修方法需要用2个软件,一个是一个是。没错,就是Photoshop和Dreamweaver。
    先想好自己想要装修成的样子。如下图(这是我在朋友店里看到的,就想我的鞋子也这样,那是不是很不错呢。)
   示例图:

给大家看看我做的效果图吧。(O(∩_∩)O哈哈~,还不错吧。)效果图:


下面开始步骤:
1、先截图,利用PS把我们需要的弄出来。效果如下:图1

这个很简单的:a.打开PS软件,点击打开,此时打开我们刚刚的截图。

b.利用矩形选框工具选择背景的颜色,然后遮盖住我们不需要的部分。鞋架上也是如此,需要遮盖的地方需要什么样的背景就选择什么样的背景,然后同时Ctrl+j
,这样就新增了一个图层,然后用移动工具把我们选的放到需要遮盖的地方即可。做出来的效果如图1所示.【注意此时请把图片尺寸调为950宽哦】
2、把鞋子放上架咯。做好上图之后,把需要上来的鞋子抠出来,放上鞋架。
a.把需要的鞋子放到PS中进行抠图,在这方面自己功力还不是很好,抠出来的图总有些白色的边边。我用的抠图工具是快速选择工具,所以效果不是很好,大家可以用钢笔工具,效果应该更好,抠图的方法很多,大家那个比较强点就用哪个哦。抠出来的效果如下:

c.利用ctrl+t快捷功能调节鞋子的大小,调节时请同时按住shift键,这样鞋子就不会变形了。后面的也是同样的方法哦。
d.鞋子全部放上架之后,下面把促销的水印加上去了,直接拖进去就可以了,同样的方法调节大小。
做完这些就是这样的了:

哈哈O(∩_∩)O哈!是不是挺像那么回事了呢。下面把图片保存下吧。保存为JPEG格式哦,质量选最佳哦。
然后再用PS打开我们刚刚保存的图片进行切片吧。
1、找到切片工具,然后按住鼠标左键,从左上角往右下角拉,把每双鞋分开切片,切好以后如下图:

等切片完成以后,找到文件选项,选择存储为Web和设备所用格式。

然后会出现这个,然后不用调了,直接点确定就好了。

确定好以后,新建一个文件夹,保存放在里面。

保存之后,会出现这个页面,不用管,直接点确定就可以了。
OK,PS部分的完了,现在可以关闭PS了。

在我们刚刚保存的文件中,有一个网页文件夹,一个图片文件夹,
把图片文件夹的图片上传到我们的图片空间。



然后打开dreamweaver文件,把刚刚的网页文件夹拖进去。如下图:

接下来就是要把图片的本地地址换成我们图片空间的地址。


第一个是图片空间的地址,第二个是宝贝的链接地址。等所有的宝贝的图片地址和链接地址都添加和转换完以后,模板也就制作成功啦。(*^__^*) 嘻嘻……
模板制作成功之后,只要把上面全部的代码复制到店铺首页的自定义模块保存就Ok啦。




OK,全部搞定,大家有不懂的可以来问我哦,希望和大家一起交流进步。最后,祝大家新年快乐,生意兴隆哈。
大家好,废话不多说了,进入正题吧。
    每次看到装修的很好、很漂亮的装修,心里那个羡慕呀。心里总是在想,我也要有这种效果。于是自己慢慢学习PS,所以到现在,自己还是个菜鸟。经过自己慢慢的学习,终于学会了,现在慢慢教大家做吧。
    我说的装修方法需要用2个软件,一个是一个是。没错,就是Photoshop和Dreamweaver。
    先想好自己想要装修成的样子。如下图(这是我在朋友店里看到的,就想我的鞋子也这样,那是不是很不错呢。)
   示例图:

给大家看看我做的效果图吧。(O(∩_∩)O哈哈~,还不错吧。)效果图:


下面开始步骤:
1、先截图,利用PS把我们需要的弄出来。效果如下:图1

这个很简单的:a.打开PS软件,点击打开,此时打开我们刚刚的截图。

b.利用矩形选框工具选择背景的颜色,然后遮盖住我们不需要的部分。鞋架上也是如此,需要遮盖的地方需要什么样的背景就选择什么样的背景,然后同时Ctrl+j
,这样就新增了一个图层,然后用移动工具把我们选的放到需要遮盖的地方即可。做出来的效果如图1所示.【注意此时请把图片尺寸调为950宽哦】
2、把鞋子放上架咯。做好上图之后,把需要上来的鞋子抠出来,放上鞋架。
a.把需要的鞋子放到PS中进行抠图,在这方面自己功力还不是很好,抠出来的图总有些白色的边边。我用的抠图工具是快速选择工具,所以效果不是很好,大家可以用钢笔工具,效果应该更好,抠图的方法很多,大家那个比较强点就用哪个哦。抠出来的效果如下:

c.利用ctrl+t快捷功能调节鞋子的大小,调节时请同时按住shift键,这样鞋子就不会变形了。后面的也是同样的方法哦。
d.鞋子全部放上架之后,下面把促销的水印加上去了,直接拖进去就可以了,同样的方法调节大小。
做完这些就是这样的了:

哈哈O(∩_∩)O哈!是不是挺像那么回事了呢。下面把图片保存下吧。保存为JPEG格式哦,质量选最佳哦。
然后再用PS打开我们刚刚保存的图片进行切片吧。
1、找到切片工具,然后按住鼠标左键,从左上角往右下角拉,把每双鞋分开切片,切好以后如下图:

等切片完成以后,找到文件选项,选择存储为Web和设备所用格式。

然后会出现这个,然后不用调了,直接点确定就好了。

确定好以后,新建一个文件夹,保存放在里面。

保存之后,会出现这个页面,不用管,直接点确定就可以了。
OK,PS部分的完了,现在可以关闭PS了。

在我们刚刚保存的文件中,有一个网页文件夹,一个图片文件夹,
把图片文件夹的图片上传到我们的图片空间。



然后打开dreamweaver文件,把刚刚的网页文件夹拖进去。如下图:

接下来就是要把图片的本地地址换成我们图片空间的地址。


第一个是图片空间的地址,第二个是宝贝的链接地址。等所有的宝贝的图片地址和链接地址都添加和转换完以后,模板也就制作成功啦。(*^__^*) 嘻嘻……
模板制作成功之后,只要把上面全部的代码复制到店铺首页的自定义模块保存就Ok啦。




OK,全部搞定,大家有不懂的可以来问我哦,希望和大家一起交流进步。最后,祝大家新年快乐,生意兴隆哈。
您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-12-22 13:31 , Processed in 0.031802 second(s), 11 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表