返回课程

1.制作立体效果的彩球

  大家看这个图很熟悉吧,在很多After Effects和3D MAX的教程里常见,用photoshop来做好像很麻烦,其实不然,photoshop推出3D这个功能已经有好几版了吧,从CS3就有了,但是由于工作很少去接触,只知道NX,今天就为大家带来一个这样的实例教程,入门级的非常方便。

Photoshop3D功能制作立体效果的彩球

  1.创建一个新文档,宽度600,高度340。如下所示设置渐变工具。

Photoshop3D功能制作立体效果的彩球

  2.创建一个新层,使用矩形选区填充你喜欢的颜色,如果你对间距把握不准,就多创建几个图层,对齐后在合并图层就可以了。

Photoshop3D功能制作立体效果的彩球

  3.转到:3D> 从图层新建形状> 球体。

Photoshop3D功能制作立体效果的彩球

  4.双击层下面的图像显示的情况下:

Photoshop3D功能制作立体效果的彩球

  5.转到图像 >“ 复制“,会出现一个对话方块,单击“确定”。(请注意这里会新出来一个文件)

Photoshop3D功能制作立体效果的彩球

  6.按CTRL键并单击“创建一个新层。将创建一个新的层, 1 层下。填充黑色。

Photoshop3D功能制作立体效果的彩球

Photoshop3D功能制作立体效果的彩球

  7.转到第1层,按CTRL键并单击图层缩览图,选出选区,填充白色。

Photoshop3D功能制作立体效果的彩球

  8.文件 > 另存为。在您的桌面上保存您的工作。格式类型:Photoshop中(* PSD * PDD)然后就可以关闭这个窗口了。

  9.回到主场景,现在去的“窗口” > “3D 。选择3D材料。选择不透明度,并载入刚才的PSD文件。

Photoshop3D功能制作立体效果的彩球

  你会惊奇的发现中间的白色消失了。

Photoshop3D功能制作立体效果的彩球

  10.修改一下球体的光泽和亮度。

Photoshop3D功能制作立体效果的彩球

  11.选择灯光1和2,去掉阴影和增强一点强度。

Photoshop3D功能制作立体效果的彩球

Photoshop3D功能制作立体效果的彩球

  12.返回3D场景,品质那里可以选择光线跟踪草图,粗糙的边缘就没有了。

Photoshop3D功能制作立体效果的彩球

  13.至于后边这些虚影都是我自己加的,通过放大缩小,透明度的变化,你也可以试试。

Photoshop3D功能制作立体效果的彩球

2.打造漂亮的三维彩虹效果壁纸

  在这个Photoshop教程中,我们将设计一个三维彩虹效果的彩色壁纸。非常漂亮。希望大家喜欢!

Photoshop

最终效果

  首先在Photoshop中创建一个新文件,大小1900 * 1200像素,或者创建你喜欢的尺寸!最好使用默认的分辨率72。创建之后,使用矩形选框工具创建

  大约1/7画布宽的选区,填充选区颜色为#490d69。

Photoshop

图1

  之后,创造一个同样大小的选区,填充颜色为#2e3894。

Photoshop

图2

  用同样的方式添加5个不同颜色的线条。每行使用下列颜色:#0b7eb5,#9aa70e,#cfc211,#c3880a和#ae0617。现在,我们得到了很棒的彩虹画布。

Photoshop

图3

  按Ctrl + D取消所选区域,然后使用水平文字工具,写出第一个字母。这是用白色写的紫色名字。在本教程中我使用了Myraid Pro字体。

Photoshop

图4

  使用编辑>变换>旋转90度(逆时针),旋转文本与行垂直。更改当前层的模式为叠加。

Photoshop

图5

  用同样的方式给每一行添加文字。

Photoshop

图6

  OK,合并所有图层为一层。然后使用矩形选框工具,按下图创建选区,然后按Ctrl + J复制选定图像的一部分为一个新层。

Photoshop

图7

  然后应用编辑>变换>弯曲,按下图设置:

Photoshop

图8

  之后使用减淡工具(笔刷:300像素,模式:中间调,曝光:30%),给图层带来三维视图效果。

