十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
需要利用PS软件进行加工处理,才能正常将照片分开,方法:将扫描仪扫出来的图片,用 Adobe Photoshop,简称“PS”打开。可以有效地进行图片编辑工作。
创新互联成立于2013年,我们提供高端重庆网站建设公司、网站制作、成都网站设计、网站定制、成都营销网站建设、小程序开发、微信公众号开发、成都网站推广服务,提供专业营销思路、内容策划、视觉设计、程序开发来完成项目落地,为办公空间设计企业提供源源不断的流量和订单咨询。
操作方法:
打开软件,导入图片,点击主菜单“文件”在下拉菜单中找到自动,然后再点击“裁剪并修齐照片”,可以一步到位。
ps有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。Adobe支持Windows操作系统 、安卓系统与Mac
OS, 但Linux操作系统用户可以通过使用Wine来运行Photoshop。
PS快捷键是Photoshop为了提高绘图速度定义的快捷方式,它用一个或几个简单的字母来代替常用的命令。
多种工具共用一个快捷键的可同时按【Shift】加此快捷键选取;查看键盘所有快捷键:【Ctrl】+【Alt】+【Shift】+【K】
工具使用快捷键
矩形、椭圆选框工具:【M】
套索、多边形套索、磁性套索:【L】
橡皮擦工具:【E】
裁剪工具:【C】
仿制图章、图案图章:【S】
画笔修复工具、修补工具:【J】
添加锚点工具:【+】
移动工具:【V】
历史记录画笔工具:【Y】
模糊、锐化、涂抹工具:【R】
删除锚点工具:【-】
魔棒工具:【W】
铅笔、直线工具:【N】
减淡、加深、海绵工具:【O】
直接选取工具:【A】
画笔工具:【B】
吸管、颜色取样器:【I】
钢笔、自由钢笔、磁性钢笔:【P】
油漆桶工具:【K】
度量工具:【U】
默认前景色和背景色:【D】
文字、直排文字、直排文字蒙板:【T】
使用抓手工具【空格】
抓手工具:【H】
切换前景色和背景色:【X】
径向渐变、度渐变、菱形渐变:【G】
工具选项面板:【tab】
缩放工具:【Z】
临时使用移动工具:【Ctrl】
切换标准模式和快速蒙板模式:【Q】
选择第一个画笔 :【[】
临时使用吸色工具:【Alt】
带菜单栏全屏模式、全屏模式
:【F】
选择后一个画笔 :【]】
输入工具选项【0】至【9
移动图层至下一层:【Ctrl】+【[】
移动图层至上一层:【Ctrl】+【]】
循环选择画笔 :【[】或【]】
图层置顶:【Ctrl】+【Shift】+【]】
文件操作使用快捷键
新建图形文件:
【Ctrl】+【N】
默认设置创建新文件
:【Ctrl】+【Alt】+【N】
打开已有的图像:
【Ctrl】+【O】
打开为:【Ctrl】+【Alt】+【O】
新建图层:【Ctrl】+【Shift】+【N】
另存为
:【Ctrl】+【Shift】+【S】
关闭当前图像
:【Ctrl】+【W】
显示的“预置”对话框
:【Alt】+【Ctrl】+【K】
存储副本
:【Ctrl】+【Alt】+【S】
保存当前图像
:【Ctrl】+【S】
应用当前所选效果并使参数可调
:【A】
页面设置【Ctrl】+【Shift】+【P】
打开预置对话框
:【Ctrl】+【K】
设置透明区域与色域
:【Ctrl】+【4】
设置“常规”选项:
【Ctrl】+【1】
设置参考线与网格
:【Ctrl】+【6】
打印 :【Ctrl】+【P】
设置存储文件:【Ctrl】+【2】
设置显示和光标
:【Ctrl】+【3】
斜面和浮雕效果:【Ctrl】+【5】
内发光效果 :【Ctrl】+【4】
外发光效果: 【Ctrl】+【3】
设置单位与标尺 :【Ctrl】+【5】
通道选择【ctrl+1.2.3.4】
图像调整使用快捷键
自由变换:【ctrl】+【T】
再次变换:【Ctrl】+【Shift】+【Alt】+【T】
图像大小:【Ctrl】+【Alt】+【I】
色阶:【Ctrl】+【L】
画布大小:【Ctrl】+【Alt】+【C】
色相/饱和度:【Ctrl】+【U】
曲线:【Ctrl】+【M】
黑白:【Alt】+【Shift】+【Ctrl】+【B】
去色:【Shift】+【Ctrl】+【U】
反相:【Ctrl】+【I】
色彩平衡:【Ctrl】+【B】
编辑文字使用快捷键
移动图像的文字:【Ctrl】 + 选中文字
选择文字时显示/隐藏:【Ctrl】 +
【H】
选择从插入点到鼠标点的文字:【向上键】+
点击鼠标
使用/不使用下划线: 【向上键】+ 【Ctrl】 +【
U】
使用/不使用中间线:【向上键】+ 【Ctrl】 +【
/】
使用/不使用大写英文:【向上键】+【 Ctrl】 +【
K】
使用/不使用Caps:【向上键】+【Ctrl】 +【
H】
图层操作使用快捷键
正常 :【Shift】+【Alt】+【N】
正片叠底:
【Shift】+【Alt】+【M】
循环选择混合模式
:【Shift】+【-】或【+】
溶解
:【Shift】+【Alt】+【I】
颜色减淡 :【Shift】+【Alt】+【D】
阈值(位图模式):【Shift】+【Alt】+【L】
背后 :【Shift】+【Alt】+【Q】
颜色加深
:【Shift】+【Alt】+【B】
强行关闭当前话框:【Ctrl】+【Alt】+【W】
清除
:【Shift】+【Alt】+【R】
饱和度: 【Shift】+【Alt】+【T】
无限返回上一步:【Ctrl】+【Alt】+【Z】
屏幕: 【Shift】+【Alt】+【S】
重新选择:【Ctrl】+【Shift】+【D】
修改字距:【Alt】+【←/→】
叠加:
【Shift】+【Alt】+【O】
变亮:【Shift】+【Alt】+【G】
修改行距:【Alt】+【↑/↓】
柔光: 【Shift】+【Alt】+【F】
差值:
【Shift】+【Alt】+【E】
粘贴:【Ctrl】+【Alt】+【V】
强光:【Shift】+【Alt】+【H】
排除:【Shift】+【Alt】+【X】
全部选取:【Ctrl】+【A】
变暗: 【Shift】+【Alt】+【K】
色相:
【Shift】+【Alt】+【U】
路径变选区 数字键盘的:【Enter】
变亮:【Shift】+【Alt】+【G】
颜色: 【Shift】+【Alt】+【C】
羽化选择:【Ctrl】+【Alt】+【D】
光度: 【Shift】+【Alt】+【Y】
复制当前图层:【Ctrl】+【J】
载入选区: 【Ctrl】+点按图层、路径
取消选择:【Ctrl】+【D】
反向选择:【Ctrl】+【Shift】+【I】
ps在处理大的文件的时候会出现卡顿情况,有些人本地电脑配置低怎么办呢?
ps配合呆猫桌面云轻松作图,不怕本地电脑卡顿。
1、用设备拍摄好一组图片,连拍模式,张数不限,在这里我拍了10张照片,一般gif长约2-3秒;
2、打开ps(这里我用的cc版本),点击文件选项,新建一个背景;
3、然后会出现如下选框,如果是图片类就是以像素为单位,宽度高度我设置的800与500,分辨率是300;这里说明一下:图片的分辨率一般选取150-200之间,分辨率越高图片越清晰,宽度高度这个没太大要求,尺寸不对的话到时候用裁剪就行了;
4、建立好背景之后,点击窗口选项里面的时间轴;
5、然后界面底部会出现创建帧动画,点击创建即可;
6、你有多少张图片就创建多少个帧动画
7、将图片依次拉入到ps界面,直接拖进来就行,ps界面右下角就会显示多一个图层
注意这里会出现图片与背景不完全重合的现象,用左侧的裁剪按钮即可解决;
8、之后的图片也是直接拖拽进来,现在就有了10个图层了;
9、然后将每张图层对应相应的帧片段,例如鼠标选中第一个帧,然后将右侧的图层除了第一张图片,其余前面的小眼睛全部关掉;然后再点击第二个帧,右边留下第二个图层的眼睛,其余全关掉,就这样依次来即可;
10、图层对应完成后,调整每个帧的时间间隔,我设置的0.2s,看着感觉还不错,重复频率设置为永久,这时再点击下方的播放就可以查看制作的gif了;
11、保存:文件选项中存储为web所有格式;
12、左下方为gif大小参数,右下角你可以根据你的需求来调整gif大小,这样gif就做好了 。
打开ps。
请点击输入图片描述
2
在文件中点击新建。
请点击输入图片描述
3
自动弹出新建界面,在新建界面中,根据自己的需要填写画布大小等相关内容,然后点击确定。
请点击输入图片描述
4
PS界面中出现画布,点击新建图层图标,创建新图层。
请点击输入图片描述
5
建立了新图层,然后点击笔刷图标。
请点击输入图片描述
6
点击笔刷大小旁的下拉图标,大小填1px,选择硬边圆。
请点击输入图片描述
7
确定表格大小,我自己做的是3*3的表格。按着键盘上的shift键,用鼠标画直线。
请点击输入图片描述
8
使用快捷键Ctrl+J,复制图层1,复制三次,出现图层1副本和图层1副本2、图层1副本3,然后点击移动图标。
请点击输入图片描述
9
点击图层1副本,用鼠标向下移动横线,按此步骤依次用鼠标移动副本2,3。
10
选中图层1、副本、副本1、副本2、副本3,点击垂直居中对齐。行高就一致了。
请点击输入图片描述
11
在用画笔画出竖线,按步骤5画出一条竖线,然后复制出三条,共四条竖线。用鼠标依次移动。
请点击输入图片描述
12
选中图层2、图层2副本、图层2副本1、图层2副本2、图层2副本3,点击水平居中分布,列宽大小就一致了。这样表格就完成了。
请点击输入图片描述
工具的重要性对于设计师来讲不言而喻。任何想法都需要借助工具来实现。想要成为一名出色的UI设计师,你需要多掌握一些技能,才能增强自身竞争力。同时也给那些想转行做UI设计师的朋友一些工具建议,接下来我们就来盘点一下那些UI设计师必须学会的设计工具。
Sketch-强大的矢量绘图工具支持平台:只支持Mac
请点击输入图片描述
Sketch是一款强大的界面设计工具,专为UI设计师打造的软件,可让你的界面设计变得更简单,更高效。如果你是一个UX或者UI设计师,那么你一定知道Sketch这个强大的UI界面设计软件。如果你想转行做UI设计师,那么你一定不能错过这个好用的设计工具。
在Sketch中用户能轻松地设置图层面板,可批量命名图层、智能标注页面、填充头像和文字等,可实现多层式填充、渐变、噪点等操作功能;Sketch提供“全部导出”功能,因为它是基于矢量的,所以可导出PDF,JPG和PNG(可选择2x)等格式。不得不提的就是Sketch为设计师提供了丰富的插件,越来越能满足不同人群的设计需求,所有你需要的工具都触手可及。
特色:
出色的用户体验
非常简单易用
提供大量实用的插件
Sketch插件集合可戳:sketch.im
2. Photoshop-强大的图片处理软件
请点击输入图片描述
请点击输入图片描述
支持平台:Windows&Mac
Photoshop是最流行的图像编辑器之一,UI设计师入门的必备界面设计工具。相信不是设计行业的小伙伴,也略知一二。PS作为UI界面设计神器,有着强大的图片编辑和处理功能,想要什么的图形都可以用PS来实现,可用于摄影的后期制作,可给图像添加各种滤镜,调整亮度,对比度等,生成高分辨的图形。借助图层面板可非常简单和高效的处理修复图片;并且PS提供了不同文件格式保存的选项,调整图像大小和分辨率也不会丢失图像质量。
PS:如果要制作图标,需要用到矢量绘图软件AI来制作,这样放大才不会失真。
特色:
照片处理技术(剪裁背景,裁剪,调整光线,调整颜色,过滤,消除红眼等功能)
强大的图层功能 处理副本时保存原件
批量处理照片
兼容其他Abode套件程序,如After Effect,InDesign,Illustrator
Photoshop可以将图像保存为各种格式
3. 摹客原型-快速的在线原型界面设计工具网页链接
请点击输入图片描述
支持平台:Windows&Mac
强大的高保真原型设计,和协作平台完全融合。快速产出和精细设计两不误:产品经理、UX设计师可快速完成交互原型设计,轻松制作流程图;UI设计师可做到像素级的保真度。
特色:
全新的主辅画板模式,可以灵活创建不同的交互效果。
支持多人同时在线编辑同一项目,共同完成APP原型设计。
自带钢笔工具、铅笔工具、布尔运算、响应式布局等特色功能,设计创作自由随心
支持页面交互、状态交互、命令交互,以及设置多种触发方式和曲线,快速制作交互原型。
设计稿中支持直接绘制流程图,清晰呈现项目逻辑。
适用情景:中高保真原型,快速原型, WEB/移动端/平板原型,线框图,视觉稿
4. Zeplin-强大的协作工具
请点击输入图片描述
支持平台:Windows&Mac
专为UI设计师与开发工程师量身打造的协作型界面设计工具。作为一名UI设计师,你需要把你的设计传达给开发团队,而Zeplin的设计是为了实现这一目标。Zeplin操作很简单,设计师直接从Sketch上传制作的UI界面设计,应用会自动生成一些注释,在面板右侧会直观的看到每个元素的大小,颜色,边距甚至是某些元素的代码信息。
另外,UI设计师还可以直接在UI界面上给开发人员添加注释,标记,备注等。填补了开发与设计之间的沟通障碍,为设计师和开发人员节省了大量宝贵的时间。
特色:
良好的用户体验
轻松查看界面的间距,尺寸,颜色等
创建样式,帮助设计团队保持一致。
通过插件快速同步Sketch中的项目
支持PS,Sketch,Adobe等工具
5. AE-强大的动效视觉处理软件
支持平台:Windows&Mac
请点击输入图片描述
请点击输入图片描述
Adobe After Effects简称“AE”是Adobe公司推出的一款关于图形和视频处理的界面设计工具,如今动效设计在UI界面设计中的应用已经越来越广泛,而且国内许多公司开始重视动效设计了,所以作为UI设计师,也应该掌握一些动效设计。动效在UI设计中的应用其实比我们想象中的还要强大,好的动效设计可以给用户提供一个良好的视觉感受,从而加强与用户之间的交互体验。
AE这款界面设计工具可以帮助UI设计师对图像视频进行任何特效处理,是一个灵活的基于层的2D和3D后期合成软件,包含了上百种特效及预置动画效果,可与Premiere,Photoshop,Illustrator等软件无缝结合,创建无与伦比的视觉效果。它还借鉴了许多优秀的软件的成功之处,将图像视频特效合成技术推到一个新的高度。
特色:
震撼的视觉效果
与Premiere,Photoshop,Illustrator无缝兼容
加分工具-Dreamweaver
支持平台:Windows&Mac
请点击输入图片描述
请点击输入图片描述
Dreamweaver是一款网页代码编辑器,帮助设计师和程序员快速制作和进行网站建设。为什么要把它单独列出来,是因为我觉得UI设计师不仅仅需要掌握一些界面设计工具,还需要学习和了解一些前端的布局和设计,才能够更好的配合前端工程师们做好产品开发的工作。UI设计师如果了解一些基础的代码知识,可作为一个加分项在面试中脱颖而出。
你可装imagemagick
例如在ubuntu上,可以
sudo apt-get install imagemagick
这是一个很强大的工具集合,处理裁剪图像那是小菜一碟.
使用convert工具的-crop选项即可
在GNOME集成桌面环境下,我们可以使用键盘功能键Print Screen或Alt+Print Screen组合键来抓图,前者可以抓取整个屏幕的图像,而后者可以抓取当前活动窗口的图像。例如抓取整个屏幕的图像,则按下Alt+Print Screen组合键,不一会儿将弹出“保存抓图”对话框(图1),对话框中显示截图的文件名以及图像存储的目标路径(这里我们使用默认存储路径),如点击“复制到剪贴板”按钮则将截图复制到系统剪贴板中,在其他程序中使用时只要“粘贴”过去就可以了;如点击“保存”按钮则将抓取的屏幕图像保存为文件,文件名由系统自动生成,如Screenshot.png。使用键盘快捷键来抓图,优点是快捷、方便,适用于只需要抓取全屏或某个活动窗口图像的情况。