photoshop cs3 绿色

前沿拓展:


在尾巴混了这么久,去的最多就是“甩甩尾巴”,“能刀么?“好像什么时候也成了口头禅,去外面买东西好几次也差点说出来…言归正传,这次发的内容其实是跟首页君有关的,每天开电脑第一件事就是浏览一下首页的更新,直至前几天看到这么一张图。

photoshop cs3 绿色

你们看出什么猫腻了么?是的,好多机机..作为一个机友/尾巴er/苦逼射鸡屎,在痛苦的时光中寻找那么一丝**?why no?于是决定画个机机出来,搭车为我打算出机器做下广告,年后要离职没工作了,好穷…好吧,不废话,下面我们开始吧(第一次做这东西,各路大神轻拍提醒各位图片有点多)

准备工作

#PS软件(我用的是简单易用的CS3)

#手机一个(当然你上网盯着图片做也行)

#电脑一台(能正常运行PS,闪退什么最烦人了!!)

#需要一些PS基础…

开工(以手上的NEXUS5为例)

photoshop cs3 绿色

#打开photoshop,新建一个800x800pix的空白画布(适当拉一些辅助线)#

photoshop cs3 绿色photoshop cs3 绿色

机身,利用圆角矩形工具拉出两个长方新,因为nexus5上下边是弧形的,利用直接选择工具在上下边的中间各增加一个描点,往外移就出现这种弧度了,第二利用“斜面和浮雕”给机身做些立体效果。

photoshop cs3 绿色photoshop cs3 绿色

按键,nexus5的按键不多,就音量键跟电源键,我这里简单做了(省略了很多细节),同上还是圆角矩形工具+直接选择工具弄出一长一短两个条条(下图是一个小细节,一个小按键用了两层不同颜色叠加一下会显得更加有质感,别忽略这一点点小细节哦)。

photoshop cs3 绿色photoshop cs3 绿色

屏幕,**机身的形状稍微缩小一点点,填充黑色,正脸出来了(这里为了层次感做了投影的效果)同理利用深蓝色方正矩形画出屏幕,画的时候感概这屏幕占比还可以哦。

photoshop cs3 绿色

白色的nexus5听筒也是白色镂空的,看上去就像一个白色上有许多小黑点,这里我利用叠加图案的方式来完成听筒的制作,新建一个10x10pix的画布横纵拉出辅助中线,利用矩形工具画出这个形状并且添加到自定义图案中去。

photoshop cs3 绿色photoshop cs3 绿色photoshop cs3 绿色

听筒,在辅助线中间出用“椭圆工具” 按住Shift画出一个白色小圆点,如图,加入三种效果,其中图案叠加就是上面制作的图案。

photoshop cs3 绿色

前置摄像头,同上利用深灰色圆圈出摄像头外圈,里面再画一圆圈,做如果的“斜面与浮雕”效果即可。

photoshop cs3 绿色photoshop cs3 绿色

背面机身,在原基础上**一层,白色的nexus5我填充的颜色是#ebead9,利用“斜面与浮雕”很便捷的就可以做出nexus5背后的弧度了,第二再添加投影,美背完成。

photoshop cs3 绿色

主摄像头1,摄像头分三步来完成,首相这个显眼的大眼睛用工具画出来,添加以上效果,再加3个像素的外部黑色描边表现摄像头外面一圈稍微凸起黑色环。

photoshop cs3 绿色photoshop cs3 绿色photoshop cs3 绿色photoshop cs3 绿色

主摄像头2,这里主要制作摄像头的反光(为了更加清晰,这里调了黑色背景),用钢笔工具画出几层白色的反光形状,调整不透明度为10-15%左右,对上面那个大眼睛层“创建剪贴蒙板”完成反光。

photoshop cs3 绿色photoshop cs3 绿色

主摄像头3,最后一步完成大眼睛里面的小眼睛,同样画出两个同心圆形做“渐变叠加”(注意渐变颜色的选取,镜片在光照下呈现出蓝绿色的反光)。

photoshop cs3 绿色photoshop cs3 绿色

闪光灯里面那颗黄黄的,同样画个圆添加如图图层样式,这颗黄黄的东西就出来了(懒得去百度专业术语了,大家都懂)。