Photoshop

图9

  现在,选择加深工具(笔刷:200像素,模式:中间调,曝光:20%),在底部添加阴影。

Photoshop

图10

  之后,在当前层的下方创建一个新层,填充从黑色到透明的渐变,从上面图层得到一个阴影。

Photoshop

图11

  看起来不错~现在回到背景层,用矩形选框工具再创建一个选区。按Ctrl + J来复制选定图像的一部分作为一个新层。

3.7步制作一个热气球

  本教程介绍热气球的快速制作方法。大致流程:先用矩形工具等做出等宽的矩形色块,然后渲染边缘的暗调及中间的高光做出立体感。适当把做的图形球面化后再复制,组合,再变形做出需要的球面即可。

  版本要求:需要CS2及以上版本。

  最终效果

Photoshop7步制作一个热气球
 

  1、新建一个大小适当的文档,背景填充灰色。新建一个图层,画11个颜色块,宽带一样,效果如下图。

Photoshop7步制作一个热气球
 

4.制作光盘在手中翻转GIF动画

  完成的图:

Photoshop制作光盘在手中翻转GIF动画教程

Photoshop制作光盘在手中翻转GIF动画教程

  效果图:

Photoshop制作光盘在手中翻转GIF动画教程

  首先抠图。扣成这货的样子然后我们把它移动到我们的小手上如下图

Photoshop制作光盘在手中翻转GIF动画教程

  额。。光碟有点大这里有个技巧。

Photoshop制作光盘在手中翻转GIF动画教程

  好的,拖动周围的小方块就可以把它的大小变换成我们想要的大小

  好了然后点Enter我们继续下一步

Photoshop制作光盘在手中翻转GIF动画教程

  下一步我们要复制光碟图层。。复制3个图层

Photoshop制作光盘在手中翻转GIF动画教程

  你可以再图层面板中看到 好的画红圈的是我们复制的光碟图层

  接下来怎么办呢?还要用到我们的小技巧

Photoshop制作光盘在手中翻转GIF动画教程

  

  让我们把图层编号让我好讲解些

Photoshop制作光盘在手中翻转GIF动画教程

  首先1号图层不动接着我们ctrl+t变换2号图层,拉动左右两个小方框使他竖直方向的变扁

Photoshop制作光盘在手中翻转GIF动画教程

5.制作转动的3D地球动画

  制作方法并不难,但是Photoshop CS5中的3D功能它对显卡的要求比较高,大家也可以动手尝试制作一下属于自己的东东。

  最终效果:

Photoshop CS5制作转动的3D地球动画

  1.打开素材,使用矩形选框工具,绘制选区后,执行—编辑—填充,使用内容填充可以快速的把素材中的文字给处理掉,如图。

Photoshop CS5制作转动的3D地球动画

Photoshop CS5制作转动的3D地球动画

  2.简单的处理完文字之后,复制一层,把背景层填充黑色,因为我们需要对地球素材还要做进一步调整。选择背景副本图层,点击鼠标右键,选择图层的混合选项,找到混合颜色带,按住ALT键,移动滑块到合适的位置,这样就看到了单独的地球陆地素材了,如图。

Photoshop CS5制作转动的3D地球动画

  3.使用魔术棒工具,选择黑色区域,再执行选择—反向命令,这样呢我们就把选区进行反向选择了。再次执行:编辑-拷贝-编辑-粘贴,这样我们就把素材提取出来了,效果如图。

Photoshop CS5制作转动的3D地球动画

  4.由于地球陆地素材中的颜色是渐变色,所以我们保持选区不动,为其填充蓝色,并把背景副本填充白色,效果如图。

Photoshop CS5制作转动的3D地球动画

  5.为了使地球看起来更加的逼真,我们为地球素材添加斜面浮雕样式,参数如图,效果如图。

Photoshop CS5制作转动的3D地球动画

  6.将图层一和背景副本合并,执行3D,从图层新建形状,选择球体,这样我们就快速的得到了3D的地球效果。

Photoshop CS5制作转动的3D地球动画

  7.新建文档,注意文档大小,文档太大的话会导致显卡渲染失败。

