百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

如何用PS绘制一个简单的图案,学会后大多数图形都做的出来

haoteby 2025-02-19 12:07 49 浏览

如何用PS绘制一个简单的图形或图案?


因为绘制过程中知识点比较多,所以我将用最直白的语言去解释。

当你学会这三个图形后,很快就能举一反三(如图)


我将尽可能的让你一看就明白,所以在学习前要明白photoshop的几个小知识

1、在photoshop中,按住“shift”键有“加”,“等比”的意思。比如:一个形状“加”一个形状,等比放大的时候需要用到这个快捷键

2、在photoshop中,按住“alt”键有“减”,“中心”的意思。比如:一个形状“减”一个形状,从中心放大的时候需要这个快捷键


接下来绘制第一个图案


首先选择形状工具里面的“椭圆工具”


接下来知识点来了,上面说到按住“shift”键有“加”,“等比”意思

所以接下来你按住“shift”键之后,拖拽鼠标,就会画出一个等比的正圆。如果你不按住的话,你将画不出正圆。简单吧


画完之后你会发现图层面板多了一个形状图层,你只需要记得这个是形状图层,它可以无限放大不会模糊的就可以了


接下来还是选择形状工具里面的“椭圆工具”


既然按住“shift”键有“等比”的意思,如果你不按住的时候就没有“等比”的意思了,所以我们就可以直接绘制了

绘制的时候如果发现位置不对可以按住空格键移动位置


好像没有对齐,接下来我们讲讲对齐


首先把两个图形选中,按ctrl+E,这个快捷键可以把两个图形合并成一个图形


选择“路径选择工具”,按住shift,选中图形。



在“路径选择工具”的对齐面板里面选“水平居中”



是不是完成啦,很简单吧


在这个图形中你学会了:

1、按住shift可以画出一个正圆,不按住的话可以画椭圆

2、按ctrl+E可以把两个形状图层合并成一个形状

3、用路径选择工具可以选择路径

4、在“路径选择工具”里面可以实现两个形状相互对齐


第二个图形


选择形状工具,点击“矩形工具”,在画布单击一下鼠标左键,在弹出的对话框中做一个570像素*100像素的矩形




选择“窗口”--“属性”,可以把当前形状的属性面板调出来



把圆角调成50像素


用“路径选择工具”选中矩形,执行“ctrl+C”复制,“ctrl+V”粘贴,“ctrl+T”自由变换


连续执行快捷键,“ctrl+C”,“ctrl+V”,“ctrl+T”,意思相当于你把路径复制了一下,粘贴了一下,执行了一次自由变换,最后你会发现四周多了几个点


然后把鼠标一定四边的位置,按住“shift”拖拽鼠标,实现等比旋转90度


然后用“路径选择工具”移动竖条的位置


这次你会发现,两个图形做到了一个图层上面,因为我们之前选择路径的时候执行了复制粘贴,记住:选择路径复制粘贴的时候,默认就会粘贴到一个图层上面,不会分开两个图层,但是你可以用路径选择工具分开选择

最后选中整个图层,执行“ctrl+T”,按住shift,旋转45度




在这个图形中你学会了:

1、选择形状工具的时候,单击一下画布可以任意创建图形大小

2、选择一个形状后,可以用ctrl+C和ctrl+V进行路径复制粘贴

3、按ctrl+T可以实现图形自由变换。按住shift可以实现等比15度旋转

4、在形状的属性面板里面是可以调节形状的圆角的


今天最后一个形状


你需要结合上面所学的所有方法把这个图案做出来

第一步、用矩形工具画出一个长方形,并调整它的圆角(上面两个案例中有讲到)


第二步、用直接选择工具选择矩形,ctrl+C,ctrl+V,ctrl+T,实现复制粘贴自由变换(上面的两个案例有讲到)


第三步、选择中间小的矩形,点击上方的“减去顶层形状”

(在形状中进行路径“加法”或者“减法”,这个就叫布尔运算)



第四步、用白色的“直接选择工具”,记住,一定是白色的。选择中间矩形下方的四个点

