Photoshop鼠绘教程:打造逼真的联想笔记本

出自:中国教程网 本例介绍使用Photoshop绘制逼真笔记本电脑,教程详细讲解了笔记本电脑的制作过程,对新手朋友掌握路径工具和图层样式有一定的帮助。 最终效果: 1、新建1024*768,150px的画布一个。(为了制作方便,我们先把画布建的大一些,完成后再改为论

出自:中国教程网



本例介绍使用Photoshop绘制逼真笔记本电脑,教程详细讲解了笔记本电脑的制作过程,对新手朋友掌握路径工具和图层样式有一定的帮助。



  最终效果:



Photoshop鼠绘教程:打造逼真的联想笔记本



  1、新建1024*768,150px的画布一个。(为了制作方便,我们先把画布建的大一些,完成后再改为论坛规定的大小,即宽度等于或小于700像素)



  2、用园角工具画出如图路径。



Photoshop鼠绘教程:打造逼真的联想笔记本



  3、新建一层,ctrl+Enter,转换为选区,设置前景色为深灰80,80,80)进行填充。



  4、把选区收缩20个像素后,执行选择/变换选区,把鼠标变换框底边的中点向上适当推一下。

#p#分页标题#e#

Photoshop鼠绘教程:打造逼真的联想笔记本



  5、确定后执行图层/新建/通过剪切的图层以,生成图层2。



  6、关闭图层2,激活图层1,打开样式对话框进行如图设置后确定。



Photoshop鼠绘教程:打造逼真的联想笔记本



  7、按定ctrl键,用鼠标点一下图层2的缩略图,载入选区,打开一个事先准备好的桌面图片,ctrl+A全选,ctrl+c考贝后关闭这个图片, ctrl+shift+v粘贴入,ctrl+t自由变换,调整大小到合适。现在效果如图:



Photoshop鼠绘教程:打造逼真的联想笔记本



  8、删除图层2,合并图层1和图层3。



  9、进入路径面板,点击工作路径,Ctrl+Enter,转换为选区,新建一层为图层4,填充深灰色后取消选区,CtrlT+t,自由变换,向下移动到如图位置。



#p#分页标题#e#Photoshop鼠绘教程:打造逼真的联想笔记本



  10、取矩形选择工具,在图层4中间做一个大矩形选区, 可借助标尺,按Delete键删除。



  11、执行图层/样式/斜面和浮雕,设置如图。现在效果如图。



Photoshop鼠绘教程:打造逼真的联想笔记本



  12、新建图层5,用矩形选择工具在图示位置做一长条选区,取渐变工具,对渐变条进行如图编辑,对选区由上而下作线性渐变,效果如图:



Photoshop鼠绘教程:打造逼真的联想笔记本



  13、确保长条图层被选择,连敲向上箭头4次,现在效果如图:



Photoshop鼠绘教程:打造逼真的联想笔记本



  14、激活图层4,做如图选区:#p#分页标题#e#



Photoshop鼠绘教程:打造逼真的联想笔记本



  15、Ctrl+J复制生成图层6,双击图层6样式的效果,对斜面和浮雕效果设置如图示:



Photoshop鼠绘教程:打造逼真的联想笔记本



  16、新建图层7,用钢笔工具画出如图路径。



Photoshop鼠绘教程:打造逼真的联想笔记本



  17、ctrl+Enter,转换为选区,填充黑色,现在效果如图:



Photoshop鼠绘教程:打造逼真的联想笔记本



  18、激活图层4,做如图长方形选区,Ctrl+J,生成图层8,对样式进行如图设置。



#p#分页标题#e#Photoshop鼠绘教程:打造逼真的联想笔记本



Photoshop鼠绘教程:打造逼真的联想笔记本



  19、激活图层4,用同样的方法在右上角做出选区,Ctrl+J,生成图层9,样式设置同上一步。



  20、隐藏背景层和图层3(即屏幕),合并全部可见图层,并对现存的三个层重新命名。现在效果和图层关系如图示:



