1.选择PS版本,CS6

2.ps界面的预置

3.工具的介绍

  • 核心-选择工具
  • 修图,人像美容

4.切图

  • 切片
  • 辅助线

5.蓝湖

6.iconfont

  • 放大,矢量图不失真
  • 改色
  • 改大小

窗口--字符(快速知道字体多少号)

选择工具

核心-选择工具篇

  • 选择工具
  • 选框工具
  • 套索工具
  • 魔术棒工具
  • 裁剪工具
  • 钢笔工具+路径

菜单栏  工具栏  属性栏

自动选择(或者按快捷键ctrl)

选中公众物业图层,按住ctrl+shift点击小字,就选中了2个图层

ctrl+shift+alt+e 合成一张图片

矩形选框 按shift画正方形

按住shift加选区 alt减掉选区

椭圆选框工具和 矩形选框工具一样

选框中的羽化

魔棒的容差 容差越大 选区范围越广

钢笔工具 点击路径 ctrl+回车 就可以把路径变选区

裁剪工具

修图篇

修图常用的工具演示

  • 吸管工具
  • 橡皮擦工具
  • 修补工具
  • 画笔工具
  • 仿制图章工具
  • 历史画笔工具
  • 渐变工具
  • 涂抹工具
  • 文字工具
  • 矩形工具

吸管工具

污点修复画笔工具  { 变小 } 变大 点击痘痘地方

修复画笔工具  (柔和) 仿制图章就很真实

修补工具 拖动到正常区域

铅笔 画笔

历史记录画笔工具

渐变工具

线性渐变

模糊工具

锐化工具

涂抹工具

减淡工具 加深工具

海绵工具  降低饱和

多边形  五条边 51 是五角星

抓手<==>空格键

alt+del 填充前景色 填充背景色

三、切图

切片工具复制 ctrl+鼠标左键选中,alt复制

按住alt+shift 水平方向拖动

参考线:选中图层就有吸力了

手动删掉不要的切片

蓝湖的介绍

什么是蓝湖?

为什么使用蓝湖?

iconfont

优势:

蓝湖下载svg图标

这两种方式 只支持单色的

比png加载速度快 ,不会模糊,可以改大小

photoshop 前端切图基础教程相关推荐

  1. sketch android 切图,sketch mac怎么切图 sketch mac切图基础教程

    类型:Mac图形图像大小:51.8M语言:英文 评分:10.0 标签: 立即下载 sketch mac怎么切图?sketch mac切图基础教程.最近有使用Mac的用户询问不知道sketch mac怎 ...

  2. Photoshop CS6切图

    Photoshop CS6切图 基础工具 切图 基础工具 标尺: 在视图中选择标尺,标尺将显示在上边和左边 辅助线: 利用放大镜放大需要计算尺寸的图,鼠标左键选择标尺,向下拖动到相应位置生成辅助线,方 ...

  3. ps切图基础(慕课网切图篇学习)

    一.PS切图基础 1.  PS界面设置 1) 新建设置: Ctr+N(新建快捷键) 预设选定web或自定义,宽1920,高2000像素,背景透明,分辨率72像素/英寸,RGB颜色 8位. 在设置好参数 ...

  4. 前端切图神器avocode

    前端切图神器avocode 安装avocode 前端的基础工作就是把设计师的设计稿还原成前端页面,所以切图是作为一个前端的基本技能.杀敌要有趁手的兵器,而前端一般都是用photoshop,但是这个兵器 ...

  5. 介绍一个前端切图神器avocode

    2019独角兽企业重金招聘Python工程师标准>>> 安装avocode 前端的基础工作就是把设计师的设计稿还原成前端页面,所以切图是作为一个前端的基本技能.杀敌要有趁手的兵器,而 ...

  6. 前端切图案例课程一则-姜威-专题视频课程

    前端切图案例课程一则-201人已学习 课程介绍         本课程以一套响应式网站设计图,进行切图为案例,还原老司机整个切图过程.本课程属于初级的前端工程师系列课程中案例课程的第一套课程,本课程需 ...

  7. 5款前端切图工具大比拼:谁是最强切图神器

    前端切图是前端工程师们还原设计稿的过程中必不可缺的一环.不过,切图工作究竟谁来做?这个问题我们在各大论坛也屡见不鲜:前端工程师认为设计师出了设计稿,那么相应的切图也应该一并交付:设计师则认为前端工程师 ...

  8. 前端切图之svg图标的复用基于defs和use 亲测有用

    切图网长期致力于web前端开发外包服务,而我们也关注到现在图标很多时候采用svg更多一点,然后图标字体文件已经提供了很多种类的图标,不过采用svg图标可以自行选择更符合.更好看的图标,相比于字体图标更 ...

  9. 【前端必学】PS切图详细教程3种方法(图层切图,切片,切图神器cutterman)

    PSD图像格式是Photoshop的专用格式,里面可以存放图层.通道.遮置等多种设计稿,对我们前端人员来说,最大的优点,我们可以直接从上面复制文字,获得图片,还可以测量大小和距离, 我们开发需要的是一 ...

  10. Photoshop快速切图技巧

    作为一名前端开发,"切图"是必不可少的工作.在切图这种"低级"工作中,除了向设计师学习各种复杂技能,有没有一种低门槛.高效率的切图方式呢?今天就让博主这个从小就 ...

最新文章

  1. 计算机系统上线保障计划,系统运维信息系统运行保障方案计划新.docx
  2. python文件编码与解码_Python读取文件编码解码问题
  3. oracle导入dmp文件报错12154,oracle表空间的创建及dmp 文件的导入(推荐)
  4. 每天一道LeetCode-----将字符串切分,使每个子串都是回文串,计算所有可能结果和最小切分次数
  5. HDU 5528 Count a * b
  6. 【NIO】之IO和NIO的区别
  7. 这样做动画交互,一点都不费力
  8. mysql之查询最近7天的数据
  9. 反激式开关电源设计资料
  10. 计算机硬件维修的步骤和方法,计算机硬件维护的具体方法
  11. 计算机等级考试Excel总成绩,计算机等级考试EXCEL练习题-6公务员考试成绩表
  12. 中国知网收费太贵,不妨试试这3个论文网站(大学生写论文必备)
  13. HTML前端连接go语言后段,一次完整的浏览器请求响应过程-Go语言中文社区
  14. 关注小升初 | 中考分数线刷屏的背后是数千东昌家长学生的泪水
  15. java不等于_java中不等于怎么表示
  16. gensim Word2Vec 训练和使用
  17. 第三代计算机期间出现了什么问题,第三代电子计算机使用的电子元件是什么_常见问题解析...
  18. 报名信息填写完成! 您的报名号请牢记!
  19. 矩形法求定积分通用函数
  20. stm32f103c8t6 TIM2定时器1ms中断

热门文章

  1. 用过的几款步进电机驱动IC
  2. python控制本地音乐播放器_如何使用python控制音乐播放器
  3. MacOS 10.15 Catalina:13个问题和修复
  4. 经典与科技碰撞之美!CGU 2018九段卡皇耀世登场
  5. 计算机智能的技术的应用,计算机人工智能技术的应用与发展(1)
  6. HTML5项目实战之旅行社网站——移动端流体布局
  7. matlab二进制香农,香农编码及MATLAB实现.ppt
  8. Auto CAD绘制基准符号的方法
  9. 划分vlan实验心得体会_vlan划分实验报告.doc
  10. Cisco路由器配置静态路由