作为51CTO学院的百万学员博主,今天看到51的WuKong编辑器重新改版发布了,于是过来试了一下,顺便记录下我使用的过程中的感受。事实上,在学习过程中,比如作为一个设计小白,就会觉得说,我就听过PS,AI是啥,我学会PS还不可以吗?干嘛要学AI呢,那么问题来了:
就像悟空编辑器,它能给你带来什么?
秩序感!
它快速地帮你的文字建立秩序!
让你的东西看起来有重点!
废话不说!一个例子让你知道作为设计师,Illustrator到底多强大!
听老师说学会PS还不算完,还要学会AI?
AI到底是啥?我学会PS不够吗?你让我看这个难道是为了送书吗?(对就这意思!)
话不多说,咱们通过一个例子,看看AI到底能干啥!
复杂的不说,就以大家都熟悉的微信图标为例子!
我们都知道,这个图标其实并不难做,唯一需要提神的就是两个头像之间的小缝隙。
Photoshop 是处理位图的软件,在面对位图时,想制作出案例中的缝隙效果,就要充分利用选区对位图对象的删除和填充功能。本案中,为了达到两个头像之间缝隙效果宽度均等的画面要求,可以使用选区收缩的方法。
通过分析对标素材可以发现,图标中前面浅灰色的头像减掉了绿色头像的一部分区域。因此在 Photoshop中制作好该图标的逻辑顺序是:先使浅灰色小头像在绿色头像上“吃掉”一小部分,然后再进行浅灰色小头像的位置确认,最后完成浅灰色小头像的颜色填充,如图所示。
先使用“椭圆选框工具”和“多边形套索工具”绘制选区并填充绿色,生成较大头像。Photoshop 绘制头像的具体方法不予赘述,下面详细讲解选区收缩形成缝隙效果的步骤。在绿色头像所在的图层上使用“椭圆选框工具”绘制一个大小合适的椭圆,然后按 Delete 键删除选区内的对象。此时绿色椭圆基本形状确定了下来,如图所示。
在保留选区状态下执行“选择→修改→收缩”命令,可将选区收缩,如图所示。
需要注意的是,这个命令必须在先有选区(蚂蚁线)的前提下才能执行。如果画面中没有选区对象,相关的操作命令将以浅灰色显示而无法选择。
在弹出的“收缩选区”对话框中,将“收缩”参数值设置为 5 像素,单击“确定”按钮,如图所示。
这里要特别强调的是,并不是一定要收缩 5 个像素才是合适的。“收缩”参数值的设置取决于所建画布的尺寸。读者今后练习时也不可只记参数值,最终参数值设置是否合适要根据实际画面效果而定。参数设置确认后,可以看到选区的边缘均匀地进行了收缩,如图所示。
利用绘制绿色头像同样的方法绘制小椭圆。在素材图中吸取浅灰色,并填充到椭圆选区中,再用“多边形套索工具”套出尾巴形状进行填充,就完成小头像的绘制,这就是使用 Photoshop 的选区收缩功能制作间距均等的缝隙LOGO效果的方法,如图所示。
而使用Illustrator制作同样的微信图标,效率就大大不一样了!
使用“椭圆工具”参照参考图绘制椭圆并填色,使用“钢笔工具”参照参考图绘制三角形并填色,使用“选择工具”选择两个对象,单击“路径查找器”的“联集”按钮进行选中对象的联集操作。此时形成了微信的一个头像的轮廓,如图所示。
使用“椭圆工具”按 Shift 键绘制较小的正圆并复制,用以制作头像的眼睛。
使用“选择工具”选择头像和一只眼睛两个对象,单击“路径查找器”的“减去顶层”按钮,实现眼睛镂空效果的制作。采用同种方式制作另一只眼睛的镂空效果,此时形成了微信的一个头像。
使用“选择工具”选择制作好的头像对象,双击“工具栏”中的“镜像工具”图标,此时会出现“镜像”对话框,选择“轴”的方向为“垂直”,同时勾选“预览”查看效果,此时画板中的对象将会以垂直方向为轴进行镜像翻转,若镜像后效果满意,则可单击“复制”按钮以复制镜像结果形成两个头像对象。
将镜像复制后的头像根据画面效果需要等比例缩小并改色,布置好与较大头像的布局关系并设色。
使用“选择工具”选择灰色头像,执行“对象 → 路 径 → 偏 移 路 径 ” 命 令 ,以 打 开 “ 偏 移 路 径 ”参数设置对话框。在“偏移路径”参数设置对话框中,先勾选“预览”命令,再根据画面实时效果调整“位移”参数到合适的大小,设置好后按“确定”按钮。
使用“选择工具”选择两个头像对象,单击“路径查找器”的“分割”按钮进行选中对象的分割操作。分割后右击该图形组,选择“取消编组”命令, 以 便对 对 象 进 行 接 续 的 编 辑 操 作。
使用“选择工具”分别选择对象被分割后需要删除的区域,按 Delete 键删除,以形成两个头像之间的缝隙。
使用“选择工具”选择灰 色 头 像 被分割后的两部分,单击“路径查找器”的“联集”按钮进行选中对象的联集操作。此时靠前的灰 色 头 像 即恢复完整。
利用Illustrator的路径偏移,不仅能大大提高工作效率,更重要的是,在实际工作中,如果甲方老板让你做个图标,就算你用PS做的再好,不是矢量的,你敢用吗?
就算你敢用,老板能给你Q吗?
学好设计,财富随行!
好的吧,下面是:
福利时间!
福利之前先说3点:
首先感谢51CTO的同学们给我一个可以输出价值的场景,在几年内有324万人次的学习,让我很有成就感,同时也给了我继续下去的动力,感谢同学们!
再次,感谢51CTO平台,话说原本初我也是查字典才知道CTO是干啥的,敢情搞代码的跟做设计关系不大,但是51的包容性让我们作为设计工作中有机会也和计算机高手们都在这一场景下可以共享知识,作为51CTO最早一批设计类内容创作者,看到越来越多的设计师和博主加入进来,服务更多人,成了一些小气候,非常欣慰,感谢平台造福!
最后,值此51博客悟空编辑器发布之际,作为一直受惠于51的个体群众而言,由于忙于各种工作的关系疏于写博文,今天聊以赠书方式庆祝51CTO博客,希望博客越来越好,越来越多人因此受益,越来越有人气,让更多创作者帮助不甘于落后的同学们学有所得!
赠书方式:
黑神话悟空的技术特点《黑神话:悟空》是一款采用了尖端游戏技术的动作角色扮演游戏,它在视觉效果和游戏体验上都达到了较高的水平。以下是游戏的一些技术特点:虚幻引擎5的应用:游戏采用了虚幻引擎5(Unreal Engine 5),这使得游戏画质达到了电影级别的水准,特别是Nanite技术能够实现极高的细节表现,Lumen技术引入实时的光线追踪和全局光照效果,增强了游戏画面的真实感和生动性。全景光线追踪技
家里有必要买NAS吗?我们真的需要一台NAS吗?对于普通家庭来说,是否有必要购买NAS设备?那些应用场景才需要一台NAS呢?这篇文章呢就这个问题来聊一下。 首先我们来了解下现在家里的数据存储方式: 一、物理存储方式:PC电脑硬盘、SSD(固态)硬盘、存储卡、U盘以及移动硬盘。 1、硬盘(hard
作为测试从业者在进行测试接口的时候,某些请求需要按照特定的顺序执行,否则会导致错误。比如,先创建用户,然后才能查询用户信息,如果顺序颠倒,查询可能会失败。可能需要明确接口之间的依赖关系。比如,有些接口的执行结果可能是另一个接口的输入参数。这时候测试用例需要按照依赖顺序来排列。比如,先调用POST创建资源,然后用GET获取刚创建的资源。所以测试用例的顺序很重要,可能需要手动调整顺序,或者用测试框架来
悟空编辑器
Kubernetes 是:可移植的:公有,私有,混合,多重云(multi-cloud)可扩展的:模块化, 插件化, 可挂载, 可组合可自愈的:自动布置, 自动重启, 自动复制, 自动扩容Kubernetes项目是Google在2014年启动的。Kubernetes构建在Google公司十几年的大规模高负载运维经验之上,同时结合了社区中各项最佳设计和实践。准备好开始了吗?
你是否还在为解析数据库文件的二进制格式而头疼?面对LevelDB的.sst文件或PostgreSQL的堆页面,普通文本工具根本无能为力。本文将带你掌握用fq(二进制格式的jq)快速解析这两种主流数据库文件的方法,无需深入理解复杂的存储格式细节。读完本文后,你将能够:- 用一行命令提取LevelDB表文件中的键值对- 直接查看PostgreSQL堆页面中的元组数据- 通过交互式REPL实时分析...
Postman高级用法主要包括变量传递、前置脚本、关联接口、批量执行和参数化测试。文章详细介绍了全局变量和环境变量的设置与获取方法,以及如何通过Pre-request Script在请求前动态处理数据。通过案例展示了接口关联和变量传递的实际应用,并讲解了批量执行测试用例与生成HTML测试报告的操作步骤。最后,文章还介绍了如何使用CSV/JSON文件实现参数化测试,提升测试效率。部分测试网址已失效,但掌握核心原理即可灵活应用。
一、你的电脑、显卡支持GPU运算吗?1.确认你是不是有支持GPU运算的nvidia的显卡:lspci |grep VGA若是就OK了。2.确认你的cpu是不是支持,目前CUDA开发环境2.3要求X86架构的cpu。uname -m输出结果是x86或x86_64的,都是支持的。二、安装过程三步:安装驱动、安装CUDA ToolKit、安装SDK。(提前的步骤:这一步只因为目前CUDA 2.3还不支持