前端第一阶段-02（Photoshop简单使用）

已于 2022-07-28 20:29:58 修改
阅读量464 收藏 2
点赞数 1
分类专栏： # 前端开发第一阶段 文章标签： 前端 photoshop ui
于 2022-07-28 20:26:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Victory_bad/article/details/126007746
版权

Photoshop，处理自己需要的素材

Adobe Photoshop，简称“PS”，是由Adobe Systems开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑和创造工作。PS 有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。

图片的基本格式：

  • .jpg：（1）清晰度低
  • .gif：（1）动图（2）分辨率低
  • .png：（1）清晰度
最低0.47元/天 解锁文章
BadVictory
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端之ps的基本操作
zzzhhhy的博客
03-14 1344
一、PS 基本操作 因为网页美工大部分效果图都是利用 PS（Photoshop）来做的，所以以后我们大部分切图工作都是在 PS 里面完成。  文件打开 ：可以打开我们要测量的图片  Ctrl+R：可以打开标尺，或者 视图  标尺  右击标尺，把里面的单位改为像素  Ctrl+ 加号(+)可以放大视图， Ctrl+ 减号(-)可以缩小视图  按住空格键，鼠标可以变成小手，拖动 PS 视图  用选区拖动 可以测量大小  Ctrl+ D 可以取消选区，或者在旁边空白处点击一下也可
麦子前端基础第一阶段
07-23
前端基础视频，有Photoshop切片，html+css html5+css3 JavaScript基础视频
Web 前端必会的 PhotoShop 技能
forward_xx的博客
10-09 988
本文介绍了 前端必会的 PhotoShop 技能，如PS切片、去除图片背景颜色、更改图片尺寸、去除网站水印以及PS的常用快捷键。
前端ps的使用
shixuerong的博客
04-18 609
前端人员要会测量、吸色、切图 拿到设计稿之后：使用ps打开 o 图片上面右键-=====打开方式ps o 直接把图拖拽到图标上面 如何调整出来标尺 o ctrl+r o 作用：拖动参考线方便测量 o 视图里面找到标尺，把对勾勾选上 图片放大和缩小 o ctrl++ o ctrl+- o alt+滚动 测量图片大小 o 使用矩形选框工具（左侧竖着第二个） o 如何查看数据大小（窗口-----信息面板wh） o 如何修改测量单位：在标尺上面右键取修改单位px o ctrl+d==
【前端必学】PS切图详细教程3种方法（图层切图，切片，切图神器cutterman）
coderYYY的博客
11-06 8052
PS有很多的切图方式:图层切图、切片切图、PS插件切图等，下面我就来详细介绍这几种切图方法。
web前段 ps基础
lkhyyds的博客
07-30 117
ps基础
Web前端发展史.pdf
12-02
Web 前端发展史是 Web 前端开发不可或缺的一部分，我们必须先从其过去了解：上个世纪90 年代初，第一个网站便诞生，当时的网页完完全全是由文本所构成，除了一些小图片就是毫无布局可言的标题与段落。但是，随着时代...
PRD2017-G2-编码与系统实现计划1
08-08
项目第一阶段（前端部分）应在本学期结束前完成。 【实施计划与分工】 1. **系统设计**：在2018年1月14日至17日完成系统分析和设计，包括概念模型、存储模式、完整性控制和权限设定等。 2. **编码及测试阶段**：...
网页制作(Java)课表(一).pdf
03-01
6. **Adobe Photoshop** - 学生将掌握在Windows操作系统下使用Photoshop的方法，学习基本绘图技巧，理解通道、图层、路径和滤镜等概念，以及校正技术和网页制作的应用。 7. **Flash** - Flash用于创建互动媒体，...
第3讲网站开发流程与开发工具.pptx
10-06
- **首页构建**：首页是网站的第一印象，应设计得主题鲜明、简洁明快，同时融合企业形象。例如，绿海星汽贸公司的首页就体现了这些原则。 - **网络营销模块**：这部分着重于在线营销，通过主页面和网上车展模块...
Photoshop（PS）基础操作
qdz060525的博客
03-01 3093
Photoshop（PS）基础操作
图片的格式分类和优缺点
weixin_58139900的博客
09-30 720
图片格式 在保证视觉效果的情况下，选择最小的图片格式与图片质量（通常选择 60-80 之间），以减少加载时间。 PSD： Photoshop默认保存的文件格式，可以保留所有有图层、色版、通道、蒙版、路径、未栅格化文字以及图层样式等。 JPG： 色彩丰富 【不支持透明】 压缩比高，生成文件体积小， 支持多种压缩级别可以控制文件大小 色彩丰富的图片（摄影图像（产品图，照片，渐变，banner图）） 有损压缩 GIF： 支持动画 支持透明（
前端涉及的PS简单介绍
Problem_Girl的博客
12-29 706
PS前言 PS一般是用来设计海报做电商和UI的，而在前端设计中，我们通常需要熟悉以下几点 简单的抠图 简单的修改PSD效果图 熟练的切图 PS（photoshop）基本使用 PS界面组成 上面两层为：菜单栏、具体工具选项栏； 左边为工具栏、工作区（或者操作面板） 基本操作 新建文档：ctrl+N 单位可选：像素、厘米、毫米 屏幕显示：单位 像素...
前端中常用的PS操作
weixin_45803033的博客
11-04 985
PS的作用 前端主要用来切图，量取设计稿的开发尺寸； PS的界面认识 PS复位基本功能 如果ps界面凌乱，我们需要复位 窗口 — 工作区 ---- 复位基本功能 — 回到PS最早安装的状态 PS常用的面板—图层面板 快捷键：F7 也可以去 窗口 — 图层 我们可以利用图层面板去查找我们需要的图层元素； PS新建文件 Ctrl+N 新建画布，以下标红的属性选项一点要注意 宽度和高度的单位必须是...
前端工程师应该懂的ps基本操作
前端爆米花
12-02 4120
懂得ps基本知识的重要性 作为一名前端工程师，我们不需要像美工和UI那样，用ps做出美丽的图，但基本的ps知识则是必须掌握的。 比如当美工发给你一张网页的原型图的时候，你可以把网页的布局精确到一像素都不差。 ps基本操作以及常用快捷键： ctrl+r 可以打开标尺 或者 视图 – 标尺 右击标尺， 把里面的单位改为 像素 ctrl+ 加号 键 可以 放大 视图 ctrl+ ...
Ps（前端）
___KAKU的博客
07-17 651
****************************************************************** 学习前端的过程中，会遇到图片样式，大小等各种问题。所以也需要前端人员掌握一定的ps技术。 一、准备工作 在使用ps之前，将界面调到最适于工作状态 两边及上边的菜单栏确保有 信息 ---> 窗口--信息（F8） 历史记录 ---> 窗口--...
PS在前端的应用
Shmily____的博客
04-15 416
前端对于ps的要求切图、修图、测量： PS工具的快捷键: 移动工具：v矩形选框工具：m裁切工具：c吸管工具：i横排文字工具：t手抓：h 在当前工具上使用空格复制：ctrl + c粘贴：ctrl + v新建文件：ctrl + n保存：ctrl + s自由变形：...
前端必备PS技巧
想搞全栈的前端
04-01 1207
PS在前端主要有两方面的应用：1：测量图像大小、距离 2：切图 测量不用说大家平时开发都需要用，而切图也是前端必备技能。我们作为前端会比UI更清楚我们需要的图片，有时候需要修改也可以自己动手，不必处处麻烦UI，也提高了工作效率。 那我们重零开始吧！ 1.下载工具PS 在这里分享一下正版PS安装包，内含注册码的，链接失效了可以下方评论。 下载链接：链接：https://pan.baidu.com/...
WEB前端之学会用PS很重要
离岛的专栏
07-04 6825
你说有美图秀秀之后PS要over了，NO PS 依旧很重要，当然除了修人像，比如切图什么的
photoshop-javascript
最新发布
07-22
Photoshop-JavaScript是一种编程语言，它与Adobe Photoshop软件结合使用，可以帮助用户自动化完成一系列图像处理任务。它是基于JavaScript语言开发的，并且具有许多与Photoshop软件密切关联的API（应用程序编程接口...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值