推荐阅读
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 全部选择 提示:你可先修改部分代码,再按运行]
最新发布
用AI绘制精美手套插画效果矢量图片的AI设计教程
今天的教程我们将使用Illustrator绘制扁平化风格的连指手套插图,都是使用AI的基本教程来完成,推荐给朋友学习,希望大家可以喜欢。先看看效果图1. 如何创建手套第1步打开Adobe Illustrator后,创建一个850 x 850像素的新文档。首先选择矩形工具(M)创建一个浅灰色矩形。设置填充颜色,如下图所示。接下来,使用圆角矩形工具,创建一个浅灰色的圆角矩形。将圆角矩形旋转到45度。(选择它,并按住Shift键的同时旋转它。)将两个形状重叠,如下图所示。第2步添加另一个圆角矩形并将其放在之前创建的图形上方。选择矩形,使用效果>变形>鱼形效果,输入下面图中的选项。
用PS设计制作立体阴影效果文字的立体文字设计教程
一个简单效果好的数字效果教程,主要使用PS的图层样式来完成,有不懂的朋友可以下载教程源文件,希望思缘的朋友可以喜欢。先看效果:这种效果可以用于周年庆,新品发布倒计时等各种以数字为主视觉的海报设计,用法要自己开动脑筋去尝试。1.新建文档,填充50%灰。宽度1920,高度883。(宽高度都是随意的)这次用的PS cc2017版本2.画路径。2-1.快捷键“U”,椭圆工具,画6字的圆圈部分。或者工具栏找到:
用AI绘制渐变风格小鸟图形图片的Illustrator图像设计教程
今天我们分享一下如何三步制作一个文字翻页效果的海报。喜欢的朋友可以一起来学习吧。先看看效果图教程步骤因为本篇内容很简单,所以我觉得可以简单说一下分析的思路。把问题简单化,字母与字母之间无非就是在水平与垂直方向进行了缩放而产生的这种类似翻页的效果,所以我选择用缩放工具。因此第一步,给一个黑色背景,拉上参考线,打上文字:第二步,文字轮廓化以后,给上渐变色:第三步,用缩放工具进行变形,这里可以稍微详细一点说一下操作。
用PS设计打散碎片化效果的街头人像海报特效图片
photoshop设计打散碎片化效果的街头人像海报特效图片。作品整体看上去比较有设计感,非常大气、时尚。喜欢的朋友们根着教程来学习制作一下吧。 效果图: 素材: 操作步骤: 打开ps,把人物素材拖进去,ctrl+j复制一层得到人物 拷贝图层: 将人物图层隐藏,作为备份文件,现在我们开始抠图。利用快速选择工具,得到人物大致一个选取。需要注意的是,人物头发还有些许部分没有完成,然而利用快速选择工具无法完成细节化的部分:
Photoshop画笔制作动物皮毛艺术字设计、毛茸茸字体教程
本教程主要使用photoshop的画笔设置等一些参数来创建一个毛茸茸的, 蓬松的文本效果,字体效果的灵感来自爱丽丝仙境的白兔。先看看效果图1.创建纹理背景草步骤1创建一个新的1250 x 800 px文档, 并将绿草背景图像作为智能对象放置在 “背景” 图层的顶部。调整纹理图像的大小以适合文档, 并将其图层重命名为 “草”。步骤2转到 “图像” > “调整” > “阴影/高光”,(当然你打开选项只有2个,你勾选更多选项就好了)主要调整高光部分,参数如下图:数量: 100