恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
【D1】屁S从入门到UI-菜单
0.0°
2016-10-11 原创文章 教程 举报 9899 41 100 12

PS入门系列教程,针对UI,

D1菜单,有任何问题请【留言】Or 加Q群【438966865】

Image title

- 序言-


爽Yy从高中的计算机课开始接触PS,但是只限于安装、打开等操作~

真正学习使用要在学三维以后了,当时画贴图、合成等步骤需要用到PS,本宫学习PS可谓相当认真~读了一本500+页的书,跟着里面的事例都做了一遍;什么Oeasy,李涛的教程,全看一遍,看过的应该知道,那真是好几百集~所以我的PS虽然谈不上如火纯清,基本功能和简单的操作技巧也都是熟知的~
然而,我要说:你们并不需要像我这样学PS~
UI设计用到的PS功能并不多,可以说会界面上的1/4就差不多,本系列就介绍这1/4~
PS确实是面对专家级选手的软件,不如美图秀秀那么简单,但是相信我~想学会并不难,看看MAYA你们就懂了~那才是“呵呵哒”!

Image title

Let's gooooooooooooo!
很多教程给菜单留很少的篇幅,
我很不赞同这一点~10天的课程里,我给它留了2天~
什么是菜单?M-E-N-U;
顾名思义,你点菜时候的清单;
对于PS呢?其实对于任何软件,甚至系统,菜单都是所有功能的清单,想想Windows的开始菜单。所以,我开始尝试任何一款新的软件,都会先浏览一遍菜单,大概了解一下这家是中式西式还是日式~口水.GIF
菜单的位置?
Image title所有软件、所有系统,都是在最上面一条,都是下拉菜单形式~
今天介绍前两个【文件(F)】【编辑(E)】


【文件(F)】
顾名思义,针对文件执行的操作,包括打开、关闭、保存、打印等。
Image title

我日常使用的,只有上面这些,以下会稍微讲述一下~
【新建(N)】
点击新建,弹出对话框如下:
Image title

1、预设大小中有一些常用的尺寸:
国际标准纸张:A4 A5 B5
Web:笔记本:1024*768 1280*800;1080P:1920*1080;……
移动应用设计:iPhone系列;iPad系列;Android系列;……
图解:各种图标大小……
画板:各种尺寸都有,个人没怎么用过这个,感觉是Sketch那边搬过来的,新手不用管~
看到这些,你还在纠结各种设备的大小?还在背那些数字?


2、画布大小:
一般按照预设走就可以,这里只想强调一下后面的那个下拉框,那个是单位!
针对Web、手机,直接选择像素就可以;
针对印刷物,一般会用到厘米、毫米。


3、分辨率
什么DPI、SPI、PPI、LPI……都是它,作为新手的你,只需要知道两点;
图是用电脑、电视看的,这里填72~
图是打印用的,而且尺寸比较小的,比如A4,这里填300~尺寸很大的那种易拉宝、海报,填72或者86~
其实这里很复杂啦~但是你刚学,何必深究呢?等你学会以后在找资料看看~


4、颜色模式
也是记住两点:
Web、App、软件等用RGB~
印刷用CMYK~
原理在D6讲颜色的时候会粗粗讲一点点~


【打开(O)】这个我从来没点过诶~
那为什么还要在这里说一下呢?原因很简单,我一直在用这个功能~
正确的使用方式是:鼠标拖拽!
Image title

如上面动画,两种方式:
直接拖到软件里,打开图片~
直接拖到文件里,将图片置入到文件,成为一个图层~


【最近打开文件(T)】这个就是个快捷操作啦~里面有你最近打开的文件~省的去找了~


【存储(S)】储存文件,如果是已经存储过的文件,将会覆盖以前的~
【存储为(A)】另存为,改变文件名,就不会覆盖以前的文件~还可以更改保存类型来改格式~
Image title

首先明确两个概念:
矢量图:图形为形状,说白了就是可以任意放大缩小,而不会模糊的图~
位图:也叫栅格图,是像素构成的图,这类图放大会模糊~应用更广泛~


