AIGC&图标LOGO

在日常工作中，设计师在应对运营和UI设计的B端图标时，常常面临大量的构思、制作和渲染等工作，耗时耗力。我们可以利用Stable Diffusion(以下简称SD)结合AI的方式，帮助设计师优化图标的设计流程，使任何对这一领域感兴趣的人都能尝试并创作出多样化的图标设计，灵活高效运用在项目之中。 B端图标，一种有着立体风格的毛玻璃效果的图标、有流畅的曲线和细致的表面细节，通常应用在运营详情页、UI头图、banner等占位使用，让画面更出彩。 需要对电脑配置有一定的了解，部署要花费一定的时间。已经部署过的可以按照下图进行配置更新。 SD模型、外挂VAE模型、Refiner模型、ControlNet模型（均来自大模型作者）。 链接：https://pan.baidu.com/s/1fQh9-fnGXJS8sh8CwO1Wtg?pwd=7605 提取码：7605 下图为模型文件在SD中的设置： 其它参数使用系统默认的即可，采样方法选了DPM++ 3M SDE Karras，画面会柔和一些，背景更干净，细节也相对的减少，速度和DPM++ 2M Karras一样，所以迭代步数推荐在30或以上（太高容易卡顿，画面细节太多也影响最终的结果，所以推荐30即可）。 · 线稿处理 用ControlNet控图，需要明确图标的线稿。要知道自己想要一个什么样的图标，推荐使用已有图标进行优化，使用PS进行图标线稿处理，再对其外形等关键特征进行组合或者添加自己的创意。对于特别复杂的图形，建议避免使用过于复杂的模型。只需有基础的轮廓图，就可以快速创建B端图标。如果是专业工作使用，请考虑制作更加规范的底图，并注意版权使用问题。这里需要注意的是，尽可能的把闭合形状的轮廓处理的粗细一致且清晰可见；模糊的区域可以用橡皮擦或者蒙版处理干净；立体图形的转折处连接处要明确。 · 构思关键词推荐使用下方的关键词，并替换自己想要的内容和颜色等，如果无法找到合适的关键词或创意，请先在网上收集一些相关的设计参考图片。在图生图界面中，将这些参考图片导入并点击CLIP反推提示词。选择生成的关键词，然后将其输入到文生图的Prompt中。这样可以快速得到理想的设计方案。 正向关键词： (a shield icon:1.1),dark blue frosted glass texture,dark blue gradient,(softedges:1.2),3D,best quality,many details,4k,blender,octane render,C4D,transparentglass texture,DDicon,frosted glass,transparent technology sense,industrialdesign,white background,studio lighting,sunshine,flat,minimal,quasi-object,Datafile 负正向关键词：lowres,bad anatomy,((bad hands)),(worst quality:2),(low quality:2),(normal quality:2),paintings,sketches,lowres,bad anatomy,bad hands,text,error,missing fingers...

