0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

怎样在Photoshop中创建自定义形状

454398 来源:工程师吴畏 2019-08-09 14:47 次阅读

步骤1:将图像导入Photoshop

选择要转换为的图像自定义形状。

转到文件 - 》打开并导航到包含图像的文件夹,然后双击图像。 (仅当您已将所需图像保存在计算机上的某个位置时。)

此外,如果您想使用互联网上的图像,您只需创建一个新文档(去到文件 - 》新建)并将图像从源复制并粘贴到窗口中。

步骤2:选择适当的工具和设置

现在我们的图像在Photoshop程序中,我们可以开始使用它来创建我们的自定义形状。

我选择了我的图像作为其相对简单的几何图形,允许在本教程中更容易解释。

选择笔工具单击钢笔工具按钮(在第一张图片的左侧圈出)或按 P键。

单击笔上的形状图层按钮工具栏是第二张图片左侧的按钮。

选中创建新形状图层按钮(默认情况下应该是) )第二张图片中间的按钮。

通过单击文字颜色旁边的彩色框设置图层颜色,然后从颜色中选择一种颜色渐变,任何较暗的颜色都可以。

第3步:绘制形状的主要轮廓

现在,您可以使用上一步的设置开始绘制图像。整个过程基本上是跟踪我们的背景图像,以获得我们可以保存的形状1.在背景图像的外边缘单击一次,如第一张图片所示。

注意:在本教程的此步骤中,我的颜色设置为纯白色。您无需更改颜色。

2.在边缘移动并继续单击以添加第二张图片中的点(请勿单击并拖动,因为它会使事情复杂化bit。)

你完全偏好每个点间隔多远,自然越接近它看起来越平滑,反之亦然,将它们放得更远。

3.按回车键,完成回到起点后的形状。

您会注意到您无法再看到背景图像。

4.更改图层不透明度

将注意力转移到图层窗口,如第四张图片,应该位于屏幕的右下角。

确保选择了形状1图层,更改不透明度值,使刚创建的重叠图像透明,我建议价值约30%

第三张图显示了从100%不透明到30%的变化应该是什么

注意:我也改变了从白色变回黑色,这样我就可以在工作时获得更多对比度。

这样做可以让我们看到我们想要追踪的背景图像的其他特征。

5.减去形状的内部。

接下来确保在图层窗口中选择了形状1图层,然后单击顶部工具栏上的从形状区域减去按钮(这是几乎类似于按钮的按钮)俄罗斯方块))

对于背景图像黑色轮廓的内部重复步骤1到3,如上一张图片所示。

这基本上切断了在形状内部并留下外边框。

第4步:画出眼睛和嘴

现在我们将注意力转移到背景图像的内部,以便我们可以追踪嘴巴和眼睛。此时,许多步骤与先前的步骤相同。它们只是在图像的不同区域中执行1.画嘴

再次选择钢笔工具。

如果尚未选择,则单击图层窗口中的形状1图层。

选择添加形状到区域按钮,以便我们将嘴的黑色区域添加到我们的形状中。

在每个角落放置一个点。

按Enter键完成形状的嘴部。

第一个图片对应于步骤1的所有内容

2.绘制眼睛的外部

仍然选择钢笔工具,单击形状1图层确保它处于活动状态

选择添加到形状区域按钮

开始绕着其中一只眼睛的外边缘以同样的方式放置点正如您对形状的主体所做的那样(如图2所示)。

按Enter键完成形状。

3.画出眼睛的内部

按照与从主体中减去内部区域相同的步骤

保留钢笔工具

选择形状1图层

选择从形状区域减去按钮。

在内墙周围放置点只留下眼睛的黑色部分留在我们的形状。 (如第三张图片所示)

按Enter键完成形状。

4.添加瞳孔

对于瞳孔,您可以使用确切的我们使用的相同方法或使用椭圆工具放入一个完美的圆形瞳孔,如下所示。

点击侧栏上的自定义形状按钮,然后选择椭圆工具。

执行确保选择形状1并选择添加到形状区域按钮的所有步骤。

如图所示最后一张图片点击并拖动大致开始红色十字的位置,以便圆圈与背景图像很好地对齐。

放置圆圈后,您无法轻松移动或调整圆圈。

一旦您有满意的瞳孔,请按输入完成形状。

5.重复步骤2-4以完成相反的眼睛

步骤5:将图像转换为自定义形状

几乎就在那里!再远一点,您将完成创建自定义形状。只有几次点击才会保留,直到您的形状可以使用。

此时如果您准确地为形状放置了点,您可能只能看到我们开始使用的背景图像,如图所示第一张图片。

1.调整可见性

查看图层窗口

选择形状1图层并更改其不透明度回到100%

点击背景图层缩略图左侧的眼睛图像(如图2所示)

这将关闭背景图像的可见性,只留下我们刚刚完成跟踪的最终形状。 (如图3所示)

2.保存形状

选择形状1层

转到编辑 - 》定义自定义形状如图4所示

输入所需的形状名称

单击确定

自定义形状现在保存到Photoshop的形状库中。

步骤6:使用新的自定义形状

现在您已经保存了新的自定义形状,现在是时候使用了它!

