发文章
发文工具
撰写
网文摘手
文档
视频
思维导图
随笔
相册
原创同步助手
其他工具
图片转文字
文件清理
AI助手
留言交流
第一,打开PS软件。
第二,打开原本准备好的一张图片,可以把图片直接拉到PS中,也可以用菜单栏上的文件工具来打开文件。
第三,把图片乱放到合适的大小,然后选择【裁剪工具】,工具栏上的一把像小刀一样的工具,选择“切片工具”。
第四,然后把图片切成两块。
第五,选择文件→存储为WEB和设备所用格式,这是一种专门为网页制作人设置的格式。
第六,保存为“JPG”格式,选择存储
第七,选择“HTML和图像”格式,保存。
第八,导出后生成两个文件如图:
第九,打开网站制作软件《Dreamweaver CS3》。
第十,选择“HTML”。导入“123.html”“页面。
第十一,选择设计。看到两张切好的图片。
第十二,查看代码页,看到两张图片的代码。
第十三,选择预览。
第十四,看到已经打开制作好的网页了。如果把图片放到相册空间里,把图片代码替代成图片空间里的代码,就可以把代码复制到网站上,或者网店里都可以浏览。
来自: 使左手写字 > 《ps》
0条评论
发表
请遵守用户 评论公约
手把手教你做店铺装修模板,不要错过哦!
手把手教你做店铺装修模板,不要错过哦!手把手教你做店铺装修模板 下面先介绍下我们所用的软件。首先是打开你要获取代码的图片,选...
ps切片工具怎么用
ps切片工具怎么用。答:对于切片太多的问题,由于ps的切片选择工具不能框选,那我们可以将其存为psd格式,然后用AdobelmageReady 打开底...
photoshop切片工具分割图片制作网页
photoshop切片工具分割图片制作网页。简介:photoshop切片工具可能很多人都没怎么用过,本例中我们就学习切片工具的使用方法,主要是在网...
PS切片工具|详解PS中裁剪工具与切片工具的使用
PS切片工具|详解PS中裁剪工具与切片工具的使用5:裁剪的功能是对全图层都有效的,它直接改变的是文档的画布大小,举个例子,我们复制2个...
ps切片工具怎么用?
ps切片工具怎么用?提到ps的切片工具,可能很多网友都会觉得很陌生。在图片处理教程中,我们都不需要使用到ps的切片工具,也鲜少有教程...
【网页设计师的好伙伴】Photoshop与网页设计相关的PS插件
【网页设计师的好伙伴】Photoshop与网页设计相关的PS插件【网页设计师的好伙伴】Photoshop与网页设计相关的PS插件 ( 南京骚客2013-08-06...
PS用切片工具等分图片
PS用切片工具等分图片 - Qzone日志PS用切片工具等分图片 [图片]日志地址:请用Ctrl+C复制后贴给好友。1、首先打开图片,然后选择工具箱里...
基础切片
当然有,蓝色表示用户切片(手工切片)、灰色则表示自动生成的切片、褐色表示选中的切片,也就是正在编辑的切片,切片有哪些编辑方式呢...
ps切片如何导出视频:导出web格式网页图片的方法
ps切片如何导出-导出web格式网页图片的方法
微信扫码,在手机上查看选中内容