切图基础教程-前端工程师版_学习笔记

首页免费课切图基础教程-前端工程师版笔记

切图基础教程-前端工程师版

                
                MiloPeng
            Web前端工程师

                    查看讲师更多课程 
                    MiloPeng讲师的其他课程
                
前端面试加分福音--node基础
入门·18480
免费课程
                                
                难度入门
            
                时长 1小时39分
            
                学习人数
            
综合评分9.00
                            17人评价
                        查看评价
                                9.5
                                内容实用
                            
                                8.1
                                简洁易懂
                            
                                9.4
                                逻辑清晰

最热最新

qq_慕婉清2379393 06:20

CSS SPRETES 这个网站可以制作雪碧图拼接

查看全部

0 采集收起来源：雪碧图的制作
2023-11-07
qq_慕婉清2379393 19:15

快速选中图层：Ctrl+左键
俩个图层一起选中:Ctrl+shift
合并所有图层变成一张图片：Ctrl+shift +alt+e
Ctrl+e可以合并两个图层
套索工具：alt键可以减少选中区域 shift可以增加选中区域

查看全部

0 采集收起来源：选择工具篇（上）
2023-11-07
qq_慕婉清2379393 06:47

钢笔工具：Ctrl+左键可以拖动分支；按住alt点中间可以撤回分支
连续撤回：Ctrl+alt+z；
建立选区：右键或者Ctrl+回车

查看全部

0 采集收起来源：选择工具篇（下）
2023-11-07
qq_慕婉清2379393 24:12

切片：储存为web的所用格式选中全部切片设置 png-24的格式（可以导出全透明的）质量最高的储存切片选择所有用户切片
Ctrl+冒号可以隐藏参考线 del可以删除切片

查看全部

0 采集收起来源：切图方式和图片格式
2023-11-07
慕先生0181727 00:42

切片切图参考线切图

查看全部

0 采集收起来源：切图方式和图片格式
2023-08-14
魔都小码农 06:53

修图

查看全部

0 采集收起来源：选择工具篇（下）
2023-04-02
魔都小码农 06:17

tool

查看全部

0 采集收起来源：选择工具篇（下）
2023-04-02
初尘_勿忘 08:14

按住command+鼠标左键，能够在不同图层之间切换

查看全部

0 采集收起来源：选择工具篇（上）
2022-12-10
初尘_勿忘 04:09

图层的概念：把图片模块化了，一张图片的各个部分，比如说banner、菜单、底部新闻各个部分，每一个部分就是一个图层。以后再设计的时候，最好是每做一个效果，就新建一个图层。

查看全部

0 采集收起来源：选择工具篇（上）
2022-12-10
初尘_勿忘 09:49

把历史记录面板打开，能快速调整到之前的样子

查看全部

0 采集收起来源：Photoshop的菜单及界面介绍
2022-12-10
初尘_勿忘 09:12

打开字符面板，可以快速知道字体是多少号。切图的时候，能快速知道字体多大

查看全部

0 采集收起来源：Photoshop的菜单及界面介绍
2022-12-10
初尘_勿忘 07:23

把信息面板调处来，可以看到鼠标位置等

查看全部

0 采集收起来源：Photoshop的菜单及界面介绍
2022-12-10
慕容9290173 09:11

这个方便不错哦0318

查看全部

0 采集收起来源：字体图标iconfont的使用及上传
2022-03-18
慕容9290173 01:12

如何生成雪碧图0317

查看全部

0 采集收起来源：雪碧图的制作
2022-03-17
慕容9290173 00:36

切图的两种方式0317

查看全部

0 采集收起来源：切图方式和图片格式
2022-03-17
慕瓜0143098 00:10

切图基础教程

查看全部

0 采集收起来源：课程介绍
2022-02-25
慕雪9262514

发布笔记发布笔记

查看全部

0 采集收起来源：课程介绍
2021-12-28
_Lavender_ 02:43

PS+蓝湖,两个主流的工具

查看全部

0 采集收起来源：课程介绍
2021-09-30
lemongrab 22:46

只有png-24支持半透明，jpeg不支持透明，wbmp只支持黑白，png-8和GIF支持透明不支持半透明

查看全部

0 采集收起来源：切图方式和图片格式
2021-08-31
新月3992293 02:41

iconfont
放大矢量图
改色
改大小

查看全部

0 采集收起来源：课程回顾与总结
2021-07-15
新月3992293 00:10

iconfont优势：刷新网页时不会加载图片

三种方法各有优势，如需多色则选symbol

查看全部

0 采集收起来源：字体图标iconfont的使用及上传
2021-07-15
新月3992293 11:45
优势方法Symbol（多色，其他多色）
```
<head>
<script src="链接代码.js"></>
<style>.icon{复制的代码}//先做样式应用
```
查看全部

0 采集收起来源：字体图标iconfont的使用及上传
2021-07-15
新月3992293 08:59
Font class:
```
<span class="iconfont 复制的SVG代码" stlye="color:red;font=size:36px"></span>
```
查看全部

0 采集收起来源：字体图标iconfont的使用及上传
2021-07-15
新月3992293 08:59
Unicode:
```
<head><style>粘上去
```
```
<body><span class="iconfont">复制的SVG代码</span>
```
查看全部

0 采集收起来源：字体图标iconfont的使用及上传
2021-07-15
新月3992293 08:13
Font class:
```
<span class="iconfont 复制的SVG代码" stlye="color:red;font=size:36px"></span>
```
查看全部

0 采集收起来源：字体图标iconfont的使用及上传
2021-07-15