fireworks 投影
One of the many very cool features of Macromedia Fireworks MX is that it gives you the ability to place an image inside a shape, like this:
Macromedia Fireworks MX的许多非常酷的功能之一是,它使您能够将图像放置在形状内,如下所示:
![1193_finished](https://i-blog.csdnimg.cn/blog_migrate/cf37d52d3235a00227d0b32d8869ce64.gif)
You’ve probably seen these images around the Web — the effect is called “paste inside.”
您可能已经在网上看到了这些图像-这种效果称为“粘贴在内部”。
Paste inside is a very neat little effect that you can use to spice your images up a bit, and give them a more professional appearance. You can paste any image you want into any shape you can create in Fireworks MX: ellipses, circles, rectangles, rounded rectangles — anything!
粘贴在里面是一种非常整洁的小效果,可用于为图像增添些许色彩,并使它们看起来更专业。 您可以将所需的任何图像粘贴到可以在Fireworks MX中创建的任何形状中:椭圆,圆,矩形,圆角矩形-任何东西!
In this tutorial, I’ll show you how to create images similar to the one below. Notice how the image appears to be inside of the shape. Let’s learn how to create this very neat effect.
在本教程中,我将向您展示如何创建与以下图像相似的图像。 请注意图像看起来如何在形状内部。 让我们学习如何创建这种非常整洁的效果。
First, you’ll need an image. Below you’ll find the image I originally started with. You can download this image and use it for this tutorial if you wish, or you can use your own if you have an image you like handy.
首先,您需要一张图片。 在下面,您将找到我最初使用的图像。 您可以根据需要下载该图像并将其用于本教程,如果您有喜欢的图像,也可以使用自己的图像。
![1193_starter](https://i-blog.csdnimg.cn/blog_migrate/d7ded9a1a156feac0363316b1a9639f8.jpeg)
Step 1
第1步
Launch Macromedia Fireworks MX, and create a new file by selecting FILE >> NEW.
启动Macromedia Fireworks MX,然后通过选择文件>>新建来创建一个新文件。
![1193_1](https://i-blog.csdnimg.cn/blog_migrate/8a17db9597a1cdd500e7b8d1a3f5fe4b.gif)
Make the new Fireworks file 200×200 pixels with a white background.
将新的Fireworks文件设置为200×200像素的白色背景。
![1193_2](https://i-blog.csdnimg.cn/blog_migrate/4a18472d6d55063ce83c59d8f71f6b86.gif)
Step 2
第2步
Now we will need to import the image we’ve decided to use into the new Fireworks file. Choose FILE >> IMPORT, and locate the image you want to use. Import it into the new Fireworks file (see below).
现在,我们需要将已决定使用的图像导入到新的Fireworks文件中。 选择文件>>导入,然后找到要使用的图像。 将其导入新的Fireworks文件(请参见下文)。
![1193_3](https://i-blog.csdnimg.cn/blog_migrate/34683a94d6ca493f91fcced95156c019.gif)
Once you’ve clicked the Import button, move your mouse over the blank fireworks file you created in step 2, and left click. The image you’re trying to import will appear in the blank fireworks file – it’ll look like this:
单击“导入”按钮后,将鼠标移到在步骤2中创建的空白烟花文件上,然后单击鼠标左键。 您要导入的图像将显示在空白的烟花文件中–看起来像这样:
![1193_4](https://i-blog.csdnimg.cn/blog_migrate/922cb5541aae5c2989ec317598b68ef1.gif)
Step 3
第三步
Now that we’ve imported our image into our fireworks file, we’ll need to create a shape to place our image into. I’m going to use an ellipse. Go to the fireworks tool bar, left click and hold the shapes button. A box will appear. Left click the ellipse button, and release, as shown here:
现在,我们已经将图像导入到了烟花文件中,我们需要创建一个形状来放置图像。 我要用椭圆形。 转到烟花工具栏,单击鼠标左键并按住“形状”按钮。 将出现一个框。 左键单击椭圆按钮,然后松开,如下所示:
![1193_5](https://i-blog.csdnimg.cn/blog_migrate/220fabedfa3b87b2ff01980688c09793.gif)
Draw an ellipse over the image you imported in step 3, making the shape slightly smaller in width and height than the image. Your work thus far should look similar to this:
在步骤3中导入的图像上绘制一个椭圆,使形状的宽度和高度比图像稍小。 到目前为止,您的工作应类似于以下内容:
![1193_6](https://i-blog.csdnimg.cn/blog_migrate/9b87cccd4a108fcdee631645f29af3c6.gif)
Step 4
第4步
We need to move the ellipse behind the image so that we can continue. Select MODIFY >> ARRANGE >> SEND TO BACK. The ellipse should now be behind the image, as shown below.
我们需要将椭圆移动到图像后面,以便我们可以继续。 选择修改>>排列>>发送回。 椭圆现在应该在图像后面,如下所示。
![1193_7](https://i-blog.csdnimg.cn/blog_migrate/65896da2263173eb7ed7ef282502ab41.gif)
Step 5
第5步
Left click on the image to select it, then choose EDIT >> CUT as shown here:
左键单击图像以将其选中,然后选择EDIT >> CUT,如下所示:
![1193_8](https://i-blog.csdnimg.cn/blog_migrate/e6080c3b412bde24ee45637c8f1b0e75.gif)
Left click on the ellipse to select it, then go to EDIT >> PASTE INSIDE.
左键单击椭圆以将其选中,然后转到编辑>>粘贴内侧。
![1193_9](https://i-blog.csdnimg.cn/blog_migrate/e8dcb9a95cf1f2ca9ffcc25bb49eb923.gif)
Step 6
第6步
You should now have your image pasted inside of your ellipse. Pretty cool isn’t it?
现在,您应该将图像粘贴到椭圆内部。 是不是很酷?
![1193_10](https://i-blog.csdnimg.cn/blog_migrate/de6bb8388cd8106a04cc6cdc83a6aae5.gif)
Step 7
步骤7
Now let’s incorporate a few effects to the image to add some finishing touches. First we’ll add a drop shadow. Left click on the image to select it, then select EFFECTS >> SHADOW AND GLOW >> DROP SHADOW.
现在,让我们为图像添加一些效果,以添加一些画龙点睛的效果。 首先,我们将添加一个阴影。 左键单击图像以将其选中,然后选择效果>>阴影和发光>>拖放阴影。
![1193_11](https://i-blog.csdnimg.cn/blog_migrate/68d16df0ca37e1d3903a1e90b1d70aa3.gif)
I set the distance of the drop shadow to 7 and used black for the color, like this:
我将阴影的距离设置为7,并使用黑色作为颜色,如下所示:
![1193_12](https://i-blog.csdnimg.cn/blog_migrate/87c0e22dbffc331fea1ad6a59913ac29.gif)
Step 8
步骤8
Next let’s add a glow to the image. Left click on the image to select it, then go to EFFECTS >> SHADOW AND GLOW >> INNER GLOW.
接下来,让我们向图像添加光晕。 左键单击图像以将其选中,然后转到效果>>阴影和发光>>内部发光。
![1193_13](https://i-blog.csdnimg.cn/blog_migrate/5671a4a87c351bdad1d426b30b26ede4.gif)
I’ve set the halo offset to 4 and the color to #66CCCC.
我将光晕偏移量设置为4,将颜色设置为#66CCCC。
![1193_14](https://i-blog.csdnimg.cn/blog_migrate/52920b11f59d69c133259a9c7e78e13f.gif)
Step 9 We need to do one last thing before the image is complete. We’ll need to trim the canvas and get rid of all that extra white space. Select MODIFY >> CANVAS >> TRIM CANVAS.
步骤9我们需要在图像完成之前做最后一件事。 我们需要修剪画布并摆脱所有多余的空白。 选择修改>>画布>>修剪画布。
![1193_15](https://i-blog.csdnimg.cn/blog_migrate/edaabd43cddfbb3981779f4f0d9617ea.gif)
Your image should now look like the one shown below.
现在,您的图像应如下图所示。
![1193_finished](https://i-blog.csdnimg.cn/blog_migrate/cf37d52d3235a00227d0b32d8869ce64.gif)
You can use the method detailed in this tutorial to place any image inside any shape you can create in Macromedia Fireworks MX. Good luck with your future creations!
您可以使用本教程中详细介绍的方法将任何图像放置在可以在Macromedia Fireworks MX中创建的任何形状内。 祝您未来的创作好运!
fireworks 投影