photoshop cs3 绿色photoshop cs3 绿色

闪光圈圈纹理,画圆形按照上图添加图层样式,同时降低不透明度为30%,此外为了凸显圈圈的纹理,在里面利用1px描边描出三个不同大小同心圆降低不透明度为25%左右。

photoshop cs3 绿色photoshop cs3 绿色photoshop cs3 绿色

LOGO,背后有”NEXUS”跟“LG”的logo,直接度娘logo,因为都是白底,很容易处理成灰灰的颜色(魔棒,对比度,颜色叠加)往上放就行了。

到此为止,一个崭新的手机就出现在你面前了,而且你想要什么手机只要动动手就能做出来哦,想想也是醉了…这里还有些我自己手机的对比图和最终效果图,手机渣渣画质…本来还想弄个动图的,编辑下来太累了,口干舌燥有木有。

photoshop cs3 绿色photoshop cs3 绿色photoshop cs3 绿色

谢谢看完的尾巴er!

拓展知识:

前沿拓展:


在尾巴混了这么久,去的最多就是“甩甩尾巴”,“能刀么?“好像什么时候也成了口头禅,去外面买东西好几次也差点说出来…言归正传,这次发的内容其实是跟首页君有关的,每天开电脑第一件事就是浏览一下首页的更新,直至前几天看到这么一张图。

photoshop cs3 绿色

你们看出什么猫腻了么?是的,好多机机..作为一个机友/尾巴er/苦逼射鸡屎,在痛苦的时光中寻找那么一丝**?why no?于是决定画个机机出来,搭车为我打算出机器做下广告,年后要离职没工作了,好穷…好吧,不废话,下面我们开始吧(第一次做这东西,各路大神轻拍提醒各位图片有点多)

准备工作

#PS软件(我用的是简单易用的CS3)

#手机一个(当然你上网盯着图片做也行)

#电脑一台(能正常运行PS,闪退什么最烦人了!!)

#需要一些PS基础…

开工(以手上的NEXUS5为例)

photoshop cs3 绿色

#打开photoshop,新建一个800x800pix的空白画布(适当拉一些辅助线)#

photoshop cs3 绿色photoshop cs3 绿色

机身,利用圆角矩形工具拉出两个长方新,因为nexus5上下边是弧形的,利用直接选择工具在上下边的中间各增加一个描点,往外移就出现这种弧度了,第二利用“斜面和浮雕”给机身做些立体效果。

photoshop cs3 绿色photoshop cs3 绿色

按键,nexus5的按键不多,就音量键跟电源键,我这里简单做了(省略了很多细节),同上还是圆角矩形工具+直接选择工具弄出一长一短两个条条(下图是一个小细节,一个小按键用了两层不同颜色叠加一下会显得更加有质感,别忽略这一点点小细节哦)。

photoshop cs3 绿色photoshop cs3 绿色

屏幕,**机身的形状稍微缩小一点点,填充黑色,正脸出来了(这里为了层次感做了投影的效果)同理利用深蓝色方正矩形画出屏幕,画的时候感概这屏幕占比还可以哦。

photoshop cs3 绿色

白色的nexus5听筒也是白色镂空的,看上去就像一个白色上有许多小黑点,这里我利用叠加图案的方式来完成听筒的制作,新建一个10x10pix的画布横纵拉出辅助中线,利用矩形工具画出这个形状并且添加到自定义图案中去。

photoshop cs3 绿色photoshop cs3 绿色photoshop cs3 绿色

听筒,在辅助线中间出用“椭圆工具” 按住Shift画出一个白色小圆点,如图,加入三种效果,其中图案叠加就是上面制作的图案。

photoshop cs3 绿色

前置摄像头,同上利用深灰色圆圈出摄像头外圈,里面再画一圆圈,做如果的“斜面与浮雕”效果即可。

photoshop cs3 绿色photoshop cs3 绿色

背面机身,在原基础上**一层,白色的nexus5我填充的颜色是#ebead9,利用“斜面与浮雕”很便捷的就可以做出nexus5背后的弧度了,第二再添加投影,美背完成。

photoshop cs3 绿色