Photoshop CS5制作转动的3D地球动画

  8.把刚才制作的3D地球文件放入新建的文档当中,并调整大小。现在的地球效果有些偏暗,所以我们创建个亮度对比度,并按ALT键为其创建剪切蒙板,调整3D地球明暗效果,参数如图,效果如图。

Photoshop CS5制作转动的3D地球动画

6.PS制作精致3D青花瓷

  古代的青花瓷器那么的精致好看,那在PS中应该如何才能做出逼真的青花瓷器呢?

  创建一个800*800px的文件,切换到3d工作识图(右上角)

  使用钢笔工具画出你要做的器皿环绕之前的图

PS制作精致3D青花瓷

  我这里以一个罐为例。使用钢笔工具画这样的一个轮廓,并填充一个颜色,记得在新建的图层上画哦

PS制作精致3D青花瓷

  然后

PS制作精致3D青花瓷

  但是这样不像罐哦。

PS制作精致3D青花瓷

  我们来设置一下属性,凸出深度设为0

PS制作精致3D青花瓷

  多选中5个材质选项,按住shift多选,然后在属性面板中找到大理石材质

PS制作精致3D青花瓷

  然后选中凸出材质,设置点击属性里漫射后面的小图标,选择替换纹理

PS制作精致3D青花瓷

  替换这一张纹理。当然你也可以去百度找你喜欢的青花纹理

PS制作精致3D青花瓷
PS制作精致3D青花瓷

  再次选中凸出材质,设置点击属性里漫射后面的小图标,编辑uv属性,把贴图纹理设置一下

PS制作精致3D青花瓷

  参数自己看着调,只要看不上不过分变形就ok

PS制作精致3D青花瓷

  然后选择灯光,大家可以试着调,你可以新建多个灯光

  ,这里涉及到摄影的知识不能细讲,不懂请百度

PS制作精致3D青花瓷

  这时候选中下图指示的图标,选中之后再空白的地方点一下。不要选中了物体。调整到你想要的角度,当然你也可以配合其他几个调整工具

PS制作精致3D青花瓷

  仔细的人会发现瓶子内壁也有贴图,所以要把他去掉

PS制作精致3D青花瓷

  回到图层面板,按住ctrl+j复制一个图层

PS制作精致3D青花瓷

  选中副本,在凸出材质属性中,去掉漫射的贴图。如下图

PS制作精致3D青花瓷

  然后使用蒙版对副本图层擦除。保留瓶口部分

PS制作精致3D青花瓷

  这样内壁就看不到纹理了

PS制作精致3D青花瓷

  仔细的同学又发现了,有个倒影,需要去掉,如下图取消勾线倒影选项,倒影就没有了

PS制作精致3D青花瓷

  然后就可以选中2个3d图层,右键栅格化

PS制作精致3D青花瓷

  把栅格化之后的2个图层编组,在上方添加一个调整图层,使青花的图案亮一些

PS制作精致3D青花瓷

  细心的同学又发现又发现了。由于没有渲染,边缘有锯齿。

PS制作精致3D青花瓷

  去掉方法有2,我这里用的第二种方法

  1.你可以使用模糊工具或者做在有锯齿出选区羽化或者高斯模糊一下。

  2.使用调整边缘

  先载入瓶子的选区,切换到选框工具。点击调整边缘

PS制作精致3D青花瓷

  调整一下平滑的参数,自己看着调,没有固定的数值

PS制作精致3D青花瓷

  调整之后按ctrl+shift+i反选选区。按一下delete键,删除不平滑的部分

  最后再来一个背景,收工!

PS制作精致3D青花瓷

  那还在等什么呢?赶紧抓紧时间去做属于你的青花瓷瓶吧!

7.流星划过夜空动画

  这是一篇基础的Photoshop教程,主要为大家介绍使用photoshop中的动画面板制作一幅流星划过夜空的GIF动画图片。

Photoshop制作流星划过夜空的动画

  1、按下Ctrl+N新建一个图片。

Photoshop制作流星划过夜空的动画

  2、使用油漆桶工具在背景图层上填充黑色

  3、再在背景上新建一个图层

