• Hello!欢迎来到网页设计学!
当前位置: 首页 > photoshop > 文字特效 > 用Photoshop和Illustrator绘制线条图案文字

用Photoshop和Illustrator绘制线条图案文字

.................................................................................................................................................................

本教程教大家用PS和AI绘制一个线条图案的文字效果,具体过程是先用Illustrator绘制基本矢量形状,然后用Photoshop图层样式添加阴影和细节。

效果图如下:

第一步:

打开Illustrator创建一个新的文件大小为2880×1800,然后用直线工具绘制两条线段如下图:

media_1430108772421

第二步:

选择混合工具,在这两条线中间复制多条线段,间距更改30像素。

media_1430108843685

第三步:

然后使用钢笔工具绘制如图中形状

media_1430108945825

第四步:

创建形状后,制3或4倍,创建一个与背景的颜色相同的形状,隐藏底下垂直的线条。

media_1430109154902

第五步:

把中间空白的地方用线条连起来。

media_1430109118734

第六步:

选择线条连接点改成圆角,这里我选择90像的圆角。

media_1430109163712

第七步:

根据自己的喜好改变颜色,我选择了一个深灰色的背景和青色的线条,这样看起来设计感较强。

media_1430109206335

第八步:

打开photoshop,用多边形套索工具选择出文字形状,CTRL+J复制出来,双击添加图层样式。

media_1430109221883

第九步:

对于阴影选项我用正片叠底的混合模式,120°角度、20像素的距离、40个像素大小,最重要的是25%的杂色。

media_1430109264089

第十步:

用蒙版擦掉图中所选区域的阴影效果。

media_1430109240856

完成效果图:

media_1430109302391

本文链接:用Photoshop和Illustrator绘制线条图案文字

转载声明:本站文章若无特别说明,皆为原创,转载请注明来源:网页设计学,不可只有文字没有链接,请尊重他人的劳动成果!否则我们将追究其责任。

特别说明:本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!


...........................................................................................................................................................

相关文章

发表评论

友情链接:

  • 网页设计

专业网页设计师交流平台 设计交流QQ群: 网页设计交流