Photoshop鼠绘教程:打造逼真的联想笔记本



  21、现在我们开始制作按键。首先对键盘层中的大空白方框利用标尺用辅助线分为六等分,再按照最下面一排按键的情况做出纵向辅助线如图:



Photoshop鼠绘教程:打造逼真的联想笔记本



  22、新建图层1,在左下角做出如图选区后进行填充。



Photoshop鼠绘教程:打造逼真的联想笔记本#p#分页标题#e#



Photoshop鼠绘教程:打造逼真的联想笔记本



  23、在刚才填充的小方块下面和右面分别做出选区,并进行渐变填充。再用加深工具对这个键的面上稍微涂抹一下(有点意思就行),现在我们的第一个按键即Ctrl键就算是做成了。



Photoshop鼠绘教程:打造逼真的联想笔记本



Photoshop鼠绘教程:打造逼真的联想笔记本



  24、用相同的方法按照按键的大小和分布做出全部按键(主要是复制和自由变换),检查无误后将全部按键和键盘合并。效果如图:



Photoshop鼠绘教程:打造逼真的联想笔记本



  25、用钢笔工具在键盘下边做出长条平行四边形,转换成路径后进行深灰色填充。



Photoshop鼠绘教程:打造逼真的联想笔记本

#p#分页标题#e#

  26、合并键盘和长条,再用前面的方法在图示位置做出左右两个按键,并与键盘合并。



  27、新建一层,用两像素白色画笔在左右两个按键的下边分别画出反光线,高斯模糊一像素后向下合并。



Photoshop鼠绘教程:打造逼真的联想笔记本



  28、用钢笔工具再做出图示路径。



Photoshop鼠绘教程:打造逼真的联想笔记本



  29、Ctrl+Enler转换为选区后,再新建一层命名[侧面],进行深灰色填充。



Photoshop鼠绘教程:打造逼真的联想笔记本



  30、新建图层1,用单列选择工具在键盘右边与侧面的结合部点一下,进行白色填充。取消选区后用硬橡皮擦除掉多余部分。



Photoshop鼠绘教程:打造逼真的联想笔记本#p#分页标题#e#



  31、在右侧面上部用多边形工具做出选区,复制后添加斜面浮雕效果:



Photoshop鼠绘教程:打造逼真的联想笔记本



  32、用钢笔再做出路径。



Photoshop鼠绘教程:打造逼真的联想笔记本



  33、激活图层2,转换为选区后复制,生成图层3,加斜面浮雕效果。



Photoshop鼠绘教程:打造逼真的联想笔记本



  34、在生成的图层3上再做一个小四边形选区,复制后生成图层4,双击图层4的斜面浮雕,进行图示设置后确定。



Photoshop鼠绘教程:打造逼真的联想笔记本



#p#分页标题#e#  35、用类似方法做出其它按扭、插孔等。



  36、给每个按键打上键盘名,检查无误后将键盘的全部图层合并,注意不可与屏幕和背景也合并了,现在应该是背景,屏幕,键盘3个图层。



Photoshop鼠绘教程:打造逼真的联想笔记本



  37、用自由变换和斜切工具分别对键盘和屏幕作透视调整,同时通过旋转和缩放使屏幕和键盘结合在一起,然后合并这两个图层。



Photoshop鼠绘教程:打造逼真的联想笔记本



Photoshop鼠绘教程:打造逼真的联想笔记本



  38、执行滤镜/光照,设置如图:



Photoshop鼠绘教程:打造逼真的联想笔记本



  39、再加上个投影。#p#分页标题#e#



  40、最终效果。



Photoshop鼠绘教程:打造逼真的联想笔记本

原创文章,作者:admin,如若转载,请注明出处:https://www.2233cn.com/%e7%bb%8f%e5%85%b8%e8%ae%be%e8%ae%a1/2039.html

(0)
上一篇 2014年10月11日 上午9:03
下一篇 2014年10月11日 上午9:05

