精华内容
下载资源
问答
  • 继⽽在品牌视觉应⽤上也是愈来愈多⻅,很多同学觉得像素⻛的LOGO很难,没有⼿绘基础不知道如何概括,根本⽆从下⼿,其实做像素LOGO是有⽅法的。即潮流⼜复古的像素⻛LOGO设计怎么做,通过以下⼏个技巧带领⼤家⼊⻔!...

    1edaa6c26971f507debba2cf1f095ea4.gif

    像素⻛LOGO设计。这⼀期我们聊聊有点怀旧的话题,像素⻛在游戏设计、插画设计等领域似乎经久不衰。继⽽在品牌视觉应⽤上也是愈来愈多⻅,很多同学觉得像素⻛的LOGO很难,没有⼿绘基础不知道如何概括,根本⽆从下⼿,其实做像素LOGO是有⽅法的。即潮流⼜复古的像素⻛LOGO设计怎么做,通过以下⼏个技巧带领⼤家⼊⻔!d1de40f443b58aaf67fc09e082962705.gifcff75691ad95d504d70aecb69f5a1b0b.png像素⻛格品牌视觉(来源⽹络)可以看出,像素化⻛格并没有那么局限,不论在什么⾏业,只要品牌理念吻合,都可以使⽤像素化⻛格进⾏视觉设计。教程⼤纲:01.像素⻛格标志设计剖析· 矩形⽹格法· 彩⾊半调像素法· 键盘增量法02.像素标志的拼贴用法03.像素标志的⽆限可能81c8e76ba5c1c6fc2f3dde2f20c584a9.pnge7e9df6893a16f7c01920f770e6f89ff.png提起像素⻛格,具有代表意义以及为⼈熟知的应该要从游戏说起,⼋九⼗年代开始的红⽩机、还有如今还在⽕的“我的世界”,其实在⽣活的⽅⽅⾯⾯都能看到像素的影⼦:⾐服上的针织图案到⼗字绣、⼩孩爱玩的乐⾼积⽊到,继续扩展,像素艺术到设计师拥有的象素眼,这些都是我们清晰认知的像素,还有更多第⼆部分我们接着讲。所 以,很 多 的 ⽅ 向 都 能 给 到 这 我 们 设 计 像 素 ⻛ 格LOGO的灵感。发展⾄今,像素⻛格并没有被逐渐替代,⽽是演变成了⼀种独⽴的流⾏设计创作⻛格。325f8e7ed0bdc5d6a4adeda767588c98.png54b4dcced7dcc5bbd2695a46e407f3b5.pngdbb4d9dd2b93aa158af6ace98fb19ae6.png6eda8ada6145176dedb0473194a9fee0.png

    滑动查看更多图片

    年代久远的像素⻛格游戏(来源⽹络)fdbed3498fb05c40a81e9a9176d18981.png61af2a89b73c1ff187faac24d55b9092.pngb8bd3a40fc01614041dfca64f720c306.png9867ae45471d631d6935c02e0cffa334.png

    滑动查看更多图片

    现在像素艺术⻛格插画(来源⽹络)74bf34e0df5fc33ce0e7e26438e4509d.png我们来看⼀下案例,像素⻛格在 LOGO 设计中有那些体现。7a2492a98511db5278528439e6c05c24.pngd97adbaf4af6646e07733b36c319ae6d.png像素风格的LOGO,最直观的体现便是通过像素方格进行排列,组成抽象的几何图形或者字母。a7434fff567cffe0b473dd175ab5795a.png相当于将一个物体看透,拆解成最原始的组成,在电子屏幕的世界中,最小元素就是像素,所以像素LOGO也相当于一个天然的构建模块,自然的传达出一个概念,从一个多元素组合在一起构成一个更大的主体。而且这些颜色通常是高纯度且变化多样的。或者通过微妙的色调范围形成阴影具有假立体效果。eb1edcdaeda3fd284fe941f7b377bf82.png我们设定⼀个以猴⼦为主形象的品牌。希望直观的体现出猴⼦,可以是卡通形象,但⻛格要求跟普通的卡通形象拉开距离,尝试使⽤像素⻛格设计,要求萌萌哒。这样我们的⽅向也基本明确,核⼼的主要元素就是猴⼦。好了,接下来就是去⽣活⾥寻找灵感来源,通过所需,切记不要局限不要局限。⼀定要多看。fd22f4e7d51a8422132c122c6a9991f5.png参观了⼀轮动物园之后,我们挑了⼏只有代表性的猴⼦。可以看到猴⼦有许多不同的形态,以及不同的脸部⻆度,这⾥我们选⽤正脸来进⾏设计,具有对称特征,这样⼀来更加容易⼊⼿。⽽且可以看到猴⼦的脸部特征还是⽐较好抓的,然后为了强化卡通特征,考虑后续加上眼镜。d6846f3e311a9ed86f0c34d4bf77e824.png我们⾸先解决⼤的形态问题,依旧是⼤家熟悉的垫图处理。先画出草图看看感觉,然后按照常规,绘制出猴⼦的卡通造型以作垫底,以解决基础形态不好把握的问题。af40859bfb33a4df48c3263e53170589.png如果具备⼀定熟练度以后,将图⽚拉到PS然后进⾏⾃由变换,缩放到⼀定⼤⼩即可观察到图⽚像素化后的效果,同样能够直接作为参考⽰范。9c90b3efc1b91fefd657aa7d369ffd23.png我选出了两个⼿稿做了⼀个加法,整体的效果还可以。到这⼀步,整个形态基本定下来。接下来我们将其像素化。089487dd14b5bf530c69f17733458bb4.pngb12e1ea0a23da5aa50961dd6ff89bda4.png5461ad4af3a2f93fb70c3b2490faa175.png矩形⽹格⼯具能够在⼯具栏「直线⼯具」中找到,将⿏标光标放置在上⾯,⿏标右键,在弹出的窗⼝中选择「矩形⽹格⼯具」。8b114b7a8f79263d9fc97346f209c6a2.png然后单击⻚⾯空⽩处即可进⾏参数设定,主要在于⽹格数量的设定,我们这⾥设定⼀个相对适中的32*32。这⾥需要注意的是:⽹格数越多,出来的图形越丰富,细节处理难度越⼤。⽹格数越少,出来的图形越精简,简化处理难度越⼤。3e73fb765acfb33301551e4219f49027.png2650d5f22723d4241a6cfb0e198f7381.png然后将绘制好的垫底图形设定透明度,居中置于⽹格上,快捷键ctrl+2锁定对象。已经准备好⾊板,可以先把⼤致⾊彩确定,后续调整。然后准备进⾏填充绘制。8a9be2a373ca52b2f02a531e9e5e3c32.png这个时候,填充颜⾊我们需要⽤到⼯具栏的另外⼀款⼯具, 「实时上⾊⼯具」。1cfbbacf34ff1b7dd7657d96f082392b.gif接下来,通过实时上⾊⼯具,根据垫底轮廓经⾏描绘即可填充即可。84191a140e1eb65fff86e45d561102cb.png关于曲线处理,作为LOGO以视觉为主即可,但曲线还是会遵循⼀定的曲率关系以确保曲线平滑。曲率在下降或上升时保持递增或递减的状态,能使边缘轮廓更加整⻬有序,避免锯⻮。25a555aa6f7230465afd8cc47921f208.png通过逐层填充颜⾊,即可通过底稿得到我们的⼤体造型。69bfa2fcbffee4d23a9d53c9191e1df8.png997fc264f265760c7ca36547cd8b2384.png因为设定的像素区间为适中。会出现较多空⽩像素,整体太平,缺少变化,可在边缘处添加阴影或者花纹? 。通 过 上述两个案例可以对⽐出阴影(狗)跟花纹(猫)两种不同的处理⽅式是如何去丰富画⾯。c54dc8756d29e748c6763c3ebac5302a.png同理,还可以继续添加创意以及场景氛围元素装饰整体,让整体更加丰富以及有细节。通过菜单栏-对象-扩展,删除⽹格即可。我们的⼤体造型已经出来,但是还是有点平庸,整体造型过于具象,⽽且空⽩像素还是偏多,所以下⼀步,我们要考虑收缩空间,让图形更加聚拢,更加紧凑,更具备标志的简洁性以及凝聚性。fe435c7978ff7071f6b595f479f078b5.png空间不够聚拢,那我们可以考虑直接将外围空间收缩⼀圈,然后下巴位置太空,可以考虑切平,切平后也更加稳重,这⼀步可以花⼀些时间进⾏调试对⽐,最终确定最优⽅案。⾄此,我们搭配上排版⽂字,第⼀个案例完成。0192ea72011ccfd789b450de71df350f.png401ca61c627a1f6c683689dfb1bf21d6.png第⼆个案例,我们决定增加难度,这是⼀个游戏品牌,品牌名为[ BOBO GAME ],这个⽅案希望以⼀个⼩怪物的形象出现。话不多说,我们直接⾛流程。⼩怪物形象,怪物是抽象的,还是按照⽼办法,先找参考,我这⾥直接搜索怪物简笔画,希望得到更直观的参考⽅向。51b1ba1489babfef3a31ba61bb653971.pngfd2542a8d25a3bf1a4beaefd94227f73.png红框的怪物造型有点意思,我们决定以此为基础造型,对它进⾏改造。这是⼤概的⼀个灵魂画法,前期不⽤多想,先有⼀个基础想法,后续慢慢完善。b12e1ea0a23da5aa50961dd6ff89bda4.pngcfb7dc36d7b917f52c59840afc5ceab5.png还是熟悉的味道,熟悉的配⽅。我们还是采⽤矩形⽹格法,根据上⼀个案例的经验,我们这次⽹格设定20*20即可。然后将其旋转45°,做出不⼀样的变化。f4c39bc81db7bd0d10e00657a2014271.png同样,将绘制好的垫底草图设定透明度,居中置于⽹格上,快捷键ctrl+2锁定对象。然后通过实时上⾊⼯具进⾏填充绘制。b770da95b82591ea861110b0e12fabeb.pngb4ae8d549cb59ef23fbc28dadce98177.png通过填充,因为我们设定的主体较为抽象,所以好处是造型没有太多局限,兼容性较⾼,坏处是需要多尝试、多对⽐。填充⾊块需要反正尝试,填充后的⾊块⽆法删除,可以吸取背景⾊填充⾊块,以视觉为先。最终扩展后再删减多余的像素。5b3dfd85ba6fdc352c898dd6b1ba3a0d.png优秀的设计往往需要不断迭代及优化。从1到2,同样的收缩掉⼀列像素的空间,以及选择去掉左边及头顶多余的像素装饰,从2到3,然后镂空⼩怪物眼睛下⽅两个像素,意为腮红,同时具有平衡负空间的作⽤。然后我们得到⼀个正负空间均衡且极简的的⼩怪物形象。06924dc30bb8ff6643ef577f5a151e1d.png过去像素化是因为受限于设备及科技的上限,那当我们将像素化作为⼀种创作⼿法的时候,那将可以打破陈旧的规矩,所以像素未必就要是⽅⽅正正的,由于我们将⽹格倾斜了45°,这⾥我觉得⼩怪物过于尖锐,不够平和,所以整体拉上圆⻆,让它更加的温和可爱。细⼼的同学应该有发现,腮红部分圆⻆并没有跟⾝体圆度⼀致,这也是⼀种变化与⻛格的制衡。右⼿的⼩像素刚好像⼀个球,BOBO GAME没有BO怎么也说不过去,所以顺理成章的拉⼤演变成⼀个篮球,具有游戏的寓意。62a4f22caff4aec36544ed5ea35bea2c.gifcec0e7263a48df32d177f3c8f6ac07f8.png图形设计完毕,我们接下来需要对标准字体进⾏设计。这⾥介绍⼀个便捷取巧的⽅法来让⼤家快速体验到像素字体的快乐。这就是彩⾊半调像素法。通过改造字库字快速设计像素字型。c7972dc9741d3519b1fbe44de2fa0a72.png我们直接选⽤字库字,这⾥选⽤⼀款极其普通的宽扁型⾮衬线体。字型⼤家可以多选择多对⽐,会产⽣不⼀样的效果。0afc29ca9fef66cecff2e188b5b4279c.pngc6b5f059748007a5d7e01f57bed1ea38.gif我们菜单栏中,选择:效果-像素化-彩⾊半调。参数默认即可,对我们的影响不⼤。选择确认,然后能看到字体已经出现了像素化的锯⻮,然后我们通过⾃由变换缩⼩放⼤字体去控制像素化的⼤⼩。e6259e1667472a9a25785f28101138d4.png但这⾥需要注意的是,字体颜⾊必须为纯⿊,不能带有彩⾊。如上图,左边为彩⾊填充,会根据彩⾊半调的参数出现通道⾊彩的错位,右边为纯⿊,能直观的得出像素化的效果。d40287e1a9dc6304164383efbaf17225.png选择合适的像素⼤⼩,在这种情况下我们还是能够保留像素化的前提下,更换不同的字体以查看效果。最终确定好字体、像素化⼤⼩,然后将⽂字扩展外观即可得到⼀款像素字型。虽然我们通过便捷的⽅式得到⼀款像素字,但并不完美,⽐如这⾥的G糊掉了,多出两个多余的像素,但由于扩展后我们得到的是位图,不能直接编辑,所以需要重新勾画⼀遍。b10e366315808bbd4e23dc6650546300.png通过将位图的字体转化为⽮量,这⾥介绍第三种像素化LOGO的技巧⽅法——键盘增量法。81588f42e31206370e310ad3cf8ca8f5.png[键盘增量],其实就是AI⾸选项⾥的设置,通过设置参数,决定键盘[上下左右]按键对对象产⽣位移的距离。当我们将键盘增量的参数设置为⼀个像素的同等⼤⼩,即可便捷的⾃由绘制像素。118add61b340c411b70c374cc68fc4d5.gif1.⽤矩形⼯具绘制出⼀个单位像素。复制该矩形像素的宽度⼤⼩。2.Ctrl+K,快速调出⾸选项设置,在[键盘增量]参数中粘贴数值,确定。3.然后选中矩形,通过键盘[上下左右],即可移动⼀个矩形像素⼤⼩的距离,按住[Atl键],实现快速复制像素。4.通过[键盘增量法]可快速绘制或调整修改像素LOGO。bbd4839436c7f0735cdc07562571692a.png由此,利⽤[键盘增量法],便捷的将位图像素转化为⽮量。我们便可得到通过字库字改造出的像素字型。6db25946a6ab7e53b66b1fade9d81190.gif⼤家好,欢迎来到波波游戏,我是实习两年半的实习⽣,特⻓是唱、跳、Rap、篮球,简称ctrl。将字体组合到我们前⾯设计好的LOGO图形,即完成本次案例设计。结合5⽑钱的特效,欣赏⼀下我们最终的效果。50ce42ec37adc7976314016ac90a27a7.pngd0112b1446291029ec28103b2727db7f.pnga9b72382bbfe00deebdd15137adeac33.png1aaed5b9f7761777783ea7f1280a5a05.pngBehance设计师艺术镶嵌画作品“像素⻛”的历史其实可以追溯到古希腊时期,⽤有⾊⽯⼦、陶⽚、珐琅或有⾊玻璃⼩⽅块等,嵌成的图画。主要⽤以装饰建筑物天花板、墙壁和地⾯。开始于古代东⽅,后希腊、罗⻢亦加以普遍应⽤。还有另⼀个⼤家更熟悉的名字“⻢赛克” (Mosaic)。75f36e0d2dbfe1cc2a120750cd30cf42.png拜占庭镶嵌画f75a23b687fd59ee56d069f8d3023fc7.png668f1eed5f3daae7cb37fd6a0d136702.pngad8b10aa53137d15a118d10c45d9df75.png6f1029d796f73ab2ddf42a5670525929.png

    滑动查看更多图片

    教堂玻璃&⼴式满洲窗

    镶嵌画由⼩块彩⾊⼤理⽯或彩⾊玻璃拼嵌⽽成,⾊彩鲜明璀璨是它的基本特点之⼀。除开拜占庭镶嵌画,教堂玻璃、玫瑰窗,⼴式满洲窗,瓷砖拼贴画等等,低多边形(Low Poly),甚⾄⾊盲检查图,其实⻛格上都有异曲同⼯之妙,这些都能够成为我们LOGO设计的灵感来源。将图像进⾏块⾯的概括,只保留到本质具有⼀定的视觉愉悦感。在品牌设计中,LOGO及字体同样适⽤。74bf34e0df5fc33ce0e7e26438e4509d.pngbed6ec015b900787c9d666a6c04131ac.png7632d0d7fbd7489e9177035aa9ee4d33.pnge619949548335234c8d370e9873bd74a.png虽然镶嵌拼贴是像素化的起源,但作为LOGO设计中难度属于进阶一些,通过把多色元素,用三角或多边菱体切分,将每个小块的颜色取自原多色元素的相应位置。同样的,这种风格给人的感觉是又回到过去,又回到未来,是一种抽象化的像素表达。baa0c9e3dfa548b16922b5e045bac82e.png下面通过一个简单的案例,来示范一组像素字LOGO设计,案例命题为“马赛克”,这里示范取巧直接使用六字黑字体垫底,如果需要商用有必要进行原创字体设计。像素较少,我们直接使用[键盘增量法]即可。514676139dae04f556fc8462cd5f9f9a.png设定好一个基础像素,斜笔为45°倾斜的像素。122a7c9649d4c22659c82f394a08fd00.gifbd3c54c79179a524ef691f37b9ef38e0.png通过[键盘增量法],我们可以非常快速的就得到一组像素字。a54b22867e45a2c35f7aa9aa8ff5878f.png找到颜色过渡和谐的图片,同类色或多彩都可以。稍微加一点模糊,垫至文字底下,进行吸色即可得到马赛克过渡的配色效果。6e64ba1cc39c0c01ef268297f5afc3b1.png7505bcf138a52bd938a83fd58608a2e1.png76195130240c198acb57d280378e6a6d.png最后,我们按照上面的案例风格再来做一个老虎头的LOGO,这里我们直接搜图片即可看到大量的虎头参考,我们选择其中一个垫底。18418cb4289a1be9e83a4c4511790593.png由于虎头是对称式的结构,那我们可以只画一半复制过去水平镜像即可,这里我们先用画笔工具画草图进行尝试。需要注意的是尽量按照老虎面部的结构去勾勒,这样有助于我们后期上色。然后在较大的块面中间进行分割即可。e276f49948c6994da2d116ff4751f7b0.png画完草图后用钢笔工具把图形规范的做出来,复制一个水平镜像拼接到 一起,由于直接上色很容易把控不准明暗关系,导致整体的结构很混乱,那么我们可以先进行黑白上色。那么进行到这里如果觉得整体有些平的话可以用一个比较简单的方法,使一侧的颜色整体减淡,这样就有了更多的层次。532491d97307e9a724e8196840a535c3.png上色后的效果尝试,感觉整体还是过于繁琐,原因是小面积的色块过多,且颜色很多,整体有些花哨,那么我们再进一步优化。f312c4e88fee334333a45d0cca4ab516.png首先把眼睛进行一个简化处理,又四边形改为三角形,鼻子下面的色块重新整理,颜色统一起来,最后提高一下整体的明度和饱和度。c00c1a524af174b6ae58d4a4e0e90e16.png91977b782a2d534bbdb62d6335ad2567.png8d3b52d53cf9b7bd54e70f7033d22d3c.png其实通过以上案例及实操就可以发现,像素化LOGO,并未就必然是表⾯上的像素,如同前⾯提到,像素化过去是因为收到设备及科技的上限。d8785728455dfdfb7815a9bc09fb895a.png当我们将它视为一种创作风格的时候,像素可以是方,也可以是圆,可以是菱形是三角也可以是碎片化,可以是全局像素化也可以是局部像素化等等,风格本身也可以风格多变,这同时也是像素化设计的魅力所在。7cc8905673ec82a07be185ff39f181fd.png悉尼内西区LOGO由大写的英文名称「INNER WEST」组成,每个字母均由几何线条构成。根据悉尼内西区议会对新LOGO的设计阐述,作为悉尼最古老的地区之一,内西区有着悠久而多样的历史。新LOGO旨在通过拼贴重构地方建筑的方式为新成立的地方议会创建一个全新的形象。用于宣传和表达该区域自由、活力、多元和开放的理念。4c725bc3e960e12b638916055be149ad.gifdd757ad70f28681390523bf32acad84d.gif挪威辐射与安全局新LOGO抽象的符号受到用于测量辐射仪器的启发,用不同深浅的色块组合成一个圆形图案。新视觉形象的理念将DSA所具备的专业知识的深度全面放大,让辐射不仅只是原子符号,它更是一种不断变化的力量。1.矩形网格法:是我们设计像素化LOGO的得力工具。但网格仅仅是我们的架构,而不是牢笼,务必因此局限。2.彩色半调像素法:帮助我们快速生成像素化图形及文字,同样是一把双刃剑,不能因此便捷而丢失了思考。3.键盘增量法:通过位移对象快速绘制及修改像素路径。也是绘制像素化图形的实用技巧之一。以上列举的几个技巧实际上是帮助我们快速执行,也仅仅是作为抛砖引玉,实际上不管是什么类型的LOGO都有非常多不同的表现方式和设计手法,甚至许多的方法都是互通的,有更多的可能性等你来发现。希望大家能突破自己,不必局限。多尝试多实践。你,学废了吗?440094947dcb53bf0ab7fdff20a018d9.gif
    展开全文
  • 继⽽在品牌视觉应⽤上也是愈来愈多⻅,很多同学觉得像素⻛的LOGO很难,没有⼿绘基础不知道如何概括,根本⽆从下⼿,其实做像素LOGO是有⽅法的。即潮流⼜复古的像素⻛LOGO设计怎么做,通过以下⼏个技巧带领⼤家⼊⻔!...
    81d326bdb86f4e4eae3acff606f73ff4.png像素⻛LOGO设计。这⼀期我们聊聊有点怀旧的话题,像素⻛在游戏设计、插画设计等领域似乎经久不衰。继⽽在品牌视觉应⽤上也是愈来愈多⻅,很多同学觉得像素⻛的LOGO很难,没有⼿绘基础不知道如何概括,根本⽆从下⼿,其实做像素LOGO是有⽅法的。即潮流⼜复古的像素⻛LOGO设计怎么做,通过以下⼏个技巧带领⼤家⼊⻔!8d3bee2c5631b3701ad8090df1c7e309.gif89d33b361e06e414cd8fb3a875a1c1b6.png像素⻛格品牌视觉(来源⽹络)可以看出,像素化⻛格并没有那么局限,不论在什么⾏业,只要品牌理念吻合,都可以使⽤像素化⻛格进⾏视觉设计。教程⼤纲:01.像素⻛格标志设计剖析· 矩形⽹格法· 彩⾊半调像素法· 键盘增量法02.像素标志的拼贴用法03.像素标志的⽆限可能a72d84b3c98a5c8e3a8575084ce5536d.png23663c2c35df9673013eb7254bfbe6ed.png提起像素⻛格,具有代表意义以及为⼈熟知的应该要从游戏说起。⼋九⼗年代开始的红⽩机、还有如今还在⽕的“我的世界”。其实在⽣活的⽅⽅⾯⾯都能看到像素的影⼦:⾐服上的针织图案到⼗字绣、⼩孩爱玩的乐⾼积⽊到,继续扩展,像素艺术到设计师拥有的象素眼,这些都是我们清晰认知的像素,还有更多第⼆部分我们接着讲。所 以,很 多 的 ⽅ 向 都 能 给 到 这 我 们 设 计 像 素 ⻛ 格LOGO的灵感。发展⾄今,像素⻛格并没有被逐渐替代,⽽是演变成了⼀种独⽴的流⾏设计创作⻛格。dd04693a3cf03f4edcd30e2664a72273.png6b8cc19f2132fb87618d06c7d8a834ae.png7cedab99f32e089bfc45e4c8ddad47dd.pngc5c4bae6a8092a12b3d9920d859a0d07.png

    滑动查看更多图片

    年代久远的像素⻛格游戏(来源⽹络)61998b72c5bec0c1fecf9dc30e710ab5.pngd1452a85f601bdfdfb826cf859923455.png225c7568047f4ce230031a6eec086602.png7f0e83c9d625d905e32b724cb37790ba.png

    滑动查看更多图片

    现在像素艺术⻛格插画(来源⽹络)e96a60c93b6476df7c8c9a9437a29990.png我们来看⼀下案例,像素⻛格在 LOGO 设计中有那些体现。e571d47a78b3378d2baa86e2819ebcae.png5b269092c3fc89827607ad24601437bd.png像素风格的LOGO,最直观的体现便是通过像素方格进行排列,组成抽象的几何图形或者字母。5694cec0cb77ccc14ba239e314b6862e.png相当于将一个物体看透,拆解成最原始的组成,在电子屏幕的世界中,最小元素就是像素。所以像素LOGO也相当于一个天然的构建模块,自然的传达出一个概念,从一个多元素组合在一起构成一个更大的主体。而且这些颜色通常是高纯度且变化多样的。或者通过微妙的色调范围形成阴影具有假立体效果。18ed812a08733584090ee64ed9ad25f9.png我们设定⼀个以猴⼦为主形象的品牌。希望直观的体现出猴⼦,可以是卡通形象,但⻛格要求跟普通的卡通形象拉开距离,尝试使⽤像素⻛格设计,要求萌萌哒。这样我们的⽅向也基本明确,核⼼的主要元素就是猴⼦。好了,接下来就是去⽣活⾥寻找灵感来源,通过所需,切记不要局限不要局限。⼀定要多看。b5bb897499f85512e7a24be3f004cc4e.png参观了⼀轮动物园之后,我们挑了⼏只有代表性的猴⼦。可以看到猴⼦有许多不同的形态,以及不同的脸部⻆度,这⾥我们选⽤正脸来进⾏设计,具有对称特征,这样⼀来更加容易⼊⼿。⽽且可以看到猴⼦的脸部特征还是⽐较好抓的,然后为了强化卡通特征,考虑后续加上眼镜。b02411cf83dbeb19f6e75c97b3bbc5d3.png我们⾸先解决⼤的形态问题,依旧是⼤家熟悉的垫图处理。先画出草图看看感觉,然后按照常规,绘制出猴⼦的卡通造型以作垫底,以解决基础形态不好把握的问题。9842bb1b29098547bc1edd159133908e.png如果具备⼀定熟练度以后,将图⽚拉到PS然后进⾏⾃由变换,缩放到⼀定⼤⼩即可观察到图⽚像素化后的效果,同样能够直接作为参考⽰范。b560a9a69b9b2d0ca7ed83af8aa12eb0.png我选出了两个⼿稿做了⼀个加法,整体的效果还可以。到这⼀步,整个形态基本定下来。接下来我们将其像素化。3961c8b5d726c8fc9521e5547a872af2.pngc4a9a25390cea1faa7ce7f1eadaff657.png8eccdc1497dd2449dac4ec466c575b8e.png矩形⽹格⼯具能够在⼯具栏「直线⼯具」中找到,将⿏标光标放置在上⾯,⿏标右键,在弹出的窗⼝中选择「矩形⽹格⼯具」。545d3621be14d71241d8cff9d51835ba.png然后单击⻚⾯空⽩处即可进⾏参数设定,主要在于⽹格数量的设定,我们这⾥设定⼀个相对适中的32*32。这⾥需要注意的是:⽹格数越多,出来的图形越丰富,细节处理难度越⼤。⽹格数越少,出来的图形越精简,简化处理难度越⼤。9d9bc756efac15b3e15c59a833ae7add.pngb47e0cc94a2b95691c7c822871441d46.png然后将绘制好的垫底图形设定透明度,居中置于⽹格上,快捷键ctrl+2锁定对象。已经准备好⾊板,可以先把⼤致⾊彩确定,后续调整。然后准备进⾏填充绘制。c62f7fccda41e0c5722adb79e9d30fb9.png这个时候,填充颜⾊我们需要⽤到⼯具栏的另外⼀款⼯具, 「实时上⾊⼯具」。ee3c8c4962a746cc1ed260be44f521a8.gif接下来,通过实时上⾊⼯具,根据垫底轮廓经⾏描绘即可填充即可。6908db92443bbb353ce2143df8e569e2.png关于曲线处理,作为LOGO以视觉为主即可,但曲线还是会遵循⼀定的曲率关系以确保曲线平滑。曲率在下降或上升时保持递增或递减的状态,能使边缘轮廓更加整⻬有序,避免锯⻮。df9dfe50b931d0cbb1123222fbf9154e.png通过逐层填充颜⾊,即可通过底稿得到我们的⼤体造型。8b835d2edc7cde8f33330bfe36a1448f.png91855db3d5afe9bafbde5fcc4aaeb235.png因为设定的像素区间为适中。会出现较多空⽩像素,整体太平,缺少变化,可在边缘处添加阴影或者花纹。 通 过 上述两个案例可以对⽐出阴影(狗)跟花纹(猫)两种不同的处理⽅式是如何去丰富画⾯。2d0f858b4a849cc34f85dd2e24696a2c.png同理,还可以继续添加创意以及场景氛围元素装饰整体,让整体更加丰富以及有细节。通过菜单栏-对象-扩展,删除⽹格即可。我们的⼤体造型已经出来,但是还是有点平庸,整体造型过于具象,⽽且空⽩像素还是偏多。所以下⼀步,我们要考虑收缩空间,让图形更加聚拢,更加紧凑,更具备标志的简洁性以及凝聚性。9dbb3d2a364c1423b3f44da7d67e0bdb.png空间不够聚拢,那我们可以考虑直接将外围空间收缩⼀圈,然后下巴位置太空。可以考虑切平,切平后也更加稳重,这⼀步可以花⼀些时间进⾏调试对⽐,最终确定最优⽅案。⾄此,我们搭配上排版⽂字,第⼀个案例完成。4a1deea67cf766f8edba7f76abce032c.png39fcc1d827e3a1c97eca5816f6ee4f98.png第⼆个案例,我们决定增加难度,这是⼀个游戏品牌,品牌名为[ BOBO GAME ]。这个⽅案希望以⼀个⼩怪物的形象出现。话不多说,我们直接⾛流程。⼩怪物形象,怪物是抽象的,还是按照⽼办法。先找参考,我这⾥直接搜索怪物简笔画,希望得到更直观的参考⽅向。573f1e359e7552058889705fdf34207e.pnga2739d8250cdbf8aa447115f9c861d71.png红框的怪物造型有点意思,我们决定以此为基础造型,对它进⾏改造。这是⼤概的⼀个灵魂画法,前期不⽤多想,先有⼀个基础想法,后续慢慢完善。c4a9a25390cea1faa7ce7f1eadaff657.png13f829f03baed92bfc578add80caa657.png还是熟悉的味道,熟悉的配⽅。我们还是采⽤矩形⽹格法,根据上⼀个案例的经验,我们这次⽹格设定20*20即可。然后将其旋转45°,做出不⼀样的变化。d8c13b06164cfb5a622fd6a1311569bc.png同样,将绘制好的垫底草图设定透明度,居中置于⽹格上,快捷键ctrl+2锁定对象。然后通过实时上⾊⼯具进⾏填充绘制。afac96b228a8bdc3da01b84664d9dc15.png3e3971c684b145b53c507c3daab5fcf9.png通过填充,因为我们设定的主体较为抽象,所以好处是造型没有太多局限,兼容性较⾼,坏处是需要多尝试、多对⽐。填充⾊块需要反正尝试,填充后的⾊块⽆法删除,可以吸取背景⾊填充⾊块,以视觉为先。最终扩展后再删减多余的像素。73b8a057104dca5d5751b35d989e1fb3.png优秀的设计往往需要不断迭代及优化。从1到2,同样的收缩掉⼀列像素的空间,以及选择去掉左边及头顶多余的像素装饰。从2到3,然后镂空⼩怪物眼睛下⽅两个像素,意为腮红,同时具有平衡负空间的作⽤。然后我们得到⼀个正负空间均衡且极简的的⼩怪物形象。f7e4b33e65c86db2261ab643ee1f4133.png过去像素化是因为受限于设备及科技的上限,那当我们将像素化作为⼀种创作⼿法的时候,那将可以打破陈旧的规矩。所以像素未必就要是⽅⽅正正的,由于我们将⽹格倾斜了45°,这⾥我觉得⼩怪物过于尖锐,不够平和,所以整体拉上圆⻆,让它更加的温和可爱。细⼼的同学应该有发现,腮红部分圆⻆并没有跟⾝体圆度⼀致,这也是⼀种变化与⻛格的制衡。右⼿的⼩像素刚好像⼀个球,BOBO GAME没有BO怎么也说不过去,所以顺理成章的拉⼤演变成⼀个篮球,具有游戏的寓意。a87e491bc76e31253569315ac6c2827e.gif2431b71232495b4465efdaee412f1ebf.png图形设计完毕,我们接下来需要对标准字体进⾏设计。这⾥介绍⼀个便捷取巧的⽅法来让⼤家快速体验到像素字体的快乐。这就是彩⾊半调像素法。通过改造字库字快速设计像素字型。38bf719203fdcfe42c68de83a0b4b26c.png我们直接选⽤字库字,这⾥选⽤⼀款极其普通的宽扁型⾮衬线体。字型⼤家可以多选择多对⽐,会产⽣不⼀样的效果。eec1d1ca51240115e4bdc59de5cb615d.png817a4d308c6abd1e06d9cb8690e173ed.gif我们菜单栏中,选择:效果-像素化-彩⾊半调。参数默认即可,对我们的影响不⼤。选择确认,然后能看到字体已经出现了像素化的锯⻮,然后我们通过⾃由变换缩⼩放⼤字体去控制像素化的⼤⼩。0926175026e0e646b9e5c0faf1338417.png但这⾥需要注意的是,字体颜⾊必须为纯⿊,不能带有彩⾊。如上图,左边为彩⾊填充,会根据彩⾊半调的参数出现通道⾊彩的错位,右边为纯⿊,能直观的得出像素化的效果。9e3a16e70d60094cd73774f2ffa16d9c.png选择合适的像素⼤⼩,在这种情况下我们还是能够保留像素化的前提下,更换不同的字体以查看效果。最终确定好字体、像素化⼤⼩,然后将⽂字扩展外观即可得到⼀款像素字型。虽然我们通过便捷的⽅式得到⼀款像素字,但并不完美,⽐如这⾥的G糊掉了,多出两个多余的像素。但由于扩展后我们得到的是位图,不能直接编辑,所以需要重新勾画⼀遍。5041afb26fc25611111b86a58cf17d7e.png通过将位图的字体转化为⽮量,这⾥介绍第三种像素化LOGO的技巧⽅法——键盘增量法。ae2ea8c4731a3e12b7a82b3a832e945c.png[键盘增量],其实就是AI⾸选项⾥的设置,通过设置参数,决定键盘[上下左右]按键对对象产⽣位移的距离。当我们将键盘增量的参数设置为⼀个像素的同等⼤⼩,即可便捷的⾃由绘制像素。11bad9e372f11758fdfdd653efd085cf.gif1.⽤矩形⼯具绘制出⼀个单位像素。复制该矩形像素的宽度⼤⼩。2.Ctrl+K,快速调出⾸选项设置,在[键盘增量]参数中粘贴数值,确定。3.然后选中矩形,通过键盘[上下左右],即可移动⼀个矩形像素⼤⼩的距离,按住[Atl键],实现快速复制像素。4.通过[键盘增量法]可快速绘制或调整修改像素LOGO。b6f6ddee28d5593962916d7adf3c46d6.png由此,利⽤[键盘增量法],便捷的将位图像素转化为⽮量。我们便可得到通过字库字改造出的像素字型。1534a0ec01e5baf04025737deee0742b.gif⼤家好,欢迎来到波波游戏,我是实习两年半的实习⽣,特⻓是唱、跳、Rap、篮球,简称ctrl。将字体组合到我们前⾯设计好的LOGO图形,即完成本次案例设计。结合5⽑钱的特效,欣赏⼀下我们最终的效果。24392059b475d9bd6765334f9b1854ac.pngf678535f6472bc7f683a290aa3c982b4.pngd7573e37b226f1a4c3a3d7989920353c.png3c87f395f6d4a6440f8de62eb2b8468d.pngBehance设计师艺术镶嵌画作品“像素⻛”的历史其实可以追溯到古希腊时期,⽤有⾊⽯⼦、陶⽚、珐琅或有⾊玻璃⼩⽅块等,嵌成的图画。主要⽤以装饰建筑物天花板、墙壁和地⾯。开始于古代东⽅,后希腊、罗⻢亦加以普遍应⽤。还有另⼀个⼤家更熟悉的名字“⻢赛克” (Mosaic)。a5b92d51ca5e37f31a3eab8eb1084764.png拜占庭镶嵌画ddee08ae417db1cb355eaab35ec871ce.png9f00b138d5a193934a9c04de14171fdd.png12f41c8e1f6f97cb211f8e63674c537a.png6f960c8de2f4012efe622de0bad16cbc.png

    滑动查看更多图片

    教堂玻璃&⼴式满洲窗

    镶嵌画由⼩块彩⾊⼤理⽯或彩⾊玻璃拼嵌⽽成,⾊彩鲜明璀璨是它的基本特点之⼀。除开拜占庭镶嵌画,教堂玻璃、玫瑰窗,⼴式满洲窗,瓷砖拼贴画等等,低多边形(Low Poly),甚⾄⾊盲检查图,其实⻛格上都有异曲同⼯之妙,这些都能够成为我们LOGO设计的灵感来源。将图像进⾏块⾯的概括,只保留到本质具有⼀定的视觉愉悦感。在品牌设计中,LOGO及字体同样适⽤。e96a60c93b6476df7c8c9a9437a29990.pngb28fd6ba6b2635dbd911fa6a9d5be608.pngedd01397234dd6800b2d8d175f952c64.png77e705a7aed9198038552025abcfa596.png虽然镶嵌拼贴是像素化的起源,但作为LOGO设计中难度属于进阶一些,通过把多色元素,用三角或多边菱体切分,将每个小块的颜色取自原多色元素的相应位置。同样的,这种风格给人的感觉是又回到过去,又回到未来,是一种抽象化的像素表达。8923763aaf97e0b194579aaf7fac0de0.png下面通过一个简单的案例,来示范一组像素字LOGO设计,案例命题为“马赛克”。这里示范取巧直接使用六字黑字体垫底,如果需要商用有必要进行原创字体设计。像素较少,我们直接使用[键盘增量法]即可。488da1d1caf0c6c616c8b3cda557ae03.png设定好一个基础像素,斜笔为45°倾斜的像素。64ad3be3b33f2b3b7688e36ad9b99046.gif5ee2a3485ee2338262e674c1f31b18c3.png通过[键盘增量法],我们可以非常快速的就得到一组像素字。a67a709826f4fb1f1fe2f5694ed295e0.png找到颜色过渡和谐的图片,同类色或多彩都可以。稍微加一点模糊,垫至文字底下,进行吸色即可得到马赛克过渡的配色效果。6f887bdf1abd515742252e7576e0c937.pngae879ea8ea9a7eab38d9ebb692540677.pngfb17948410b0d72af288360f56e514f8.png最后,我们按照上面的案例风格再来做一个老虎头的LOGO,这里我们直接搜图片即可看到大量的虎头参考,我们选择其中一个垫底。631cc2e4b4f9bd86fdbbcdda888c5b28.png由于虎头是对称式的结构,那我们可以只画一半复制过去水平镜像即可,这里我们先用画笔工具画草图进行尝试。需要注意的是尽量按照老虎面部的结构去勾勒,这样有助于我们后期上色。然后在较大的块面中间进行分割即可。2e7c2dc3bad1ec1bbd553e4237fe4e97.png画完草图后用钢笔工具把图形规范的做出来,复制一个水平镜像拼接到 一起,由于直接上色很容易把控不准明暗关系,导致整体的结构很混乱,那么我们可以先进行黑白上色。那么进行到这里如果觉得整体有些平的话可以用一个比较简单的方法,使一侧的颜色整体减淡,这样就有了更多的层次。071ff476a2318b0ef07f5cd8811faee7.png上色后的效果尝试,感觉整体还是过于繁琐,原因是小面积的色块过多,且颜色很多,整体有些花哨,那么我们再进一步优化。507e43bcca7e4e007957ac8f14ac5d6f.png首先把眼睛进行一个简化处理,又四边形改为三角形,鼻子下面的色块重新整理,颜色统一起来,最后提高一下整体的明度和饱和度。c741aa177f5732be7d0747e58e9c6db6.png0d5e3228a05239477be8123c274b1893.png67b17b3649718338d4e6e19a5fd8888c.png其实通过以上案例及实操就可以发现,像素化LOGO,并未就必然是表⾯上的像素,如同前⾯提到,像素化过去是因为收到设备及科技的上限。07ca7da49874818ccf633a0eed418ef2.png当我们将它视为一种创作风格的时候,像素可以是方,也可以是圆,可以是菱形是三角也可以是碎片化,可以是全局像素化也可以是局部像素化等等。风格本身也可以风格多变,这同时也是像素化设计的魅力所在。d582e3401245c181bcc61e09cbc00901.png悉尼内西区LOGO由大写的英文名称「INNER WEST」组成,每个字母均由几何线条构成。根据悉尼内西区议会对新LOGO的设计阐述,作为悉尼最古老的地区之一,内西区有着悠久而多样的历史。新LOGO旨在通过拼贴重构地方建筑的方式为新成立的地方议会创建一个全新的形象。用于宣传和表达该区域自由、活力、多元和开放的理念。086d0f2c361a73f16cb6117c8f8d82f4.gif995efb6398e4cf142f8d74eb8f7c8a41.gif挪威辐射与安全局新LOGO抽象的符号受到用于测量辐射仪器的启发,用不同深浅的色块组合成一个圆形图案。新视觉形象的理念将DSA所具备的专业知识的深度全面放大,让辐射不仅只是原子符号,它更是一种不断变化的力量。448e6d4b8179bc54e2c5e6d6bfe80dae.png1.矩形网格法:是我们设计像素化LOGO的得力工具。但网格仅仅是我们的架构,而不是牢笼,务必因此局限。2.彩色半调像素法:帮助我们快速生成像素化图形及文字,同样是一把双刃剑,不能因此便捷而丢失了思考。3.键盘增量法:通过位移对象快速绘制及修改像素路径。也是绘制像素化图形的实用技巧之一。以上列举的几个技巧实际上是帮助我们快速执行,也仅仅是作为抛砖引玉。实际上不管是什么类型的LOGO都有非常多不同的表现方式和设计手法,甚至许多的方法都是互通的,有更多的可能性等你来发现。希望大家能突破自己,不必局限。多尝试多实践。你,学废了吗?我们下期再见。54cdabc6e31582aae45154e60f420422.gif(完)

    往期推荐

    第41-60期 | 素材库目录

    第21-40期 | 素材库目录

    第1-20期 | 素材库目录

    76fcb6c135159ee93a3bc48fc0032517.png 设计之内互为人间  设计之外自成宇宙 ↓↓
    展开全文
  • 和教程 | 全网流行的像素风插画怎么做?看这篇教程就够了!...继⽽在品牌视觉应⽤上也是愈来愈多⻅,很多同学觉得像素⻛的LOGO很难,没有⼿绘基础不知道如何概括,根本⽆从下⼿,其实做像素LOGO是有⽅法的。既...

    cbb6f2daa9af67845a263b77802d7cd3.png

    阿叶以前给大家分享过像素风插画的绘制技巧,回顾教程可点击:AI教程 | 三分钟搞定像素画!和 教程 | 全网流行的像素风插画怎么做?看这篇教程就够了!

    a545316dcd8fcf7851a3abefc597d194.png像素⻛LOGO设计。这⼀期我们聊聊有点怀旧的话题,像素⻛在游戏设计、插画设计等领域似乎经久不衰。继⽽在品牌视觉应⽤上也是愈来愈多⻅,很多同学觉得像素⻛的LOGO很难,没有⼿绘基础不知道如何概括,根本⽆从下⼿,其实做像素LOGO是有⽅法的。既潮流⼜复古的像素⻛LOGO设计怎么做,通过以下⼏个技巧带领⼤家⼊⻔!f36c57ae295eef369b7b5716f250c36b.gif9237b33129fe82863183f15774f320df.png像素⻛格品牌视觉(来源⽹络)可以看出,像素化⻛格并没有那么局限,不论在什么⾏业,只要品牌理念吻合,都可以使⽤像素化⻛格进⾏视觉设计。教程⼤纲:01.像素⻛格标志设计剖析· 矩形⽹格法· 彩⾊半调像素法· 键盘增量法02.像素标志的拼贴用法03.像素标志的⽆限可能d167e4e8f803197c34bcb4fe6cf24645.png96074d12acfae719d5b87296a74d6014.png提起像素⻛格,具有代表意义以及为⼈熟知的应该要从游戏说起,⼋九⼗年代开始的红⽩机、还有如今还在⽕的“我的世界”,其实在⽣活的⽅⽅⾯⾯都能看到像素的影⼦:⾐服上的针织图案到⼗字绣、⼩孩爱玩的乐⾼积⽊到,继续扩展,像素艺术到设计师拥有的象素眼,这些都是我们清晰认知的像素,还有更多第⼆部分我们接着讲。所 以,很 多 的 ⽅ 向 都 能 给 到 这 我 们 设 计 像 素 ⻛ 格LOGO的灵感。发展⾄今,像素⻛格并没有被逐渐替代,⽽是演变成了⼀种独⽴的流⾏设计创作⻛格。a25decbcd81cde738fca4f3397f49373.pnge6a793d74ae6886631f0c977314b2d6e.pngd8c3bc4f1a0453bd42168ead7c12457e.png58444295f1e84c6e197180ec4dcd2d5a.png

    滑动查看更多图片

    年代久远的像素⻛格游戏(来源⽹络)eba1b835836ba398fb828843265726d7.png71bd0cffc00ad7e86cf09a3951b710c0.png1aa6186cecd85d1dec7b84e91252374d.png6fff0b9dd0fbd85ee7ac67e2653fe03c.png

    滑动查看更多图片

    现在像素艺术⻛格插画(来源⽹络)66123832e2b427cf012ea4e8c1d9d6cf.png我们来看⼀下案例,像素⻛格在 LOGO 设计中有那些体现。4599bc5d60c9fdf688ab8d2711c2a101.pnge189c200cec109d383e4fe21bb7527e4.png像素风格的LOGO,最直观的体现便是通过像素方格进行排列,组成抽象的几何图形或者字母。fa8fc5352b82d764fbd00756827b2e2d.png相当于将一个物体看透,拆解成最原始的组成,在电子屏幕的世界中,最小元素就是像素,所以像素LOGO也相当于一个天然的构建模块,自然的传达出一个概念,从一个多元素组合在一起构成一个更大的主体。而且这些颜色通常是高纯度且变化多样的。或者通过微妙的色调范围形成阴影具有假立体效果。ad64695094c3d75572f99ddf6a37e80d.png我们设定⼀个以猴⼦为主形象的品牌。希望直观的体现出猴⼦,可以是卡通形象,但⻛格要求跟普通的卡通形象拉开距离,尝试使⽤像素⻛格设计,要求萌萌哒。这样我们的⽅向也基本明确,核⼼的主要元素就是猴⼦。好了,接下来就是去⽣活⾥寻找灵感来源,通过所需,切记不要局限不要局限。⼀定要多看。e2431ed0ef9736f3517d1a6f784388c3.png参观了⼀轮动物园之后,我们挑了⼏只有代表性的猴⼦。可以看到猴⼦有许多不同的形态,以及不同的脸部⻆度,这⾥我们选⽤正脸来进⾏设计,具有对称特征,这样⼀来更加容易⼊⼿。⽽且可以看到猴⼦的脸部特征还是⽐较好抓的,然后为了强化卡通特征,考虑后续加上眼镜。a78232151bb3c2ea8dec6141b4d76ffb.png我们⾸先解决⼤的形态问题,依旧是⼤家熟悉的垫图处理。先画出草图看看感觉,然后按照常规,绘制出猴⼦的卡通造型以作垫底,以解决基础形态不好把握的问题。dd9635d1843bba3a9ef7f2d83edb28f5.png如果具备⼀定熟练度以后,将图⽚拉到PS然后进⾏⾃由变换,缩放到⼀定⼤⼩即可观察到图⽚像素化后的效果,同样能够直接作为参考⽰范。6fa047b5b50551c23a85ccf0e39470c9.png我选出了两个⼿稿做了⼀个加法,整体的效果还可以。到这⼀步,整个形态基本定下来。接下来我们将其像素化。549d0e7ea2ab1ec2254fd9823ed5b653.pngc3e27bc7236a9c5131b0304007da9147.png3a038d9b56f88d79c96e8dc46f90ee34.png矩形⽹格⼯具能够在⼯具栏「直线⼯具」中找到,将⿏标光标放置在上⾯,⿏标右键,在弹出的窗⼝中选择「矩形⽹格⼯具」。f7b3f8383876dc6ec4f3a1f4930cece6.png然后单击⻚⾯空⽩处即可进⾏参数设定,主要在于⽹格数量的设定,我们这⾥设定⼀个相对适中的32*32。这⾥需要注意的是:⽹格数越多,出来的图形越丰富,细节处理难度越⼤。⽹格数越少,出来的图形越精简,简化处理难度越⼤。500eaff12b2498fc2d0de122b9d1f787.png09b0a918af4dbd4b99f7685ad4058b2b.png然后将绘制好的垫底图形设定透明度,居中置于⽹格上,快捷键ctrl+2锁定对象。已经准备好⾊板,可以先把⼤致⾊彩确定,后续调整。然后准备进⾏填充绘制。f975db8dbc4ecccf5b447a03b188b7e9.png这个时候,填充颜⾊我们需要⽤到⼯具栏的另外⼀款⼯具, 「实时上⾊⼯具」。98f6bc768e841dd276dc066780a4f8dc.gif接下来,通过实时上⾊⼯具,根据垫底轮廓经⾏描绘即可填充即可。8589ade4b0d1f0668ed314b0b1d3cc31.png关于曲线处理,作为LOGO以视觉为主即可,但曲线还是会遵循⼀定的曲率关系以确保曲线平滑。曲率在下降或上升时保持递增或递减的状态,能使边缘轮廓更加整⻬有序,避免锯⻮。fd9d35655f5f6c5acbdcaecdfad3428b.png通过逐层填充颜⾊,即可通过底稿得到我们的⼤体造型。6ffd2c6668cce8db40f790aff4b899da.pngc0c062e4ec0e4ee2ac762951f19e0f1b.png因为设定的像素区间为适中。会出现较多空⽩像素,整体太平,缺少变化,可在边缘处添加阴影或者花纹? 。通 过 上述两个案例可以对⽐出阴影(狗)跟花纹(猫)两种不同的处理⽅式是如何去丰富画⾯。a218396bcaef7487442a5ecb1378150c.png同理,还可以继续添加创意以及场景氛围元素装饰整体,让整体更加丰富以及有细节。通过菜单栏-对象-扩展,删除⽹格即可。我们的⼤体造型已经出来,但是还是有点平庸,整体造型过于具象,⽽且空⽩像素还是偏多,所以下⼀步,我们要考虑收缩空间,让图形更加聚拢,更加紧凑,更具备标志的简洁性以及凝聚性。eafa1fb173bf7be76bef55b3f51492f2.png空间不够聚拢,那我们可以考虑直接将外围空间收缩⼀圈,然后下巴位置太空,可以考虑切平,切平后也更加稳重,这⼀步可以花⼀些时间进⾏调试对⽐,最终确定最优⽅案。⾄此,我们搭配上排版⽂字,第⼀个案例完成。210f13ac58002c17ceda532cdcdce05a.pnge4cd39507937845f6c525d130abcf496.png第⼆个案例,我们决定增加难度,这是⼀个游戏品牌,品牌名为[ BOBO GAME ],这个⽅案希望以⼀个⼩怪物的形象出现。话不多说,我们直接⾛流程。⼩怪物形象,怪物是抽象的,还是按照⽼办法,先找参考,我这⾥直接搜索怪物简笔画,希望得到更直观的参考⽅向。c18024161b8e5746d892087263ddf0d5.png3b1382f5420106b18eaca8e0bc5ca952.png红框的怪物造型有点意思,我们决定以此为基础造型,对它进⾏改造。这是⼤概的⼀个灵魂画法,前期不⽤多想,先有⼀个基础想法,后续慢慢完善。c3e27bc7236a9c5131b0304007da9147.png75542da8b498315c57f1de40defffc7c.png还是熟悉的味道,熟悉的配⽅。我们还是采⽤矩形⽹格法,根据上⼀个案例的经验,我们这次⽹格设定20*20即可。然后将其旋转45°,做出不⼀样的变化。7ce9076413444c17c71638b5cb3ae4b1.png同样,将绘制好的垫底草图设定透明度,居中置于⽹格上,快捷键ctrl+2锁定对象。然后通过实时上⾊⼯具进⾏填充绘制。006e684fc86a75e8710668a218fe24f4.png8f4c7173a2aff3d944e27557b2288a76.png通过填充,因为我们设定的主体较为抽象,所以好处是造型没有太多局限,兼容性较⾼,坏处是需要多尝试、多对⽐。填充⾊块需要反正尝试,填充后的⾊块⽆法删除,可以吸取背景⾊填充⾊块,以视觉为先。最终扩展后再删减多余的像素。4024b0c1711a227c1750f368768d92a8.png优秀的设计往往需要不断迭代及优化。从1到2,同样的收缩掉⼀列像素的空间,以及选择去掉左边及头顶多余的像素装饰,从2到3,然后镂空⼩怪物眼睛下⽅两个像素,意为腮红,同时具有平衡负空间的作⽤。然后我们得到⼀个正负空间均衡且极简的的⼩怪物形象。a6e5fad5c4b327557c64c5f95a7f77d5.png过去像素化是因为受限于设备及科技的上限,那当我们将像素化作为⼀种创作⼿法的时候,那将可以打破陈旧的规矩,所以像素未必就要是⽅⽅正正的,由于我们将⽹格倾斜了45°,这⾥我觉得⼩怪物过于尖锐,不够平和,所以整体拉上圆⻆,让它更加的温和可爱。细⼼的同学应该有发现,腮红部分圆⻆并没有跟⾝体圆度⼀致,这也是⼀种变化与⻛格的制衡。右⼿的⼩像素刚好像⼀个球,BOBO GAME没有BO怎么也说不过去,所以顺理成章的拉⼤演变成⼀个篮球,具有游戏的寓意。670bd6e80b98a930ecbba03849a250a5.gifd5cfba7292583541dfd46c0fb0c7ce89.png图形设计完毕,我们接下来需要对标准字体进⾏设计。这⾥介绍⼀个便捷取巧的⽅法来让⼤家快速体验到像素字体的快乐。这就是彩⾊半调像素法。通过改造字库字快速设计像素字型。c2ab1c1af90511b4f4a7f842505b43e0.png我们直接选⽤字库字,这⾥选⽤⼀款极其普通的宽扁型⾮衬线体。字型⼤家可以多选择多对⽐,会产⽣不⼀样的效果。83e3b51b4ff143b184f9fb564202c8d4.pnga7af61d3558fda35e2ce183de26a88ff.gif我们菜单栏中,选择:效果-像素化-彩⾊半调。参数默认即可,对我们的影响不⼤。选择确认,然后能看到字体已经出现了像素化的锯⻮,然后我们通过⾃由变换缩⼩放⼤字体去控制像素化的⼤⼩。1a04a00625543109627657ebeb130a27.png但这⾥需要注意的是,字体颜⾊必须为纯⿊,不能带有彩⾊。如上图,左边为彩⾊填充,会根据彩⾊半调的参数出现通道⾊彩的错位,右边为纯⿊,能直观的得出像素化的效果。dd4e861acbf540c87223fe331f030a49.png选择合适的像素⼤⼩,在这种情况下我们还是能够保留像素化的前提下,更换不同的字体以查看效果。最终确定好字体、像素化⼤⼩,然后将⽂字扩展外观即可得到⼀款像素字型。虽然我们通过便捷的⽅式得到⼀款像素字,但并不完美,⽐如这⾥的G糊掉了,多出两个多余的像素,但由于扩展后我们得到的是位图,不能直接编辑,所以需要重新勾画⼀遍。ec2cb911cac8517b51462bf588287085.png通过将位图的字体转化为⽮量,这⾥介绍第三种像素化LOGO的技巧⽅法——键盘增量法。15ea2b3c3f994df6514a25ce2ef75459.png[键盘增量],其实就是AI⾸选项⾥的设置,通过设置参数,决定键盘[上下左右]按键对对象产⽣位移的距离。当我们将键盘增量的参数设置为⼀个像素的同等⼤⼩,即可便捷的⾃由绘制像素。a1106a9d033cff3a79a9efc5fe3855a9.gif1.⽤矩形⼯具绘制出⼀个单位像素。复制该矩形像素的宽度⼤⼩。2.Ctrl+K,快速调出⾸选项设置,在[键盘增量]参数中粘贴数值,确定。3.然后选中矩形,通过键盘[上下左右],即可移动⼀个矩形像素⼤⼩的距离,按住[Atl键],实现快速复制像素。4.通过[键盘增量法]可快速绘制或调整修改像素LOGO。68686a2e2e94fc55e3a6093d0bb042ad.png由此,利⽤[键盘增量法],便捷的将位图像素转化为⽮量。我们便可得到通过字库字改造出的像素字型。f49b843e65c17c3d20cefc142ce6b546.gif⼤家好,欢迎来到波波游戏,我是实习两年半的实习⽣,特⻓是唱、跳、Rap、篮球,简称ctrl。将字体组合到我们前⾯设计好的LOGO图形,即完成本次案例设计。结合5⽑钱的特效,欣赏⼀下我们最终的效果。d22ad10dbdb46ff1074149af2191b25a.png925885a4766d7a7415ad3081d79268b6.png27c8e548e2494bf90d74dbdcc2d98e40.png7b5ceca23763bbf1bd12d3d479087c7d.pngBehance设计师艺术镶嵌画作品“像素⻛”的历史其实可以追溯到古希腊时期,⽤有⾊⽯⼦、陶⽚、珐琅或有⾊玻璃⼩⽅块等,嵌成的图画。主要⽤以装饰建筑物天花板、墙壁和地⾯。开始于古代东⽅,后希腊、罗⻢亦加以普遍应⽤。还有另⼀个⼤家更熟悉的名字“⻢赛克” (Mosaic)。a508e7da2e3a43750b2789e83014c699.png拜占庭镶嵌画6b495773c5031a345dd858172477c5da.png2d7a3be97cd622e8482490da797ee77b.png49d695d3eadd3e8cd7b662c6eca005f1.png854d77b26d23a8432496518f137fe9fd.png

    滑动查看更多图片

    教堂玻璃&⼴式满洲窗

    镶嵌画由⼩块彩⾊⼤理⽯或彩⾊玻璃拼嵌⽽成,⾊彩鲜明璀璨是它的基本特点之⼀。除开拜占庭镶嵌画,教堂玻璃、玫瑰窗,⼴式满洲窗,瓷砖拼贴画等等,低多边形(Low Poly),甚⾄⾊盲检查图,其实⻛格上都有异曲同⼯之妙,这些都能够成为我们LOGO设计的灵感来源。将图像进⾏块⾯的概括,只保留到本质具有⼀定的视觉愉悦感。在品牌设计中,LOGO及字体同样适⽤。66123832e2b427cf012ea4e8c1d9d6cf.png7be8b35145035ba25d96b94fb5ac89d9.png455f5d65acd158196aec5416a850f614.pnga344b2469df637b955f4a7ae96964ed7.png虽然镶嵌拼贴是像素化的起源,但作为LOGO设计中难度属于进阶一些,通过把多色元素,用三角或多边菱体切分,将每个小块的颜色取自原多色元素的相应位置。同样的,这种风格给人的感觉是又回到过去,又回到未来,是一种抽象化的像素表达。1d012a4125f586ab76dacfbbe647b950.png下面通过一个简单的案例,来示范一组像素字LOGO设计,案例命题为“马赛克”,这里示范取巧直接使用六字黑字体垫底,如果需要商用有必要进行原创字体设计。像素较少,我们直接使用[键盘增量法]即可。6ddb8f623a5f05b12fde5f48273b2b80.png设定好一个基础像素,斜笔为45°倾斜的像素。b6ef8d91feaebc11ed28dfe1e1e57f13.gif7ab3da0ff570d207a2eff395c85bfbb0.png通过[键盘增量法],我们可以非常快速的就得到一组像素字。6125b0d17ee334ceb94fc785476dcd9c.png找到颜色过渡和谐的图片,同类色或多彩都可以。稍微加一点模糊,垫至文字底下,进行吸色即可得到马赛克过渡的配色效果。ebfdf7e7127dac46e8a232458a27331d.png4e87d07fc45fc3d27bec68e25840898c.pngee2c5578cb7cd0da2e0febc608fc0c18.png最后,我们按照上面的案例风格再来做一个老虎头的LOGO,这里我们直接搜图片即可看到大量的虎头参考,我们选择其中一个垫底。18d7dc1f775ca34944ad747088c62f46.png由于虎头是对称式的结构,那我们可以只画一半复制过去水平镜像即可,这里我们先用画笔工具画草图进行尝试。需要注意的是尽量按照老虎面部的结构去勾勒,这样有助于我们后期上色。然后在较大的块面中间进行分割即可。1d324b05a0d00d9b3697af56b5946503.png画完草图后用钢笔工具把图形规范的做出来,复制一个水平镜像拼接到 一起,由于直接上色很容易把控不准明暗关系,导致整体的结构很混乱,那么我们可以先进行黑白上色。那么进行到这里如果觉得整体有些平的话可以用一个比较简单的方法,使一侧的颜色整体减淡,这样就有了更多的层次。62148b9ea009f4ad5a7de56a370c7554.png上色后的效果尝试,感觉整体还是过于繁琐,原因是小面积的色块过多,且颜色很多,整体有些花哨,那么我们再进一步优化。ae7f3f9d37906854528d67e8add3ef4a.png首先把眼睛进行一个简化处理,又四边形改为三角形,鼻子下面的色块重新整理,颜色统一起来,最后提高一下整体的明度和饱和度。424ed4291ad329f3522287ae4174cef2.png59cc702247cd4363a6024c20d80ae2e1.png12dece56c5fa5c5c35c7dec43e5d650f.png其实通过以上案例及实操就可以发现,像素化LOGO,并未就必然是表⾯上的像素,如同前⾯提到,像素化过去是因为收到设备及科技的上限。4d29491e727a0d843d45d23de15d6e0a.png当我们将它视为一种创作风格的时候,像素可以是方,也可以是圆,可以是菱形是三角也可以是碎片化,可以是全局像素化也可以是局部像素化等等,风格本身也可以风格多变,这同时也是像素化设计的魅力所在。4836f5de998d09b35eeda24f09cf7c18.png

    悉尼内西区LOGO由大写的英文名称「INNER WEST」组成,每个字母均由几何线条构成。根据悉尼内西区议会对新LOGO的设计阐述,作为悉尼最古老的地区之一,内西区有着悠久而多样的历史。新LOGO旨在通过拼贴重构地方建筑的方式为新成立的地方议会创建一个全新的形象。用于宣传和表达该区域自由、活力、多元和开放的理念。

    e64a3755fc8cdd89985b9811186e30bf.gif3e35aded8d337fa944caf25cfa591fae.gif

    挪威辐射与安全局新LOGO抽象的符号受到用于测量辐射仪器的启发,用不同深浅的色块组合成一个圆形图案。新视觉形象的理念将DSA所具备的专业知识的深度全面放大,让辐射不仅只是原子符号,它更是一种不断变化的力量。

    9f6bbce22e60dfead2a81c32dfaffa6d.png1.矩形网格法:

    是我们设计像素化LOGO的得力工具。但网格仅仅是我们的架构,而不是牢笼,务必因此局限。

    2.彩色半调像素法:

    帮助我们快速生成像素化图形及文字,同样是一把双刃剑,不能因此便捷而丢失了思考。

    3.键盘增量法:通过位移对象快速绘制及修改像素路径。也是绘制像素化图形的实用技巧之一。以上列举的几个技巧实际上是帮助我们快速执行,也仅仅是作为抛砖引玉,实际上不管是什么类型的LOGO都有非常多不同的表现方式和设计手法,甚至许多的方法都是互通的,有更多的可能性等你来发现。希望大家能突破自己,不必局限。多尝试多实践。你,学废了吗?我们下期再见。1ceefd604052ad693fafd4fd0965dec3.gif

    推荐阅读f32d4583a448b00b0e5d3778d177ecd7.gif

    e84eb425a0c09a05b8123b0c7ff26c96.png5193dd0bf7c2363592a258707531f4d3.png

    点个在看,支持一下 d37090c39edc24a544b020dafe548dac.gif
    展开全文
  • 制作于2017.7.24 8:15~9:00 这是......第五十七天。受昨天后期制作里的影响,今天就很没节操的又用了吃豆人orz。不过这次至少认真地画了个樱桃...构思阶段自从用了C4D,感觉再没必要打草稿了
        

    4223712-2000c571d2f2d0aa.png
    制作于2017.7.24 8:15~9:00



    4223712-fd23d7aa0d5fd07d.gif
    4223712-d7082daa4e29f76d.png

    这是......第五十七天。

    受昨天后期制作里的影响,今天就很没节操的又用了吃豆人orz。不过这次至少认真地画了个樱桃上去哦,看,还有高光。

    构思阶段

    自从用了C4D,感觉再没必要打草稿了?

    4223712-932ee9f6c59179d0.png

    元件制作

    同样的,制作过程什么的......还是放一下吧?

    4223712-c3108d20adaba000.png

    说好了要放,结果只找到这一张。

    收工打卡

    4223712-755e0d865295db8b.png

    现在这制作过程真的是越发随心所欲了。

    作品列表

    4223712-6577ef5cada2bbdc.jpeg
    4223712-b90d36e8cdcc8b77.png
    4223712-90f0c4dd4eed491d.png
    4223712-6664e9e97a53367b.png
    4223712-f78afc7a74a0192b.png
    4223712-cf391a53c62b063f.jpeg
    4223712-6f6129610a2b7797.png
    4223712-0d6b60a287eafe92.png
    4223712-2c15ffaa25111e48.png
    4223712-12ecabc6de57d34f.png
    4223712-6853572c09df0a77.png
    4223712-37cf67b8fd31b096.png
    4223712-4520dd2a07b66d7c.png
    4223712-5cb63505b39ceaa0.png
    4223712-166dd07fcf25bf9f.png
    4223712-bb3c7f46a5b6ae5c.png
    4223712-478ef658f3e814d6.png
    4223712-742b84718a7c223f.png
    4223712-9cb83b75b849f792.png
    4223712-b6f39ae6b91f924c.png
    4223712-3c241abfd9c1f971.png
    4223712-551730a91281d78a.png
    4223712-3f51ac65c4bd9091.png
    4223712-5fedcc95e66a410d.png
    4223712-da2fd2c1b664e893.png
    4223712-fdf70ffc6b6198d8.png
    4223712-bc3c6618a489aef4.png
    4223712-c21099752095f2d3.png
    4223712-c723642e6561321d.png
    4223712-167e08fa9c8e50a3.png
    4223712-641abae08c739fde.png
    4223712-d73ca90447b6b6e5.png
    4223712-bd36a7bc97e7ee74.png
    4223712-3450d769de00609b.png
    4223712-6e479cdc1395fa6a.png
    4223712-e33e629e6d015868.png
    4223712-07c7af5b49ca050f.png
    4223712-39f44c9e52c1f304.png
    4223712-c04b70dcf92b97be.png
    4223712-f087b0e27ed149ff.png
    4223712-e04f9d52ff1b9ff0.png
    4223712-4d17e307fe7123ff.png
    4223712-b9b963b9019edeb0.png
    4223712-3400d0997d317288.png
    4223712-2faba5ab6327b73e.png
    4223712-0009a60a95480322.png
    4223712-5c10a5bf331de8b1.png
    4223712-cce2d19ba26a0941.png
    4223712-4f0eb872762e6dd3.png
    4223712-bd950b192f9327f0.png
    4223712-ad8d039c77d1dcc1.png
    4223712-9a0126427b6b7bac.png
    4223712-2c87e6bb52112899.png
    4223712-be6ca3ab0602e77e.png
    4223712-6012b5fd4156e3b4.jpeg
    4223712-baf2c6ea5ae3dd8b.jpeg
    4223712-638d78a21a058b93.png
    4223712-3bd7a2817e0dde74.png
    4223712-16b416b82d5922cd.jpeg
    4223712-a9ef4aba083bde87.jpeg

    小结

    放到这里突然想到.......应该做段吃豆人的动画效果的啊啊啊啊。

    算了,不可能的,时间不够的?️

    。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

    4223712-36596fe6ffce9f83.gif
    展开全文
  • 兔子logo

    2019-05-18 08:52:51
    兔子logo (撰写时间:5月11日 作者:刘明艳) 老师让我们从十二生肖中选取一个动物做logo,我选取...首先我们我们新建一个宽度为139.98厘米,宽度为104.99厘米,分辨率为72像素/英寸的长方形画布,接着我们用椭圆工...
  • PS制作LOGO

    2019-07-14 20:50:22
    (撰写时间:2019.07.11 作者:李文韬) 制作LOGO我以前写过一篇的,那是我...先新建一个画版,方便调整,我建的画布大小为:宽度54.91厘米,高度30.34厘米,分辨率300像素/英寸。 然后我就想怎么做这个LOGO才有创意...
  • nick的LOGO

    2020-06-16 17:37:37
    显示单元设置为px的像素点,设置px的像素要关闭页面的可见性 2.查看view-Zoom-Zoom 1:1 确保在1到1的时候有自定义选择缩放 3.打开对齐分布菜单,选择Last selected,去编辑对象的颜色渐变 和描边。 (1)打开菜单的...
  • CDR绘制简单logo教程:步骤1:第一步是创建一个空白文档空间,供我们设计和处理,页面大小或文档大小可以是网页,A4或可以自定义宽度和高度的像素,例如800 * 600像素.根据我们要创建的内容,方向可以是横向或纵向.原色...
  • mini2440更换启动logo

    千次阅读 2013-06-17 17:26:37
    1、首先进入你要编译的内核文件下的driver/...我们可以看到我们现在的启动logo像素80*80(我们必须找一个一样的,我做过几次都是失败的,最后用美图秀秀把我的图片的像素改成了80*80才好使了) 2、把logo_linux_c
  • 网页中Logo的样式代码

    千次阅读 2016-02-11 09:59:01
    .logo{ width:168px; height:76px; background:url(../img/.../*内部文字缩进-9999 个像素,避免logo所处的div内部链接文字显示出来*/ } .logo a{/*logo内部链接到主页的链接,设置成块级元素*/ dispaly:bolck; he
  • 用Inkscape绘制logo教程

    2020-06-14 00:48:35
    1.文档属性,这里要设置一下网络单位,我们一般用像素px,然后下面边缘的勾勾都去掉,调整一下画布比例。 2.绘制路径,这里我用的贝赛尔曲线,三点一线的方法去画,在设置曲线的时候用路径箭头选中要改变的路径,点...
  • [FFmpeg] 去除 logo

    万次阅读 2015-09-07 13:41:46
    通过周围像素插值去除 logo。 x y (必须)指定 logo 的坐标。 w h (必须)指定 logo 的宽和高。 band, t 指定矩形模糊边缘的厚度(添加到 w 和 h)。取值范围:[1, 2.14748e+009],缺省值是4。 show 当...
  • pcb_logo_ad_脚本.rar

    2020-11-29 21:00:10
    ALTIUM DESIGNER将图片导入PCB的一个脚本,常用于制作丝印层LOGO。只能导入单像素图片。
  • 制作简单时钟logo

    2021-05-08 08:16:06
    制作时钟logo ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 开发工具与关键技术:PS 作者:米津玄师 撰写时间:2021年 5月8日 ~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~...
  • Android Add Logo

    2016-04-02 16:43:19
    将图标按照以下像素复制进去 文件名都要一样 貌似要小写 hdpi 72 * 72 mdpi 48 * 48 xhdpi 96 * 96 xxhdpi 144 * 144 xxxhdpi 192 * 192 放好了以后 修改AndoridManifest.xml 将application元素中的 android:...
  • bootlogo(开机静态图)修改

    千次阅读 2018-07-04 11:12:55
    工具:Xnview需修改的文档:bootfile.image ;000BootParam.h操作步骤:(1)找到想要当做logo的图片用哪个Xnview打开并...将源像素宽度(SRC_WIDTH)和高度(SRC_HEIGHT)按照自己的图片像素修改,再设置logo像素(D...
  • 制作关于老虎的logo

    2019-04-18 15:19:55
    做一个logo最重要的就是提取元素,下面这个关于老虎的logo,我在老虎中提取了抓痕以及牙齿、包括字体中的条纹,这是我在老虎中提取到的元素。 详细操作:第一步先将牙齿部位画好,先画一个矩形,画好矩形后,在用...
  • 网站添加logo图片

    2013-07-11 11:17:30
    首先设置logo的大小(16,16)像素  然后通过在线的方式 将图片的格式转变成ico,再在中加入代码:   然后再把Favicon.ico图片复制到你的根目录下面(与网站在同一级目录)。
  • ffmpeg去logo<转>

    2016-12-15 11:34:00
    通过周围像素插值去除 logo。 参数介绍: x y (必须)指定 logo 的坐标。 w h (必须)指定 logo 的宽和高。 band, t 指定矩形模糊边缘的厚度(添加到w和h)。取值范围:[1, 2.14748e+009],缺省值是4。 ...
  • LOGO的浮空显示-Verilog

    2019-06-26 12:25:00
    使用Photoshop将网上下载的Logo修改颜色,保存大小为120*120像素,如图1所示。 图1ps修改后的Logo 使用Pic2mif软件,将图像转换为彩色(8色)mif文件,得到的是3位位宽,深度为14400的mif数据。以此定制ROM,并...
  • 使用Canvas设计Logo

    2012-05-25 11:15:28
    在网页上使用Canvas的时,他会创建一块矩形区域,默认情况下宽为300像素,高为150像素,当然,可以自定义。  因为我们离线系统主要职责用于在离线的情况下的工作系统,如在上面写工作日志,工作计划,和保存项目...
  • 像素图转换为矢量图

    千次阅读 2019-05-07 23:52:33
    矢量图的一个优势就是任意放大而不产生锯齿或毛边,图像清晰依旧。本文介绍如何将一个Logo像素图转换为矢量图的方法。步骤及说明:(一)打开一张像素图片(通常为JPG格式的文...
  • EPM2.3客户化logo设置

    2016-02-03 12:07:13
    119*25像素   原图:   修改workspace.ear中的oracleLogo.png文件,具体修改: C:\Oracle\Middleware\EPMSystem11R1\products\Foundation\workspace\InstallableApps\workspace.ear\workspace.war\
  • 用Inkscape绘制logo

    2020-06-17 21:58:50
    1.文档属性,设置一下网络单位为像素px 2.用圆形形工具画出灯泡轮廓 3.用曲线工具画出灯泡体轮廓 4.用颜料工具填充颜色 5.用曲线和颜料工具画出灯芯 6.用曲线工具画出灯泡光芒 7.插入文字 8.完成 ...
  • ModernWindow的标题栏包含了一块区域用来显示自定义的窗体Logo: 这个窗体logo通过ModernWindow.LogoData属性来设置。这个属性是几何类型数据支持Path.Data mini-language,图标大小为24*24像素,设置其他像素大小...
  • 使用inkscape制作logo

    2020-06-11 16:35:24
    Inkscape是一款外国开发的开源矢量图形编辑软件,与Illustrator、Freehand、CorelDraw、Xara X 等其他软件相似。Inkscape是一套矢量图形...1,打开inkscape,选择视图,调整缩放为1:1,然后选择一个圆,调节像素宽40
  • 算,得到指定区域去掉logo后的像素值,从而实现滤镜效果. 其具备的参数值有: 1. x,y 指定区域的起始坐标 2. w,h 指定区域的宽高 3. band,t 这个已经废弃,就不做介绍了 4. show 这个置为1,滤镜后会呈现滤镜的具体区域,...
  • 1. 读取两张大小相同的图片,才能进行像素运算,下载了OpenCV3之后就会在opencv目录中的sources/samples/data/中找到官方自带的图片。在这里我们就选择LinuxLogo.jpg与WindowsLogo.jpg进行相关的运算操作。 首先读取...
  • 1.用PS新建800×480像素图片; 2.另存为BMP格式文件,属性文件格式WINDOWS,深度24位 3.执行 gzip -9 uboot_logo.bmp 后生成uboot_logo.bmp.gz文件 4.再执行xxd -i uboot_logo.bmp.gz &gt; uboot_logo.bmp.gz.h...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 439
精华内容 175
关键字:

像素logo