Special shape 教程(一)

教程



想做的是个类似蜕变的壳或者蛹一样的物体,但又不想太呆板的形状和颜色,因此作了些透明的效果,增加了些升腾的感觉和光感,让它看起来是在无时无刻发生着变化的,而且不是个空壳摆在那里。最后的效果还是有很多可改进的地方,背景也只是简单描述了一下。这个慢慢在说了。

上次的教程很多人反映怎么做都感觉和我的不像,其实我并不主张完全照着我的样子做,因为没有很严格的步骤,我所说的还是我自己摸索的方法,具体的实施步骤需要大家自己去摸索,只要结果都差不多就行了。最重要是了解一些效果的做法,然后可以灵活运用到其他地方。这次我尽量把步骤说的详细一些,再加上一些操作中的画面,最好这次大家能看明白。

那么这就开始喷了,因为步骤比较多,建议大家把厕所都上好了,省得去了回来忘记做到哪一步了。。。

为了让大家看清楚,用一个深色的背景铺在后面,只要不用黑色的就行了,最好有一点颜色,这样可以让光的部分有余地发挥?

首先是画一个希望的形状,这个形状也是任意的。只要看起来想你想做的东西就行了。这个步骤也是要用路径来作。便于以后的修改。无论任何时候,路径的填充都要比选区填充的要好。目前我的这个形状就是椭圆形修改而来的。



看一下大概的路径



然后将刚画好的部分复制一层,填充成黑色,在将它合并到一个空层中。删除路径属性,便于用橡皮擦出过渡的阴影。这个步骤的目的是将刚完成的形状的大体走向描绘出来,之前的上色教程有说过,阴影和光是表现物体立体感的重要手段。有点类似素描的“上调子”



擦出大概的部分,保留光认为照不到的地方



调整透明度17% 让阴影更加自然一些。可以看到,球体的走向这时候就能够看出一些了。

把这个步骤在做一次,但这次保留下放半圆部分的阴影,因为球体的下半部分阴影绘更加深一些,并向上移动几个像素,露出一个白边。这样也有助于描述立体感。



然后描绘一些物体表面的走向,将刚才的路径复制一个,然后只要修改左边和上边两个节点的控制柄长度,就可以做到这个形状。



将这层填充成黑色



和之前一样的方法,用橡皮擦出阴影的部分。可以看到会出现凹凸的效果



进行一次上面的步骤,做出另一个相同的部分,效果看下面。



现在用路径画出一个内部的核心。下面是大概的路径

注意这个形状需要一个图层效果,同时17的原色透明度,方法上次也说过。在图层面板上,这个部分会只影响路径的色彩,不会影响效果的深度。



同时增加一个inner glow设置如图



上面步骤结束之后,在次复制一个最底层的路径,整体缩小一点,调整路径如图,让它感觉包含在其中的,同时给外围一点厚度。

下面这个步骤是描绘物体中心的形态,全部通过图层效果完成,步骤比较多。大家最好仔细看清楚最后的效果,注意设置参数。再自己尝试调整。



样的,17%原色透明,inner glow效果,设置



这个步骤的效果



在加入一个pattern overlay 设置如图




再加入一个Gradient overlay,增加一个过渡,让画面看起来不回那么平。上方用白色覆盖,其他透明。这个不周可能需要大家自己尝试一下,因为过渡色的初试位置和过渡颜色都不一样。我的具体设置如图



当前效果



最后再加入一个Color overlay 因为目前看起来颜色不够鲜明。具体设置如图



最后效果。到这个步骤,这个图层的效果就完成了。大家最好在这个时候注意一下图层的覆盖顺序,哪些在上哪些在下。有些是应该覆盖在上面,通过透明体现下面的元素。需要对照目前的样子仔细看一下。

时间: 2024-11-03 04:55:40

Special shape 教程(一)的相关文章

flash教程:flash Shape实例教程

flash教程:flash Shape实例教程 第1步 选择文字工具在左边的工具箱.选择文本"大小" 48从顶部的菜单中,使文大.选择文本"风格"大胆以使案文厚. 第2步 请在工作区和写"你好" . 第3步 右击你刚才的文字写道小组,并选择"对齐从弹出式菜单. 第4步 在对齐框中选择"为舞台"按钮.然后点击"对齐水平中心"按钮和"垂直中心对齐"按钮.关闭对齐方块. 第5步 选择

Blend4精选案例图解教程(一):丰富的形状(Shape)资源

