UI设计笔记-致掉队的自己

发布于:2019-03-05 23:42

2019.3.5 UI开学典礼(我需要get的知识) 1.站酷网的注册 a.昵称:不能太奇葩,最好真名。 b.头像:不要太花哨,最好自己头像 c.UI首页每天坚持学习半小时 2.专业书籍的学习 3.下载PS和AI软件 4.下载TED,每周看2个左右的视频 5.观看苹果,小米,谷歌等手机发布会视频及系统发布会 视频eg: 罗振宇2018跨年演讲(优酷独家“时间朋友”) 寿司之神 永不放弃 如何成为一名优秀的设计师..... 6.做笔记方式 a.印象笔记 b.思维导图(百度脑图免费) c.排版软件
共有17条评论
正序查看
倒序查看
深圳-李映华 2019-03-18 15:36
回复

d0e557fa1eb81765832508b6e629a75f002.png

2019.3.5PS开学典礼小笔记

致:

No change,no progress!

成为那个想成为的自己,加油!

深圳-李映华 2019-03-18 17:40
回复

【UI基础班】第1课 PS基础认识 截图笔记

6b9e185be88fc319e8301212aea55d79002.png

90f664fb4fba71506509e82683694bb6002.png

f2f095cf2691cc14ec62696e4dd8e9e4002.png

6a1b3d31a2dbf9f8abd42248c5db2c9a002.png

2655928c337ae69fb54038832576d30d002.png

124b586a78aabc1f5ffa293d5e4e5b0e002.png

66a3ad1321fbb27516408e8db990d8e3002.png

e96c9654ef47414d139327ef8a3c1a7b002.png

f94f1c891eb6eaa7713013e6133f8f27002.png

334e65aecb330dd523602b235989b367002.png

9589b64a607c22e25289e80971ff2161002.png

cf55a7dbf14b7a9b93640696cdf4754d002.png

8c33c5d02638d2ff5d5d191352963060002.png

a.文件打开(ctrl+O)

b.文件新建(ctrl+N)

c.保存( ctrl+S)

像素:我们做PS基本都是用像素,缩写PX。

画板与画布的区别?

画板可以在同一屏幕中创建多个,画布只可创建一个,需要增加的话,必须重新创建。

分辨率?

做UI网络图片基本都是用72PPI

颜色模式?

RGB颜色模式做电脑手机上网络图片

CMYK颜色做平面上印刷或打印的颜色模式


深圳-李映华 2019-03-18 17:43
回复

【UI基础班】第2课 PS工具讲解(上) 作业   太阳小插画2019.3.18

2fa223adc539900f4eb5a8603464be05001.jpg

439f329b7be51486f91fd50042336556001.jpg


深圳-李映华 2019-03-18 20:12
回复

第3课 抠小松鼠教程

  1. 用快速选择工具选中大致的小松鼠轮廓

  2. 按选择并遮住后,图形是一种灰白灰白的格子状态,类似于透明的

  3. 透明度设置30%,用快速选择工具涂抹一下小松鼠的毛发(这时小松鼠的毛发就不再模糊了)

  4. 按Alt把小松鼠背景变成透明的(其实按快速选择工具W是加选,用Alt则是减选)

  5. 将透明度调整为100%,这时可以看到小松鼠边缘的毛发没有完全抠出来

  6. 用调整边缘画笔(R),处理后,边缘会过渡比较正常

  7. 最后按确定,小松鼠就抠出来的,接着按Ctrl+J复制

  8. 新建一个图层,将新建图层下拉到小松鼠的图层下面,换背景色即可

    注:

    快速选择工具中的平滑和羽化可以对毛发适当的进行处理

    快速选择工具抠图时,用鼠标左键和ctrl+z进行抠图,确定选区很方便快速

    另外个人认为这种方法比背景橡皮擦好用,但熊老师貌似觉得背景橡皮擦更方便。

    以下是原图和抠图后的小松鼠



61aac3c8b619859133a3592af8b926f2002.png

d3f0d67d63fbfdc18b1207743e26f27f001.jpg


深圳-李映华 回复 深圳-李映华 2019-03-19 15:32
回复
蒙版处理这张图片最快了
深圳-李映华 2019-03-19 07:16
回复

第3课 小车车是用快速选择工具抠图的成效 2019.3.18晚

abe5410c6cf7e2cdbee347d1cc789459002.png

d126cee2e8e1c74865c519aae503a285001.jpg


深圳-李映华 2019-03-19 11:19
回复

第4课 污点修复画笔工具 2018.3.19

  1. PS图片前后对比(将桌面上的原图拉入PS,菜单栏-图像-全部显示,编辑图片,即可看到PS前后图片的对比)

