自己动手做淘宝插图模板.docx
- 文档编号:23842213
- 上传时间:2023-05-21
- 格式:DOCX
- 页数:30
- 大小:4.12MB
自己动手做淘宝插图模板.docx
《自己动手做淘宝插图模板.docx》由会员分享,可在线阅读,更多相关《自己动手做淘宝插图模板.docx(30页珍藏版)》请在冰豆网上搜索。
自己动手做淘宝插图模板
新手也能DIY制作精美的宝贝插图模板
这个非常有用的东西,学会后自己做淘宝模板不再难,本店的模板也都是自己做的,大家可以进来看看,一起学习进步吧!
qq:
407969522
最超级详细的教程——即便是新手也能制作出精美的宝贝描述插图模版,整个教程很详细分为三部分。
使用软件是photoshop和dreamweaver,在网上都可搜索下载的
第一部分,用photoshop制作出模版JPGE图片。
第一,打开photoshop,新建一个模版页面,宽度最好不要超过1000像素,这里设为800,长度根据需要任意;
第二,打开需要的素材作为模版顶部图案;
第三,用移动工具把素材图案拖动到之前新建的模版里,并调整好位置;
第四,用吸管工具,在你想要的颜色上点击;
第五,用矩形工具在素材图案下拉出合适的矩形框;
第六,用之前吸管工具吸取的色彩填充矩形框;
第七,根据需要用文字工具在合适的位置添加文字;
第八,保存宝贝模版;
第二部分,模版切片
为了打开网页时加快模版显示出来的速度,我们需要把模版切成一片片,分别上传到相册上,这样打开网页,每个模版切片同时显示,大大减少了页面打开的时间,买家也不会等到不耐烦了,下面是把模版切片操作:
第一,虽然photoshop也有切片工具,但往往要切割得很准确图片才不裂开,如使用ImageReady来切片就不会有这样的困扰了。
在模版图片打开的状态下,切换ImageReady进行切片处理;
第二,切片是有讲究的,凡是需要放入图片文字的地方都必须单独切为一片,这里我选择水平划分为9片;
第三,点击切片工具,移动到图中黄色小点上鼠标会变为箭头状,拉动切割线调整到适当的位置;
第四,把01区的分为两区,就选中该区,同样选择菜单的‘切片’垂直分为两区;
第五,同样用上一步的方法还可以把左边的01区再上下分为两区;
第六,划分好后返回photoshop,选中左边工具栏的切片工具就能看到分区,下来就是将切片存储;
第七,如图中操作然后存储;
第八,如图,然后保存,即可生成一个存放切片的文件夹和一个模版html网页.
第三部分,用dreamweaver把模版转换为代码
第一,打开Dreamweaver,如图示打开模版
第二,进入设计操作页面
第三,下面为逛逛小店和信用评价做链接
如图:
如图:
第四,点击宝贝展示下的切片图,因为这里要插宝贝细节图,我们需要把它转换成表格形式,这样不管插入的图片多大,表格都会像一张画布一样撑开。
如图操作:
第五,输入表格宽度,注意:
请忽略下图中“选择菜单栏...”的说明,因为在上图已经操作有插入表格了
第六,输入高度,填充表格背景
完成后效果如下图,同样按照以上第四到第六的步骤将需要修改的切片进行表格转换
第七,切入代码页面,复制代码到描述的代码编辑器中
如图:
如图:
如图:
插入宝贝图片后的效果:
输入所有的有效链接地址,插入图片和文字后,点击预览就能看到一个精美的宝贝描述模版了,赶快动手试一试吧!
教你用PS制作虚线框+UleadGIF做动态店标
1.PS虚线框制作 第一:
打开PS(就是Photoshop),打开一张你想要添加虚线框的图片文件。
第二步:
双击图层面板上背景图层右侧的空白区域,在弹出的对话框中单击“好”,将背景图层转换为图层0,新建一个图层1。
第五步:
用矩形选框工具选取你要打虚线框的区域,选择菜单“文件-新建”,新建一个8像素×8像素,背景为白色的文件。
第七步:
为了方便操作,要将这个新建的正方形文件放大到一定的比例。
然后用“矩形选框工具”在这个文件的左上角选取一个4像素×4像素的正方形选区,接着按下Shift键,在右下角选取一个同样的4像素×4像素的正方形选区,然后填充红色(颜色可随个人喜好选择),按Ctrl+D取消选择。
第八步:
选择菜单“编辑-定义图案”,然后单击“好”,保存图案1。
第九步:
点击第一步中打开的要添加虚线框的图片文件,选择图层1,然后选择菜单“编辑-填充”,在弹出的对话框中,选择使用“图案”填充,自定图案就选择我们刚才做好的图案1,其它选项默认即可,然后单击“好”,这时你会发现图层1上布满了有规律的白方格。
第十步:
选择菜单“选择-修改-扩边”,在弹出的对话框中输入1,单击“好”,选区就会向扩1个像素。
第十一步:
选择菜单“选择-反选-扩按Delete键将里面选框内的选区删除,按Ctrl+D键取消选择。
这样,虚线框就做好了。
怎么样?
是不是挺简单吧?
2..用UleadGIFAnimator5做动态店标不用PS就能做动态店标,就是UleadGIFAnimator5,网上很多的大家可以下的第一:
先准备好要做店标的图片,记得尺寸为100*100哦,然后打开UleadGIFAnimator5,首先选择菜单的文件/打开图像(也可以按快捷键Ctrl+O),先打开一张图片,然后在左边下面你会看到所打开的图片,把鼠标放到图片单击右键选择添加帖(也可以按快捷键Ctrl+Alt+F),,你每添加一个就会添加多一帖,自已需要多少就添加多少。
然后把鼠标放在第二个空的位置选择菜单的文件/添加图片,后尾那些跟着也是一样的。
在图片下面你可以看到闪动的时间,你把鼠标放到图片双击可以改变闪动的速度。
在菜单上面可以看到编辑/优化和预览,单击预览可以看到效果,闪动的时间调好了选择菜单的文件/另存为,把它存为GIF格式就完成了。
您正在阅读的装修教程:
教你用PS制作虚线框+UleadGIF做动态店标来自“店盟-网店资讯”,转载请注明出处。
虚线边框
首先在缘由图片新建图层.然后点编辑-描边,自己调整
然后新建画布,6*6的.然后画一条对角线,用铅笔.
之后编辑-定义图案.
返回原来的图,新建图层.编辑-填充-选图案.找到刚才的定义图案.
填充以后,按着按住ctrl,然后点一下那个填充的图层,然后再点回那个用来描边的图层,按键盘上Delete,之后再把填充图层删除.
圆角
打开图片之后,点工具栏的矩形选框工具,在图里面选择一个框(这个框一定要比图小),切记不能贴住图的边.
选完框后点上面的菜单栏,点选择,点修改,点平滑,然后弹出一个对话框,自己做修改,建议使用(10像素)
然后点好,边角变成圆的了.注意,这个过程中不要取消选择(即图片里会动的虚线不要取消)
边角变圆后,在图内点击右键,点击"选择反选",然后按键盘上的"delete",一般在右边方向键上面.
然后按右键,再选择反选.这个时候.图片的边角变成圆的了.
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 自己动手 淘宝 插图 模板