注：有看过的小伙伴儿，温故而知新哦。 本期教程绘制一组插画图标，加深AI的运用技巧，废话不多说，让我们开始吧！ PART1：首先是展示效果图 PART2：在开始教程前先把AI设置一下 步骤一：编辑-首选项-常规（快捷键Ctrl+k）。注：使用版本为cc2017。 步骤2：这次的教程会经常用到轮廓化描边，所以我给它设置快捷键为ctrl+w，使得效率提高一倍，根据自己的习惯进行设置。编辑-键盘快捷键。 PART3:绘制背景部分-四叶草 步骤1：新建一个800*600px的画布。 步骤2：用矩形工具，画一个78*60px、内描边4px、圆角8px的圆角矩形 ，填充颜色#ffffff，描边颜色#454a62。再画一个20*20px矩形，用吸笔工具吸一下刚才做的圆角矩形，如图。 a：然后轮廓化描边ctrl+w，右键取消编组，再把填充图层ctrl+c、ctrl+f复制两遍，更改一层颜色为#e0e0e6，向左下角偏移一段距离，设置右上角的圆角为3px，最后选中刚才复制的两层进行交集，如图。 b：右键-变换-对称，复制以上图形，再更改填充色值，外层色值#ffbd69，里层色值#ffd67c，外面一层的位置用直接选择工具进行锚点调整。如图。 c：用直线工具画一根54px和两根14px的线条，描边4px，色值#454a62，让它们相距12px。（对齐方法可以查看我往期幸运药水的教程，不再赘述）然后把三条线条编组，复制一层，向下偏移1px，更改色值为#cfd1d3。如图。 d：画两个8*8px的圆和一个42*42px、描边4px的圆环，色值#454a62，配合辅助线利用剪刀工具将圆环进行裁剪。再将它们编组再轮廓化描边，复制一层向下偏移1px，更改色值#daa668。最后选中全部ctrl+g编组，如图。 步骤3：接着画下一个图标。画一个40*72的椭圆，用钢笔工具按住alt点击上下两点，再画一个40*50的矩形，在以下位置进行联集，如图操作。 a：填充颜色#ffffff，描边颜色#454a62，居中描边4px。再轮廓化描边，右键取消编组，复制两层填充图层，如下操作，填充色值#e0e0e6，然后选中全部编组。 b：画一个22*22的圆，填充颜色#8ac7eb，描边颜色#454a62，居中描边4px。外层色值#62a4db，选中全部编组，如图操作。 c：画一个20*40的椭圆，再画一个9*12的矩形，如下图操作。 d：填充颜色#d66e6e，描边颜色#454a62，轮廓化描边，复制两层填充图层，外层填充颜色#bb5656。选中编组，右键-变化-对称，分布以下位置。 e：画一个22*22的圆，填充颜色#ffd67c，描边颜色#454a62，用直接选择工具把底端锚点移动10px，如图操作，外层填充颜色#ffbd69 ，编组居中在火箭下方。 f：画一个100*100的圆，里层填充颜色#a8c1e4，外层填充颜色#8ea6ce，再画一个16*16和20*20的圆，填充颜色#698bae，分布如下。 g：将火箭整体编组旋转45度，复制一层进行联集，填充颜色#698bae，放置在火箭下方。 h：将阴影图层放置以下位置，复制一层圆形图层并shift+ctrl+】置为顶层，选中两个图层，然后右键-剪贴蒙版。如图。 步骤4：绘制第三个图标。画一个102*106px、内描边4px、圆角为14px的圆角矩形，填充颜色#ffffff，描边颜色#454a62。如下操作，外层填充颜色#e0e0e6。再画4个8*8px的圆分布在四个角。 a：画一个76*76的圆，内描边4px。再画一个12*90、内描边4px、圆角6px的圆角矩形，操作如下，里层填充颜色#ffffff，外层颜色#dedee4，编组，右键-变换-旋转45度，再按ctrl+d重复之前操作。编组居中于圆环。 b：再复制一层手柄，选中进行联集，填充色值#c3c7d2，放置在底层。如图。 c：画一个46*46px和一个24*24px的圆，内描边4px，里层色值#ffffff，外层色值#e0e0e6，编组居中以下位置。 d：画一个28*12px、内描边4px、圆角4px的圆角矩形，里层色值#ffdea4，外层色值#fcbb69。编组再复制多层放置如下图。 步骤5：绘制第四个图标。画一个62*12px、内描边4px、上圆角12px、下圆角2px的圆角矩形，里层色值#ffe1a9，外层色值#ffbd69。再画4*6px、圆角2px的小元素分布在以下位置。 a：画出两个56*10px的矩形，内描边4px，分别填充颜色#c3696c、#b0dc88。 b：画一个66*12px、内描边4px、圆角5px的圆角矩形，轮廓化描边之后，里层色值#c49b86，外层色值#8f6655。再画一个62*14px、内描边4px、圆角6px的圆角矩形，里层色值#ffe0a8，外层色值#fdbc69。 c：再画一条62px的线段，把以上所做的按下图排列。 d：画一个50*72px的矩形，下边两个锚点设置如下，内描边4px，填充颜色#bb5656，对半颜色#d76e6e。 e：画一个60*10px、内描边4px、圆角4px的圆角矩形，填充颜色#ffffff。再用钢笔画一段线条，设置圆角4px。 f：利用钢笔工具绘制下图形状，内描边4px，填充颜色#c1c5d0。轮廓化描边，复制三层填充图层，其中两层进行交集，更改颜色为#e0e0e6。另一层填充颜色#bb5656，放置在图形下方。 步骤6：绘制第五个图标。画一个106*86px、内描边4px、圆角6px的圆角矩形 。里层色值#ffffff，外层色值#e0e0e6。 a：利用形状工具和钢笔工具绘制下方形状，注意描边4px，把它们编组再复制一层偏下移动1px，填充色值#c5c9d3。 b：画一个18*28px、圆角8px的圆角矩形和一个26*4px、圆角2px的圆角矩形，将它们进行联集，填充颜色#e7e0d7，外描边4px。再画两个4*4px的圆，居中在脸部。 c：画一个26*14px的矩形，圆角设置如下，内描边4px，里层颜色#d69182，外层颜色#c77c78。编组居中在头部。 d：画一个26*28px和一个38*12px的矩形，对齐在右下角，填充颜色#5d9bc1，数值设置如下。内描边4px，外层颜色#2f7495。 e：画一个28*28的矩形，如下操作。 f：画一个16*10px的矩形，内描边4px，左半边圆角5px，填充颜色#e4ded5。再画一个26*26px的圆，内描边4px，里层颜色#ffd67c，外层颜色#ffbd69。如图放置。 步骤7：绘制第六个图标。画一个98*66的矩形，内描边4px，填充颜色#d59d9a。复制一层填充图层，拉伸至14px高，填充颜色#b78080。再画五条26px长的线条，相距8px，编组复制多一层，更改颜色#b78080，偏移2px。再画两条12px的线条，垂直对齐放置在屋顶。 a：画一个50*96px的矩形，填充颜色#dbad94。画三个42*12px的矩形，左半边圆角2px，相距5px，离大矩形上边缘16px。...

