Photoshop制作科技效果壁纸教程

2021-11-10 0 907

先看最终效果

Photoshop制作科技效果壁纸教程

最终效果

1、选择“文件/新建”菜单,打开“新建”或者Ctrl+N对话框 名称为:炫耀壁纸,宽度:为1024像素, 高度:为650像素, “分辨率”为300 , “模式”为RGB颜色的文档,单击确定按钮,如图1所示。

Photoshop制作科技效果壁纸教程

图1

2、在图层控制面板击新建图层按钮,新建一个“壁纸背景”,选择工具箱渐变工具(快捷键G),在工具选项栏中设置为线性渐变,然后点按可编辑渐变,弹出渐变编辑器。双击如图2中的A处,设置色彩RGB分别为0、14、44。再双击图2中所示的B处,设置RGB分别为28、96、157,再双击图2中所示的C处,设置RGB分别为0、13、44,单击确定按钮,如图2所示。效果图如图3所示。

Photoshop制作科技效果壁纸教程

图2

Photoshop制作科技效果壁纸教程

图3

3、选择“滤镜/渲染/镜头光晕”菜单,弹出镜头光晕对话框,设置亮度为114%,镜头类型为50–300毫米变焦,单击确定按钮,如图4所示。效果图如图5所示。

Photoshop制作科技效果壁纸教程

图4

Photoshop制作科技效果壁纸教程

图5

4、在图层控制面板击新建图层按钮,新建一个“线条”,在工具箱中选择直线工具 ,在工作区中拖出一个直线形状,如图6所示。

Photoshop制作科技效果壁纸教程

图6

5、在图层控制面板中选择线条图层,设置前景色为白色,并按键盘Ctrl+Enter把线的形状转换为选区,按键盘快捷键Alt+Delete填充给线条形状,接着按键盘快捷键Ctrl+D取消选区,效果图如图7所示。

Photoshop制作科技效果壁纸教程

图7

6、在图层控制面板中选择线条图层,按住Alt不放,用鼠标左键拖动出线条副本图层,按快捷键Ctrl+T,将副本图层进行自由变换,将其大小及位置进行调整,并用相同的方法再拖动出的线条副本图层2,并变换其大小及位置,按快捷键Ctrl+E将所选图层合并,如图8所示。如图9所示

Photoshop制作科技效果壁纸教程

图8

Photoshop制作科技效果壁纸教程

图9

7、在图层控制面板中选择线条副本2图层,点击添加图层蒙板,给线条副本2图层添加图层蒙板,接着在属性栏中选择渐变工具,设置为线性渐变,从左到右拉线性渐变,并在图层控制面板上面设置图层混合模式为柔光,如图10所示。

Photoshop制作科技效果壁纸教程

图10

8、创建新图层按钮 ,命名为“方块制作”,在工具箱中选择矩形工具 ,在工作区中拖出一个矩形形状,如图11所示。

Photoshop制作科技效果壁纸教程

图11

9、在工具箱中选择前景色,弹出拾色器对话框,设置模式为RGB,RGB值分别为57、98、99,然后点击确定按钮,接着按键盘快捷键Ctrl+D取消选区,如图12所示。效果图如图13所示。

Photoshop制作科技效果壁纸教程

图12

Photoshop制作科技效果壁纸教程

图13

10、选择“编辑/变形/斜切”菜单,并适当调整变形形状,如图14所示。

Photoshop制作科技效果壁纸教程

图14

11、创建新图层按钮 ,命名为“方块制作1”,在工具箱中选择矩形工具 ,在工作区中拖出一个矩形形状,如图15所示。

Photoshop制作科技效果壁纸教程

图15

12、在工具箱中选择前景色,弹出拾色器对话框,设置模式为RGB,RGB值分别为231、208、183,然后点击确定按钮,接着按键盘快捷键Ctrl+D取消选区,如图16所示。效果图如图17所示。

Photoshop制作科技效果壁纸教程

图16

Photoshop制作科技效果壁纸教程

图17

13、创建新图层按钮 ,命名为“方块制作2”,在工具箱中选择矩形工具 ,在工作区中拖出一个矩形形状,如图18所示。

Photoshop制作科技效果壁纸教程

图18

14、在工具箱中选择前景色,弹出拾色器对话框,设置模式为RGB,RGB值分别为183、218、219,然后点击确定按钮,接着按键盘快捷键Ctrl+D取消选区,如图19所示。效果图如图20所示。

Photoshop制作科技效果壁纸教程

图19

Photoshop制作科技效果壁纸教程

图20

15、选择“编辑/变形/斜切”菜单,并适当调整形状,并变换其大小及位置,按快捷键Ctrl+E将所选图层合并,如图21所示。效果如图22所示。

Photoshop制作科技效果壁纸教程

图21

Photoshop制作科技效果壁纸教程

图22

