当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop入门:绘制立体效果奥运五环效果图

Photoshop
Photoshop把制作好的平面图转换为网页HTML
Photoshop简单利用填充工具制作透明水印文字
Photoshop简单模拟电流击穿文字特效
PS照片教程:好看的黑白漫画网点特效图片
Photoshop打造耀眼的星光文字特效
PS调色教程:漂亮的徐若宣单色视觉海报效果
Photoshop教程:快速模拟普普风特效照片
Photoshop批处理制作照片蒙太奇效果
PS教程:周围镶满钻石金光闪闪文字特效
PS图片教程:制作背景黑白人物彩色的照片
Photoshop教程:打造锈泽金属文字特效
Photoshop照片教程:制作古典风景人物
PS照片教程:去除美眉皮肤上沾满的沙子
PS合成教程:透出光线的森林的绿色小精灵
Photoshop图片教程:柔和的梦幻紫红色调照片
PS基础教程:运用广色域与窄色域修补分离色阶
MAC系统下Photoshop打印网页点阵字形
Photoshop教程:惊人的求助创意超现实场景(2)
Photoshop支持RAW格式:Adobe DNG Converter
photoshop编辑ico文件:ICOFormat

Photoshop入门:绘制立体效果奥运五环效果图


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-27   浏览: 315 ::
收藏到网摘: n/a

效果图

Photoshop入门:绘制立体效果奥运五环效果图_webjx

1024*768

Photoshop入门:绘制立体效果奥运五环效果图_webjx

 

1600×1200:

Photoshop入门:绘制立体效果奥运五环效果图_webjx

1.首先我们要制作一个好看的背景。在PS中按CTRL+N新建一个文档,大小为1600*1200像素,我是作为壁纸的所以比较大,你可以根据自己的需要调整。然后选择渐变工具从上到下拉一个蓝色((#d2efff)到白色的线性渐变填充背景。

Photoshop入门:绘制立体效果奥运五环效果图_webjx

2.现在我们要制作五环。用椭圆选框工具按住SHIFT键画一个圆形选区,然后按SHIFT+F5填充蓝色(#0184c9

Photoshop入门:绘制立体效果奥运五环效果图_webjx

保持选区,执行选择--修改--收缩(15px),然后按DEL键删除中间的圆形,你会得到下面的空心圆环。按CTRL+D取消选择。

Photoshop入门:绘制立体效果奥运五环效果图_webjx

按CTRL+J把圆环图层复制4个,用移动工具摆好好位置,如图圆环标志

Photoshop入门:绘制立体效果奥运五环效果图_webjx

这步为每个圆环添加不同的颜色。圆环是5色的,深灰色#515151,红色#d04b09,黄色#dab900,绿色#019627 。先选中图层,执行选择--载入选区(出现蚂蚁线),按SHIFT+F5填充各自的颜色。

Photoshop入门:绘制立体效果奥运五环效果图_webjx

3.下面要添加样式在圆环上。选择圆环图层,执行图层--图层样式--混合选项,分别添加以下样式:

投影(注意:等高线)

Photoshop入门:绘制立体效果奥运五环效果图_webjx

内发光(混合模式:叠加,白色)

Photoshop入门:绘制立体效果奥运五环效果图_webjx

斜面与浮雕(方向:下)

Photoshop入门:绘制立体效果奥运五环效果图_webjx

渐变叠加

Photoshop入门:绘制立体效果奥运五环效果图_webjx

当设置好一个圆环的图层样式,我们可以把该图层样式复制到其他图层上。选择添加了样式的图层执行图层--图层样式--拷贝图层样式,然后选中其他图层,图层--图层样式--粘贴图层样式

Photoshop入门:绘制立体效果奥运五环效果图_webjx

4.我们为要把它做得更具立体感,要删除圆环链接的部位。先选中蓝色圆环图层把它载入选区(选择--载入选区),再执行选择--修改--扩张(5px)

Photoshop入门:绘制立体效果奥运五环效果图_webjx

然后选择橡皮擦工具(硬度100%),擦除交接的地方,按CTRL+D取消选区。其他圆环图层也是执行同样操作。

Photoshop入门:绘制立体效果奥运五环效果图_webjx

我们还要制作圆环的标志反射光泽表面。如上面的步骤把蓝色圆环载入选区,继续执行选择--修改--收缩(4px),选中渐变工具从上到下拉一个白色到透明的线性渐变,按CTRL+D取消选择。

Photoshop入门:绘制立体效果奥运五环效果图_webjx

执行同样的操作在其他颜色圆环

Photoshop入门:绘制立体效果奥运五环效果图_webjx

5.OK,我们的标志已经准备就绪。现在我们可以添加一些彩色的线在背景上。选中钢笔工具(形状图层),在背景上画出如下图的形状

Photoshop入门:绘制立体效果奥运五环效果图_webjx

然后在画2条彩带,设置3个彩带图层的不透明度为35%。最后分别为每个彩带图层添加渐变样式(图层--图层样式--渐变叠加)

粉红色:

Photoshop入门:绘制立体效果奥运五环效果图_webjx

绿色:

Photoshop入门:绘制立体效果奥运五环效果图_webjx

黄色:

Photoshop入门:绘制立体效果奥运五环效果图_webjx

完毕