主摄像头1,摄像头分三步来完成,首相这个显眼的大眼睛用工具画出来,添加以上效果,再加3个像素的外部黑色描边表现摄像头外面一圈稍微凸起黑色环。

photoshop cs3 绿色photoshop cs3 绿色photoshop cs3 绿色photoshop cs3 绿色

主摄像头2,这里主要制作摄像头的反光(为了更加清晰,这里调了黑色背景),用钢笔工具画出几层白色的反光形状,调整不透明度为10-15%左右,对上面那个大眼睛层“创建剪贴蒙板”完成反光。

photoshop cs3 绿色photoshop cs3 绿色

主摄像头3,最后一步完成大眼睛里面的小眼睛,同样画出两个同心圆形做“渐变叠加”(注意渐变颜色的选取,镜片在光照下呈现出蓝绿色的反光)。

photoshop cs3 绿色photoshop cs3 绿色

闪光灯里面那颗黄黄的,同样画个圆添加如图图层样式,这颗黄黄的东西就出来了(懒得去百度专业术语了,大家都懂)。

photoshop cs3 绿色photoshop cs3 绿色

闪光圈圈纹理,画圆形按照上图添加图层样式,同时降低不透明度为30%,此外为了凸显圈圈的纹理,在里面利用1px描边描出三个不同大小同心圆降低不透明度为25%左右。

photoshop cs3 绿色photoshop cs3 绿色photoshop cs3 绿色

LOGO,背后有”NEXUS”跟“LG”的logo,直接度娘logo,因为都是白底,很容易处理成灰灰的颜色(魔棒,对比度,颜色叠加)往上放就行了。

到此为止,一个崭新的手机就出现在你面前了,而且你想要什么手机只要动动手就能做出来哦,想想也是醉了…这里还有些我自己手机的对比图和最终效果图,手机渣渣画质…本来还想弄个动图的,编辑下来太累了,口干舌燥有木有。

photoshop cs3 绿色photoshop cs3 绿色photoshop cs3 绿色

谢谢看完的尾巴er!

拓展知识:

前沿拓展:


在尾巴混了这么久,去的最多就是“甩甩尾巴”,“能刀么?“好像什么时候也成了口头禅,去外面买东西好几次也差点说出来…言归正传,这次发的内容其实是跟首页君有关的,每天开电脑第一件事就是浏览一下首页的更新,直至前几天看到这么一张图。

photoshop cs3 绿色

你们看出什么猫腻了么?是的,好多机机..作为一个机友/尾巴er/苦逼射鸡屎,在痛苦的时光中寻找那么一丝**?why no?于是决定画个机机出来,搭车为我打算出机器做下广告,年后要离职没工作了,好穷…好吧,不废话,下面我们开始吧(第一次做这东西,各路大神轻拍提醒各位图片有点多)

准备工作

#PS软件(我用的是简单易用的CS3)

#手机一个(当然你上网盯着图片做也行)

#电脑一台(能正常运行PS,闪退什么最烦人了!!)

#需要一些PS基础…

开工(以手上的NEXUS5为例)

photoshop cs3 绿色

#打开photoshop,新建一个800x800pix的空白画布(适当拉一些辅助线)#

photoshop cs3 绿色photoshop cs3 绿色

机身,利用圆角矩形工具拉出两个长方新,因为nexus5上下边是弧形的,利用直接选择工具在上下边的中间各增加一个描点,往外移就出现这种弧度了,第二利用“斜面和浮雕”给机身做些立体效果。

photoshop cs3 绿色photoshop cs3 绿色

按键,nexus5的按键不多,就音量键跟电源键,我这里简单做了(省略了很多细节),同上还是圆角矩形工具+直接选择工具弄出一长一短两个条条(下图是一个小细节,一个小按键用了两层不同颜色叠加一下会显得更加有质感,别忽略这一点点小细节哦)。

photoshop cs3 绿色photoshop cs3 绿色

屏幕,**机身的形状稍微缩小一点点,填充黑色,正脸出来了(这里为了层次感做了投影的效果)同理利用深蓝色方正矩形画出屏幕,画的时候感概这屏幕占比还可以哦。

photoshop cs3 绿色

