当前位置:首页 > 网站建设 > 正文内容

html.actionlink锚点(html锚点链接返回顶部)

网站建设12个月前 (01-11)424

注:此教程为英翻教程,软件操作不娴熟的小伙伴儿,谨慎尝试哦。翻译不足之处或者有错别字,自行脑补一下哦。

步骤1

首先,您需要创建秒表的主要几何草图,如下图所示。我们将创建此初始计划以进行工作,然后可以在其中添加高光和阴影以使其看起来不太平整。如果您知道如何实现对象及其元素的主要轮廓,请转到步骤7。否则,请仔细阅读以下步骤。

为方便起见,以下显示了秒表小零件的比例图像。这是侧面按钮之一的特写。

展开全文

这是顶部的中央按钮。

步骤2

转到查看标尺显示标尺。然后从标尺中拖放参考线,以创建以下图像。通过转到“对象”“变换”“旋转”,可以旋转多条辅助线。旋转的辅助线的交点将成为秒表的中心。

使用椭圆工具(L)创建一个用灰色填充的圆。

转到“对象”“变换”“缩放”以减小圆的尺寸,然后在“缩放”对话框中单击“复制”按钮,并如图所示更改新圆的颜色。

重复这些操作,以创建如下所示的下一个圆圈。

步骤3

使用椭圆工具(L),在圆上创建一个椭圆,如下图所示。

复制它并粘贴在前面。向下移动副本。

使用套索工具(Q)选择两个椭圆的内部锚点...

...然后按键盘上的Delete(删除)按钮。

转到“对象”“路径”“联接”两次以完成形状。

步骤4

在圆柱形状的顶部绘制另一个椭圆(L)。

并以与创建绿色圆柱体相同的方式创建蓝色路径。请注意,以下所示的锚点应稍微向下移动。

创建此详细信息的顶部。

步骤5

再次使用椭圆工具(L)在刚刚创建的顶部按钮周围绘制一个均匀的圆圈。

转到“对象”“变换”“缩放”,减小圆的尺寸,然后单击“复制”按钮。

选择两个圆圈,然后转到“对象”“复合路径”“制作”(命令+ 8)以创建一个环。

步骤6

左右按钮可以用相同的方式说明。

步骤7

为了继续创建秒表,首先我们应该从Blends中创建一些Art Brushes。使用椭圆工具(L),绘制一条填充有黑色的细长椭圆形路径。请遵循以下有用的图像。

复制它并粘贴在前面(Command + C然后Command + F)。转到对象变换缩放并减小到50%。

将最大椭圆的不透明度更改为0%。

转到“对象”“混合”“混合选项”,然后在对话框中设置值,如图所示。

选择两个椭圆,然后转到“对象”“混合”“制作”。

步骤8

将此混合拖放到“画笔”面板中,然后在打开的对话框中选择“美术画笔”选项。

在第二个对话框中指定画笔的选项。将此画笔命名为“黑色画笔”。将其“着色方法”更改为“色相偏移”。

步骤9

现在选择“黑色笔刷”的混合...

...并通过转到“对象”“混合”“释放”来释放它。

将内部椭圆向左移动(请参见下图)...

...然后再次转到“对象”“混合”“制作”。

步骤10

将此混合拖放到“画笔”面板中,然后在打开的对话框中选择“美术画笔”选项。

在第二个对话框中指定画笔的选项。将此笔刷命名为“黑色笔刷”。将其“着色方法”更改为“色相偏移”。

步骤11

现在使用矩形工具(M),并绘制下一条路径。用具有黑色和白色条纹可见性的线性渐变填充它。请参阅下图以供参考。

然后打开“色板”面板...

...通过单击上图所示的按钮打开弹出菜单,然后选择“新建色板”命令。将此色板命名为“金属渐变”。

步骤12

选择右按钮的顶部橙色路径,并用成角度的线性渐变填充它。

将“金属梯度”应用到黄色路径。如图所示,更改渐变角度。

蓝色路径也应填充有角度的线性渐变。

黑色路径也充满了成角度的“金属梯度”。

步骤13

秒表的左按钮以相同的方式填充。

步骤14

秒表的中央大按钮应填充常用的线性梯度,并在必要时填充“金属梯度”。