原文:Blend4精选案例图解教程(一):丰富的形状(Shape)资源       Blend4资源面板中内置了丰富的形状素材,为我们在构建程序时提供极大的方便.系统默认内置18种常用形状,通过其属性设置可以自定义出更多衍生形状,或者通过Direct Selection工具手动绘制,我们可以获得更自由的形状编辑.当然我们还可以登陆 Expression Gallery 下载别人分享的素材(似乎并不多),来扩充形状资源库.       因为形状的用法比较一致,重点是形状的不同属性设置,在此仅举一例

PS网页设计教程XIV——如何创建一个复古风格的PS布局

作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,"熟读唐诗三百首,不会作诗也会吟". 本系列的教程来源于网上的PS教程,都是国外的,全英文的.本人尝试翻译这些优秀的教程.因为翻译能力有限,翻译的细节上还有待推敲,希望广大网友不吝赐教. 约定: 1.本文的软件是Photoshop CS5版本 2.原教程的截图是英文的,本人在重新制作的基础上,重新截了中文版的图 3.原文中有些操作没有给出参数.本人在反复测试的情况下测定了一些参数,以红色的

[Qt教程] 第19篇 2D绘图(九)图形视图框架(上)

[Qt教程] 第19篇 2D绘图(九)图形视图框架(上) 楼主  发表于 2013-5-4 15:26:20 | 查看: 1798| 回复: 26 图形视图框架(上) 版权声明 导语 在前面讲的基本绘图中,我们可以自己绘制各种图形,并且控制它们.但是,如果需要同时绘制很多个相同或不同的图形,并且要控制它们的移动,检测它们的碰撞和叠加:或者我们想让自己绘制的图形可以拖动位置,进行缩放和旋转等操作.实现这些功能,要是还使用以前的方法,那么会十分困难.解决这些问题,可以使用Qt提供的图形视图框架.  

使用Fireworks制作香烟的教程

教程 我们首先选择的file> New或CNTL+N, 新建一个400x200象素的fireworks文件,设置分辨率为72,背景色为#99CC99.做一个烟身, 选择矩形工具,拉一个矩形.在属性面板设置这个矩形宽222个象素,高18个象素.然后设置矩形的填充如图.线性填充的颜色从左到右分别为: #CCCCCC, #FFFFFF, #FFFFFF 和 #E5E5E5.再做一个矩形来充当过滤嘴. 选择矩形工具 ,拉一个矩形.设置这个矩形的长为68,高为18.设置填充如图:Linear线性填充的颜色

session全教程(二)

session|教程 二.php3,4中session的实现 在php3中是没有session这种东东的,但我们又需要,怎么办呢?别急,有很多人替你做了这些,这其中最有名的要算phplib了.你可以去国外下载,可以上国内大部分php站点下载.我们要做的第一件事是让phplib和php3结合在一起使它能工作.为了能实现这方面的功能,我们需要先安装phplib.跟着我来做,很容易的(以下方法在win2000+php3.0.16+apache1.3.12+phplib7.2c+mysql3.23.21

推荐阅读HTML简明教程

教程 「超文标记语言」简明导引(中文版)(本文适用於所有的浏览器) 接 入 Internet网 ,浏 览 WWW中 丰 富 多 彩 的 主 页 ,对 于 一 般 用 户 已 不 陌 生 ,如 何 编 写 自 己 的 主 页 ,在 网 络 上 展 示 自 己 的 风 格 ,已 逐 渐 成 为 大 家 的 热 门 话 题 ,掌 握 超 文 本 描 述 语 言 (HTML)是 在 Internet网 络 中 建 立 主 页 (Home Page)的 基 础 . 本 页 列 出 所 有 能 被 大 部

XHTML基础入门教程

html基础|xhtml|教程|入门教程 摘要 XHTML 1.0是作为XML1.0应用而重新制定的HTML4.本规范书定义XHTML 1.0以及其中与HTML 4对应的3种文档类型定义(DTDDocument Type Definition). 每个元素的语义和它们的属性已经在W3C Recommendation for HTML 4中定义它们是XHTML将来扩展的基础.只要遵循一小套指导方针XHTML文档就能和现存的HTML用户代理程序兼容. 本文档的状况 本节描述本文档发布时的状况.其它的

HTML 4.0 语言快速入门参考教程

参考|教程|快速入门 所有的万维网文件都是由超文本标志语言HTML所创建的.在这种语言中,可以使用各种标记对文件进行处理.这些标记决定了文件内容的外观.结构以及交互性等方面,他们的共同之处就是都使用"<>",例如段落标记<p>,图片标记<imp>等. 在浏览器中,是看不到任何HTML标记的,但是在浏览器中所看到的网页效果却都是由这些标记生成的. 在大多数情况下,在创建站点时并不需要对HTML标记进行掌握,因为在FrontPage 2000这样的软件中