BG大游集团|Home

135-2716-3909
网站建设资讯详细

网页前端□□切图制作□□□□基础方法

发表日期:2026-06-27 10:33:57   作者来源:林志平   浏览:6166   标签:网页前端制作    
根据设计□□□□师提供的psd设计稿,实现HTML页面,需要将设□□□□计稿切分□□□□成为最终□□□在页面中□□呈现的一□□□□张张图片,首页要打□□□□开Photoshop切图,切图中用□□□到的快捷◇键总结及◈常用方法:
 
1.复制图层:CTRL+J。
 
2.撤销(只能撤销一次,在按一次就还原): CTRL+Z。
 
3.撤销(能撤销多次,一直到无法撤销为止): CTRL+ ALT+Z。
 
4.合并图层:CTRL+E。
 
5. 显示/隐藏标尺:CTRL+R。
点击photoshop“视图”菜单中的“标尺”,或者按键盘的“Ctrl+R”键,显示出标尺。
在标尺上点击鼠标右键,就可以选择标尺单位。
 

前端制作1

 

6.快速切到□□□选框工具:M ,选框工具□□□□选择可以□□看到选中□□□□区域的像□□□素,更精确地□□□□还原设计□□□图。
 
7.图层上移:CTRL+}。
 
8.图层下移:CTRL+{。
 
9.自由变换:CTRL+T。
 
10.快速切到裁剪切片工具:C。
切片时,选中的切片CTRL+ALT鼠标移动到其他地方,可以切同样高宽的图。
11.存储为web所用格式:CTRL+SHIFT+ALT+S。下拉选择框选择格式。

前端制作2

PNG格式图片:为透明图□□□□片,适用于小□□□□图标或颜□□□□色简单对□□比强烈的□□□小的背景△图,不适合保□□存大图,是因为PNG图片占用□□空间相对JPEG格式较大,PNG图多了容□□□易影响页□□□面加载效▽率。
 
JPG格式图片:为不透明□□图片,适用于页□□面中的商▲品图片、Banner等图像,适合保存□□□□大图,常用来当□□□背景图。
 
12. 快速切到移动工具:V。
 
一般多个□□□□小图标,个人比较○常在图层□□面板选中□□□□全部图标,复制图层,点击新建▽文档,
前端制作3
点击垂直居中对齐和水平居中对齐
前端制作4
选择图像,裁切,基于透明像素
前端制作5
前端制作6
在图层面丨板中,把其他图□□层对应的▲小眼睛关□□□闭,隐藏图层,保存当前□□□图层,保存的图※标高宽是□□□□一样的。
单个小图□□标,可以点击△图层右键□□□□转化成智□□□能对象,右键选择□□□编辑内容,弹出框按□□确定,就会新建□□一个小图※标的页面,保存。
 
如没特殊注明,文章均为BG大游集团原创,转载请注明来自https://www.yichuanlaw.com/news/5252.html