步骤15

用径向渐变填充棕色路径。

下方显示了所指示的渐变色停止。

也用细微的径向渐变填充秒表表面。

步骤16

让我们在顶环上工作,以便从此浅灰色图片创建3D图像。是的,您可以使用3D Revolve Illustrator效果,但是我建议您使用我们的Art笔刷。让我们看看它们是如何工作的。

首先,使用椭圆工具(L)在灰色环上绘制两个同心圆。

然后,使用剪刀工具(C),并单击四个锚点,这些锚点与下面显示的水平参考线重合。换句话说,您需要在四个半圆路径上划分同心圆。

步骤17

将“黑色笔刷”应用到所有这四个路径。

我不建议您保留这张精美的图片!选择灰色环,将其复制并粘贴在前面

通过转到“对象”“剪贴蒙版”“制作”,从该副本中创建一个剪贴蒙版。

步骤18

将以下路径的“笔触”颜色更改为白色。

将下一个路径的“笔触”颜色更改为黑色。

之后,减小路径的“描边权重”。

步骤19

现在,您的图片如下所示。

您喜欢上图中指出的颜色渐变吗?如果没有(我不喜欢),如何解决?选择要应用“黑色笔刷”的所有四个路径,复制它们并粘贴在前面。通过转到“对象”“变换”“旋转”来旋转副本。

然后在“透明度”面板中将这些新路径的“混合模式”更改为“叠加”,并设置其不透明度...

...您将获得下一个更美丽的结果。

步骤20

说明下图所示的下一个路径,然后使用剪刀工具(C)单击其指定的锚点,以将路径分为两部分。

将“ Shifted black brush”应用到两个路径。使用相应的裁剪蒙版(与上面使用的相同)裁剪它们。

更改笔触颜色,如下所示。

更改不透明度和描边权重。您应该获得如下所示的图像。

步骤21

为下方显示的圆环创建一个剪贴蒙版。这很简单,所以要自己做。

将“黑色笔刷”应用于下一个路径。有用的图表如下。

步骤22

现在,在顶部的秒表按钮上方设置凹口。

如下图所示,以红色绘制开始的两个垂直路径。(第二个路径可以是第一个路径的移动副本)。

转到“对象”“混合”“混合选项”,然后选择可以在下图中看到的选项。

步骤23

将“ Shifted black brush”应用到左行。

并在右行应用“黑色画笔”。

减少行程权重。

并使用相应的剪贴蒙版裁剪路径。

步骤24

由于左侧的光线滴落(请参见上图),请将左侧线条的描边颜色更改为黑色...

...以及正确的描边颜色为白色。反之亦然?因为我们需要在缺口中创建对比。

第25步

选择两个路径,然后转到“对象”“混合”“制作”。

步骤26

秒表的主要灰色部分...

...的显示方式与秒表的环完全相同。换句话说,请使用“美术”笔刷和“混合模式”来接收以下图像。

步骤27

我们应该将秒表的值设定为值。每个值表示秒的1/5。因为一分钟包括60秒,所以我们需要具有以下所示的300个笔划值。

画一条黑色的垂直线,长约20像素。

复制它并粘贴在前面。通过转到“对象”“变换”“移动”,水平移动副本。

转到“对象”“混合”“混合选项”,然后将步骤数更改为299。为什么不选择300?因为299步在混合中提供了301条线,但是将混合放置在圆中时,我们将仅收到300条线,因为第一行与最后一行重合。

然后转到“对象”“混合”“制作”。

步骤28

选择代表秒表表面的路径,将其复制并粘贴在前面。更改两者:描边粗细和描边颜色为无。

采取剪刀工具(C),然后单击该圆的顶部锚点。

同时选择圆形和299个步骤的混合,然后转到“对象”“混合”“替换脊椎”。

通过单击“混合选项”对话框中的相应按钮来更改混合的方向。

用相应的裁剪蒙版裁剪混合。

步骤29

复制混合并将其粘贴在前面。更改“混合”副本中的步骤数,并通过转到“对象”“变换”“缩放”来增加“图层”调板中打开的混合中的垂直路径。有用的图像如下。

以相同的方式创建另一个Blend。

步骤30

选择所有三个混合(没有相应的剪切路径),将其复制并粘贴到背面。将它们的不透明度降低到大约30%,并使用新显示的Clipping Mask裁剪它们。您需要执行此操作,以显示行程在秒表的金属部件上的反射。

步骤31

使用文字工具(T)在脸上打印一个数字。

一次又一次地重复此操作。

然后转到“类型”“创建轮廓”。

步骤32

使用钢笔工具(P),画出一个箭头,并用成角度的线性渐变填充它。

箭头的螺栓充满了径向渐变。

步骤33

箭头有阴影。为了绘制它,请复制它并粘贴回去。将其不透明度降低到大约20%,然后将其稍微移动,如下图所示。

分钟计数器以相同的方式显示。无需协助即可执行。

步骤34

再次使用“文字工具”(T)并打印出法国国王路易十八世俗称的短语,“守时就是国王的礼貌”。在“字符”调板中选择一种有趣且奇妙的字体。跟随自己的美感。

转到“对象”“信封扭曲”“扭曲变形”(命令+ Alt + Shift + W)。

在对话框中指定适合的值,以便将文本定位在正确的位置。

步骤35

转到“对象”“展开”,然后用渐变填充填充字母。

步骤36

html.actionlink锚点(html锚点链接返回顶部)

本教程中的完成步骤应专门用于创建秒表的外部玻璃。在秒表上画一个圆圈,并用径向渐变填充它。

并将其不透明度更改为大约20%。

至此就完成了。

扫描二维码推送至手机访问。

版权声明:本文由飞速云SEO网络优化推广发布,如需转载请注明出处。

本文链接:http://zspsrg.cn/post/78395.html

分享给朋友:

“html.actionlink锚点(html锚点链接返回顶部)” 的相关文章

双减下的作业设计思路(双减下的作业设计思路二年级语文)

双减下的作业设计思路(双减下的作业设计思路二年级语文)

今天给各位分享双减下的作业设计思路的知识,其中也会对双减下的作业设计思路二年级语文进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、双减分层布置作业策略是什么? 2、谈谈双减背景下如何设计作业 3、双减政策下如何有效布置作业 4、双减政策下如何有效...

小程序怎么开发自己的小程序游戏(怎么开发小程序啊)

小程序怎么开发自己的小程序游戏(怎么开发小程序啊)

本篇文章给大家谈谈小程序怎么开发自己的小程序游戏,以及怎么开发小程序啊对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、微信小程序怎么制作 2、如何建立自己的微信小程序 3、微信小程序怎么制作自己的程序? 4、小程序怎么开发自己的小程序,它是如何制作出来的?...

2022年北京冬奥会报纸(随着2022年北京冬奥会的日益临近)

2022年北京冬奥会报纸(随着2022年北京冬奥会的日益临近)

本篇文章给大家谈谈2022年北京冬奥会报纸,以及随着2022年北京冬奥会的日益临近对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、2022年冬奥会标志是什么? 2、2022北京冬奥会的主题是什么? 3、2022年冬奥会在中国北京举行,关于冬奥会的科普你知道多少?...

免费无版权音乐素材网站(免费的音乐素材网站)

免费无版权音乐素材网站(免费的音乐素材网站)

今天给各位分享免费无版权音乐素材网站的知识,其中也会对免费的音乐素材网站进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、免费图片素材网站有哪些 2、在哪可以下载短视频背景素材? 3、如何自学视频制作技能? 免费图片素材网站有哪些 我之前在稿定设计上...

word文档怎么排版段落空格(word文档怎么弄段落空两格)

word文档怎么排版段落空格(word文档怎么弄段落空两格)

今天给各位分享word文档怎么排版段落空格的知识,其中也会对word文档怎么弄段落空两格进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、Word文档中,如何快速删去段落与段落之间的空格行 2、如何给word文档全文段首添加空格? 3、如何在word中...

用dw制作个人网站(dw制作个人网站代码)

用dw制作个人网站(dw制作个人网站代码)

本篇文章给大家谈谈用dw制作个人网站,以及dw制作个人网站代码对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、dreamweaver怎么做一个简单的网页 2、DW怎么做个人主页 3、怎样用DW制作一个简单的网站,并且能发布到网上,详细步骤,请大师指点 4、如何...