学院首页 软件应用 编程开发 创意设计 认证培训 软件论坛
Flash Fireworks Dreamweaver Photoshop CorelDraw Illustrator FreeHand 3DsMAX AutoCAD

您的位置:学院 >> 创意设计 >> Fireworks >> Fireworks轻松绘制简单卡通海景画


Fireworks轻松绘制简单卡通海景画



  本教程主要通过Fireworks绘制一幅卡通海景画的过程来教大家如何运用基本的工具来表现清新的画面效果。文章末尾提供原文件供大家下载参考。
  学习要点:Fireworks钢笔工具中ALT键的运用、纹理运用、减淡工具、橡皮工具

  1.新建340*580像素白色画布,天空为340*400像素矩形,顶部与画布对齐,下面留空露出白色画布,留作表现沙滩用。天空矩形为线性填充,颜色为#369BCB---#FFFFFF,填充纹理为10%砂纸,制造些磨砂感觉。填充方向(垂直填充)、参数和初步效果如图:

  天极设计在线_Fireworks绘卡通风景画

  2. 这一步骤我们画云彩,表现水天交接的效果。
  依然是钢笔勾画,填充为白色,并进行高斯模糊,高斯模糊值为4,这里需要大家注意下ALT键在钢笔勾画路径中的作用,云的作法简单的说有2种,一种是先大体勾勒出来轮廓,按住ALT调节节点,这样的好处是调节此节点时,下一个节点的位置不会受影响,可以慢慢调节到你满意为止;另一种是第一笔仔细画,在开始第二笔时按住ALT键点选第一笔的结束节点,这样画第二部分时不会受到影响。

  天极设计在线_Fireworks绘卡通风景画

  3.开始画海水部分。
  依然是线性填充,颜色为#3570B4、 #3690CC、 #FFFFFF垂直填充,线性调节为:

  天极设计在线_Fireworks绘卡通风景画

  天极设计在线_Fireworks绘卡通风景画

  4.仍然是钢笔勾画,可以随意些,来表现海滩边的小波纹,路径进行白色填充,进行高斯模糊,高斯模糊值为2。

  天极设计在线_Fireworks绘卡通风景画

  初步效果:

  天极设计在线_Fireworks绘卡通风景画

  此时得到的效果有些"生硬",我们来增强效果。
  复制一个我们刚才画的路径,保持白色填充,边缘轮廓颜色取我们画的海水浅颜色部分,,笔尖大小为2,笔触为基本--柔化圆形,仍然保持高斯模糊.选取此路径,点选菜单修改---平面化所选,将此路径转化为位图,我们再选择橡皮工具或者减淡工具,对海水边缘部分进行擦除或者减淡,得到以下一个效果图:

  天极设计在线_Fireworks绘卡通风景画

  与前面的海水部分对齐得到一个满意的效果:

  天极设计在线_Fireworks绘卡通风景画

  5.至此,我们的作品天空和海水的部分基本完成了。
  继续我们的钢笔学习,完成天空中的海鸥。
  先画一个,用偷懒的方法,组合复制改变大小 旋转,哈哈,几只海鸥就出来了。

  天极设计在线_Fireworks绘卡通风景画

  6.画面还是有些突兀,我们来画一个椰子树。
  树干填充图案:蓝绿交织,依然保持10%的砂纸纹理,运用模糊和色相饱和度调整,做成树干样子。还有其他的表现手法,朋友们可以去自己试验,这里就不介绍了。
  现在看起来不太像树干吧,尖尖的,不过我们一会可以用叶子遮盖住它,简单画可以增加效率,这就是电脑作图的好处 。

  天极设计在线_Fireworks绘卡通风景画

  色相和饱和度的调整值:

  天极设计在线_Fireworks绘卡通风景画

  7.椰树叶子的制作:钢笔工具勾画椰子树叶子大体形状,然后用钢笔工具在叶子路径上增加节点,用部分选定工具对密集的节点进行拖拽,制作椰树叶的缝隙。

  天极设计在线_Fireworks绘卡通风景画

  同理,制作多些叶子,罗列一下,组成一个椰树,记得把粗糙的树干掩盖好。我们再添加些小“饰品”,至此,品就基本完成了,以下是效果图。.png原文件下载

  天极设计在线_Fireworks绘卡通风景画


  
技术文章快速查找

栏目导航
软件应用
·操作系统 ·杀毒防黑 ·应用软件
·聊天软件 ·网络软件  
Web开发
·ASP ·JavaScript ·CGI
·JSP ·VbScript ·Web服务器
·PHP ·XML  
开发语言
·VB ·VC ·ASP.NET
·Java ·C/C++ ·Delphi
数据库开发
·MySQL ·SQL/Access ·PowerBuilder
·Oracle ·DB2  
网站设计
·Flash ·Dreamweaver ·HTML/CSS
·Fireworks ·FrontPage  
平面设计
·Photoshop ·CorelDraw ·AutoCAD
·FreeHand ·Illustrator ·3DsMAX
媒体动画
·Director ·Authorware ·Maya
·视频处理    


相关软件 产品库推荐
·笔记本 ·台式机 ·服务器
·数码相机 ·手机 ·GPS
·DV摄像机 ·MP3 ·MP4
·CPU ·硬盘 ·内存
·主板 ·显卡 ·显示器
·打印机 ·投影机 ·路由器

还没人留言,抢个先,哈哈!
对"Fireworks轻松绘制简单卡通海景画"的评论 - 快速回贴
内容:
  [完成后可按Ctrl+Enter发布]

百度中 Fireworks轻松绘制简单卡通海景画 相关内容
Google搜索中 Fireworks轻松绘制简单卡通海景画 相关内容
雅虎中 Fireworks轻松绘制简单卡通海景画 相关内容
Sogou搜索中 Fireworks轻松绘制简单卡通海景画 相关内容

相关软件 最新回复帖子:

·nesox让电子邮件营销原来如此轻松!
·Windows Vista 中卸载软件的不同方式
·没有mysql支持时的替代方案
·一个可以发送附件及HTML格式邮件的PHP类
·AutoCAD打造精致三维鸟笼实例详解
·Photoshop自定义水晶字特效样式
·AutoCAD三维基础实例教程
·PS为黑背景长发美女照片抠图换背
·用Photoshop自制个性摩托车贴花小经验
·轻松几步将美女照片处理为手工素描


  相关软件 Fireworks轻松绘制简单卡通海景画相关文章
Fireworks巧绘水晶葡萄 Fireworks绘制精致立体IPOD
Fireworks去照片红眼功能使用详解 Fireworks绘制精致三维仿真金属小球
Fireworks绘精致矢量美女插画 Fireworks轻松绘制简单漂亮的立体Logo
Fireworks逐帧动画效果及实例剖析 初学必读:怎样学习Fireworks?
再玩图片魔术:黑白照片的彩色秘密 亮闪闪的美丽 Fireworks巧绘精美闪图动画
Fireworks绘矢量风格卡通彩色铅笔 用Fireworks 8轻松打造滑动导航菜单
自定义Firework命令轻松批量调整图片 Fireworks合成图像法设计化妆品网站首页
Fireworks巧绘晨雾中的翠竹林 Fireworks简单方法打造网页“闪字”动画
Fireworks描绘七夕牛郎织女古典卷轴美图 Fireworks制作特效字:铁锈字
图像及网页设计软件Fireworks快捷键一览 Fireworks笔触与选区实现残破照片边缘特效