Photoshop制作流星划过夜空的动画

  4、选择“滤镜—风格化—风”,设置方法为风,方向为“从右”,再按Ctrl+F两次,重复执行风滤镜,如图所示。

Photoshop制作流星划过夜空的动画

  5、选择图层1并单击右键,选择混合选项,如图所示。

Photoshop制作流星划过夜空的动画

  因为是流星,所以他会有发光。添加“外发光”图层样式,如图所示。

Photoshop制作流星划过夜空的动画

  6、按下Ctrl+J复制图层1,命名为“2”,设置混合模式为溶解,不透明度为21%,如图所示。

Photoshop制作流星划过夜空的动画

  7、按下Ctrl+E合并图层2和图层1,然后按Ctrl+T,调整角度,如图所示。

Photoshop制作流星划过夜空的动画

  8、流行一定要是直直地滑过

Photoshop制作流星划过夜空的动画

  9、使用钢笔工具在图片中制作一条直线路径,然后使用移动工具把游流星移动到直线的一端,如图所示。

Photoshop制作流星划过夜空的动画

  10、选择“窗口—动画”打开动画面板,单击复制一个动画帧,如图所示。

Photoshop制作流星划过夜空的动画

  11、单击第二帧,然后把流星移动到直线的另一端,如图所示。

Photoshop制作流星划过夜空的动画

 12、在路径面板中删除路径。

Photoshop制作流星划过夜空的动画

  13、选择第二帧,然后单击“过渡动画帧”按钮,设置如下图所示。

Photoshop制作流星划过夜空的动画

  最终效果如图所示。

Photoshop制作流星划过夜空的动画

8.动态表情自定义

      在这个网络聊天盛行的年代,QQ是最常用的一款聊天工具。与他人聊天,必定少不了相互发送好玩的QQ 表情,可是,很多朋友都说“现在网上下载的表情没有新鲜感,我有的基本大家都有了”。怎么办呢? 今天教大家自己做表情。不仅仅只用在表情上哦。也可以当做 QQ 动态头像呢~

      言归正传,首先打开 Photoshop 这款强大的制图软件。

      PS这款软件 CS3 版本开始有动画编辑功能咯~~ 不熟悉的朋友赶快来学吧!O(∩_∩)O哈哈~如果PS界面没有动画编辑界面可以到菜单栏找到窗口标签下的动画,将其打上钩就可以啦,如图1

Photoshop

图1

      都准备妥当啦。现在可以开始制作表情咯。今天教大家做一个最简单的表情动画---“眨眼”。 嘿嘿,相信大家都见过,该怎么做呢?

      第一步:Ctrl+N 新建一个页面。(透明、白色背景随便选,嘿嘿!)

      第二步:首先画一个“眼睛”,既然是当表情嘛,当然是卡哇伊的才好嘛,所以就用一个圆,用手画哦~~这样效果会更好,更卡哇伊!(*^__^*) 嘻嘻……

Photoshop

图2

      第三步:新建一个图层,在圆的中间画上一点(有什么用呢?喜欢动漫的朋友肯定都清楚,没错,就是黑眼珠)。

Photoshop

图3

     只要将他们Ctrl+J 复制一下,然后将他们水平旋转,得到如图4的效果即可!

Photoshop

图4

      好啦。现在两只眼睛已经成型啦。

     第四步:现在需要画一条线,新建一个图层,用画笔工具通过黑眼珠画一横线。如图4:(画横线有什么用呢?大家猜的到么?嘿嘿,人闭眼睛的那一刻眼睛是什么样子的呢?相信大家已经知道了吧?)

Photoshop

图5

     第五步:选中横线图层,Ctrl+J复制下横线,然后调准复制图层的位置,如图5

Photoshop

图6

     第六步:现在眼睛已经做好啦,只差最后一点点啦。嘿嘿,很简单哦,只需将现在的2个图层灵活运用,在动画里显示出来即可!在动画编辑框里点击Photoshop,复制帧。我们只需要2帧就行啦!如图7、图8

Photoshop

图7

Photoshop