我的不足:

a.图片处理得不够精细

人像处理还需要了解如何上妆,涂口红,画眉毛,打腮红,加眼影,美白等操作。

要加强练习!

b.多找案例学习和练习

43eb2378b9967c04506ca9e61dab725d001.jpg

052929a91193eed8f416aa0f56abee61001.jpg

cb077d7e483d95e2f29b0ceea1d2bf20001.jpg


深圳-李映华 回复 深圳-李映华 2019-03-19 11:20
回复
以上图片除了修复画笔工具,有用加深工具和减淡工具进行配合完成。
深圳-李映华 2019-03-19 13:23
回复

第5课 PS图像调色作业 2019.3.19    

(纯色调整层)

创建新的填充或调整图层-纯色(颜色在拾色器中根据自己的喜好调节)


蒙版是黑色,会隐藏前面的图层颜色。

蒙版是白色,会显示前面的图层颜色。

即黑色隐藏,白色显示。


蒙版如何使用?(黑色隐藏,白色显示)

a.红色底板是调整命令

b.蒙版白底是显示

c.黑色是隐藏(隐藏的是红色的调整层)

d.当用黑色画笔涂抹红色调整层时,黑色画笔就会把红色底板的颜色隐藏成透明色,透过透明后下面就是,美女图像的背景,所以最后画笔涂抹出来的是人物头像

e.如果画笔颜色改成白色,红色调整层又会显示,即白色显示。

注:蒙版只接受黑白灰这三种颜色,即无色系的颜色

图案填充后,使用蒙版的效果)


(油画效果)

035a14b80d251e1f81350ddfa8e57683001.jpg


油画效果教程

1.导入一张图片到PS

2.ctrl+J复制图层

3.新建色阶调整图层(中间值1改成0.85)

4.新建色相/饱和度图层(饱和度从0改为20)

5.按ctrl+shift+alt+e盖印图层,这时会产生图层2,即是调整后的图层

6.滤镜

菜单栏-滤镜-滤镜库-艺术效果-干画笔(画笔大小,细节以及纹理可以根据个人需求以及喜好设置,我是初学者,在网上看教程基本没有改动数值)-确定


7.再按ctrl+shift+alt+e盖印图层,这时会产生图层3,即是调整后的新图层

8.滤镜

菜单栏-滤镜-滤镜库-纹理-纹理化(调整缩放和凸现数值)-确定

最后效果呈现:


9.再按ctrl+shift+alt+e盖印图层,这时会产生图层4,即是调整后的新图层,OK(步骤8和9都可以结束完成的,再一次盖印的话,图像饱和度更高一点,个人喜好即可,本人有点强迫症,哈哈)

深圳-李映华 2019-03-19 15:27
回复

第5课 PS图像调色-作业 2019.3.19

79be2eeafe917eebebc09cbeb39d9435001.jpg

08353b06ebd1f0631cc388bda9bbc610001.jpg

8226b8435ebc140a6ec752a5347598a3001.jpg

f1a63c7e84fff1b257d011c6ac2d1060001.jpg

6f89e8d08796c82bfc0dd97849ccdc7c001.jpg

16e6822707ae65f9d7ac5d9ff14f7186001.jpg


深圳-李映华 2019-03-19 17:12
回复

第6课 PS混合模式 作业

创建剪切蒙版

白色纯背景+容器图层+图片图层

在图片上面左键:创建剪切蒙版即可




磨皮教程

原图


1.ctrl+J复制背景图片

2.菜单栏-窗口-通道(红绿蓝,找到一个反差最明显的图片,进行复制)

3.菜单栏-滤镜-其它-高反差保留(半径R值调到8-12左右即可)-确定

4.菜单栏-图像-计算-混合模式选择强光或者线性光-确定

(计算目的是为了加强对比)


5.计算操作,连续3-5次。

(目的是为了让缺陷更明显)

6.左手按Ctrl键,右手点计算过后最后那个的图层

当图像有蚂蚁线时,进行反选Ctrl+Shift+I

最后用鼠标点选通道RGB彩色图层

7.从通道回到图层后

在图层1上,点击曲线,在曲线上进行稍微的调整

细节调整(省略)


8e1328699d2a417268528d046360ccba001.jpg

深圳-李映华 2019-04-03 11:15
回复

第3课 抠图(男鞋)补充作业2019.4.3

8f624332ebc8adcf34b44dfdfd857f8a002.png

回复:UI设计笔记-致掉队的自己

图片
视频

0

今日新帖

0

昨日新帖

4

帖子总数