ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 7357|回复: 49
收起左侧

[UI设计] Photoshop制作3D效果教程:今日头条3D版

[复制链接]
发表于 2014-6-28 04:50:38 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

x
      最终效果:



提示:本教程所用PS版本为2014年6月下旬发布的最新 Photoshop CC 2014 ,老版本可能部分步骤无法实现,学习本教程前,务必下载最新版本
本教程平台为 Mac 系统,Windows下也可以看,步骤是一样的
提示:教程详细步骤在二楼,不用回复也能看到!
想下载该教程的可以回复获取下载网址:点击进入下载页
教程编号:133784 作者:Samice 出处:站酷
 楼主| 发表于 2014-6-28 04:50:40 | 显示全部楼层

Photoshop制作3D效果教程:今日头条3D版


1,新建画布,参数如下


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-6-28 04:50:41 | 显示全部楼层

Photoshop制作3D效果教程:今日头条3D版


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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-6-28 04:50:42 | 显示全部楼层

Photoshop制作3D效果教程:今日头条3D版


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








回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-6-28 04:50:43 | 显示全部楼层

Photoshop制作3D效果教程:今日头条3D版


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





回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-6-28 04:50:44 | 显示全部楼层

Photoshop制作3D效果教程:今日头条3D版


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





回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-6-28 04:50:45 | 显示全部楼层

Photoshop制作3D效果教程:今日头条3D版

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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-6-28 04:50:46 | 显示全部楼层

Photoshop制作3D效果教程:今日头条3D版


7,为了节省大家的时间,这一步我将源文件上传了:http://pan.baidu.com/s/1qWPnfdi?
回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-6-28 04:50:47 | 显示全部楼层

Photoshop制作3D效果教程:今日头条3D版


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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-6-28 04:50:48 | 显示全部楼层

Photoshop制作3D效果教程:今日头条3D版


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





回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-6-28 04:50:49 | 显示全部楼层

Photoshop制作3D效果教程:今日头条3D版


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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-6-28 04:50:50 | 显示全部楼层

Photoshop制作3D效果教程:今日头条3D版


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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-6-28 04:50:51 | 显示全部楼层

Photoshop制作3D效果教程:今日头条3D版


12,对地板也做相同操作


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-6-28 04:50:52 | 显示全部楼层

Photoshop制作3D效果教程:今日头条3D版


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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-6-28 04:50:53 | 显示全部楼层

Photoshop制作3D效果教程:今日头条3D版


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


回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-5-10 05:46 , Processed in 0.046032 second(s), 10 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表