【H2O2|全栈】关于Photoshop | PS(4)

news2024/11/13 9:40:01

PS的一些杂谈(亖)

目录

PS的一些杂谈(亖)

前言

准备工作

图形工具

基本属性

混合选项

形状图层 

文字工具

基本属性

进一步变化文字

组和图层

UI设计案例 

预告和回顾

后话


前言

这一篇博客我将会写一下图形工具和文字工具有关的内容,涉及到锚点调节路径、自由变换和混合选项等内容。在本篇博客看完之后,是可以设置一些简单的LOGO和UI图标的。

我的博客的内容都是一篇一篇内容相连的,所以对PS使用不熟悉的朋友,可以点击我的主页,里面有很多其他的和PS有关的博客,可以从最基本的、核心的使用方法开始往后看。

文笔不是很好,将就看吧(捂脸)。

准备工作

软件:【参考版本】Adobe Photoshop 2021

案例(部分)【网络图片,如有侵权请联系删除】

 

 参数:

  1. 背景大小:1920*1080(像素)
  2. 分辨率:72(高了有点卡)
  3. 颜色:绿色#4ac93f,橘色#efad0d,黑色#000000

图形工具

在左侧工具栏里,找到图形工具,右键打开菜单栏,可以看到如下菜单:

由图形工具绘制出来的图形,就是形状

绘制矩形、圆形的快捷键操作和之前的矩形选区、圆形选区操作是类似的。比如按住Shift(或Shift+Alt)依旧是绘制正方形和正圆形。

基本属性

下面演示矩形工具的基本使用。使用矩形工具,随便绘制一个矩形:

在右侧的图层选项卡里,可以看到矩形工具创建了一个全新的矩形图层。

图形图层和一般的图层是有一定差别的,这个后面会说。

回到矩形本身上来,可以看到矩形的边界上有方形的锚点,内部有圆形的锚点。

拖动边界中点的锚点,可以单独调节矩形的宽和高:

拖动四角上的锚点,可以同时调节矩形的宽和高:

四角锚点还可以实现等比例缩放,快捷键是按住Shift。 

中间的圆形锚点可以调节四角的弧度,即变成圆角矩形:

在上方的选项栏中,可以选择填充颜色和边框宽度,设置为无色将不可见。对于特定大小,也可以使用W和H两个选项来调节。

注意,PS中快捷调节尺寸的方式是将鼠标悬浮在选项上,用鼠标直接左右拖动。

比如鼠标悬浮在W字样上,向左拉之后:

看到W和H中间的那个锁链形状的东西了吗,选中后将等比例变换(锁定宽高比)。

在这里还可以选择描边类型:

在右侧的属性选项卡中,也可以调节比例,还可以调节图形左上角元素的坐标

在属性-外观选项里,可以单独调节或整体调节四角弧度

混合选项

如果想进一步调节矩形的视觉效果,只调节基础的属性是完全不够的,需要使用到混合选项

工具栏中选择形状工具,右键形状,选择混合选项:

然后就可以看到这样一个选项窗口:

描边可以在原边框的基础上,向内部外部或者以边框为轴线向两侧扩充(居中)。

结构里的混合模式暂时选择正常即可。

不透明度可以自行调节,如果要做一个半透明的底部图层,就可以调节该选项。

填充类型可以选择颜色,还可以使用渐变、图案等。

窗口的最右侧可以看到调节后的效果预览

还可以调节矩形的内阴影。在角度中可以选择阴影的方向,比如我选的-42度就是在右下角。

距离可以调节阴影的宽度

阻塞可以调节阴影的边界模糊程度

大小可以调节阴影向内延伸占据的区域。

杂色选项可以使边界具有粒子效果。

调节内发光和调节内阴影是类似的,只不过不能调节角度。

可以调节内发光的颜色。

可以调节内发光的方式,有两种——柔和精确

可以调节内发光的位置,有两种——居中边缘。居中可以实现从中心区域向外扩散发光。

内发光调节角度的功能被拆解到了光泽之中:

外发光和内发光类似。

颜色叠加可以整体覆盖一层颜色,最好调节一下透明度,否则下面的颜色就完全被覆盖了。

渐变叠加和颜色叠加同理。图案叠加可以叠加一些预设的图案上来。 

投影可以在原形状下面叠加一个一样的形状,就像影子一样。

形状图层 

在右侧的图层选项中,可以看到形状图层和普通图层的区别。形状图层下方显示了图层设置的样式效果。

想让形状图层变为普通图层,可以右键点击图层,可以看到这两个选项:

栅格化图层可以保留形状的效果,栅格化图层样式则可以进一步将效果格式化。

 

形状图层不能和其他图层合并,这也是它为什么需要转为普通图层。 

文字工具

在左侧工具栏中,找到文字工具,右键下拉菜单如下:

使用文字工具,在任意位置单击,输入文字内容,自动创建文字图层

图层名称默认与输入内容一致,点击文字图层的选项卡生效:

基本属性

变换中设置长宽、坐标的设置和图形工具类似。

