[原创]OpenCanvas不完全教程（想玩电脑动漫cg制作的朋友可以看看）

<>呼呼.. 虽然偶看不懂.. </P><>但是一定保留你的精华作品..  加油哈.</P>

<>第一章、界面入门篇</P>
( y8 p9 n) ?3 t1 |( r! j3 ^<>作为图形图像软件，无非有两种界面布局，一种是以菜单为主的固定式布局，比如CD，一种是浮动面板为主的自由调整式，PS、FH、FW都属于这种，而我们要学习的OC也属于后者，这种布局的好处就是使用者对界面操作的自由度大，可以根据自己的操作习惯来搭配界面。至于如何操作，只要稍有PS基础的人，基本上都会，不在本篇讨论范围，Sorry，本篇教程针对的对象是那些已经具备有一定的PS入门操作技巧的朋友，不过也不要担心，只需要一点点技巧就行，也就是你打越知道PS各个工具是干嘛的、界面如何调整这样就行了（靠，这么多了，还说是入门经验，呵呵），如果有不明白者，可跟贴提问。</P>
) v" Z2 q: U5 w0 \  J<>好，那我们就从最重要的浮动工具栏开始本软件的学习。这就是OC的工具栏（见图2），比PS简单多了，不过手绘应该具备的工具它却一应俱全。好，我们逐个讲解（按照从左到右的顺序）。</P>
$ O4 @; M* |  T0 S<>图2：</P>
9 H2 v6 g" F# w<><img src=\"attachments/dvbbs/2005-4/200545142936348.gif\" border=\"0\" onload=\"if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt=\\\'Click here to open new window\\nCTRL+Mouse wheel to zoom in/out\\\';}\" onmouseover=\"if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor=\\\'hand\\\'; this.alt=\\\'Click here to open new window\\nCTRL+Mouse wheel to zoom in/out\\\';}\" onclick=\"if(!this.resized) {return true;} else {window.open(\\\'attachments/dvbbs/2005-4/200545142936348.gif\\\');}\" onmousewheel=\"return imgzoom(this);\" alt=\"\" /></P>
: J6 w4 F  e& N  [0 |% Z, P<>NO.1 画笔工具，这可是本软件的核心，下面将结合画笔面板单独讲解。</P>
- z* ~5 D, d: X( ]: `<>NO.2 移动图层工具，这是移动当前图层内容的工具，前提是你要选定你要移动的目标图层，可别弄错了：）</P>
2 O, j  _" [4 i4 N9 j<>NO.3 多边形工具，用来绘制规则图形，注意，这个图形只是勾边而无填充色。其实这是个工具组，大家只要把鼠标提留在这个图标上，然后久按鼠标左键他会弹出该组下其他工具，默认情况下是矩形多边形工具。还有另外两个，大家动动手也就知道怎么回事啦。</P>
& w! D5 }: o0 p<>NO.4 填充形状工具，这个和前面一个的正好相反，是绘制出无勾边而有填充色的常规图形。他也是一个工具组，其他属性与前一个软件雷同。</P>
<>NO.5 填充工具，这个不用说了吧，只要是图形图像软件，都有着玩意。</P>
<P>NO.6 渐变工具，这个估计也不用太详细讲了，PS、FW都有，不过在OC当中他要配合的是渐变工具浮动面板（图3）</P>
+ J5 g2 o$ N) m9 W8 @<P>图3：</P>
$ V: ^6 x+ r& x/ J3 e5 [2 r; Q<P><img src=\"attachments/dvbbs/2005-4/200545142948613.gif\" border=\"0\" onload=\"if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt=\\\'Click here to open new window\\nCTRL+Mouse wheel to zoom in/out\\\';}\" onmouseover=\"if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor=\\\'hand\\\'; this.alt=\\\'Click here to open new window\\nCTRL+Mouse wheel to zoom in/out\\\';}\" onclick=\"if(!this.resized) {return true;} else {window.open(\\\'attachments/dvbbs/2005-4/200545142948613.gif\\\');}\" onmousewheel=\"return imgzoom(this);\" alt=\"\" /></P>
! p) G* l/ k5 }<P>NO.7 直线工具，画出直线或者不规则折线，这也是一个工具组。</P>
* j/ T" `1 [3 h0 k3 n1 K+ K8 Q( |<P>NO.8 文本工具，和其他软件的文字工具没什么太大的差别。</P>
<P>NO.9 规则区域选择工具，相当于PS的矩形选择工具之类的，这也是个工具组。</P>
<P>NO.10 非规则区域选择工具，相当于PS的套索和多边形选择工具，这也是个工具组。</P>
<P>NO.11 魔术棒选择工具，和PS的魔术棒一样。</P>
<P>NO.12 文本选择区工具，和PS的文本选择区工具一样。</P>
& @  G; H& a7 Z4 N$ t( m<P>NO.13 颜色吸取工具，是个图形图像的软件就有这东西。</P>
<P>NO.14 剪裁工具，和PS的剪裁工具一样，用于调整当前画布大小</P>
% Z4 z3 l# M5 d: y5 \4 T<P>NO.15 移动工具，和PS的小抓手工具一样，这个工具很常用，希望大家记住他的快捷键---空格键。</P>
<P>NO.16 画布旋转工具，这是PS没有的，它可对当前画布进行角度旋转，以便调整到最佳绘画角度，有点模拟我们平常画画调整纸张的位置和角度一样。这东西在OC中很常用，希望大家记住他的快捷键---Alt键</P>
<P>NO.17\\18  放大缩小工具，这个需要解释吗：）我相信大家一定都很熟悉了。</P>
<P>
: m3 ~9 J+ ]3 d9 ]( l4 [ </P>

<>嗬嗬，晚上上完课后继续</P>
: p4 @  _9 q" ~* G$ E  E+ u8 u" [<>有的兄弟会说，没有压感笔，能画出手绘效果吗？</P>
<>大家看看这幅图，这就是我用oc在没有压感的情况下画出来的</P>
. W" p8 D/ P) U. q& ]+ `<><img src=\"attachments/dvbbs/2005-4/200545144855383.jpg\" border=\"0\" onload=\"if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt=\\\'Click here to open new window\\nCTRL+Mouse wheel to zoom in/out\\\';}\" onmouseover=\"if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor=\\\'hand\\\'; this.alt=\\\'Click here to open new window\\nCTRL+Mouse wheel to zoom in/out\\\';}\" onclick=\"if(!this.resized) {return true;} else {window.open(\\\'attachments/dvbbs/2005-4/200545144855383.jpg\\\');}\" onmousewheel=\"return imgzoom(this);\" alt=\"\" />
</P>
<>大家放心，oc提供了很多快捷键，帮助大家只需鼠标就可模拟出压感笔效果。</P>
<>嗬嗬，为了心中的MM，前进~~~~</P>
<>看了这篇教程后，对动漫cg有兴趣的朋友可以来我们的群上讨论，特别欢迎广大女同胞的加入，呵呵！</P>
<>群号：4142186（天下设计，原来叫做漳州师院cg联盟）</P>

<>支持你.....这个软件我不熟悉....不好说什么....</P>
<>等我学完PS和FW我就看看会不会学OC....</P>

<>趁你们在学校要赶快多学点软件</P><>现在出来找工作了才知道平面设计师岗位不是那么简单（如果一般公司只需要ps cd就够了），一般要学会ps、ai、pg、id、cd、fh</P><>如果你会dw、flash、fw以及pt、oc就更好了</P><>假如你还会3d max、cad、ls的话，就更……更牛了</P><>假如假如你还会maya、mr，放心，你不用找工作，人家抢着要（当然前提是不再漳州，漳州没有这种人的容身之地）</P>

<>楼主. OC教程实在完美.. 加精了..</P><>不过偶PS都用的不熟练.. 以后再像楼主学习 呼呼.</P>

<>OK，介绍完工具栏，我们开始讲解各个浮动面板。先从简单的入门：</P>
<>1、预览窗口面板（图4），和PS的导航器一个作用，需要配合工具栏的缩小放大工具使用。</P>
<>图4</P>
<><img src=\"attachments/dvbbs/2005-4/200545223238549.gif\" border=\"0\" onload=\"if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt=\\\'Click here to open new window\\nCTRL+Mouse wheel to zoom in/out\\\';}\" onmouseover=\"if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor=\\\'hand\\\'; this.alt=\\\'Click here to open new window\\nCTRL+Mouse wheel to zoom in/out\\\';}\" onclick=\"if(!this.resized) {return true;} else {window.open(\\\'attachments/dvbbs/2005-4/200545223238549.gif\\\');}\" onmousewheel=\"return imgzoom(this);\" alt=\"\" /></P>
<>2、颜色样式面板（图5），这是我自己归类的浮动面板，把所有有关颜色设置的浮动面板集中在了一块，其中相关设置和PS的大同小异，大家多试看看就明白了。</P>
% z9 ]# ^- P, _<>图5</P>
<><img src=\"attachments/dvbbs/2005-4/200545223246442.gif\" border=\"0\" onload=\"if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt=\\\'Click here to open new window\\nCTRL+Mouse wheel to zoom in/out\\\';}\" onmouseover=\"if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor=\\\'hand\\\'; this.alt=\\\'Click here to open new window\\nCTRL+Mouse wheel to zoom in/out\\\';}\" onclick=\"if(!this.resized) {return true;} else {window.open(\\\'attachments/dvbbs/2005-4/200545223246442.gif\\\');}\" onmousewheel=\"return imgzoom(this);\" alt=\"\" />
</P>

<>今天暂且到这里吧，我也要开始学习了：）</P>
% a( t1 o7 y; v% P  P+ ^4 Y- _<>准备通过这个简单的教程，让大家最终完成这幅作品（嗬嗬，很烂，毕竟只画了3个小时，不像那个人头，可花了我一个早上和下午啊。不过这个简单的例子却扎扎实实地将oc所有常用功能基本上都来了一次检阅） </P><img src=\"attachments/dvbbs/2005-4/200545232235770.jpg\" border=\"0\" onload=\"if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt=\\\'Click here to open new window\\nCTRL+Mouse wheel to zoom in/out\\\';}\" onmouseover=\"if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor=\\\'hand\\\'; this.alt=\\\'Click here to open new window\\nCTRL+Mouse wheel to zoom in/out\\\';}\" onclick=\"if(!this.resized) {return true;} else {window.open(\\\'attachments/dvbbs/2005-4/200545232235770.jpg\\\');}\" onmousewheel=\"return imgzoom(this);\" alt=\"\" />

<>呼呼.. 虽然偶看不懂.. </P><>但是一定保留你的精华作品..  加油哈.</P>

<>3、渐变样式面板（图6）</P>
<>图6</P>
# p  A8 y, S  Z<><img src=\"attachments/dvbbs/2005-4/20054612723831.gif\" border=\"0\" onload=\"if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt=\\\'Click here to open new window\\nCTRL+Mouse wheel to zoom in/out\\\';}\" onmouseover=\"if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor=\\\'hand\\\'; this.alt=\\\'Click here to open new window\\nCTRL+Mouse wheel to zoom in/out\\\';}\" onclick=\"if(!this.resized) {return true;} else {window.open(\\\'attachments/dvbbs/2005-4/20054612723831.gif\\\');}\" onmousewheel=\"return imgzoom(this);\" alt=\"\" />
</P>
<>需配合渐变工具使用。这个面板和PS的渐变样式很相似，当然相对而言功能要简单得多，类型参数也是我们常见的，就是这个“返回/标准”以及“重复/数量”参数或许和我们之前用过的软件有点不太一样。所谓“返回/标准”，就是当你结束一种样式的颜色渐变后，新的颜色渐变与之前这个颜色渐变之间的过渡方式，如果是返回，就是羽化（模糊）两者边缘（图7）</P>
<>图7</P>
<><img src=\"attachments/dvbbs/2005-4/2005461287980.gif\" border=\"0\" onload=\"if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt=\\\'Click here to open new window\\nCTRL+Mouse wheel to zoom in/out\\\';}\" onmouseover=\"if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor=\\\'hand\\\'; this.alt=\\\'Click here to open new window\\nCTRL+Mouse wheel to zoom in/out\\\';}\" onclick=\"if(!this.resized) {return true;} else {window.open(\\\'attachments/dvbbs/2005-4/2005461287980.gif\\\');}\" onmousewheel=\"return imgzoom(this);\" alt=\"\" /></P>
<>如果是标准则以硬边过渡（图8）</P>
; e4 l2 f6 ~6 _" i<>图8</P>
<><img src=\"attachments/dvbbs/2005-4/20054612831261.gif\" border=\"0\" onload=\"if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt=\\\'Click here to open new window\\nCTRL+Mouse wheel to zoom in/out\\\';}\" onmouseover=\"if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor=\\\'hand\\\'; this.alt=\\\'Click here to open new window\\nCTRL+Mouse wheel to zoom in/out\\\';}\" onclick=\"if(!this.resized) {return true;} else {window.open(\\\'attachments/dvbbs/2005-4/20054612831261.gif\\\');}\" onmousewheel=\"return imgzoom(this);\" alt=\"\" /></P>
+ z3 }- f2 L: p<>而“重复”则是设置当前渐变重复多少次，请可谓看图示，无限方式是根据你用渐变工具拖拉出的渐变指示线长度决定重复渐变样式的幅度（图9）</P>
<P>图9</P>
8 o$ m- a' h7 P* W. e( V$ n<P><img src=\"attachments/dvbbs/2005-4/20054612913869.gif\" border=\"0\" onload=\"if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt=\\\'Click here to open new window\\nCTRL+Mouse wheel to zoom in/out\\\';}\" onmouseover=\"if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor=\\\'hand\\\'; this.alt=\\\'Click here to open new window\\nCTRL+Mouse wheel to zoom in/out\\\';}\" onclick=\"if(!this.resized) {return true;} else {window.open(\\\'attachments/dvbbs/2005-4/20054612913869.gif\\\');}\" onmousewheel=\"return imgzoom(this);\" alt=\"\" /></P>
<P>数量方式则是根据你在数量输入框内输入的参数，决定重复样式次数的多少（图10）。</P>
<P>图10
: U! s# M/ ~, P& }<img src=\"attachments/dvbbs/2005-4/20054612930949.gif\" border=\"0\" onload=\"if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt=\\\'Click here to open new window\\nCTRL+Mouse wheel to zoom in/out\\\';}\" onmouseover=\"if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor=\\\'hand\\\'; this.alt=\\\'Click here to open new window\\nCTRL+Mouse wheel to zoom in/out\\\';}\" onclick=\"if(!this.resized) {return true;} else {window.open(\\\'attachments/dvbbs/2005-4/20054612930949.gif\\\');}\" onmousewheel=\"return imgzoom(this);\" alt=\"\" />
</P>