推荐阅读
CorelDraw简单制作中文字体排版设计
效果图第一步：输入文字》》》加粗文字轮廓》》》创建边界第二步：如下图第三步：选择字体将三层字体拆分，复制最上面的一层文字，填充黄色，从上到下透明。然后将文字一个一个CTRL+G组合，排版如下：第四步：将四个文字组合，画一个矩形，将其剪掉中心部分
PS设计简洁风格的汽水杂志广告设计教程
本实例制作的是汽水杂志广告。水质感的柠檬结合飞溅的水花，让画面清爽而动感，柠檬黄的汽水与图像右下角淡蓝色的水面相互呼应，增强色彩效果。先看看效果图操作步骤：1、新建空白图像文件，设置参数如下：宽度：8.8cm 高度：12cm 分辨力：300px2、单击“创建新的填充或调整图层”按钮，添加“渐变填充1”调整图层。打开素材“水面.JPG”文件，拖拽到当前图像文件中并适当的调整，然后添加图层蒙版，隐藏部分图像，调整图层的混合模式为“叠加”。3、单击“创建新的填充或调整图层”按钮，添加“曲线1”“色相/饱和度”调整图层，并按下快捷键Ctrl+Alt+G，仅调整水面色调。
实践运用PS形状素材制作红酒广告案例教程
本案例以葡萄酒为主体，添加各种元素，展现出绿色、健康的理念。首先是广告背景的制作，这里需要紧抠主体，选择葡萄果园为主体，同时为其添加装饰元素以丰富画面，下面我们就一起来看看PS制作红酒广告案例教程吧！最终效果图1、打开Photoshop软件，按Ctr1+N组合键，弹出“新建”对话框，创建名为“葡萄酒广告”文档；2、在菜单栏中执行“文件>置入命令，置入png文件，调整其大小，并重命名图层，时栅格化图层；3、在菜单栏中执行“文件>置入”命令，置入“天空.jpeg”文件，调整其大小和位置，并重命名图层；4、在“图层”面板中选中“天空”图层，单击“添加图层蒙版"按钮，即可添加白色的图层蒙版；
20个“标准的”配色方案
20个“标准的”配色方案<html> <head> <title>Colors</title> <style type="text/css"> body{ margin:20px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; } .style1{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #96C2F1; background-color: #EFF7FF } .style1 h5{ margin: 1px; background-color: #B2D3F5; height: 24px; } .style2{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #9BDF70; background-color: #F0FBEB } .style2 h5{ margin: 1px; background-color: #C2ECA7; height: 24px; } .style3{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #BBE1F1; background-color: #EEFAFF } .style4{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #CCEFF5; background-color: #FAFCFD } .style5{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #FFCC00; background-color: #FFFFF7 } .style6{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #92B0DD; background-color: #FFFFFf } .style6 h5{ margin: 1px; background-color: #E2EAF8; height: 24px; } .style7{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #A9C9E2; background-color: #E8F5FE } .style8{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #E3E197; background-color: #FFFFDD } .style9{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #ADCD3C; background-color: #F2FDDB } .style10{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #F8B3D0; background-color: #FFF5FA } .style11{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #D3D3D3; background-color: #F7F7F7 } .style12{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #BFD1EB; background-color: #F3FAFF } .style13{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #FFDD99; background-color: #FFF9ED } .style14{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #CACAFF; background-color: #F7F7FF } .style15{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #A5B6C8; background-color: #EEF3F7 } .style16{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #CEE3E9; background-color: #F1F7F9 } .style17{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #CAE3FF; background-color: #F4F9FF } .style18{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #C9D9EE; background-color: #ECF8FF } .style19{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #5C9CC0; background-color: #F2FAFF } h5{color:#CCCCCC;margin-left:680px} a{color:#CCCCCC;text-decoration:none} a:hover{color:#666666;text-decoration:underline} </style> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head> <body> <div class="style1"><h5>Title</h5></div> <div class="style2"><h5>Title</h5></div> <div class="style6"><h5>Title</h5></div> <div class="style3"></div> <div class="style4"></div> <div class="style5"></div> <div class="style7"></div> <div class="style8"></div> <div class="style9"></div> <div class="style10"></div> <div class="style11"></div> <div class="style12"></div> <div class="style13"></div> <div class="style14"></div> <div class="style15"></div> <div class="style16"></div> <div class="style17"></div> <div class="style18"></div> <div class="style19"></div> </body> </html> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
最新发布
Illustrator制作标准的中国联通标志教程
先看看效果图详细步骤：1、首先打开AI软件，新建文件，大小自定。使用矩形工具画一个正方形(有描边无填充)，如下图2、使用选择工具选中正方形，按住Alt键水平向右复制另一个正方形，注意两个正方形相邻边重叠(相交)，复制后，连按两次Ctrl+D，此时有四个连续的正方形。如下图3、使用相同的方法，全选步骤2中创建的四个正方形，按住Alt键垂直往下拖动，注意相邻边重叠，复制，连按两次Ctrl+D，此时得到4*4的16个小正方形，如下图所示4、全选16个小正方形，旋转45度，如下图
Illustrator使用圆形工具绘制猫头鹰形象
最终效果图好,步入正题一、创建打开AI软件 COMMAND+N 创建800x800px的画布1、选择视图-显示网格使用椭圆工具(L),创建165x165像素的圆.这个是猫头鹰的头部.然后,创建另一个147x147像素圆的身体.同时选中这两个圆圈,双击第一个圆激活它,并使用对齐面板(窗口-对齐),单击水平剧中和垂直居中.
Illustrator制作质感立体效果的甜蜜蜂巢
我们先来看看最终的效果图：Ⅰ.蜂巢的基础1.用多边形工具画一个半径0.6英寸的暗黄色六边形(R=147 G=104 B=20)2.为了创建出漂亮的边框，依次进入对象>路径>偏移路径，在偏移量文本框中输入4px(它会直接转换成你设置的默认计量单位)3.为六角边框应用一个线性渐变(快捷键G)。渐变面板的颜色变化从左到右依次是：R=255 G=179 B=45R=255 G=204 B=102
Illustrator CC基础工具使用详细教程
我们可以发现 AI CC的工具栏用一条条直线将划分为几个区域，每个区域的工具所具备的功能都很相近，以下就以一个一个区其域进行每个工具功能的叙述：A. 选择工具1. 选择工具(V) ：选择、移动、缩放图像功能： 复制图形： 选择所要复制的图形--按住 Alt--拖动所要复制图形到空白位置--按住Alt--拖动所要复制图形到空白位置，即可复制图形 精确调整距离： 双击选择工具--弹出选择对话框--定制精确距离--复制、 预览效果。与 PS 区别之处： Ctrl+Z ：可无限次撤销操作
Illustrator简单绘制网页常用的线性图标
今天的教程除了一枚线性图标的操作演示，更重要的是帮同学们领会UI设计师必备的化繁为简，抽丝剥茧的能力。初学图标绘制的同学，绝对需要里边提到的这个方法。几何对于初学者来说，我们可以这样理解，任何东西都可以用这四种图形组合而成：当我想要用图标来表现一个物体时，我会先仔细观察，然后尽可能将其拆分为最简单的形状。譬如，水滴可以用一个三角形和一个圆圈组成。心形图标可以由两个圆圈和一个三角形组成。我通常会使用Adobe Illustrator来制作这些图形。矢量图形的线条粗细、节点以及图形之间的关系都非常易于控制。在Illustrator中，图形和线条间的互相转换也非常便捷。这些信息也许非常基础，但却是我制作大多数，甚至是复杂图标的方法。下面这个例子细节略多，是我最近为bill of rights所做的图标，其中，我也完全使用了相同的方式。
Illustrator详细解析描边功能实用小技巧
昨天有朋友问我怎么AI画一个圆点组成的圆，我第一反应是用描边，第二个备用方案是散点画笔。以下左图是描边画的，右图是散点画笔做的。对比一下，很显然第一个图形要比第二个好，第二个图形参差不齐甚至圆点都重叠了，不过倒是可以试试调节一下散点画笔的参数，会有意想不到的效果。描边方法(分别外圈和内圈的参数)：描边的好处是调节粗细数值，可以控制圆点的大小和线条的粗细，并通过间隙可以调节分布距离。缺点是，你看到的圆点并不是100%的圆，如果你追求完美的话就用下面这种方法。左边是描边的效果，右边是图案画笔效果。对比两者的效果(参数没细调有点不一样)，图案画笔还是个不错的解决方案。唯一不足的地方是不能单独控制线的粗细，如果粗细不合适的话，你需要重新画一个小线条，然后将它设成图案画笔。如果只是应用于排版的话，那么用描边就可以了，简单快速。最最最完美的解决方法是自己计算出数值，用工具旋转。
Illustrator制作可爱有趣的小烤肠文字效果
今天在这篇详细的AI初级教程里，你将学习如何创建一个烤肠图案笔刷并绘制字体效果。文中涉及很多实用的技巧，大家耐心点看完又可以学到不少知识了。最终效果：一、新建文档和设置网格文档大小:600*600;颜色模式：RGB;栅格效果：屏幕(72ppi)。视图>现实网格;视图>对齐网格。编辑>首选项>参考线和网格>网格线间隔：5px;次分隔线：1。打开窗口>信息：以便观察对象坐标和大小。二、创建主体图形
5个方面帮你彻底掌握AI中的存储WEB格式
在AI中“存储为WEB所用格式”的目的是为了优化图片在网站或其他屏幕端的展示效果，例如平板或手机。“优化”这个词是指在图片大小和品质之间的最优组合。我们希望在网页里能尽快加载图片，那么图片就必须要小，但是我们又不希望因此而损害图片的品质。“保存为WEB所用格式”这一命令让我们可以预览被优化后的矢量图，以便我们能调试到最佳效果。我们会在这篇文章中带大家回顾一下保存为WEB的图片的格式，然后向大家展示哪类作品适合保存于哪种格式。UI设计师们快学起来!一、保存为WEB的对话框进入【文件>存储为WEB所用格式】就会弹出对话框，可以说这个命令几乎就是一个独立的应用，所以这个对话框窗口占据了整个屏幕。你可以通过三种方式浏览你的作品。最左边的“原稿”可以简单地展示原稿效果，但由于你是要预览被优化后的效果，因此这个选项几乎没有作用。你也可以来到“优化”这个选项，在这里可以预览到优化后的效果，或者你还可以选择“双联”，这个选项会让你将原稿和优化后的作品左右对比进行预览。在下图中，左边的是原稿，右边是优化后的效果(在本例中，是作为GIF格式进行优化的)。在左下角的下拉框选项中选择预览的比例值，你可以输入比例来缩放预览的图片，也可以通过快捷键方式来调整和缩放图片。点击左下角的“预览”按钮，你立刻能在自己的默认浏览器中看到这张图片的展示效果，如果你还想知道别的浏览器的效果，你就需要点击按钮右边的地球图标来添加更多。
Illustrator制作时尚的毛线编织效果教程
下面是教程1.打开AI软件，新建一个文档，我在文档里准备了这些元素，如下图：2.我这里参考原来的形状来画，凡是有规则对称的形状，都可以先画好一半再镜向出另一半来的绘制;这种方法都是很常用。3.画好了一个形状后，按ALT键用鼠标拖动的方法复制出另一个对象，然后按CTRL+D进行重复复制粘贴，如下图4.接着执行“对象”--“拓展”，选中所有编织形状对象再执行路径查找器“联集”，最后执行“效果”--“风格化”--“涂抹”，涂抹参数自己视效果而定，我电脑配置比较LOW，所以我只复制两层编织做不同涂抹效果。你们电脑好的话，可以复制多一些对象就可以增加更多的细节。
Illustrator制作时尚网格风格的艺术字教程
有同学问这类酷炫的字体效果怎么做，今天强大人给同学来一发简单好上手的AI教程，教程的原型是一张海报，学会后同学们也可以来一张，不多说一起来学习吧。首先先打几个字。字体就选超粗黑的比较好识别。接下来 转曲~创建轮廓就变成了酱紫。然后切换一下前景色 再调整一下描边的大小 就选最小的0.25p吧~就变成了这样。