字符里可以调节字体、字体大小、文字竖直方向和水平方向的间距等。

段落和文字选项可以设置文字对齐效果和本身的下划线、上标等效果。

在上方的属性卡中,来看下面几个选项:

“浑厚”是字体的样式,有下面几种选项,可以调节文字的粗细

倒数第二个选项可以调节文字颜色。

最后这个选项,打开的窗口如下:

该选项可以调节文字的特殊变形,主要是一些预设的效果。比如拱形效果如下:

进一步变化文字

在生活中,我们常常会看到很多艺术字,比如上面的一路向北案例。

显然,利用变形文字功能无法满足我们特殊的需求,这个时候就需要使用别的方法来调节文字了。

右键文字图层,看到这几个选项:

选择转换为形状。 

放大之后,可以看到刚才的文字周围出现了很多锚点

利用这些锚点,我们就可以像使用弯度钢笔工具一样,通过调节各个锚点的位置来调整文字的具体样式。

对于多余的锚点,可以右键直接选择删除。同样的,对于缺少的锚点,可以右键选择添加。

锚点可以自动吸附到辅助线上,调节时不要忘了利用到辅助线。

实质上,现在的文字已经不是原本的文字,而是一个形状了,因此图形工具的混合选项也同样有效。

组和图层

我们目前使用移动工具移动图层时,默认都是选中当前图层的。

但是,当我们的图层比较多的时候,比如我们的小图标已经做完了,想要整体移动这个小图标的所有图层,这个时候就涉及到的概念了。

在图层里,选择这个小图标新建组:

直接拖动图层,可以直接把图层分到指定组中:

这样一来,我们就可以直接移动一个组的内容了。需要在移动工具的上边栏里,选择组:

UI设计案例 

小图标设计的案例psd文件我已经上传了,一路向北的案例怕侵权所以就不放了,有需要的可以下载下来看看。

预告和回顾

PS | UI设计入门 系列的博客到此就暂时告一段落了,后面的内容将在未来在进阶篇的专栏中更新,敬请期待。

对UI设计感兴趣的朋友,可以订阅我的专栏,我会不定期修订其中的内容:

专栏 | UI设计入门icon-default.png?t=O83Ahttp://t.csdnimg.cn/rAUAe

后话

笔者也是一个刚刚接触全栈的小白,对于这些东西也是才会使用不久。关于这篇博客,主要是记录一下自己学习的一些经历,然后把自己领悟到的一些东西总结一下,分享给大家。

文章全篇的操作过程都是笔者亲自操作完成的,一些定义性的文字加入了笔者自己的很多理解在里面,所以仅供参考。如果有说的不对的地方,还请谅解。

【H2O2】

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2114369.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

数据链路层以太网技术与DNS、ICMP协议

我们前面学习到的传输层、网络层。传输层是保证数据可靠传输。而网络层是实现在复杂的网络环境中确定一个合适的路径。我们接下来所说的数据链路层其实就是用于两个设备(同一种数据链路节点)之间进行传递。其实也就是如数次的局域网中设备之间的转发过程。 认识以太网 "…

大数据-124 - Flink State 01篇 状态原理和原理剖析:状态类型 执行分析

