rss
首页 > 图文 > PS教程 > 返回首页

绘制一张商务风格的壁纸

作者:互联网  发布时间:2016-03-09 02:55:34  点击:
先看最终效果 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教程,思缘教程网 图1713、创建新图层按钮 ,命名为“方块制作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 Photoshop制作科技效果壁纸教程,PS教程,思缘教程网 图2921、在图层控制面板选择光线图层,并在图层控制面板上面设置图层混合模式为叠加,如图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所示。 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


上一个教程:唯美风景照的色彩调整及其他处理
下一个教程:打造强悍的金属质感效果