白色的nexus5听筒也是白色镂空的,看上去就像一个白色上有许多小黑点,这里我利用叠加图案的方式来完成听筒的制作,新建一个10x10pix的画布横纵拉出辅助中线,利用矩形工具画出这个形状并且添加到自定义图案中去。

photoshop cs3 绿色photoshop cs3 绿色photoshop cs3 绿色

听筒,在辅助线中间出用“椭圆工具” 按住Shift画出一个白色小圆点,如图,加入三种效果,其中图案叠加就是上面制作的图案。

photoshop cs3 绿色

前置摄像头,同上利用深灰色圆圈出摄像头外圈,里面再画一圆圈,做如果的“斜面与浮雕”效果即可。

photoshop cs3 绿色photoshop cs3 绿色

背面机身,在原基础上**一层,白色的nexus5我填充的颜色是#ebead9,利用“斜面与浮雕”很便捷的就可以做出nexus5背后的弧度了,第二再添加投影,美背完成。

photoshop cs3 绿色

主摄像头1,摄像头分三步来完成,首相这个显眼的大眼睛用工具画出来,添加以上效果,再加3个像素的外部黑色描边表现摄像头外面一圈稍微凸起黑色环。

photoshop cs3 绿色photoshop cs3 绿色photoshop cs3 绿色photoshop cs3 绿色

主摄像头2,这里主要制作摄像头的反光(为了更加清晰,这里调了黑色背景),用钢笔工具画出几层白色的反光形状,调整不透明度为10-15%左右,对上面那个大眼睛层“创建剪贴蒙板”完成反光。

photoshop cs3 绿色photoshop cs3 绿色

主摄像头3,最后一步完成大眼睛里面的小眼睛,同样画出两个同心圆形做“渐变叠加”(注意渐变颜色的选取,镜片在光照下呈现出蓝绿色的反光)。

photoshop cs3 绿色photoshop cs3 绿色

闪光灯里面那颗黄黄的,同样画个圆添加如图图层样式,这颗黄黄的东西就出来了(懒得去百度专业术语了,大家都懂)。

photoshop cs3 绿色photoshop cs3 绿色

闪光圈圈纹理,画圆形按照上图添加图层样式,同时降低不透明度为30%,此外为了凸显圈圈的纹理,在里面利用1px描边描出三个不同大小同心圆降低不透明度为25%左右。

photoshop cs3 绿色photoshop cs3 绿色photoshop cs3 绿色

LOGO,背后有”NEXUS”跟“LG”的logo,直接度娘logo,因为都是白底,很容易处理成灰灰的颜色(魔棒,对比度,颜色叠加)往上放就行了。

到此为止,一个崭新的手机就出现在你面前了,而且你想要什么手机只要动动手就能做出来哦,想想也是醉了…这里还有些我自己手机的对比图和最终效果图,手机渣渣画质…本来还想弄个动图的,编辑下来太累了,口干舌燥有木有。

photoshop cs3 绿色photoshop cs3 绿色photoshop cs3 绿色

谢谢看完的尾巴er!

拓展知识:

前沿拓展:


在尾巴混了这么久,去的最多就是“甩甩尾巴”,“能刀么?“好像什么时候也成了口头禅,去外面买东西好几次也差点说出来…言归正传,这次发的内容其实是跟首页君有关的,每天开电脑第一件事就是浏览一下首页的更新,直至前几天看到这么一张图。

photoshop cs3 绿色

你们看出什么猫腻了么?是的,好多机机..作为一个机友/尾巴er/苦逼射鸡屎,在痛苦的时光中寻找那么一丝**?why no?于是决定画个机机出来,搭车为我打算出机器做下广告,年后要离职没工作了,好穷…好吧,不废话,下面我们开始吧(第一次做这东西,各路大神轻拍提醒各位图片有点多)

准备工作

#PS软件(我用的是简单易用的CS3)

#手机一个(当然你上网盯着图片做也行)

#电脑一台(能正常运行PS,闪退什么最烦人了!!)

#需要一些PS基础…

开工(以手上的NEXUS5为例)

photoshop cs3 绿色

#打开photoshop,新建一个800x800pix的空白画布(适当拉一些辅助线)#