图8

      第七步:现在开始要一个帧一个帧的来做了。也很简单哦!选中第一帧,然后到图层板面,将不需要的图层隐藏掉,让它不显示,只需要把图层前面的眼睛Photoshop点掉就行。第一帧我们做一个睁着眼睛的。如图9:

Photoshop

图9

      第八步:第二帧我们将它做成闭眼状态。也就是说将其他的图层都隐藏。只留横线图层!如图10:

Photoshop

图10

     第九步:接近尾声了。要变成动画只需要最后一步啦,为了效果好一些我们将每一帧的播放时间延长,如图11:

Photoshop

图11

     最后,点击播放键Photoshop,就能看到效果啦!

最终效果图:

Photoshop

9.打造雷达扫描动画

先看一下最终效果:

Photoshop打造雷达扫描动画

1,打开PS,新建一个333*333像素的文件,如图:

Photoshop打造雷达扫描动画

2,把背景色填充为黑色,(Alt+delete 填充前景色,Ctrl+delete填充背景色)

3,用椭圆工具画出我们中心的圆圈。(按住shift不放,可以画一个正圆)

Photoshop打造雷达扫描动画

现在的文件如下:

Photoshop打造雷达扫描动画

如果你的图片不是这样的,请检查你是不是用的椭圆选框工具。

Photoshop打造雷达扫描动画

4,新建图层(快捷键Ctrl+shift+N),选中我们刚建立的图层,打开路径面板,设置如图:

点好后我们的画面应该是这样子的,

Photoshop打造雷达扫描动画

如果圆圈里有虚线,请到路径面板在空白处单击一下,取消路径选择就好了。

5,新建图层,用上面的方法画一个大圆(最好把每个图层的名字改一下方便修改文件。)

如图:

Photoshop打造雷达扫描动画

(如果你画的圆跟你画笔设置的不一样,那我建议你在点 用画笔描边路径前,先选中你的画笔)

6,新建图层,再画一个外圆,如图:

Photoshop打造雷达扫描动画

7,新建图层,画一个圆环。画笔设置成5.,效果如下:

Photoshop打造雷达扫描动画

(如果你的圆大小不是很理想,可以Ctrl+T,自由变换调整下大小。)

8,新建图层,画出我们的线线来~怎么画?自己想办法。

Photoshop打造雷达扫描动画

9,选中我们的线线,复制一份(ctrl+j),然后ctrl+R,打开参考线,在参考线上点右键,选中百分比。在参考线上,左键点住不放往下拖出一根参考线,拖到50%,如图:

Photoshop打造雷达扫描动画

如果你的没有50,可以按住Alt不放旋转鼠标滚轮,可以放大缩小画面。这样也可以精确对准50%。

横竖都拖出一根到50%的参考线,接着在复制了的图层上ctrl+t,

Photoshop打造雷达扫描动画

放正哦,放正后的定位点会变红的。

然后把选项栏里的角度设置为30度,设置好后按回车应用自由变换。我们的线线就按30度变换了。

如图:

Photoshop打造雷达扫描动画

10.打造兔斯基撞墙

      先看效果

photoshop

制作步骤:

      1、兔头。新建一个背景为白色的文件,新建一个图层,用椭圆工具画一个椭圆,Ctrl+Enter载入选区,填充白色,执行菜单/编辑/描边,用黑色居中描边3个像素,此为免头。

photoshop

photoshop

      2、兔耳。新建一层位于免头之下,再画一个小椭圆,同样方法填白描边。Ctrl+J复制一个,Ctrl+T旋转一下角度,形成免耳。

photoshop

      3、兔身。再新建一层于免头之下,同样方法填白描边后将下半截删除,形成免身。

photoshop

      4、用与第2步相同的方法画出身体两边的手臂。

photoshop

      5、兔眼。新建一层于兔头之上,选择画笔工具(快捷键为B),直径设为3个像素,按住shift键画出一条短直线,Ctrl+J复制一个拖到右边,形成兔眼。

photoshop

      6、墙。新建一层,用画笔工具画一条长竖线,这便是墙了。

photoshop