点一下关注吧!!!非常感谢!!持续更新!!! 目前已经更新到了: Hadoop(已更完)HDFS(已更完)MapReduce(已更完&am…

Pr:首选项 - 音频硬件

Pr菜单:编辑/首选项 Edit/Preferences Premiere Pro 首选项中的“音频硬件” Audio Hardware选项卡可以指定计算机的音频设备和设置,还可以指定 Pr 用于音频回放和录制的 ASIO 和 MME 设置(仅限 Windows)或 CoreAudio 设置&#x…

C#使用GDI+实现生成验证码

目录 下面是代码的详细解释: 类声明和成员变量 构造函数 窗体加载事件 生成验证码方法 pictureBox1 点击事件 按钮点击事件 完整代码: 总结 这段代码是一个C# Windows Forms应用程序的一部分,用于生成和验证验证码。 下面是代码的详细解…

C# Windows Forms实现绘制画板

目录 C# Windows Forms上绘制画板: 详细解释: TempData临时数据,用来保存画笔相关的信息,如:颜色,大小,坐标等 类声明和成员变量 构造函数 文件菜单项点击事件 保存菜单项点击事件 画笔大…

浙大数据结构:03-树2 List Leaves

这道题我借用了一点上一题的代码思路,这题考察的主要是层序遍历,即用队列来实现,当然此处我依然采用数组模拟队列来实现。 机翻 1、条件准备 map的键存下标,后面值分别存左右子树的下标,没有子树就存-1. head数组只…

python脚本源码如何使用PyOxidizer编译Windows可执行文件

使用 PyOxidizer 将上述代码编译为 Windows 可执行文件,可以按照以下步骤进行: 一、准备工作 确保已经安装了 PyOxidizer 和 Rust 开发环境,如前文所述。 二、创建 PyOxidizer 配置文件 创建一个名为pyoxidizer.toml的配置文件,内…

go急速入门API开发

go急速入门 1、安装Go和对应编辑器2、编写helloWord3、项目目录开发4、编写一个http服务器5、 使用Gin框架基本使用使用部分中间件自定义中间件 6、部署 1、安装Go和对应编辑器 go官网,下载自己电脑对应版本即可。安装完成之后打开cmd输入go即可弹出对应提示。 对…

ffmpeg(各个系统版本安装- Windows11-Mac-Linux)

各个系统上的安装不建议使用编译安装,大佬的话可以 编译安装会各种环境问题,直接使用别人安装好的就行 1.Windows11上安装ffmpeg 1.官网下载ffmpeg 进入Download FFmpeg网址,点击下载windows版ffmpeg,使用别人编译好的版本即可 …

文法的例题

答案:B 知识点: 文法 一个形式文法是一个有序四元组G{V,T,S,P},其中: V:非终结符。不是语言组成部分,不是最终结果,可理解为占位符 T:终结符。是语言的组成部分,是最…

自用NAS系列1-设备

拾光坞 拾光坞多账号绑定青龙面板SMBWebdav小雅alist下载到NASDocker安装迅雷功能利用qBittorrentEEJackett打造一站式下载工具安装jackett插件 外网访问内网拾光客户端拾光穿透公网ipv6路由器配置ipv6拾光坞公网验证拾光坞域名验证 拾光坞 多账号绑定 手机注册拾光坞账号&am…

Web Bluetooth 与点对点连接

前言 需求需要实现手持终端设备与 web 网页的点对点数据传输,不希望有服务器参与,想到了 web 的 USB 与 Bluetooth API,对 Web Bluetooth API 进行了研究。 蓝牙 GATT 基础知识 GATT(通用属性配置文件,蓝牙低功耗&a…

K8S 发布应用

前言 昨儿个用 unbuntu20.04 又装了一次K8S 用的 kubeadm containerd Cilium (CNI) 又重新撸了一遍 这里只记录 应用发布的笔记 正文 #创建deployment kubectl create deployment nginx --imagenginx #我这边大约30秒后显示为 ready kubectl get deployments kubectl desc…

4.7 Sensors -- useScroll

4.7 Sensors – useScroll https://vueuse.org/core/useScroll/ 作用 响应式的监听滚动位置和状态。 官方示例 <script setup lang"ts"> import { useScroll } from vueuse/coreconst el ref<HTMLElement | null>(null) const { x, y, isScrolling…

【Python系列】只更新非空的字段

&#x1f49d;&#x1f49d;&#x1f49d;欢迎来到我的博客&#xff0c;很高兴能够在这里和您见面&#xff01;希望您在这里可以感受到一份轻松愉快的氛围&#xff0c;不仅可以获得有趣的内容和知识&#xff0c;也可以畅所欲言、分享您的想法和见解。 推荐:kwan 的首页,持续学…

数字电路专题:verilog 阻塞赋值和非阻塞赋值

verilog 阻塞赋值 和 非阻塞赋值 “”阻塞赋值&#xff0c; ”<”非阻塞赋值。阻塞赋值为执行完一条赋值语句&#xff0c;再执行下一条&#xff0c;可理解为顺序执行&#xff0c;而且赋值是立即执行&#xff1b; 非阻塞赋值可理解为并行执行&#xff0c;不考虑顺序&#x…

【python计算机视觉编程——7.图像搜索】

python计算机视觉编程——7.图像搜索 7.图像搜索7.1 基于内容的图像检索&#xff08;CBIR&#xff09;从文本挖掘中获取灵感——矢量空间模型&#xff08;BOW表示模型&#xff09;7.2 视觉单词**思想****特征提取**&#xff1a; 创建词汇7.3 图像索引7.3.1 建立数据库7.3.2 添加…

构建并训练卷积神经网络(CNN)对CIFAR-10数据集进行分类

深度学习实践&#xff1a;构建并训练卷积神经网络&#xff08;CNN&#xff09;对CIFAR-10数据集进行分类 引言 在计算机视觉领域中&#xff0c;CIFAR-10数据集是一个经典的基准数据集&#xff0c;广泛用于图像分类任务。本文将介绍如何使用PyTorch框架构建一个简单的卷积神经…

微信小程序uniappvue3版本-控制tabbar某一个的显示与隐藏

1. 首先在pages.json中配置tabbar信息 2. 在代码根目录下添加 tabBar 代码文件 直接把微信小程序文档里面的四个文件复制到自己项目中就可以了 3. 根据自己的需求更改index.js文件 首先我这里需要判断什么时候隐藏某一个元素&#xff0c;需要引入接口 然后在切换tabbar时&#…

git:认识git和基本操作(1)

目录 一、版本控制器 1.安装git 2.创建git本地仓库 3.配置git 二、git操作&#xff08;1&#xff09; 1.工作区、暂存区、版本库 2.添加文件 3.查看.git 4.修改文件 一、版本控制器 所谓的版本控制器&#xff0c;就是能让你了解到每一个文件的修改历史。相应的&#x…