相关推荐

  • Photoshop打造充满夏日阳光的美女照片

    Photoshop打造充满夏日阳光的美女照片 【例主要能过亮度对比度、光照效果和镜头光晕等调节,使用原本灰暗的照片变得充满夏日阳光的气氛。 1、首先按下Ctrl+J快捷键自制出图层,然后在菜单栏中选择图像调整亮度/对比度命令进行调节,如图所示。 2、在菜单栏中

    经典设计 2014年9月22日
  • Photoshop打造非常淡雅的芦苇美女图片教程

    来源:PS联盟 作者:Sener 素材图片颜色比较深沉,主色比较单一。转淡色的时候先把主色转为自己喜欢的颜色,然后把暗部及整体调亮,再微调人物肤色即可。 原图 最终效果 1、打开素材图片,创建可选颜色调整图层,对黄、绿、中性色进行调整,参数设置如图1 –

    经典设计 2016年1月7日
  • Photoshop合成恐怖的獠牙变异水果

    在这篇Photoshop教程中我将为大家介绍合成两个长着贪婪獠牙的变异水果。牙齿效果有些像是僵尸的牙齿,喜欢这种风格的可以一起来学习一下。 作者:河马译 出处:IT世界网 最终效果 下面是教程中使用的三款素材。 1、首先将一如既往,使用Photoshop打开素材图

    经典设计 2014年10月6日
  • Photoshop经典仿手绘超级详细制作教程

    出处:百度帖吧作者:Amber 先看几个用Photoshop处理的仿手绘的效果图。 本教程用到的原图。 本教程的最终效果。 教程正文: 1.打开图象,为仿手绘的画面做一些准备工作。如适当的磨皮,对比度的调整,色调的调整等,使画面看上去更柔和,舒适。你甚至可以适

    经典设计 2014年11月9日
  • Photoshop制作丰富多彩的几何状无缝图案

    本文教大家制作一种丰富多彩的几何图案无缝贴图效果,喜欢的同学可以学习一下,制作并不难,只要学会了方法,大家可以自由发挥创造出自已喜欢的图案。 来源:P大点S 作者:Jeremiah Ragsdale 效果图: 制作过程:

    经典设计 2015年1月1日
  • 送给心爱的她,Photoshop制作一支玫瑰花

    出处:suiyue.net作者:瓢城浪子 效果图: 1、用钢笔工具勾出花的外形,填充RGB颜色150、16、25。 2、用钢笔勾出左边一片花瓣(只是整个花瓣的一部分,因为整个花瓣是包卷着的),复制到一个新的图层。 3、继续用钢笔工具勾出下一个花瓣,复制到一个新的图层

    经典设计 2014年11月11日
  • 花蕾边框的制作PhotoShop教程

    先看看效果:

    经典设计 2018年7月16日
  • Photoshop简单三步调出人物质感的肤色效果

    本教程主要使用Photoshop简单三步调出人物质感的肤色效果,照片有时也可以通过一些简单的方式来展示它自身更加深邃的魅力,也可以为它注入一丝情调,下面一起来学习吧。 来源:郎行新浪博客 原始素材 质感片 磨面片 现在我演示操作过程,这是一个很简单的课

    经典设计 2014年9月21日
  • Photoshop制作透明质感的玻璃艺术字教程

    本教程主要使用Photoshop制作透明质感的玻璃艺术字教程,在这个透明的玻璃文字教程中,我们只使用了简单的图层样式,配合使用好这些图层样式后能得出非常惊人的效果。下面让我们一起来学习吧。 来源:PS生涯 先看看效果: 教程: 1、在开始教程前请先安装好

    经典设计 2014年12月10日
  • Photoshop给偏红色的舞台照校色教程

    本教程主要使用Photoshop给偏红色的舞台照校色教程,原图的整体色彩严重的偏红,经过作者处理之后,人物部分颜色基本校正了,下面让我们一起来学习吧。 来源:图老大 作者:asswduming 原片: 效果: 调色方法:

    经典设计 2014年9月5日

发表评论

您的电子邮箱地址不会被公开。