UI设计分为四部分做简单了解,这里是第一部分基础内容
今天发现一个画脑图十分方便的工具:xMind操作简单,脑图效果也比较多
一.基础概念
ps全称photoshop:是图像处理软件
- 位图,由像素组成,单位面积内像素越大分辨率越高,图片效果越好
与矢量图的区别:
- 色彩模式
rgb(红绿蓝):主要应用于界面设计,屏幕显示
CMYK(青,品,黄,蓝):主要应用于印刷品
二.工作环境及界面
- 快捷键
快捷键 | 操作效果 |
---|---|
ctrl+N | 新建文件夹 |
alt键加delete | 填充前景色 |
ctrl加delete | 填充背景色 |
ctrl加z | 撤销 |
ctrl加- | 缩小画布 |
ctrl加+ | 放大画布 |
alt加鼠标滑轮 | 缩小放大画布 |
F键 | 画布全屏及退出 |
f7 | 隐藏图层(浮动窗口) |
Tab键 | 隐藏工具栏 |
ctrl加shift键加N键 | 新建图层 |
shift+v键 | 恢复移动工具 |
空格+鼠标左键 | 拖动图层内容 |
crtl和+键 | 放大图层 |
crtl+j | 复制图层 |
【 键 | 画笔调细 |
】键 | 画笔调粗 |
crtl和-键 | 放大图层 |
D键 | 清除前景后景的颜色(返回原始黑白颜色) |
X键 | 切换前景后景颜色 |
ctrl加alt加z | 多次撤销 |
前景/后景
工具栏:
- 新建页面:宽度,高度,分辨率,颜色模式;数据单位(米,厘米,毫米),像素(网页pc、APP移动端)
一般进入后选择大小为ps,宽度*高度=1000*600
,分辨率72像素 - 分辨率:范围为:72~300;一般为了更好的兼容性和操作速度选择72px
- 区分图层和背景色前景色
- tips:矩形选择工具包括矩形和椭圆,ctrl加D消失(未填充之前可以消失),按住shift键后绘制为正圆
- 标尺:ctrl加r显示标尺,所有有三角符号的工具栏都可以右键显示下拉菜单,shift加矩形或椭圆显示正方形或正圆,标尺出现后点击中心,按住shift和alt画出在中心的正圆或正方形
- 按住shift拖动时是以一个角固定放大缩小,按住shift和alt以中心点扩大或缩小
三.案例操作练习
-
粉笔字效果
a) 假设前景为绿色,文字输入结束后切换到选择图标,ctrl+t键图层变形,旋转,放大或缩小,按住shift后可以放大缩小,alt等比例放大,字体调整号之后选择描边
b) 新建蒙版图层,选中画笔工具,前景色调整为白色,大小为1像素,按住中括号放大缩小,也可以直接拖动滚动条控制大小,画好之后点击t,选中文字,右键创建剪贴蒙版(atl+鼠标左键) -
套索效果——抠图、选择区域
1)打开图片对图片操作时先备份,防止图片损坏时丢失原图,复制图层——ctrl+j,或者直接将图层拉至新建图标
2)抠图:在工具栏中选中钢笔,找到起始位置后,不松开鼠标左键寻找切合弧度,松开左键,alt键加鼠标左键单击选中当前方块点,重复操作直至描完全图,ctrl+回车键选中,ctrl+j键复制图片,新建图层,背景改为白色,将新建的图层放在抠好的图片图层之下,ctrl+shift+s键保存图片,分别保存为psd格式和jpg格式
效果如图:
3)换脸案例:图片拖至软件中后,选择其中一个模特ctrl+A全选并ctrl+c复制,粘贴到另一个图片所在处,ctrl+j先备份原图,ctrl+v粘贴,ctrl+t放缩要添加上去的图片,调整透明度(或填充),ctrl+t再次调整吻合程度,套索工具选择五官,ctrl+j复制,透明度(或填充)提高,按住ctrl选择图层选中区域,点击模特1选择菜单中的收缩项5px,收缩完后delete,ctrl选中两个图层后编辑菜单中的自动合成选项
-
去水印:
1)简单图形矩形选中后填充颜色,或者选中区域后ctrl+t键拉伸双击即可覆盖;
2)去污点工具:[放大 ]放小,水印背景都一样时使用,使用后自动识别背景,如果修复后效果不太好,选用印章工具,alt键吸取想要的背景色,将背景色放在污点擦去位置
3)仿章工具修复精致图片(背景颜色复杂)
4)建立矩形工具,ctrl加alt键拖动盖住水印即可 -
印章
1)新建画布,按住shift键拉出正方形框,关闭填充颜色,描边红色,选择宽度,设置边框
2)添加文字,全选后选择颜色红色,确定后托入框中,选择字体,ctrl+T调整大小,按住ctrl键选中两个图层,ctrl+j复制后,关闭之前图层,cttl+E键合并图层,按住ctrl选中右下角图层选取
3)转到通道,新建通道,ctrl+delete键填充背景色
4)在滤镜中找到像素化——铜板雕刻;弹出窗口的类型改为选择粗网点
5)用画笔修改四角虚化
6)按住ctrl选择区域(通道中),然后返回图层中ctrl+j
7)选择滤镜,模糊——高斯模糊
四.找图片素材网站:
千图网,昵图网,花瓣app,素材中国,设计路上,68设计师加油站
换脸素材:
抠图练习素材:
去水印素材: