首页 PS教程 用Illustrator和Photoshop制作一个3D的壁纸

用Illustrator和Photoshop制作一个3D的壁纸

791650988 2022年5月19日 7:36 阅读(114) 评论(0)

作者:白裤衩 出处:全球经典设计聚合网 今天我们来如果了解用Illustrator和Photoshop制作一个3D的壁纸，这个教程你将学到如何使用加深和减淡工具等一些非常实用的教程。 最终结果预览 第1步 创建一个新文档 选择文件新建或按Ctrl+ N,大小为1440px(宽) 900px(高度)，你也可以

PS制作Aqua风格宽屏壁纸效果教程

作者:TnG 编译 出处:太平洋电脑网 最终效果 下面是详细的制作步骤 ： 1、选择菜单文件 新建，新建一个文档，宽度1024像素 高度768像素，分辨率为72像素/英寸 2、使用矩形工具（U）为我们的壁纸描绘渐变背景。从工具栏选择矩形工具 在选项栏点击选中形状图层 图标，绘制一个1


作者:白裤衩　  出处:全球经典设计聚合网

 今天我们来如果了解用Illustrator和Photoshop制作一个3D的壁纸，这个教程你将学到如何使用加深和减淡工具等一些非常实用的教程。

最终结果预览

用Illustrator和Photoshop制作一个3D的壁纸插图

第1步 – 创建一个新文档

选择“文件>新建或按Ctrl+ N,大小为1440px(宽)× 900px(高度)，你也可以设置你喜欢的大小。

用Illustrator和Photoshop制作一个3D的壁纸插图(1)

第2步 – 填充背景

选取渐变工具，选择#084159蓝颜色来填充背景。

用Illustrator和Photoshop制作一个3D的壁纸插图(2)

第3步 -制作灯光

现在我们添加一个光源，选择画笔工具(B)，设置大小为300PX，然后在图的中央点出一个亮点来，要选择柔软的笔刷。

用Illustrator和Photoshop制作一个3D的壁纸插图(3)

第4步 – 创建三D文字

在这一步中，您将创建3D文字。这里我们要先打开Illustrator，选择地址字体，字体下载,这里我们在画布上输入I字，就是图中的文字了，然后在填充颜色为#F57F20，“菜单>效果>三维>凹凸与斜角”，然后按下面这么设置。

用Illustrator和Photoshop制作一个3D的壁纸插图(4)

第5步 – 将在Photoshop 3D文字

从Illustrator复制文本并将其粘贴到Photoshop。选择这个新层，选择栅格化图层。

用Illustrator和Photoshop制作一个3D的壁纸插图(5)

第6步 – 改变颜色

这一步我们改变它的颜色，让他和背景融合，按Ctrl+U参照下图设置：

用Illustrator和Photoshop制作一个3D的壁纸插图(6)

第7步 – 鼠绘图形

选择钢笔工具，然后照着下面给的图画出图像。

用Illustrator和Photoshop制作一个3D的壁纸插图(7)

第8步 – 添加颜色填充路径

画好后按 Ctrl + Enter，然后填充颜色为#005A75。

用Illustrator和Photoshop制作一个3D的壁纸插图(8)

第9步 – 添加亮点

这里我们就要突出一个图形的亮光来，选择加深减淡工具的减淡工具把图形的点出一点高光来。

用Illustrator和Photoshop制作一个3D的壁纸插图(9)

第10步-添加暗部

点玩高光，我们接下来是在制作暗部，还是选择加深减淡工具，然后选择加深工具，安装下图这样把暗部也点出来。

用Illustrator和Photoshop制作一个3D的壁纸插图(10)

第11步 – 添加更多亮

点

用钢笔工具，按照下图所示画个波纹出来

用Illustrator和Photoshop制作一个3D的壁纸插图(11)

第12步 – 用颜色填充路径

按Ctrl + Enter，然后填充白色#FFF

用Illustrator和Photoshop制作一个3D的壁纸插图(12)

第13步 – 添加模糊

先降低透明度为20%。然后滤镜>模糊>高斯模糊，设置半径0.8px值

用Illustrator和Photoshop制作一个3D的壁纸插图(13)

第14步 – 再次添加亮点

还是选择加深减淡工具，选择简单工具，工具设置如下图，然后在下面3个位置点3个点的高光出来。

用Illustrator和Photoshop制作一个3D的壁纸插图(14)

第15步 – 改变颜色

想要3D效果更好一点，所以这里我们将改变下颜色。图像>调整>色相/饱和度(或按Ctrl + U)，按下图设置：

用Illustrator和Photoshop制作一个3D的壁纸插图(15)

第16步 – 使用涂抹

在图形的一些地方用涂抹工具涂抹下，让高光看起来是散开的，也更加真实一点。

用Illustrator和Photoshop制作一个3D的壁纸插图(16)

第17步 – 加深暗部

选取加深工具。把字体的左边部分刷黑，如下图：

用Illustrator和Photoshop制作一个3D的壁纸插图(17) 

第18步 – 添加亮点

选择减淡工具，把字体的右边刷亮，如下图：

用Illustrator和Photoshop制作一个3D的壁纸插图(18)

刷亮全图的效果图

用Illustrator和Photoshop制作一个3D的壁纸插图(19)

步骤19 – 把字母分开

选择套索工具。或者按L键。把I字的头部给分离出来，选择后按Ctrl+J。

用Illustrator和Photoshop制作一个3D的壁纸插图(20)

步骤20 – 增加色彩

现在我们来加一点色彩。使用矩形工具，按M键，画出矩形，然后新建图层，填充绿色“#98b209”，然后在复制到右边一个，填充颜色粉红色“#ea185f”,在到右边画一个小的矩形，填充蓝色“#0048ff”。把3个图层合并，然后按Ctrl+T把他旋转50°。

用Illustrator和Photoshop制作一个3D的壁纸插图(21)

用Illustrator和Photoshop制作一个3D的壁纸插图(22)

用Illustrator和Photoshop制作一个3D的壁纸插图(23)

用Illustrator和Photoshop制作一个3D的壁纸插图(24)

步骤21 – 添加模糊

选择菜单>滤镜”模糊，然后按下图设置：

用Illustrator和Photoshop制作一个3D的壁纸插图(25)

步骤22 – 添加高斯模糊

为了使边缘更平滑，您需要添加高斯模糊。 选择“菜单>滤镜”>模糊>“高斯模糊，半径设置为32.7像素。

用Illustrator和Photoshop制作一个3D的壁纸插图(26)

步骤23 – 混合背景

按Ctrl + Alt + G，把色彩混合到图形文字里去。

用Illustrator和Photoshop制作一个3D的壁纸插图(27)

步骤24 – 增加蒙版

右键单击图层，然后选择创建剪贴蒙版。

用Illustrator和Photoshop制作一个3D的壁纸插图(28)

步骤25 – 增加颜色

复制一层色彩，改变混合模式为色相。按Ctrl + Alt + G，然后按Ctrl + T变大。

用Illustrator和Photoshop制作一个3D的壁纸插图(29)

步骤26 – 移动颜色

用移动工具(V)，把彩虹移动一下。

用Illustrator和Photoshop制作一个3D的壁纸插图(30)

步骤27 – 创建阴影

复制文字图层，按Ctrl + T自由变换，按照下图所示：

用Illustrator和Photoshop制作一个3D的壁纸插图(31)

用Illustrator和Photoshop制作一个3D的壁纸插图(32)

步骤28 – 增加模糊

为了使阴影更真实。 选择“菜单>滤镜”>模糊“>高斯模糊，设置半径4像素值。

用Illustrator和Photoshop制作一个3D的壁纸插图(33)

步骤29 – 模糊影子

选择橡皮擦工具(E)，选择一些软轮刷，并设置300像素值主直径。 抹去的阴影的顶端部分。

用Illustrator和Photoshop制作一个3D的壁纸插图(34)

步骤30 – 变换阴影

进入“编辑>变换>变形“，改变一下阴影形状。

用Illustrator和Photoshop制作一个3D的壁纸插图(35)

用Illustrator和Photoshop制作一个3D的壁纸插图(36)

步骤31 – 复制对象

这里我们把字母复制几个，让摆成斜线，按照下面的样子摆好。

用Illustrator和Photoshop制作一个3D的壁纸插图(37)

步骤32 – 创建虚实

把所以复制出来的文字都模糊了，选择”菜单>滤镜>模糊>高斯模糊，下图所示：

用Illustrator和Photoshop制作一个3D的壁纸插图(38)

用Illustrator和Photoshop制作一个3D的壁纸插图(39)

用Illustrator和Photoshop制作一个3D的壁纸插图(40)

用Illustrator和Photoshop制作一个3D的壁纸插图(41)

步骤33 – 添加云

现在我们用笔刷工具在文字后面刷出一片云。下载云笔刷。

用Illustrator和Photoshop制作一个3D的壁纸插图(42)

选一点淡蓝色。

用Illustrator和Photoshop制作一个3D的壁纸插图(43)

步骤34 – 添加鸟

下载鸟形状，鸟图像下载

用Illustrator和Photoshop制作一个3D的壁纸插图(44)

用Illustrator和Photoshop制作一个3D的壁纸插图(45)

步骤35 – 添加羽毛

下载羽毛刷子 ，并把它安装到Photoshop。

用Illustrator和Photoshop制作一个3D的壁纸插图(46)

随意摆放，在调整下。

用Illustrator和Photoshop制作一个3D的壁纸插图(47)

步骤36 – 添加鸟的阴影

最好一步在鸟的下面用选取工具画个图像，然后填充黑色，不透明为70%。

用Illustrator和Photoshop制作一个3D的壁纸插图(48)

最终结果

用Illustrator和Photoshop制作一个3D的壁纸插图


作者:白裤衩　  出处:全球经典设计聚合网

 今天我们来如果了解用Illustrator和Photoshop制作一个3D的壁纸，这个教程你将学到如何使用加深和减淡工具等一些非常实用的教程。

最终结果预览

用Illustrator和Photoshop制作一个3D的壁纸插图

第1步 – 创建一个新文档

选择“文件>新建或按Ctrl+ N,大小为1440px(宽)× 900px(高度)，你也可以设置你喜欢的大小。

用Illustrator和Photoshop制作一个3D的壁纸插图(1)

第2步 – 填充背景

选取渐变工具，选择#084159蓝颜色来填充背景。

用Illustrator和Photoshop制作一个3D的壁纸插图(2)

第3步 -制作灯光

现在我们添加一个光源，选择画笔工具(B)，设置大小为300PX，然后在图的中央点出一个亮点来，要选择柔软的笔刷。

用Illustrator和Photoshop制作一个3D的壁纸插图(3)

第4步 – 创建三D文字

在这一步中，您将创建3D文字。这里我们要先打开Illustrator，选择地址字体，字体下载,这里我们在画布上输入I字，就是图中的文字了，然后在填充颜色为#F57F20，“菜单>效果>三维>凹凸与斜角”，然后按下面这么设置。

用Illustrator和Photoshop制作一个3D的壁纸插图(4)

第5步 – 将在Photoshop 3D文字

从Illustrator复制文本并将其粘贴到Photoshop。选择这个新层，选择栅格化图层。

用Illustrator和Photoshop制作一个3D的壁纸插图(5)

第6步 – 改变颜色

这一步我们改变它的颜色，让他和背景融合，按Ctrl+U参照下图设置：

用Illustrator和Photoshop制作一个3D的壁纸插图(6)

第7步 – 鼠绘图形

选择钢笔工具，然后照着下面给的图画出图像。

用Illustrator和Photoshop制作一个3D的壁纸插图(7)

第8步 – 添加颜色填充路径

画好后按 Ctrl + Enter，然后填充颜色为#005A75。

用Illustrator和Photoshop制作一个3D的壁纸插图(8)

第9步 – 添加亮点

这里我们就要突出一个图形的亮光来，选择加深减淡工具的减淡工具把图形的点出一点高光来。

用Illustrator和Photoshop制作一个3D的壁纸插图(9)

第10步-添加暗部

点玩高光，我们接下来是在制作暗部，还是选择加深减淡工具，然后选择加深工具，安装下图这样把暗部也点出来。

用Illustrator和Photoshop制作一个3D的壁纸插图(10)

第11步 – 添加更多亮

点

用钢笔工具，按照下图所示画个波纹出来

用Illustrator和Photoshop制作一个3D的壁纸插图(11)

第12步 – 用颜色填充路径

按Ctrl + Enter，然后填充白色#FFF

用Illustrator和Photoshop制作一个3D的壁纸插图(12)

第13步 – 添加模糊

先降低透明度为20%。然后滤镜>模糊>高斯模糊，设置半径0.8px值

用Illustrator和Photoshop制作一个3D的壁纸插图(13)

第14步 – 再次添加亮点

还是选择加深减淡工具，选择简单工具，工具设置如下图，然后在下面3个位置点3个点的高光出来。

用Illustrator和Photoshop制作一个3D的壁纸插图(14)

第15步 – 改变颜色

想要3D效果更好一点，所以这里我们将改变下颜色。图像>调整>色相/饱和度(或按Ctrl + U)，按下图设置：

用Illustrator和Photoshop制作一个3D的壁纸插图(15)

第16步 – 使用涂抹

在图形的一些地方用涂抹工具涂抹下，让高光看起来是散开的，也更加真实一点。

用Illustrator和Photoshop制作一个3D的壁纸插图(16)

第17步 – 加深暗部

选取加深工具。把字体的左边部分刷黑，如下图：

用Illustrator和Photoshop制作一个3D的壁纸插图(17) 

第18步 – 添加亮点

选择减淡工具，把字体的右边刷亮，如下图：

用Illustrator和Photoshop制作一个3D的壁纸插图(18)

刷亮全图的效果图

用Illustrator和Photoshop制作一个3D的壁纸插图(19)

步骤19 – 把字母分开

选择套索工具。或者按L键。把I字的头部给分离出来，选择后按Ctrl+J。

用Illustrator和Photoshop制作一个3D的壁纸插图(20)

步骤20 – 增加色彩

现在我们来加一点色彩。使用矩形工具，按M键，画出矩形，然后新建图层，填充绿色“#98b209”，然后在复制到右边一个，填充颜色粉红色“#ea185f”,在到右边画一个小的矩形，填充蓝色“#0048ff”。把3个图层合并，然后按Ctrl+T把他旋转50°。

用Illustrator和Photoshop制作一个3D的壁纸插图(21)

用Illustrator和Photoshop制作一个3D的壁纸插图(22)

用Illustrator和Photoshop制作一个3D的壁纸插图(23)

用Illustrator和Photoshop制作一个3D的壁纸插图(24)

步骤21 – 添加模糊

选择菜单>滤镜”模糊，然后按下图设置：

用Illustrator和Photoshop制作一个3D的壁纸插图(25)

步骤22 – 添加高斯模糊

为了使边缘更平滑，您需要添加高斯模糊。 选择“菜单>滤镜”>模糊>“高斯模糊，半径设置为32.7像素。

用Illustrator和Photoshop制作一个3D的壁纸插图(26)

步骤23 – 混合背景

按Ctrl + Alt + G，把色彩混合到图形文字里去。

用Illustrator和Photoshop制作一个3D的壁纸插图(27)

步骤24 – 增加蒙版

右键单击图层，然后选择创建剪贴蒙版。

用Illustrator和Photoshop制作一个3D的壁纸插图(28)

步骤25 – 增加颜色

复制一层色彩，改变混合模式为色相。按Ctrl + Alt + G，然后按Ctrl + T变大。

用Illustrator和Photoshop制作一个3D的壁纸插图(29)

步骤26 – 移动颜色

用移动工具(V)，把彩虹移动一下。

用Illustrator和Photoshop制作一个3D的壁纸插图(30)

步骤27 – 创建阴影

复制文字图层，按Ctrl + T自由变换，按照下图所示：

用Illustrator和Photoshop制作一个3D的壁纸插图(31)

用Illustrator和Photoshop制作一个3D的壁纸插图(32)

步骤28 – 增加模糊

为了使阴影更真实。 选择“菜单>滤镜”>模糊“>高斯模糊，设置半径4像素值。

用Illustrator和Photoshop制作一个3D的壁纸插图(33)

步骤29 – 模糊影子

选择橡皮擦工具(E)，选择一些软轮刷，并设置300像素值主直径。 抹去的阴影的顶端部分。

用Illustrator和Photoshop制作一个3D的壁纸插图(34)

步骤30 – 变换阴影

进入“编辑>变换>变形“，改变一下阴影形状。

用Illustrator和Photoshop制作一个3D的壁纸插图(35)

用Illustrator和Photoshop制作一个3D的壁纸插图(36)

步骤31 – 复制对象

这里我们把字母复制几个，让摆成斜线，按照下面的样子摆好。

用Illustrator和Photoshop制作一个3D的壁纸插图(37)

步骤32 – 创建虚实

把所以复制出来的文字都模糊了，选择”菜单>滤镜>模糊>高斯模糊，下图所示：

用Illustrator和Photoshop制作一个3D的壁纸插图(38)

用Illustrator和Photoshop制作一个3D的壁纸插图(39)

用Illustrator和Photoshop制作一个3D的壁纸插图(40)

用Illustrator和Photoshop制作一个3D的壁纸插图(41)

步骤33 – 添加云

现在我们用笔刷工具在文字后面刷出一片云。下载云笔刷。

用Illustrator和Photoshop制作一个3D的壁纸插图(42)

选一点淡蓝色。

用Illustrator和Photoshop制作一个3D的壁纸插图(43)

步骤34 – 添加鸟

下载鸟形状，鸟图像下载

用Illustrator和Photoshop制作一个3D的壁纸插图(44)

用Illustrator和Photoshop制作一个3D的壁纸插图(45)

步骤35 – 添加羽毛

下载羽毛刷子 ，并把它安装到Photoshop。

用Illustrator和Photoshop制作一个3D的壁纸插图(46)

随意摆放，在调整下。

用Illustrator和Photoshop制作一个3D的壁纸插图(47)

步骤36 – 添加鸟的阴影

最好一步在鸟的下面用选取工具画个图像，然后填充黑色，不透明为70%。

用Illustrator和Photoshop制作一个3D的壁纸插图(48)

最终结果

用Illustrator和Photoshop制作一个3D的壁纸插图



0 赞

作者: 791650988

为您推荐

PS给TVB古装MM照片打造唯美言情风转手(5)插图

PS给TVB古装MM照片打造唯美言情风转手(5)

ps通道抠长发教程插图

ps通道抠长发教程

旅游海报，设计普吉岛沙滩旅游景区海报教程(8)插图

旅游海报，设计普吉岛沙滩旅游景区海报教程(8)

旅游海报，设计普吉岛沙滩旅游景区海报教程(3)插图

旅游海报，设计普吉岛沙滩旅游景区海报教程(3)

ps绘制超美的游戏MM教程(9)插图

ps绘制超美的游戏MM教程(9)

Photoshop简单制作咬了一口的熟鸡蛋(6)插图

Photoshop简单制作咬了一口的熟鸡蛋(6)

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间：周一至周五，9:00-17:30，节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部