音效素材网提供各类素材,打造精品素材网站!

站内导航 站长工具 投稿中心 手机访问

音效素材

FreeHand使用教程:创建紫色纸张页面卷边效果
日期:2014-07-03 11:27:16   来源:脚本之家

  这篇教程介绍关于创建卷边效果的使用教程,主要是利用 copy&paste 的功能来精确的表现阴影。虽然教程有些繁琐,但是作者的制作步骤十分严谨,值得我们学习!先来看看最终效果图:

FreeHand使用教程:创建页面卷边效果

  步骤一:

FreeHand使用教程:创建页面卷边效果

  A. 首先新建两个层,如上图所示,我们下一步将会用到它们。

FreeHand使用教程:创建页面卷边效果

  B . 在 Foreground 层创建一个直径为1英寸的圆,将它解散组群,画一条直线连接圆的 最高点和最低点 。

FreeHand使用教程:创建页面卷边效果

  C . 保持直线的选择状态,只将它旋转-45度。

  步骤二:

FreeHand使用教程:创建页面卷边效果

  现在绘制一条水平参考线和一条垂直参考线 并 分别将它们吸附对齐到圆的最上端和最右端。拖动页面标尺的零坐标点到两条参考线的交叉处,见上图页面标尺 原 在左上角位置。再拖出两条参考线在水平和垂直方向上相距原点 2 英寸距离。绘制一条斜对角线如上图所示。

  步骤三:

FreeHand使用教程:创建页面卷边效果

  A . 将圆形和它内部的直线全选并水平左移,直到圆内直线的顶点和对角线重合,如上图。你可将页面放大来精确移动。

  B . 复制圆形和它内部的直线,再将复制对象缩小 50% ,如上面所示用相同的方法将它们与对角线在右下方重合。

  步骤四:

FreeHand使用教程:创建页面卷边效果

  现在重新调整两条水平和垂直参考线的位置,使它们与图中所画的高光点重合,也就是分别与大小圆的右顶点和上顶点重合。

  步骤五:

FreeHand使用教程:创建页面卷边效果

  接着,分别将大小两个圆的四分之三部分删去,这很好做:只要分别选择两个圆的上顶点和右顶点,点击 modify->split 命令便将它们分离了,再选择它们的左下部删除即可。选择两个圆的残留线段,现在使用划刀工具,首先双击它在它的对话框中取消对 Close cut paths 的选择;然后用划刀在残留线段的中点也就是和对角线相切重合的部位点一下,如上图所示的高光点位置,即将它们切割开。

  步骤六:

FreeHand使用教程:创建页面卷边效果

  删除所有的对角线,选择上图中用红色标出的线段,将它们放到 Back Paper 层并将这一层隐蔽。

  步骤七:

FreeHand使用教程:创建页面卷边效果

  选择 Bezigon 工具,点击左上方线段的最低点,接着按上图所示依次点击第二点,第三点,全选所有的对象按 control+j 将它们组合在一起。按住 shift 选择A,B两点,在 Object 面板中将它们的连接点属性设为 Connector point ,如上图所示。

  步骤八:

FreeHand使用教程:创建页面卷边效果

  现在选择这条路径,在 Object 面板里勾选close一项,将路径闭合。如上图所示。

  步骤九:

FreeHand使用教程:创建页面卷边效果

  现在利用 step 7 中所介绍的方法,将 B ack Paper 层显示,选择它的两个线段,用 Bezigon 工具按上图所示依次链接起来,再像 step 8 那样将路径闭合,确定图中所示的AB点属性为 Corner ,CD点属性为 Connector 。

  步骤十:

FreeHand使用教程:创建页面卷边效果

  我们接着在 Front Paper 层绘制一个像上图所示的矩形,现在卷边的雏形已出来啦。

  步骤十一:

FreeHand使用教程:创建页面卷边效果

  现在到了填色的时候了,将卷边设为白色,纸张设为紫色,背景设为灰色,取消所有的轮廓线,如上图所示。

  步骤十二:

FreeHand使用教程:创建页面卷边效果

  创建一个矩形并旋转 45 度,将其放入 Background 层,删去它的轮廓线并沿45度方向施加从紫到深紫的渐变色。如上图所示。

  步骤十三:

FreeHand使用教程:创建页面卷边效果

  拷贝 这个矩形,选择 Front Paper 层将其粘贴进去,形成卷边的一道阴影。

  步骤十四:

FreeHand使用教程:创建页面卷边效果

  现在我们要这张纸的上部加一条红边,所以在 F ront paper 层我们接着创建一个红色的长条矩形,然后选择 background 层的倾斜矩形,将它的渐变色设为由红到深红。如上图所示,显示线框是为了便于观察。

  步骤十五:

