美文网首页
Photoshop 的一些实用操作

Photoshop 的一些实用操作

作者: VitoAt | 来源:发表于2017-09-04 20:15 被阅读0次

TOOLS_PHOTOSHOP_实用操作

奥运五环绘制涉及到的快捷键

  • cmd + 鼠标左键 在图层列表或图片上选择图层
  • 选区模式中: alt/opt 删除选区 shift 增加选区
  • cmd/ctrl + t 自由变幻, 相对的还有一个变幻选区, 与自由变幻有些区别, 看慕课网视频
  • alt + delete 填充前景色 ctrl/cmd+delete 填充背景色 delete 删除背景色

辅助线

  • 显示/隐藏辅助线 快捷键 cmd/ctrl + ;
  • 建立辅助线方式:
    • 视图->标尺(打钩)->锁定参考线/清除参考线/新建参考线
    • 标尺拉出来, alt或opt键变幻方向
  • 清除辅助线方式: 将参考线拉回标尺清除

传统切图

  • 可以直接切的非背景图

    1. 裁剪工具->切片工具->选择切片将psd图分为几部分,
    2. 在分离开的切片中对要切的图片拖周围的辅助线, 全部辅助线做完后点击上方"基于辅助线的切片"
    3. 上述1,2步骤结合使用, 在文件中选择保存切片
  • 不能直接切的背景图

    • 移动工具->cmd/ctrl+左键选中图层,在图层列表中找到要切的背景图,右键保存为png格式
  • 导出切片


    image.png

    快捷键ctrl/cmd+alt/opt+shift+s

精准切图

image.png image.png

在图层列表中改变文件名的同时自动切图

  • 自动切图的设置
image.png image.png image.png image.png

会生成一个与当前psd同目录的图片文件夹, 将自动生成图片文件

image.png image.png
  • retina 清晰缩放型图片切法
image.png

若要删除自动生成图片,将名字后面的文件后缀名删掉,资源文件夹中的文件会自动删除

SVG与Webp矢量图图片格式导出技巧

image.png

这是一个svg代码生成的图片

自动生成css的方法

image.png

相关文章

  • Photoshop 的一些实用操作

    TOOLS_PHOTOSHOP_实用操作 奥运五环绘制涉及到的快捷键 cmd + 鼠标左键 在图层列表或图片上选择...

  • PS图处的小技巧

    1.photoshop图象处理中的一些小技巧 Photoshop是印前系统中最常用也是最实用的专业图像处理软件,经...

  • 如何透过Sketch提高设计工作效率(上)

    核心功能、操作观念、实用技巧、资源小补帖 早期制作界面能选择的工具不多,普遍使用Photoshop或illustr...

  • 2018-09-19

    分享Photoshop最实用的6种去水印 1、使用仿制图章工具去除文字 这是比较常用的方法。具体的操作是,选取仿制...

  • Photoshop之隐藏技能

    Photoshop大法好,但是非专业人士对Photoshop的操作却是望而止步,觉得入门起点高,从而使用一些封装的...

  • Photoshop一些常用操作

    Photoshop教程 界面 窗口:如果要重置到默认状态,需要在 窗口/工作区/复位基本功能 快捷键 新建画布:c...

  • Photoshop界面基本介绍

    Adobe Photoshop,简称“PS”,Photoshop主要处理以像素所构成的数字图像。这款软件非常实用,...

  • excel表格,超实用技巧

    分享一些实用的excel操作技巧 转自公众号:Excel实用技巧

  • Mac Photoshop CC怎么使用?PS操作指南

    Mac Photoshop CC怎么使用更简单?Ps操作技巧看这里。最近使用Mac Photoshop CC的伙伴...

  • 给chemdraw分子着色

    素材 效果图 软件 photoshop 操作步骤 step1 PhotoShop 导入原始图片 step2 直线...

网友评论

      本文标题:Photoshop 的一些实用操作

      本文链接:https://www.haomeiwen.com/subject/xpxyjxtx.html