(黑色箭头和白色箭头有什么区别:黑色是选择整条路径,白色是选择路径上的点)


用白色箭头框选下图中的四个点


框选完成之后,按住“shift”+向上的箭头,可以一次性移动10个像素,这次我们需要移动100像素,所以你按10次


你需要保证下图中的三个边距是一样的距离,用上面的这个方法调整就可以了


等你调整完后你会发现红框处的圆角很不协调,外面的圈显得特别大,但实际上是一样的


接下来我们把内部矩形的圆角调整成16像素。

为什么是16像素?你只需要记得一个公式:外部的圆角半径-边距=内部的圆角半径

在这个案例中:外部圆角的半径是80,边距是64。所以80-64=16,这样就得出了内部圆角的半径


这样是不是协调多了


最后用“路径选择工具”选择整个图形


然后选择“椭圆工具”,按住“alt”键画出一个圆形,画到一半的时候再按住shift,这时候椭圆就会变成正圆了


画到一半的时候再按住shift,这时候椭圆就会变成正圆了,绘制的过程中如果发现位置不对,按空格键可以移动位置

这里需要解释一下:

按住“alt”的目的是为了图形做“减法”,用正圆减去当前的形状,上文中已经说过“alt”有减去的意思

绘制过程中按“shift”的目的是为了把椭圆变成正圆

按住空格的目的是为了移动正圆的位置


接下来我们讲正圆对齐一下形状就可以了

选中下图中的两条路径,点击水平居中



在这个图形中你学会了:

1、按住alt的时候可以为路径做减法

2、知道了什么是布尔运算

3、白色箭头和黑色箭头的区别

4、如何调整圆角的半径,使其看起来协调


关键是你学会这个图案的时候,你将掌握大部分的图形图案使用技巧

其实组合来组合去就只有这些小技巧,关键是你要快速的把他们组合起来才行,这些小技巧看似简单,实际上做起来还是稍微有点复杂的


要明确一点:在工作中,能找素材完成的东西,千万不要自己傻乎乎的去做

但今天只是练习的话,最好就不要抱这个心态了

至于如何找素材,之前的文章已经讲过,这里就不重复了


接下来几期,将会解决以下这些问题:


“日常办公安装什么版本的PS软件?”(已解决)

“这张图片尺寸太大了,想要压缩一下,怎么办?”(已解决)

“这张图片有10M这么大,想变小一点,怎么办?”(已解决)

“这份PDF如何压缩变小呢?”(已解决)

“我想把一个长方形的图片变成圆形的,怎么办?”(已解决)

“这张图有个小水印,我想要去掉怎么办?”(已解决)

“这张彩色图片想要变成黑白,怎么办?”(已解决)

“我想要找一张漂亮的素材,最好是没有背景的,去哪里找?”(已解决)

“把照片里多余的人物去掉,怎么办?”(已解决)

“图片放大不模糊的方法?”(已解决)

“PS的颜色面板怎么用?隐藏了哪些小秘密”(已解决)

“快速把多张图片拼合成一张图片”(已解决)

“这张图片需要去印刷,有什么要求?需要注意什么?”(已解决)

“保存图片选择文件格式的时候,应该注意哪些问题?”(已解决)

“如何用PS绘制简单的图形或图案?”(已解决)


碰到问题的时候看一看,可能会对你有所帮助。

万一以后用到怎么办呢...

“设计原来如此”,与你有关的设计都在这里。

相关推荐

引爆朋友圈!我用npx一行命令“偷”光了微信热门文章

嘿,各位朋友们,大家好!怎么优雅地获取微信公众号的热门文章?你可能会说,这不就是爬虫吗?用Pythonrequests+BeautifulSoup,或者Node.jsaxios+che...

Islands Architecture(孤岛架构)在携程新版首页的实践

一、项目背景2022,携程PC版首页终于迎来了首次改版,完成了用户体验与技术栈的全面升级。作为与用户连接的重要入口,旧版PC首页已经陪伴携程走过了22年,承担着重要使命的同时,也遇到了很多问题:...