FreeHand使用教程:创建页面卷边效果

  拷贝这个渐变填充的矩形,选择页面上的红色边条并 执行Edit->Paste Inside(mx版本为Paste contents ,现在红色边条也能看到阴影效果。

  步骤十六:

FreeHand使用教程:创建页面卷边效果

  接着我们为卷边添加在背景上的投影,先创建一个矩形并旋转 45 度,填充从深灰到灰的渐变色,将其放在卷边的下方。

  步骤十七:

FreeHand使用教程:创建页面卷边效果

  剪切这个渐变色矩形,将它粘贴进入 (Paste Inside)Back Paper 层的灰色对象内,如上图。

  步骤十八:

FreeHand使用教程:创建页面卷边效果

  接着 为卷边设定一种灰白相间的渐变色倾斜 45 度角 。如上图。

  步骤十九:

FreeHand使用教程:创建页面卷边效果

  现在我们来模拟卷边下方的阴影。先画一个圆角矩形,填上与纸面相同的紫色,然后复制它,将复制矩形缩小并填上深紫色,将这两个矩形进行混合,为了有较好的效果,将步数设为 30~50 。如上图所示。

  步骤二十:

FreeHand使用教程:创建页面卷边效果

  最后,剪切这个混合对象,将其粘贴进入紫色纸张之中 (Front Paper) ;大功告成!

  以上就是FreeHand创建卷边效果的使用教程,希望大家看完之后,会有所收获,谢谢大家观看!  

    您感兴趣的教程

    在docker中安装mysql详解

    本篇文章主要介绍了在docker中安装mysql详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编...

    详解 安装 docker mysql

    win10中文输入法仅在桌面显示怎么办?

    win10中文输入法仅在桌面显示怎么办?

    win10系统使用搜狗,QQ输入法只有在显示桌面的时候才出来,在使用其他程序输入框里面却只能输入字母数字,win10中...

    win10 中文输入法

    一分钟掌握linux系统目录结构

    这篇文章主要介绍了linux系统目录结构,通过结构图和多张表格了解linux系统目录结构,感兴趣的小伙伴们可以参考一...

    结构 目录 系统 linux

    PHP程序员玩转Linux系列 Linux和Windows安装

    这篇文章主要为大家详细介绍了PHP程序员玩转Linux系列文章,Linux和Windows安装nginx教程,具有一定的参考价值,感兴趣...

    玩转 程序员 安装 系列 PHP

    win10怎么安装杜比音效Doby V4.1 win10安装杜

    第四代杜比®家庭影院®技术包含了一整套协同工作的技术,让PC 发出清晰的环绕声同时第四代杜比家庭影院技术...

    win10杜比音效

    纯CSS实现iOS风格打开关闭选择框功能

    这篇文章主要介绍了纯CSS实现iOS风格打开关闭选择框,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作...

    css ios c

    Win7如何给C盘扩容 Win7系统电脑C盘扩容的办法

    Win7如何给C盘扩容 Win7系统电脑C盘扩容的

    Win7给电脑C盘扩容的办法大家知道吗?当系统分区C盘空间不足时,就需要给它扩容了,如果不管,C盘没有足够的空间...

    Win7 C盘 扩容

    百度推广竞品词的投放策略

    SEM是基于关键词搜索的营销活动。作为推广人员,我们所做的工作,就是打理成千上万的关键词,关注它们的质量度...

    百度推广 竞品词

    Visual Studio Code(vscode) git的使用教程

    这篇文章主要介绍了详解Visual Studio Code(vscode) git的使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。...

    教程 Studio Visual Code git

    七牛云储存创始人分享七牛的创立故事与

    这篇文章主要介绍了七牛云储存创始人分享七牛的创立故事与对Go语言的应用,七牛选用Go语言这门新兴的编程语言进行...

    七牛 Go语言

    Win10预览版Mobile 10547即将发布 9月19日上午

    微软副总裁Gabriel Aul的Twitter透露了 Win10 Mobile预览版10536即将发布,他表示该版本已进入内部慢速版阶段,发布时间目...

    Win10 预览版

    HTML标签meta总结,HTML5 head meta 属性整理

    移动前端开发中添加一些webkit专属的HTML5头部标签,帮助浏览器更好解析HTML代码,更好地将移动web前端页面表现出来...

    移动端html5模拟长按事件的实现方法

    这篇文章主要介绍了移动端html5模拟长按事件的实现方法的相关资料,小编觉得挺不错的,现在分享给大家,也给大家...

    移动端 html5 长按

    HTML常用meta大全(推荐)

    这篇文章主要介绍了HTML常用meta大全(推荐),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参...

    cdr怎么把图片转换成位图? cdr图片转换为位图的教程

    cdr怎么把图片转换成位图? cdr图片转换为

    cdr怎么把图片转换成位图?cdr中插入的图片想要转换成位图,该怎么转换呢?下面我们就来看看cdr图片转换为位图的...

    cdr 图片 位图

    win10系统怎么录屏?win10系统自带录屏详细教程

    win10系统怎么录屏?win10系统自带录屏详细

    当我们是使用win10系统的时候,想要录制电脑上的画面,这时候有人会想到下个第三方软件,其实可以用电脑上的自带...

    win10 系统自带录屏 详细教程

    + 更多教程 +
    photoshop教程CorelDraw教程Fireworks教程Illustrator教程Freehand教程