点击第一张图片左侧所示的自定义形状工具。

点击下拉菜单(位于顶部中间)工具栏)标题为形状

向下滚动,直至看到形状,然后单击将其选中。

最后一步。..。.

去疯狂 !!将您的新形状用于您心中的内容

点击并拖动以创建您的形状

反复重复以制作即时拼贴,就像我在第二张图片中所做的那样。

恭喜!您现在可以在Photoshop中创建自己的可用自定义形状!尝试通过查看可以创建的自定义形状的复杂程度来测试您的技能。

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • Photoshop软件
    +关注

    关注

    0

    文章

    22

    浏览量

    3147
收藏 人收藏

    评论

    相关推荐

    HarmonyOS开发实例:【自定义Emitter】

    使用[Emitter]实现事件的订阅和发布,使用[自定义弹窗]设置广告信息。
    的头像 发表于 04-14 11:37 616次阅读
    HarmonyOS开发实例:【<b class='flag-5'>自定义</b>Emitter】

    博途用户自定义库的使用

    博途官方提供了很多库,比如:基本函数库、通信库、安全库、驱动库等等,用户可以使用库中的函数/函数块来完成具体的控制任务。除了官方的库,我们也可以创建自己的库(用户自定义库)。比如,把项目
    的头像 发表于 12-25 10:08 290次阅读
    博途用户<b class='flag-5'>自定义</b>库的使用

    怎样为显示器创建自定义分辨率呢?

    您可以为大多数显示器创建自定义分辨率和刷新率。这可以解决可能不使用标准 Windows 分辨率的显示器,或更正可能导致显示器兼容性问题的无效显示器 EDID。
    的头像 发表于 11-16 09:41 1733次阅读
    <b class='flag-5'>怎样</b>为显示器<b class='flag-5'>创建</b><b class='flag-5'>自定义</b>分辨率呢?

    Android端自定义铃声 MobPush对安卓端自定义铃声的教程

    如何为APP推送设置独特的通知铃声呢?本次带来的是MobPush对安卓端自定义铃声的教程,快来看看吧~
    的头像 发表于 10-21 15:34 817次阅读
    Android端<b class='flag-5'>自定义</b>铃声 MobPush对安卓端<b class='flag-5'>自定义</b>铃声的教程

    OpenHarmony自定义组件介绍

    一、创建自定义组件 ArkUI,UI显示的内容均为组件,由框架直接提供的称为系统组件,由开发者定义的称为
    发表于 09-25 15:36

    Vivado设计套件用户指南:创建和打包自定义IP

    电子发烧友网站提供《Vivado设计套件用户指南:创建和打包自定义IP.pdf》资料免费下载
    发表于 09-13 14:54 0次下载
    Vivado设计套件用户指南:<b class='flag-5'>创建</b>和打包<b class='flag-5'>自定义</b>IP

    Vivado Design Suite用户指南:创建和打包自定义IP

    电子发烧友网站提供《Vivado Design Suite用户指南:创建和打包自定义IP.pdf》资料免费下载
    发表于 09-13 11:34 0次下载
    Vivado Design Suite用户指南:<b class='flag-5'>创建</b>和打包<b class='flag-5'>自定义</b>IP

    OpenHarmony应用开发之自定义弹窗

    本文转载自《OpenHarmony应用开发之自定义弹窗》,作者:zhushangyuan_ ​ 应用场景 应用的使用和开发,弹窗是一个很常见的场景,自定义弹窗又因为极高的自由度得以
    发表于 09-06 14:40

    labview超快自定义控件制作和普通自定义控件制作

    labview超快自定义控件制作和普通自定义控件制作
    发表于 08-21 10:32 5次下载

    教程 2:添加特征-自定义配置文件创建

    教程 2:添加特征 - 自定义配置文件创建
    发表于 07-06 18:50 0次下载
    教程 2:添加特征-<b class='flag-5'>自定义</b>配置文件<b class='flag-5'>创建</b>

    教程 3:构建自定义配置文件

    教程 3:构建自定义配置文件
    发表于 07-06 18:49 0次下载
    教程 3:构建<b class='flag-5'>自定义</b>配置文件

    教程 2:自定义配置文件示例

    教程 2:自定义配置文件示例
    发表于 07-04 20:50 0次下载
    教程 2:<b class='flag-5'>自定义</b>配置文件示例

    创建自定义Kria KV260加速ML应用程序

    电子发烧友网站提供《创建自定义Kria KV260加速ML应用程序.zip》资料免费下载
    发表于 06-26 10:20 0次下载
    <b class='flag-5'>创建</b><b class='flag-5'>自定义</b>Kria KV260加速ML应用程序

    labview自定义控件

    labview自定义精美控件
    发表于 05-15 16:46 9次下载

    用于改进应用的自定义逻辑外设

    PIC® 和 AVR® 微控制器 (MCU) 上的自定义逻辑外设是功能强大的工具,可用于创建独立于 CPU 运行的分立逻辑小块。PIC 微控制器具有可配置逻辑单元 (CLC),而 AVR 微控制器
    的头像 发表于 05-06 09:51 615次阅读
    用于改进应用的<b class='flag-5'>自定义</b>逻辑外设