公告:魔扣目录网为广大站长提供免费收录网站服务,提交前请做好本站友链:【 网站目录:https://www.morko.net 】, 免友链快审服务(50元/站),

点击这里在线咨询客服
新站提交
  • 网站:51998
  • 待审:31
  • 小程序:12
  • 文章:1030137
  • 会员:747

草莓字非常有创意,制作过程虽然复杂了一点,不过思路比较简单,我们把文字分为两个大的部分,字体部分及装饰部分。字体部分用多个图层样式叠加完成,做出草莓果肉质感。后期再增加种子及叶子等即可。


先看看效果图

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

1、新建1024*768px大小的文档,填充背景色#f8cece。

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

2、我们用字体Janda Manatee,设置字体颜色#f12f2f,字体大小300px左右,间距20,输入文字。

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

3、复制一层字体图层,得到副本图层,将副本图层的填充改为0%。

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

4、双击原始的字体图层,我们设置图层样式如下。

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

5、设置字体副本图层样式如下。

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

6、选择移动工具,来到原始字体图层,按键盘上右键两下,下键两下。

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库


7、复制字体副本图层,得到字体副本图层2,右击清除图层样式,重新设置图层样式如下。

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

8、新建100*100px大小的文档,放大到适当的大小,我们用椭圆工具,设置宽度45px,高度85px,前景色黑色,拉个椭圆。

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

9、选择直接选择工具,点击椭圆的下端,继续编辑--自由变换点。

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

10、按住alt和shift键,向右拉。因为按住alt键,所以拉一边的同时另一边也在拉。同样的方法处理上面的部分,往外拉,大致效果如下即可。编辑--定义画笔预设。

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

11、来到文档,我们设置画笔如下。

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

12、将前景色设为#d9a907,新建图层"种子",在字体上随意画出如下效果。

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

13、复制种子图层,我们将原始种子图层的填充改为0%。

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

14、我们对原始种子图层设置图层样式如下。

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

15、我们来到种子副本图层,进行图层样式设置。

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

16、按住ctrl键点击原始字体图层,得到字体选区。

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

17、选择--扩展3px,得到选区如下。

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

18、我们在种子图层上新建图层"内阴影",上一步的选区不变,编辑填充白色。

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

19、将图层填充改为0%,设置图层样式如下。

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

20、保持选区不变,我们在两个字体副本之间新建图层"渐变",同样编辑填充白色。

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

21、矩形选框工具,选择减少选区。框住字体"5",将5的选区去掉。其他部分剪贴,粘贴。

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

22、我们将字体"5"图层填充0%,设置图层样式如下。

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

23、同样的方法处理字体"2",同样填充0%,设置图层样式渐变叠加,颜色如22步。

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

24、同样的方法处理其他的字体,每个字母一个图层。

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库


25、打开草莓图片素材,我们用磁性套索工具,将草莓部分勾出(只需点击一下草莓边缘,沿着草莓一圈即可),delete删除,得到叶子部分,稍微修饰一下。

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

26、我们将抠好的草莓叶子放在字体上面,ctrl+T稍微变换位置大小。

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

27、给草莓叶子进行色相/饱和度的调整。

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

28、给草莓叶子添加图层样式。

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

29、字体部分我们已经完成了,最后我们处理下背景部分。我们打开圆点素材,定义图案。在背景图层上新建"圆点"图层,编辑填充上一步定义的图案。将图层模式改为正片叠底,不透明度35%。

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

30、当然你也可以最后将字体周边的点点进行擦拭,边上再打上小小的字体。

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库

最终效果:

Photoshop制作立体效果的草莓艺术字,PS教程,站长图库


分享到:
标签:
用户无头像

网友整理

注册时间:

网站:5 个   小程序:0 个  文章:12 篇

  • 51998

    网站

  • 12

    小程序

  • 1030137

    文章

  • 747

    会员

赶快注册账号,推广您的网站吧!
最新入驻小程序

数独大挑战2018-06-03

数独一种数学游戏,玩家需要根据9

答题星2018-06-03

您可以通过答题星轻松地创建试卷

全阶人生考试2018-06-03

各种考试题,题库,初中,高中,大学四六

运动步数有氧达人2018-06-03

记录运动步数,积累氧气值。还可偷

每日养生app2018-06-03

每日养生,天天健康

体育训练成绩评定2018-06-03

通用课目体育训练成绩评定