Photoshop制作科技效果壁纸教程

2016-02-16 07:46 112 1 收藏

下面是个简单易学的Photoshop制作科技效果壁纸教程教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

【 tulaoshi.com - PS 】

先看最终效果

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

最终效果图

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

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图1

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

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图2

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图3

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

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图4

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图5

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

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图6

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

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图7

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

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图8

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图9

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

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图10

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

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图11

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

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图12

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图13

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

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图14

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

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图15

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

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图16

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图17

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

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图18

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

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图19

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图20

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

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图21

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图22

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

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图23

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

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图24

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

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图25

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

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图26

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图27

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

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图28

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图29

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

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图30

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

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图31

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

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图32

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

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图33

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图34

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图35

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

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图36

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

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图37

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

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图38

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

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图39

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图40

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

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图41

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图42

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

Photoshop制作科技效果壁纸教程,PS教程,图老师教程网

图43

来源:http://www.tulaoshi.com/n/20160216/1569865.html

延伸阅读
标签: PS PS基础
教程素材: MissYuan_教程素材.rar 先看看效果图 效果图
最终效果 1、新建文档1280x1024像素,背景白色,新建图层填充黑色,添加图层样式。 2、新建图层,用钢笔画出苹果轮廓,填充黑色。 3、添加图层样式。 4、同样方法新建图层用钢笔画出叶子形状,填充黑色。 5、添加图层样式。 6、还是老办法画出黑色形状。 7、填充归零,添加图层样式。 8、同...
标签: PS PS基础
原图 最终效果 1、打开原图素材,建新层,画一眼球大小的正圆选区,浅蓝到深蓝径向渐变。 2、添加蒙版,用黑色笔刷去除多余部分,图层模式叠加。 3、把金属素材拖入文档中。 4、添加蒙版,用黑色柔角笔刷去除多余部分。 5、图层模式叠加,添加色度/饱和度调整层,参数设置如下,并与纹理层形成剪贴蒙版(图层创建剪...
来源:图老师论坛 作者:凯文多拉 非常感谢凯文多拉再次给我们带来了非常精彩的教程--清凉的夏季壁纸! 本教程制作过程非常详细,基本上每个细节及调色数值都有说明,同时教程中的一些笔刷和素材都是用透明底的PNG格式保持的,我们直接下载拖入就可以使用,部分素材是白色的,点击放大后会看不到,需要保存后用PS打开查看。 最终效果 1、新建...
标签: PS PS教程
效果图虽然包括很多小图形,不过制作方法基本类似。过程:先用钢笔或形状工具分层勾出图形轮廓;然后分别添加渐变做出光影效果;再加上阴影和细节,基本效果就出来了。 最终效果 1、整个图层分类一览。 2、制作背景。 3、制作太阳。 4、制作第二个(太阳分三个图层,椭圆工具变形)。 5、制作第三个。 6、选区,新建图...

经验教程

887

收藏

5
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部