11.用photoshop cs6制作GIF动画

  本教程向大家介绍利用photoshop cs6制作GIF动画方法,教程比较基础,适合新手学习,转发过来,喜欢的朋友可以跟着一起来制作!

  很多网友反应photoshop cs6 破解版没有动画功能,其实怎么可能会没有呢,只不过在高级版本中“窗口”-“动画”变成了“窗口”-“时间轴”而已。

  制作步骤:

  一、选择素材

  1、这里以四张图片制作简易动画为例

用photoshop cs6制作GIF动画

用photoshop cs6制作GIF动画

用photoshop cs6制作GIF动画

用photoshop cs6制作GIF动画

12.用Photoshop制作闪动的蓝色霓虹招牌字

  制作霓虹字动画之前需要自己先来制作想要的霓虹字,最好把每个文字或字母单独放在一个图层。然后再根据自己的创意设定动画展示效果。

  最终效果

用Photoshop制作闪动的蓝色霓虹招牌字

  1、打开素材,调整色阶。

用Photoshop制作闪动的蓝色霓虹招牌字

用Photoshop制作闪动的蓝色霓虹招牌字

  2、加一些冷色调。

用Photoshop制作闪动的蓝色霓虹招牌字

  3、单个输入喜欢的文字,字体为“Neon Regular”。

用Photoshop制作闪动的蓝色霓虹招牌字

  4、执行:滤镜 > 模糊 > 高斯模糊,达到此效果即可,然后Ctrl + F 添加到其它字。

用Photoshop制作闪动的蓝色霓虹招牌字

  5、执行:滤镜 > 锐化 > USM锐化,然后Ctrl + F 添加到其它字。

用Photoshop制作闪动的蓝色霓虹招牌字

  6、现在的效果。

用Photoshop制作闪动的蓝色霓虹招牌字

13.自己用ps做原创gif图 再也不用偷表情了

  还在用别人的gif表情么?干嘛不自己做呢?今天就教你做原创gif表情!听说学会此技能会变得萌萌哒哦!

自己用ps做原创gif图  再也不用偷表情了
自己用ps做原创gif图  再也不用偷表情了

  以上是自己用ps做原创gif图  再也不用偷表情了的全部内容,希望对大家有所帮助,感谢您对2345软件大全的支持,更多软件教程请关注2345软件大全。

14.5分钟就能学会用ps制作酷炫gif交互动态效果

  5分钟就能学会酷炫的gif交互动态效果,是不是很想学?想学就往下看吧!

5分钟就能学会用ps制作酷炫gif交互动态效果

  首先把你做好的效果图拿出来。想一下如何做这个动态。把页面分解几个区域以便于做动态。

5分钟就能学会用ps制作酷炫gif交互动态效果

  新建一个干净的界面 把整理好的区域做一个初始状态

5分钟就能学会用ps制作酷炫gif交互动态效果

  接下来做在窗口选择“时间轴”并且创建“帧动画”

5分钟就能学会用ps制作酷炫gif交互动态效果

  之后就是做动画了,点左下角倒数第二个按钮新建一帧,并把内容下移到你想要的位置

5分钟就能学会用ps制作酷炫gif交互动态效果

  把这两帧都选中点击倒数第三个按钮进行过度效果(数字随意,越大越自然,但是时间越长,做的时候同学们自己考虑)之后的效果同理。

5分钟就能学会用ps制作酷炫gif交互动态效果

  接下来比较关键,点击时间轴的上角图标 选择“转换为视频时间轴”

5分钟就能学会用ps制作酷炫gif交互动态效果

  把所有图层选中 选择“转换为智能对象”

5分钟就能学会用ps制作酷炫gif交互动态效果

  新建一个画布,把你要贴的背景图放进来,选择时间轴后就可以把刚刚做好的动画拖过来了,贴上就可以了

5分钟就能学会用ps制作酷炫gif交互动态效果

  以上是5分钟就能学会用ps制作酷炫gif交互动态效果的全部内容,希望对大家有所帮助,感谢您对2345软件大全的支持,更多软件教程请关注2345软件大全。


  • 扫一扫 扫二维码继续学习