开源的 Gitee+ 微信小程序,提供仓库浏览、检索等功能

总在用我们国产的码云Gitee代码托管平台,但该平台还没有一个我用着顺手的小程序,于是Gitee+就诞生了。界面截图:仓库地址请在Gitee上搜索“Gitee+”。准备工作在开发Gite...

首例iPhone 15 Pro电池鼓包事件出现 原因可能是过热

iPhone15Pro和iPhone15ProMax的过热问题早已传得沸沸扬扬,一些用户抱怨这两款旗舰机手感过热。不过,他们都没有遇到电池鼓包的问题,直到今天,一位Redditor...

一看就会一搭就废?分享7个亲测有效的穿搭“套路”

晚上好啊~最近写了不少穿搭稿,每次看评论经常能看到这样的留言:眼睛:我已经学会了~手:我有自己的想法。还有同学留言:一看就会,一搭就废。不奇怪!知易行难嘛。明明学了很多穿搭技巧,等到自己要穿的时候就忘...

十个网络安全小技巧 防止个人信息泄漏

随着社会的进步和发展,个人信息泄露事件层出不穷。当个人信息泄漏后,轻则会收到漫天飞舞的短信,重则可能造成经济损失。因此为了不影响正常的生活,需要时时刻刻警惕自己的信息不被泄露。那么如何才能有效地防止个...

2018国家网络安全宣传周系列动漫③丨如何防止电脑被偷窥?这几招教你逮住黑客

来源:光明网2018国家网络安全宣传周系列动漫③——个人电脑安全篇电脑已经成为人们日常重要的工具之一,但电脑安全防护意识却在大众心目中并不完善,再之,信息安全系统的不完善,很容易成为黑客的攻击目标。无...

「网络安全宣传周」送您一份安全上网指南

网络安全学习9月17日-24日是国家网络安全宣传周,今年的主题是“网络安全为人民,网络安全靠人民”。我们作为一名合格的好网民,要具备一定的网络安全知识和网络安全防护技能,更要注意提高网络安全意识,防范...

职场达人都在偷偷用的Excel神技:WEEKDAY函数让日期秒变星期几

你是不是经常需要查看某个日期对应星期几?还在手动翻日历?作为Excel函数专家,今天我要教你一个超实用的技巧——用WEEKDAY函数一键判断日期是周几!这个函数看似简单,但灵活运用能解决工作中的各...

制作 Excel 日历的两种思路:手动创建和 使用公式动态生成

制作Excel日历主要有两种思路:手动创建(简单灵活)和使用公式动态生成(自动更新)。下面我将分别介绍两种方法,并提供详细步骤:...

Web OS 时代就在眼下,只是你还没注意到 App as a Browser 这个事实

这篇文章由36Kr新来的99(1999)后作者Link编译得来。文章作者LukeWroblewski是现任Google产品主管,他此前参与创立的Bagcheck和Polar...

如何在Form表单中添加WebBrowser控件,vba编程学习

vba编程中,如果需要显示某个网页的内容可以使用WebBrowser控件来实现。方法也比较容易,下面介绍一下如何在Form中添加WebBrowser控件。1、打开WindowsExcel,同时按A...

DevExpress Demo示例展示:媲美Excel的电子表格控件

今天介绍一个很强大的电子表格(Spreadsheet)控件:DevExpressSpreadsheetforASP.NETMVC。它是一个仿ExcelUI的电子表格控件,可完全无障碍读写...

Word,Excel,PPTOffice文件Web浏览器预览

前两天接到一个需求:需要在线预览用户上传的Word,Excel,PPT文档前端同事一听到这个需求,心里就开始骂了,什么鬼需求啊,浏览器怎么打开Word,Excel吗?这个要开发一个浏览器插件,这...

web报表工具有什么好推荐_webi报表

接触数据分析,到深入参与企业数字化转型和数据行业建议,已将近8年多,对数据分析、报表工具还是有些个人经验。我从个人的经验角度,和大家说说我用过哪些web报表工具。首先是开源的web报表:BIRTPr...