明度 颜色 步骤 在本教程中，我们创建了一个简单的背景。然后我们创建一个文本层，之后，我们用几层的影响，随着新的图层样式功能，创建一个复古的文字效果。最后，我们要完成的效果添加了一个简单的纹理。先看看效果图1、创建背景步骤1创建1000 x 1000像素，并复制背景层，并命名为：学UI【底色】。改变学UI【底色】的填充为0。步骤2双击学UI【底色】层的渐变叠加使用以下设置：风格：径向的规模：150%颜色渐变# ede6cf向左# e1c194向右一点。2、创建文本步骤1使用字体创建文本，文字大小这个根据你画布实际情况和任何你喜欢的颜色，3、添加多个图层样式步骤1双击文本层添加以下图层样式，添加一个描边使用设置：大小：3位置：内部不透明度：48%颜色# fffaf3点击描边后面的加号，就可以新建一个新的描边模式，并使用以下设置它：位置：外部不透明度：100%颜色# ffffff步骤2添加一个内阴影使用设置：颜色# 040000不透明度：35%距离：1大小:2添加一个内阴影使用设置：颜色# ab6b18不透明度：80%距离：8大小:5步骤3添加的另一个实例内阴影这些设置的影响：颜色# d9953d取消使用全局光角：63距离：11
画出 图层 颜色 噪点插画是将插画叠加了类似颗粒肌理的插画形式，也有人把它叫作颗粒风插画。从去年开始，噪点插画，成为了一种非常流行的插画风，很多大神在他们的插画作品中，也应用了噪点，非常的吸引人的眼球！>>>点击下载PSD提取码：d99o首先，我们找了一张来自特拉维夫的设计师/艺术家Gal Shir大神的作品。原图如下，我们就要以这张插画为原型，来临摹这个效果。大家可以看到，跟上次我们做的美女与滑板车不一样，因为它的很多形状外面有一层描边，如果要做矢量，会多很多麻烦，当然，我们用了一种取巧的方法，至于什么方法，继续看你就知道。1、OK，下面，我们开始，首先，我们创建一个纯色调整层，设置颜色为#e5dfff。2、我们用椭圆工具，画出一个如下图中的椭圆，颜色为#a58cff。3、接下来，用钢笔工具，画出右边那个类似水滴的形状，同样的，颜色是#a58cff。4、接下来，我们开始画猫了，首先，画出猫的身子，颜色为#ffae5d，至于那个描边，我开始偷懒，直接用的形状描边，描边大小3点，颜色为#3b0059。5、接着，我们画出左前脚，跟画这个身子的操作是一样的，同时为左前脚添加一个图层蒙版，用画笔涂抹，隐藏掉上半部分。6、接着，我们画出爪子，直接用的白色，剪贴蒙版，同时把描边修改为2点。7、跟画左前脚一样的操作，把左后脚画出来，同样的利用图层蒙版来隐藏肢体与身子的连接。8、同样的操作方式，画出左后脚的爪子，白色，形状描边，剪贴蒙版。9、接下来，在身子的下层，画出尾巴。10、给这个尾巴添加暗部，在尾巴上层以剪贴蒙版形式，创建一个颜色为#e7865e的暗部形状。11、接下来，用钢笔工具画出右前脚，同样的设置形状的描边。12、接下来，以剪贴蒙版形式，创建一个颜色为#e7865e的形状，营造暗部。13、一样的操作，用钢笔工具画出喵星人的右耳，同时利用剪贴蒙版，给右耳添加高光。14、接下来，添加左耳朵的这些元素，无压力吧，钢笔，形状描边，蒙版。15、接下来，添加嘴巴，胡子，鼻子，眼睛，无压力吧。16、用钢笔工具配合蒙版，画出猫身上的暗部，颜色为#8500bc，图层混合模式正片叠底，不透明度23%。（刚才左耳的投影忘了截图了，它的设置也是这样）17、接下来，画出系在猫身上的吊带，注意图层顺序，它位于左耳朵的下层，左后爪的上层。18、接下来，用钢笔画出这些绳子，一样的使用形状描边，这个应该无压力吧。19、接下来，画出绳子的投影，同样设置颜色为#8500bc，图层混合模式正片叠底，不透明度23%。20、下面，我们给猫添加噪点，这只喵星人就搞定了，添加噪点的方法跟上次滑板车美女的那个是一样的，同时，因为今天的这个噪点，特别的明显，所以，我把这个噪点的图层混合模式更改为了溶解，适当的调整了不透明度。21、接下来，我们来画气球。这个应该非常简单的，拆分一下，大家应该一眼就看懂。22、接下来，我们开始画星球，首先，用椭圆工具画个正圆，颜色为#d177ff，同样的设置形状描边。23、创建暗部，以及添加噪点，同样的，我把这个噪点的图层混合模式更改为了溶解，适当的调整了不透明度。24、接下来，添加星球的其他元素，这个应该是很简单的。25、接下来，我们开始画飞碟，首先，我们先把基本的形状画出来，颜色为#00a1de，设置形状描边。26、接下来，还是画椭圆，设置描边，利用图层蒙版，来让其变成线条。27、同样的操作方法，添加高光以及阴影。28、添加飞碟上那个类似帽子的东西，跟给猫添加腿是一样的，需要注意的是蒙版。29、给飞碟添加上类似眼镜的东西，条纹，以及高光阴影。30、下面，添加上点缀的这些元素。31、现在，我们来完善最初的这个椭圆形背景，新建一个图层，创建剪贴蒙版，用比这个椭圆颜色深一些的颜色，在椭圆下半部分涂抹，让椭圆有一个渐变过渡。32、下面，我们开始添加噪点，以剪贴蒙版形式，创建一个新图层，设置比这个椭圆背景深一些的颜色，用笔刷刷上这些杂点，同样的将这个图层的图层混合模式设置为溶解，适当的调整透明度。33、接下来，以剪贴蒙版形式新建一层，设置颜色为白色，刷上浅色的那些杂点，同样的将这个图层的图层混合模式设置为溶解，适当的调整透明度。到这里，我们就完成了整个插画的制作了，虽然在这些形状的描边上取巧上，但是跟蒙版配合好的话，效果也是可以的，同时，噪点的添加方式有很多的方法，溶解也是一种吧。我们的最终结果如下！
笔画 颜色 轮廓 最终效果 教程所用素材已经打包点击这里下载！一、字体变形首先打开ai，用文字工具写下“冰与火之歌”，这里用的字体是：汉仪铸字木头人W (字体见附件) 。 选中字体，右键点击创建轮廓—>取消编组—>释放复合路径，将笔画进行拆分。 “歌”字出现了问题，按住鼠标左键框选“口”，然后右键选中“建立复合路径”。 使用删除锚点工具，删掉多余的点。拆分开依然连在一起的笔画。 拆分完成后得到一堆笔画（当然也可以直接用钢笔将笔画勾出来）。 接下来打开ps，新建2400*1600画板，将AI里的笔画分别复制粘贴到ps里，重新排列笔画并改变颜色。 二、分笔画上色选中第一个笔画图层，快捷键ctrl+shift+n新建一个图层,右键创建剪贴蒙板。 使用ps自带的圆扇形细硬毛刷，设置大小为50，对不透明度使用压力。 首先用颜色1顺着笔画的走向刷三四层左右，然后叠加颜色2，再叠加部分颜色3 （注意：这里使用的是手绘板，如果使用鼠标，记得把画笔不透明度和流量调成60%或者更小） 。 使用同样的上色方法给剩下的笔画上色，这里“火”的两点处和“歌”的一个口部分只叠加了颜色1和颜色3 （注意位于底层的笔画与上层笔画的关系，衔接处的颜色1要深些，颜色2浅些，制造出阴影的效果）。 三、给文字加轮廓使用钢笔工具顺着字形勾一个轮廓出来，命名为“大轮廓”，再用钢笔工具勾一个小一点的轮廓，命名为“小轮廓”，分别用颜色4和颜色5上色。
颜色 板块 色彩 一套的好的配色是设计的重要组成部分之一。对于在座学设计的同学们，尤其一些理工科背景的学生，没有系统的学过配色，对颜色的感觉也比较薄弱，所以在配色环节往往感觉很绝望，所以今天给大家带来一个王炸配色网站，也是 Adobe 的亲儿子：Adobe colors。也许很多人都知道这个网站，但是不知道它里面到底包含什么功能，今天就为大家简单解析一下。https://color.adobe.com/第一大板块：配色模式Adobe colors 具有超级强大的配色模式，一共包含 9 种智能调色模式可以选择，你需要用什么方式去调试颜色点击左方即可操作，色彩模式也支持 4 种，分别为：RGB、CMYK、HSB、LAB。例如你要用单色去做颜色，那么就可以直接选择单色按钮进行调整，调整时他会自动协调你的色值，如下：第二大板块：拾取主题功能你可以直接上传你电脑中的图片进行颜色提取，上传后你还可以选择需要的色彩情境：彩色、两色、柔和、深色、暗色，可以说是相当的贴心了！第三大板块：渐变色你可以拾取上传图片的渐变色，提取的渐变色彩看起来也是非常高级，对于不会做渐变色的小伙伴来说是一个很大的福音，毕竟很多设计师做渐变色都会有点“脏”。在左侧的按钮中我们还可以选取 2-15 种渐变点，简直美滋滋。第四大板块：协助工具可以合理的帮你检查 2 个颜色的对比，预览中可以告诉你在什么样的情况下可以这样用色，当然在右侧也会给你颜色的建议，你也可以自己设定对比率去调整颜色，这样使用你的颜色再也不会显得又脏又 low 了！对比率建议：MD 规范里说文本应该保持至少 4.5:1 (基于亮度值计算)的对比度以保持文本清晰；最佳对比度为 7:1。第五大板块：探索与趋势点击探索，可以浏览一些优质的图片，同时可以提取其中的色卡；点击趋势，甚至可以浏览 behance 中不同设计领域的设计作品使用的配色方案，跟着牛 x 的大神配色总不会错，实时跟进潮流配色，简直爽歪歪！！！当然我们还可以进行搜索，更快的找到自己想要的图片以及颜色，本人非常喜欢用它去寻找情绪版， 不仅颜色一目了然，图片也是非常的优质！总体而言，这个网站不仅从各个维度解决了我们的配色需求，同时也解决了我很多找图需求，简直一举双得。网站链接：https://color.adobe.com/zh/create/color-wheel文章彩蛋！Color Uisdc 配色导航最后，在附上一枚配色神器，来自优设超人气的配色导航，一共7个实用模块，从绚丽多姿的色彩方案到大开眼界的色彩命名，代码也可以直接复制使用，一定会是你设计配色路上好帮手！https://color.uisdc.com让高手帮你配色！超好用的在线配色网站TOP 5编者按：想象一下，在部门会议上，Boss对你美工同事设计的配色不太满意，你却始终笑而不语，当问到你的意见时，你呵气如兰，轻声说出：“就用绀桔梗色搭配枇杷茶色吧，再加少许苏芳香。阅读文章 > 欢迎关注作者微信公众号：「黑狮力」本篇来源：优设网原文地址：https://www.uisdc.com/adobe-colors
参数 颜色 模式 教程教程的过程非常的详细，主要使用图层样式来完成的，感兴趣的朋友可以一起来学习!先看看效果图01、打开PS，打开背景图片，选择Impact字体，尺寸250PX，打MISS，调整好位置02、双击图层打开图层样式。投影参数如下图：重点部分【角度：90，勾掉全局光;混合模式：正片叠底】03、内阴影参数如下：重点部分【角度：90，勾掉全局光;混合模式：颜色减淡】04、外发光参数如下：颜色选择【#FFF777】,重点部分【混合模式：颜色减淡;图案方法：柔和】05、内发光参数如下：颜色选择【#00000】,重点部分【混合模式：颜色减淡;图案方法：柔和】06、斜面与浮雕参数如下：结构：【样式：描边浮雕;方法：雕刻清新】，阴影注意角度选择和光泽等高线选择，勾掉全局光等高线选择：07、光泽参数如下：重点部分【角度：63，勾掉全局光;混合模式：线性减淡;注意等光线选择和参数】08、颜色叠加参数如下：颜色选择【#777777】，不透明度：50%09、渐变叠加参数如下：渐变选择【MissYuan_渐变叠加，已经在压缩包里载入即可】【角度：90，勾掉全局光;混合模式：亮光】10、图案叠加参数如下：图案选择如参数所示，已经打包在素材里，其他参数见下图：【混合模式：明度】11、描边参数如下：渐变选择【MissYuan_渐变描边，已经打包在素材里】其他参数见下图：最终效果图：
矩形 设置为 颜色 本教程主要使用Illustrator绘制扁平化风格的快餐图标教程，教程的难度不大，新朋友可以快速的学习，希望大家可以喜欢。先来看看最终的效果图吧：具体的制作步骤如下：1.创建新文档和设置第1步按Cmd/Ctrl+N创建新文档。将单位设置为像素，大小设置为800 x 600px。在高级选项中，将色彩模式设置为RGB，分辨率设置为72ppi。在首选项(Cmd/Ctrl+K)中，在"键盘增量"中输入1px。单击确定。您可以转到窗口>信息，以预览形状的大小和位置。记住在首选项>单位中将单位设置为像素。这将帮助您更快地工作。2.绘制桌子我们首先来绘制桌子。第1步对于桌面，我们绘制一个440 x 20px的矩形(颜色：#EBBD63)，并将描边设置为6px。具体参数如下图。第2步对于桌腿，我们绘制一个25 x 88px的矩形(颜色：#EBBD63)，描边为6px。选择钢笔工具(P)，并在下部添加锚点，使用直接选择工具(A)删除它。然后，使用直接选择工具(A)向上移动锚点，如下图所示。复制桌腿(Cmd/Ctrl+C> Cmd/Ctrl+F)并将其放在桌子的另一边。3.绘制饮料第1步绘制一个86 x 156px的矩形(颜色：#F04903)，描边为6px。用直接选择工具(A)，选择下方的锚点，将其向内移动10px，进行梯形化。现在在杯子的中间绘制一个44 x 44px的椭圆(颜色：#EFC206)。选择钢笔工具(P)并在杯子上绘制两个三角形(颜色：#FFFFFF)。绘制汉堡包，我们将通过制作汉堡的面包来开始绘制汉堡包，先绘制一个的矩形，在变换面板中为其上面两个角添加圆角。使用圆角矩形工具将一个140*13PX的矩形，添加到汉堡肉中。将高度设置为7PX，描边为6PX。然后，复制生菜，放在汉堡肉的下方。绘制炸薯条，现在我们绘制一些美味的炸薯条，首先，我们需要绘制一个102*94PX的矩形，搭边为6PX，并使用直接选择工具选择下方的锚点，将锚点向内移动8PX。添加炸薯条，绘制一个大小合适的矩形，并将描边设置为5PX，制作各种副本，旋转一些，并将它们放置在包装盒后面。我们来给它们一些明暗来使他们更立体。让我们从汉堡开始吧。选择面包的内部形状并复制两次。然后，向右移动第二个副本，稍微向右移动，然后选择减去顶层，填充颜色。现在我们来绘制面包上的芝麻，在顶部的汉堡包止添加十二个5PX的圆圈。对饮料杯重复相同的过程。对薯条包装盒也一样。现在是添加一些暗面的时候了，应用下图所示的填充颜色。最后的细节，我们现在要添加一些装饰，作为我们的插图的最后部分。绘制一个800*600PX的矩形，将矩形放在插图的最底层。
表哥
在路上
张大湿
飞翔的企鹅
落霞与孤鹜