图/文 mango_o   教程好详细，要有耐心哦！在下面的教程中，您将学习如何在Adobe Illustrator创建黑胶唱机图标。首先，使用简单的网格与网格对齐等基本的工具创建黑胶唱机的主要形态。然后将学习如何创建一个复杂的网格渐变。使用混合工具创建一个简单的混合物；利用现有的网格进行路径偏移的效果；您将会创建一个唱针和一个小旋钮。最后，充分利用外观面板，您将学习如何添加阴影，高光以及增加形状的层次感。 1. 创建一个新文件并设置网格 Ctrl+N创建600px*600px的新文档，RGB模式；屏幕（72ppi），并确保“使新建对象与像素网格对齐”没有被勾选，点击确定。 启用网格（视图>显示网格）与网格对齐（视图>对齐网格）。首先，设置网格线间隔为5px，次分割线数值为1（编辑>首选项>参考线和网格）；打开信息面板（窗口>信息），实时预览形状的大小和位置。不要忘记设置单位为像素（编辑>首选项>单位 ）。所有这些选项会大大提高你的工作效率。 2. 创建主形状 步骤1 选择矩形工具（M），创建一个250px的正方形，设置其颜色为R=196，G=154，B=108（对齐网格会减轻你的工作）。 接下来，打开对齐面板（窗口>对齐），设置对齐画板（打开的弹出菜单中去显示选项，如下图所示）。选中创建的正方形，单击水平居中对齐，垂直居中对齐按钮。最后在图层面板中对该图层双击，重命名为“main”，然后锁定该图层，以确保你不会意外地选择/移动它（窗口>层）。 步骤2 设置填充颜色为白色，选择椭圆工具（L）。创建一个180px的正圆，然后在对齐面板上点击水平居中对齐，垂直居中对齐按钮（记得对齐画板哦）。重命名为“vinylshadow”然后锁定图层。 步骤3 这一步你需要将网格线间隔设置为1px（编辑>首选项>参考线和网格）。在褐色正方形的左下角，使用椭圆工具（L）创建直径为24px的正圆，如下图所示。在图层面板上双击新建图形，命名为“knobshadow”，然后锁定。 继续在正方形的右上角，创建第二个直径为24px的正圆，位置如图2所示。将其重命名为“armshadow”，然后锁定。 3. 创建的黑胶 步骤1 再次设置网格线间隔为5px（编辑>首选项>参考线和网格）。用椭圆工具（L）创建一个160px的正圆，然后在对齐面板上点击水平居中对齐，垂直居中对齐按钮。 选中新图形，打开渐变面板（窗口>渐变），应用默认的渐变数值，选择径向渐变，右侧滑块设置为黑色（R=0， G=0，B=0），左侧滑块设置在白（R=255，G=255，B=255）。确保选中该图形，设置对象>扩展，点击确定。 移动到图层面板，你会发现一个新的组。选择它，取消编组（Shift+Ctrl+G），Alt+Ctrl+7（对象>剪贴蒙版>释放）释放现有蒙版。 步骤2 图层面板中，你会发现一个没有填充也没有设置任何效果的160px正圆，选择它，删除（键盘Delete）；然后你会找到一个简单的网格，选中网格并打开变换面板（窗口>变换），点击“约束宽度和高度的比例”按钮，在宽（或高）中输入160px，继续选中网格，将其填充色设置为黄（R=255，G=221，B=23）。 步骤3 使用钢笔工具（P），创建长为170px的直线，并在对齐面板上选中水平居中对齐，垂直居中对齐按钮。确保这个简单的路径在外观面板上被选中（窗口>外观）。 删除填充色，选择描边，设置颜色为黑色，不透明度降低到15%，然后在效果>扭曲和变换>变换中，输入以下数值（如图所示），点击确定。在图层面板中将其锁定。你只需将它作为一个辅助线。 步骤4 禁用对齐网格（视图>对齐网格）。选择黄色网格，用网格工具（U）仅添加十二个网格点，如下图所示，使用上一步骤作为辅助。网格点设置完成之后，你可以删掉上一步产生的辅助线。 步骤5 直接选择工具（A），选择网格点，将其颜色与下图所示相对应。完成之后，在图层面板中双击网格将其重命名为“vinyl”。 步骤6 选中“黑胶”网格（vinyl），复制副本（Ctrl+C > Ctrl+F）。在图层面板中，双击网格副本，重命名为“vinylsupport”；锁定“黑胶”网格；回到画板中，用直接选择工具（A）选择“vinylsupport”的网格点并替换为相对应的颜色（如图所示）。 步骤7 选中“vinylsupport”网格，在变换面板中输入170px的宽（或高）。移动到图层面板，将“vinylsupport”网格拖动到“vinyl”网格的下方（Ctrl+[）。 步骤8 启用网格对齐（视图>对齐网格）。使用椭圆工具（L），创建一个160px的正圆，并在对齐面板上选中水平居中对齐，垂直居中对齐按钮。填充设置为无，添加1px的白色描边，描边内侧对齐。继续选中图形，对象>路径>路径偏移，输入-45px偏移，点击确定。 步骤9 双击混合工具（或去对象>混合>混合选项）。从下拉菜单选择“指定的步骤”，输入“15”。 在图层面板上选中两个白色描边（上一个步骤中的），Alt+Ctrl+B（或去对象>混合>建立）来创建一个简单的混合（如第二张图所示）。选中新产生的混合，降低其不透明度为40%，图层模式为叠加。...

机器之能报道 编辑：杨文 以大模型、AIGC为代表的人工智能浪潮已经在悄然改变着我们生活及工作方式，但绝大部分人依然不知道该如何使用。 因此，我们推出了「AI在用」专栏，通过直观、有趣且简洁的人工智能使用案例，来具体介绍AI使用方法，并激发大家思考。 我们也欢迎读者投稿亲自实践的创新型用例。 投稿邮箱：content@jiqizhixin.com 许昕还是太全面了。 2020 年德国公开赛，「人民艺术家」许昕以一记背手击球，把马龙打得一脸懵逼。 如今，这一「神仙球」动作，成了许昕体育品牌「Xuperman Sports」的 Logo： 一个从背后反手击球的小人儿，身体扭成了一个「X」造型。 不少网友调侃道： 马龙要睡不着了。 简直是对马龙的贴脸开大。 此外，设计团队还根据许昕的经典「骚气」动作，搞出了一系列 VI 设计。 例如，挥拍独自起飞： 球馆禁止赤裸上身： 背个包呲个大牙跟人唠嗑： 这一看就是花钱请的设计师，而且钱花得还挺到位。 那么，有没有不花钱也能设计出不错 Logo 的 AI 神器呢？ 今天咱们就来盘点一下。 -1- 设计师再也不用抓耳挠腮想点子了 目前，有不少 AI 应用进军 Logo 设计圈，比如design.com、Ideogram、标小智、Turbologo，而且还免费，简直掉进了「白嫖天堂」。 第一款推荐的 AI 应用就是design.com。 官网链接：https://www.design.com/ai 它利用 AI 技术，可以在几秒钟内生成独特的 logo 设计，我们只需输入一些关键词和商业名称即可。 例如，我们输入名称「机器之能」以及行业「AI...