查看: 94|回覆: 1

[photoshop] PS鼠绘教程:绘制超精致《今日头条》立体图标

[複製鏈接]

1

主題

0

回帖

0

積分

热心网友

金币
0
閲讀權限
220
精華
0
威望
0
贡献
0
在線時間
0 小時
註冊時間
2012-5-25
發表於 2014-6-30 15:31:19 | 顯示全部樓層 |閲讀模式
这篇教程教琼殿技术社区的PS鼠绘学习者们PS绘制超精致《今日头条》立体图标,教程绘制出来的图标效果还挺漂亮的。绘制的难度也不大。推荐过来和琼殿技术社区的朋友们一起分享学习了,我们先来看看最终的效果图吧:

效果:

提示:本教程所用PS版本为2014年6月下旬发布的最新 Photoshop CC 2014 ,老版本可能部分步骤无法实现,学习本教程前,务必下载最新版本

本教程平台为 Mac 系统,Windows下也可以看,步骤是一样的

具体的制作步骤如下:

1,新建画布,参数如下

2,新建两图层,填充颜色 #dcdcdc,分别命名为墙,地板

3, 选择圆角矩形工具,设置为形状,半径为52,然后画一个300x300的圆角矩形,设置矩形颜色为纯白,并放在画布中央,将该图层命名为 白板背景

4,选择钢笔工具,选择形状,画出红布,颜色为: #ff0000 ,将该图层命名为 红布

     

5,继续用钢笔工具画出头条和灰色横线,头条设置为纯白,灰色横线为 #dcdcdc,图层分别命名为头条,文字纹理


6,最终的图层应该是这样的

7,为了节省大家的时间,这一步我将源文件上传了,大家可以在附件里下载

8,点击窗口,选3D和属性,让这两个面板显示出来

9,选择头条图层,菜单栏选择 3D-从所选路径新建3D模型,如果提示是否切到3D视图,选否

10,对红布,文字纹理,白板背景同样做相同操作,操作完后如下


11,选择墙图层,选择3D-从图层新建网格-明信片

12,对地板也做相同操作

13,选中这些刚才进行3D操作的图层,选择 3D - 合并3D图层

14,选择3D窗口,选择当前视图,可以转换视图

15,3D窗口里,选择白板背景,双击白板背景前的星星图标,进入属性页面

16,凸出设为200

17,选择盖子图标,宽度设为6,等高线选择半圆

18,对红布做相同操作,凸出为400,宽度3,等高线半圆

19,头条:凸出为50,宽度3,等高线保持默认

20,文字纹理:和头条一致

21,双击墙前面的图标,在坐标下,将x的旋转设为90


22,选中哪个图层,哪个图层就会有三轴杆,可以移动,旋转和缩放

23,通过三轴控件,调整各个图层的位置,并且缩放调整大小,必要时通过调整当前视图来判断位置,最后调整成你想要的视图,如下

24,双击当前视图前的图标,在视图下,选择储存,命名为 预渲染视图

25,此时,你可以在3D窗口看到预渲染视图了,不管你怎么调整视图,点击预渲染视图即可回到预设好的角度,方便临时切换视图

26,双击白板背景前膨胀材质前面的图标


上一页12 下一页 阅读全文
回覆

使用道具 舉報

0

主題

720

回帖

4441

積分

琼殿精英

金币
3721
閲讀權限
220
精華
0
威望
0
贡献
0
在線時間
0 小時
註冊時間
2011-10-11
發表於 2026-5-9 09:49:26 | 顯示全部樓層
好详细的教程!

LZ辛苦了,步骤写得很详细很清楚,对于我这种PS新手来说真是福音啊!之前一直想学3D图标怎么做,但是网上教程都太笼统了,看得云里雾里的。

特别是后面3D调整的部分,讲得很到位,那个预渲染视图的设置太实用了,以后切换视角就方便多了。
温馨提示:
本教程所用PS版本为Photoshop CC 2014,老版本可能部分步骤无法实现

看到这段提示我觉得很贴心,赞一个!不过我想问一下,如果用的是CS6版本的话,有没有办法实现类似的效果呢?大概需要怎么调整?

另外想问一下,源文件什么时候能上传?期待ing...

强烈建议版主给加精!
回覆

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 立即注册

本版積分規則

相关侵权、举报、投诉及建议等,请发 E-mail:qiongdian@foxmail.com

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.

在本版发帖返回顶部