然后粗糙的介绍一下常用的格式~
*.PSD *.PSB:为PS文件的格式,会保留图层,说白了就是制作文件的储存方式,下次打开和这次关上的一模一样~
*.BMP:位图,很古老的一种格式,保留颜色很好,然而文件会很大,不支持压缩,少用~
*.GIF:早期Web用的切图多为这个格式,颜色保留少,文件小,显示快;现在多用于动画~
*.JPEG:目前很常用的格式,保留颜色好,文件可压缩,一般设计输出效果图、背景图都会用这个格式~
*.PNG:目前很常用的格式,支持透明通道,文件可压缩,一般设计切图会存储为这个格式~
*.TGA *.TIF:压缩少,文件较大,用处不多,有时印刷物需要用这个格式~


还有一些常用的,PS支持不是很好的文件格式~一般用AI编辑~
*.PDF:电子书常用格式,文字支持编辑,文件较大,一般为矢量文件~
*.SVG:文件为矢量代码,因为是文本,占内存很小,一些先进的前端会找你要这个,一般是Icon~


【退出(X)】同样为我没点过的~
为什么呢?因为在PS最右最上的地方,有个叉叉~和它是一样的~




【编辑(E)】提供了图片合成相关的基本命令,集合了一些最最常用的功能。对于图层概念不是很清楚的同学理解起来可能有些费劲,D7会讲到图层,大家可以等看完那篇之后再反过来看这里~
Image title

依旧是我日常使用的多的功能~
【还原(O)】就是后退一步,这个是我最爱的功能,以至于在纸上画画也希望有这个功能~ORZ……
【前进一步(W)】就是后退多了,想往前一步~
【后退一步(K)】退一步不够,做错一个效果要退好多步才行?就是这个啦~一般默认是可以后退50步~再也不用担心做错啦~


【合并拷贝(Y)】一般的复制、剪切、粘贴和一般的文本操作是相同的,这边不赘述了,只说这个不同的~合并拷贝,就是拷贝选区内的效果,合并指的是合并所有图层~这里看不懂的没关系,后面几天讲一些栗子大家就明白啦~


【自由变换(F)】调整图层、形状、文字、选区的大小及形状,非常常用!看下面栗子~
Image title

确保花是一个独立的图层,花太大了!
【自由变换(F)】出来8个点点,鼠标拖,可以改变大小,
鼠标右键,会出来不同的变换命令,大家试一下就知道了~
调整到合适的大小,双击鼠标,即可~
这里有两个小技巧:
鼠标拖动改变大小的同时,按住Shift键,会按照纵横比例放大缩小;
按住Ctrl键,当鼠标变成白箭头,用鼠标拖端点,可以直接改变形状,如下图。
Image title

【定义画笔预设(B)】会在D3讲到~
【定义图案】会在D7讲到~
【键盘快捷键】会在D8单独一节课讲~
【菜单(U)】就是PS的菜单设置,你可以选择一些菜单的显隐~
【首选项(N)】就是PS的设置,里面可以设置PS显示的所有内容,包括单位啊、标尺参考线颜色啊、界面颜色……可以点看看看哈~
这里要说几点:
【性能】-【历史记录状态】可以调节后退多少步,但是要根据自己电脑的性能哦~
【单位于标尺】可以调节单位~


还有其他一些常用的其实~比如【填充(L)】【描边(S)】之后放到事例里面讲吧~


今天的内容基本这样~
下节继续讲菜单~打开PS,看一下我讲过的内容哦~


Ps的下载安装(提取码:fa4d)yunpan.cn/cvQDZ7uaNTDd5 


更多内容:关注微信公众号UIDX,或加Q群438966865

以上内容为爽Yy原创,如需转载请帮忙打个广告

Image title

点个支持一下呗~


更新:2016-10-11

收藏

41人已收藏

  • 0

    作品

  • 0

    粉丝

  • 0

    关注

  • 【番外1】屁S从入门到UI-切图初级
  • 【D10】屁S从入门到UI-蒙版&动作
  • 【D9】屁S从入门到UI-快捷键
  • 【D8】屁S从入门到UI-图层

    猜你喜欢

      2016-10-11 原创文章 教程 举报 9899 41 100 12

      【D1】屁S从入门到UI-菜单

      0.0°

      你确定要举报【D1】屁S从入门到UI-菜单

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年10月11日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      100
      41
      12

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录