photoshop cs3 绿色photoshop cs3 绿色

机身,利用圆角矩形工具拉出两个长方新,因为nexus5上下边是弧形的,利用直接选择工具在上下边的中间各增加一个描点,往外移就出现这种弧度了,第二利用“斜面和浮雕”给机身做些立体效果。

photoshop cs3 绿色photoshop cs3 绿色

按键,nexus5的按键不多,就音量键跟电源键,我这里简单做了(省略了很多细节),同上还是圆角矩形工具+直接选择工具弄出一长一短两个条条(下图是一个小细节,一个小按键用了两层不同颜色叠加一下会显得更加有质感,别忽略这一点点小细节哦)。

photoshop cs3 绿色photoshop cs3 绿色

屏幕,**机身的形状稍微缩小一点点,填充黑色,正脸出来了(这里为了层次感做了投影的效果)同理利用深蓝色方正矩形画出屏幕,画的时候感概这屏幕占比还可以哦。

photoshop cs3 绿色

白色的nexus5听筒也是白色镂空的,看上去就像一个白色上有许多小黑点,这里我利用叠加图案的方式来完成听筒的制作,新建一个10x10pix的画布横纵拉出辅助中线,利用矩形工具画出这个形状并且添加到自定义图案中去。

photoshop cs3 绿色photoshop cs3 绿色photoshop cs3 绿色

听筒,在辅助线中间出用“椭圆工具” 按住Shift画出一个白色小圆点,如图,加入三种效果,其中图案叠加就是上面制作的图案。

photoshop cs3 绿色

前置摄像头,同上利用深灰色圆圈出摄像头外圈,里面再画一圆圈,做如果的“斜面与浮雕”效果即可。

photoshop cs3 绿色photoshop cs3 绿色

背面机身,在原基础上**一层,白色的nexus5我填充的颜色是#ebead9,利用“斜面与浮雕”很便捷的就可以做出nexus5背后的弧度了,第二再添加投影,美背完成。

photoshop cs3 绿色

主摄像头1,摄像头分三步来完成,首相这个显眼的大眼睛用工具画出来,添加以上效果,再加3个像素的外部黑色描边表现摄像头外面一圈稍微凸起黑色环。

photoshop cs3 绿色photoshop cs3 绿色photoshop cs3 绿色photoshop cs3 绿色

主摄像头2,这里主要制作摄像头的反光(为了更加清晰,这里调了黑色背景),用钢笔工具画出几层白色的反光形状,调整不透明度为10-15%左右,对上面那个大眼睛层“创建剪贴蒙板”完成反光。

photoshop cs3 绿色photoshop cs3 绿色

主摄像头3,最后一步完成大眼睛里面的小眼睛,同样画出两个同心圆形做“渐变叠加”(注意渐变颜色的选取,镜片在光照下呈现出蓝绿色的反光)。

photoshop cs3 绿色photoshop cs3 绿色

闪光灯里面那颗黄黄的,同样画个圆添加如图图层样式,这颗黄黄的东西就出来了(懒得去百度专业术语了,大家都懂)。

photoshop cs3 绿色photoshop cs3 绿色

闪光圈圈纹理,画圆形按照上图添加图层样式,同时降低不透明度为30%,此外为了凸显圈圈的纹理,在里面利用1px描边描出三个不同大小同心圆降低不透明度为25%左右。

photoshop cs3 绿色photoshop cs3 绿色photoshop cs3 绿色

LOGO,背后有”NEXUS”跟“LG”的logo,直接度娘logo,因为都是白底,很容易处理成灰灰的颜色(魔棒,对比度,颜色叠加)往上放就行了。

到此为止,一个崭新的手机就出现在你面前了,而且你想要什么手机只要动动手就能做出来哦,想想也是醉了…这里还有些我自己手机的对比图和最终效果图,手机渣渣画质…本来还想弄个动图的,编辑下来太累了,口干舌燥有木有。

photoshop cs3 绿色photoshop cs3 绿色photoshop cs3 绿色

谢谢看完的尾巴er!

拓展知识:

原创文章,作者:九贤生活小编,如若转载,请注明出处:http://www.wangguangwei.com/62771.html