PhotoShop cs5绘制质感Windows7图标的教程(3)

作者:佚名 出处: 最终效果 新建文档,径向渐变填充 使用椭圆选框工具按shift键框出正圆选区,ctrl+J复制 添加渐变叠加图层样式 新建图层,载入圆形选区,填充稍深蓝色,改为叠加模式 (注:载入的方法:先按住ctrl键

用ps制作高光现代感Adobe软件Logo

先看效果图。 新建文档,200×200像素,背景白色,建新层,画一黑色圆角矩形。 添加图层样式。 副标题 效果如下。 输入白色文字。 添加投影。 副标题 效果如下。 建新层,前景色#4aaee8用柔角画笔在左上角和右下角分别点一下,调出圆角矩形选区,添加蒙版。 建新

作者:佚名   出处:
PhotoShop cs5绘制质感Windows7图标的教程(3)插图

最终效果

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(1)

新建文档,径向渐变填充

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(2)

使用椭圆选框工具按shift键框出正圆选区,ctrl+J复制

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(3)

添加渐变叠加图层样式

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(4)

新建图层,载入圆形选区,填充稍深蓝色,改为“叠加”模式
(注:载入的方法:先按住ctrl键,鼠标点击需要载入的图层,即载入了鼠标所点击的图层选区。下同)

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(5)

ctrl+D取消选区。添加图层蒙版,载入圆形选区,在图层蒙版上用径向渐变拖出 

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(6)

新建图层,载入圆形选区,羽化20像素

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(7)

填充白色

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(8)

变换选区,缩小其范围

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(9)

按delete删除

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(10)

载入圆形选区,ctrl+shift+I反选,delete删除,改为叠加模式,填充不透明度25% 

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(11)

新建图层,前景色设为淡青色,使用渐变工具,打开渐变编辑器,样式为第二种前景色至透明

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(12)

载入圆形选区,径向渐变方式拖出渐变效果,改为“滤色”模式

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(13)

新建图层,绘制正方形选区,选择——修改——平滑

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(14)

填充白色后复制,然后将这几个白框合并图层,ctrl+T旋转后放至圆形的左上方

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(15)

载入圆形选区,滤镜——扭曲——球面化 

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(16)

反选,delete删除多余的部分,ctrl+D取消选区。添加图层蒙版,线性渐变(渐变样式为前景至背景)从白框的左上至右下拖出

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(17)

新建图层组,新建图层

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(18)

载入圆形选区,编辑——描边

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(19)

高斯模糊0.5像素,将图层组改为“线性减淡”

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(20)

在背景层上方新建图层,载入圆形选区,选择——修改——扩展 

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(21)

填充深蓝色,移至至圆形右下角,高斯模糊3像素

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(22)

新建图层,载入图层6(刚刚填充深蓝色的图层),选择——修改——收缩

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(23)

填充淡青色,改为滤色。圆形部分处理完成

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(24)

在最顶层新建图层,绘制好卡片(非本例重点讲述,此处略)

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(25)

ctrl+T旋转。载入圆形选区,ctrl+J复制卡片的右侧部分至新图层 

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(26)

载入卡片右侧图层,在卡片图层按delete删除

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(27)

新卡片的左侧放至背景层的上一层

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(28)

回到最顶层的卡片右侧图层,填充透明度60%,改为“强光”模式

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(29)

回到最底层的卡片左侧图层,添加投影和浮雕样式

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(30)

最终效果

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(31)

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(32)
PhotoShop cs5绘制质感Windows7图标的教程(3)插图(33)
PhotoShop cs5绘制质感Windows7图标的教程(3)插图(34)

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(32)
PhotoShop cs5绘制质感Windows7图标的教程(3)插图(33)
PhotoShop cs5绘制质感Windows7图标的教程(3)插图(34)作者:佚名   出处:
PhotoShop cs5绘制质感Windows7图标的教程(3)插图

最终效果

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(1)

新建文档,径向渐变填充

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(2)

使用椭圆选框工具按shift键框出正圆选区,ctrl+J复制

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(3)

添加渐变叠加图层样式

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(4)

新建图层,载入圆形选区,填充稍深蓝色,改为“叠加”模式
(注:载入的方法:先按住ctrl键,鼠标点击需要载入的图层,即载入了鼠标所点击的图层选区。下同)

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(5)

ctrl+D取消选区。添加图层蒙版,载入圆形选区,在图层蒙版上用径向渐变拖出 

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(6)

新建图层,载入圆形选区,羽化20像素

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(7)

填充白色

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(8)

变换选区,缩小其范围

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(9)

按delete删除

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(10)

载入圆形选区,ctrl+shift+I反选,delete删除,改为叠加模式,填充不透明度25% 

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(11)

新建图层,前景色设为淡青色,使用渐变工具,打开渐变编辑器,样式为第二种前景色至透明

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(12)

载入圆形选区,径向渐变方式拖出渐变效果,改为“滤色”模式

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(13)

新建图层,绘制正方形选区,选择——修改——平滑

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(14)

填充白色后复制,然后将这几个白框合并图层,ctrl+T旋转后放至圆形的左上方

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(15)

载入圆形选区,滤镜——扭曲——球面化 

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(16)

反选,delete删除多余的部分,ctrl+D取消选区。添加图层蒙版,线性渐变(渐变样式为前景至背景)从白框的左上至右下拖出

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(17)

新建图层组,新建图层

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(18)

载入圆形选区,编辑——描边

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(19)

高斯模糊0.5像素,将图层组改为“线性减淡”

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(20)

在背景层上方新建图层,载入圆形选区,选择——修改——扩展 

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(21)

填充深蓝色,移至至圆形右下角,高斯模糊3像素

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(22)

新建图层,载入图层6(刚刚填充深蓝色的图层),选择——修改——收缩

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(23)

填充淡青色,改为滤色。圆形部分处理完成

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(24)

在最顶层新建图层,绘制好卡片(非本例重点讲述,此处略)

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(25)

ctrl+T旋转。载入圆形选区,ctrl+J复制卡片的右侧部分至新图层 

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(26)

载入卡片右侧图层,在卡片图层按delete删除

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(27)

新卡片的左侧放至背景层的上一层

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(28)

回到最顶层的卡片右侧图层,填充透明度60%,改为“强光”模式

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(29)

回到最底层的卡片左侧图层,添加投影和浮雕样式

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(30)

最终效果

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(31)

作者:佚名   出处:
PhotoShop cs5绘制质感Windows7图标的教程(3)插图

最终效果

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(1)

新建文档,径向渐变填充

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(2)

使用椭圆选框工具按shift键框出正圆选区,ctrl+J复制

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(3)

添加渐变叠加图层样式

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(4)

新建图层,载入圆形选区,填充稍深蓝色,改为“叠加”模式
(注:载入的方法:先按住ctrl键,鼠标点击需要载入的图层,即载入了鼠标所点击的图层选区。下同)

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(5)

ctrl+D取消选区。添加图层蒙版,载入圆形选区,在图层蒙版上用径向渐变拖出 

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(6)

新建图层,载入圆形选区,羽化20像素

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(7)

填充白色

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(8)

变换选区,缩小其范围

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(9)

按delete删除

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(10)

载入圆形选区,ctrl+shift+I反选,delete删除,改为叠加模式,填充不透明度25% 

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(11)

新建图层,前景色设为淡青色,使用渐变工具,打开渐变编辑器,样式为第二种前景色至透明

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(12)

载入圆形选区,径向渐变方式拖出渐变效果,改为“滤色”模式

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(13)

新建图层,绘制正方形选区,选择——修改——平滑

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(14)

填充白色后复制,然后将这几个白框合并图层,ctrl+T旋转后放至圆形的左上方

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(15)

载入圆形选区,滤镜——扭曲——球面化 

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(16)

反选,delete删除多余的部分,ctrl+D取消选区。添加图层蒙版,线性渐变(渐变样式为前景至背景)从白框的左上至右下拖出

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(17)

新建图层组,新建图层

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(18)

载入圆形选区,编辑——描边

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(19)

高斯模糊0.5像素,将图层组改为“线性减淡”

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(20)

在背景层上方新建图层,载入圆形选区,选择——修改——扩展 

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(21)

填充深蓝色,移至至圆形右下角,高斯模糊3像素

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(22)

新建图层,载入图层6(刚刚填充深蓝色的图层),选择——修改——收缩

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(23)

填充淡青色,改为滤色。圆形部分处理完成

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(24)

在最顶层新建图层,绘制好卡片(非本例重点讲述,此处略)

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(25)

ctrl+T旋转。载入圆形选区,ctrl+J复制卡片的右侧部分至新图层 

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(26)

载入卡片右侧图层,在卡片图层按delete删除

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(27)

新卡片的左侧放至背景层的上一层

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(28)

回到最顶层的卡片右侧图层,填充透明度60%,改为“强光”模式

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(29)

回到最底层的卡片左侧图层,添加投影和浮雕样式

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(30)

最终效果

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(31)

PhotoShop cs5绘制质感Windows7图标的教程(3)插图(32)
PhotoShop cs5绘制质感Windows7图标的教程(3)插图(33)
PhotoShop cs5绘制质感Windows7图标的教程(3)插图(34)

作者: 791650988

为您推荐