16、在图层控制面板中选择方块制作3,按住Alt不放,用鼠标左键拖动出方块制作4,按快捷键Ctrl+T,将副本图层进行自由变换,将其大小及位置进行调整,并用相同的方法再拖动出的方块制作5、6、7、8,并变换其大小及位置,按快捷键Ctrl+B调整颜色,如图23所示。

Photoshop制作科技效果壁纸教程

图23

17、在图层控制面板击新建图层按钮,新建一个图层并命名为“光线”,在工具箱中选择矩形工具 ,在工作区中拖出一个矩形选区,如图24所示。

Photoshop制作科技效果壁纸教程

图24

18、在工具箱中选择设置前景色,设置前景色的为白色,按快捷键Alt+Delete填充给眼睛图层,然后按快捷键Ctrl+D取消选择状态,如图25所示。

Photoshop制作科技效果壁纸教程

图25

19、执行“滤镜/扭曲/旋转扭曲”,弹出旋转扭曲对话框,设置角度为-999度,然后点击确定按钮,如图26所示。效果图如图27所示。

Photoshop制作科技效果壁纸教程

图26

Photoshop制作科技效果壁纸教程

图27

20、执行“滤镜/模糊/动感模糊”菜单,弹出动感模糊对话框,设置角度为90度,距离为48像素,然后点击确定按钮,如图28所示。效果图如图29所示。

Photoshop制作科技效果壁纸教程

图28

Photoshop制作科技效果壁纸教程

图29

21、在图层控制面板选择光线图层,并在图层控制面板上面设置图层混合模式为叠加,如图30所示。

Photoshop制作科技效果壁纸教程

图30

22、在图层控制面板中选择光线图层,按住Alt不放,用鼠标左键拖动光线图层副本,按快捷键Ctrl+T,将副本图层进行自由变换,将其大小及位置进行调整,并在图层控制面板上面设置图层混合模式为叠加,如图31所示。

Photoshop制作科技效果壁纸教程

图31

23、在图层控制面板击新建图层按钮,新建一个图层并命名为“圆”,在工具箱中选择椭圆工具 ,在工作区中拖出一个椭圆选区,如图32所示。

Photoshop制作科技效果壁纸教程

图32

24、在工具箱中选择设置前景色,设置前景色的为白色,按快捷键Alt+Delete填充给圆图层,然后按快捷键Ctrl+D取消选择状态,如图33所示。

Photoshop制作科技效果壁纸教程

图33

25、在图层控制面板中选择圆图层,按住Alt不放,用鼠标左键拖动出圆副本,将副本图层进行自由变换,将其大小及位置进行调整,并用相同的方法再拖动出的圆副本2、3、4、5,并变换其大小及位置,并按快捷键Ctrl+E合并,如图34所示。效果图如图35所示。

Photoshop制作科技效果壁纸教程

图34

Photoshop制作科技效果壁纸教程

图35

26、在工具箱中选择横排文字工具,在工作区中用鼠标单击后,随便输入“dghyu”字,在工具选项栏中设置字体为“经典美黑简 ”,设置字体大小为3点,设置消除锯齿为“浑厚”设置字体颜色为白色,如图36所示。

Photoshop制作科技效果壁纸教程

图36

27、在图层控制面板击新建图层按钮,新建一个图层并命名为“点”,在工具箱中选择椭圆工具 ,在工作区中拖出一个椭圆选区,如图37所示。

Photoshop制作科技效果壁纸教程

图37

28、在工具箱中选择设置前景色,设置前景色的为白色,按快捷键Alt+Delete填充给圆图层,然后按快捷键Ctrl+D取消选择状态,如图38所示。

Photoshop制作科技效果壁纸教程

图38

29、在图层控制面板中选择点图层,按住Alt不放,用鼠标左键拖动出点副本,将副本图层进行自由变换,将其大小及位置进行调整,并用相同的方法再拖动出的圆副本2、3、4、5,并变换其大小及位置,并按快捷键Ctrl+E合并,如图39所示。效果图如图40所示。

Photoshop制作科技效果壁纸教程

图39

Photoshop制作科技效果壁纸教程

图40

30、用相同的方法,具体操作主要是对点进行排版与距离的操作,如图41所示。效果如图42所示。

Photoshop制作科技效果壁纸教程

图41

Photoshop制作科技效果壁纸教程

图42

31、在图层控制面板选择点图层,并在图层控制面板上面设置图层混合模式为叠加,如图43所示。也是最终效果。

Photoshop制作科技效果壁纸教程

图43

进入ps工具网:https://xunluyun.com/viewthread.php?tid=479981

1、本站所有言论和图片纯属会员个人意见,与本论坛立场无关 2、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者和PS工具网的同意 3、请支持我们PS工具网XUNLUYUN.COM 4、本帖部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责 5、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意 6、photoshop工具官网管理员和版主有权不事先通知发贴者而删除本文

photoshop官网 ps教程 Photoshop制作科技效果壁纸教程 https://xunluyun.com/4387.html

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务