Create Flash Objects

2021年5月24日
Download here: http://gg.gg/upd7v
Create Mobile-Ready Digital Publications. Turn your PDF to flipbooks. Customize your publication as you wish easily. How can you create an object in Adobe Acrobat pro, Like Link, form filed or image can b add with appropriate tool, or you can select with object tool. Touch Mode object tool can also be use for this work. You can import content as part of the document, like text, images and multimedia objects. Right Click on Tool Bar and Active Touch Mode.
*Create Flash Objects Game
*What Is Shockwave Flash ObjectThe educational technology and digital learning wiki Jump to: navigation, search
This article or chapter is incomplete and its contents need further attention.Some information may be missing or may be wrong, spelling and grammar may have to be improved, use your judgment!
*2Setting up the stage
*4Some definitions
*5The main tools panel
*5.2List of standard tools
*6Option controls and tools configuration
*7Painting simple objects1 IntroductionLearning goalsLearn about some features of the Flash CS3 drawing environmentLearn painting and drawing simple (!) objectsPrerequisitesFlash CS3 desktop tutorial or Flash CS4 desktop tutorialFlash layers tutorial (first part)Related pagestexture and clipart (import media elements)Materials (*.fla files you can play with)http://tecfa.unige.ch/guides/flash/ex/drawing-intro/Quality and levelThis text should technical people get going. It’s probably not good enough for beginners, but may be used as handout in ’hands-on’ class. That is what Daniel K. Schneider made it for. Screen captures were made with CS3, but the overall logic is the same for CS4 and CS5.Next steps
*More about drawing: Flash object transform tutorial and Flash arranging objects tutorial
*Any other introductory tutorial indexed in the Flash article.Alternative2 Setting up the stage
Besides choosing the right settings for publication (Flash version) with which we shall not deal here, you should select the right size for your your stage, i.e. the size of your future flash document. You can do this either when you create a new file or later.2.1 Defining document sizeCreating a new document
Flash lets you create a new document from various templates: File->New. Then choose from General or Templates.
These templates either just define the size of your stage or load ’half-baked’ interactive applications that you will have to clip. Ignore the latter for now ..
*Size of the stage
*Version of Flash (e.g. Actionscript 2 or 3 or AIR for desktop/mobile phone applications)
*The Media Playback templates contain for example tools to make a slideshow.
Anyhow, for learning about Flash’s drawing feature, don’t worry about the template to choose from. Just make sure that you have enough space to draw. If an initial size turns out to be too small or too big, you simply can modify the document’s size (see next).Create Flash Objects GameModification of a document
With Modify->Document (or by clicking on an empty spot in the stage and then changing the properties) you can:
*Redefine the size of the stage.
*Change the background color
*Give it a title and a short description2.2 What size for a Flash document ?
Size of your Flash document depends on its purpose. Since Flash documents (unlike well made HTML pages) have a fixed size, you must find a good compromise between readability (users should be able to read and distinguish all elements) and the horizontal/vertical space you flash clip will use. Larger flash documents
A default documents takes up 550x400px. This makes the document viewable without scrolling on a computer with a bad screen resolution of 800x600px. Do not forget that a screen also contains a tools bar (in most Operating systems) and that Flash is usually viewed within a web browser that also contains menu bars, a bottom bar and some pixels to the left and right.
Anyhow, most people today have bigger screen resolutions so you certainly can go bigger than 550x400.Banners and other embedded items
Advice depends on their purpose. Think hard about your potential target population (small screens, big screens, mobile phones, etc.)3 Configuration of the drawing environment
Firstly you should know that drawing tools exist in two forms:
*Drawing tools in the main tools panel (that appears by default on top left of the desktop if you selected the ’designer’ configuration)
*Tools available through various panels
Below is a screenshot I made from a simple drawing using the oval tool and the pencil tool.
*You can see that the properties panel (left) will display properties of the object that is selected or being drawn. E.g. when you use the pencil, it will display color of the stroke, size of the stroke, type of the line, fill color, etc.
*The same is true for the color panel that we display in the lower right.The Flash CS6 drawing environment (designer workspace)
Since these panels give you shortcut access to features of objects you are drawing, it’s a good idea to keep them open while you draw.4 Some definitions4.1 Strokes vs. fills
*When you draw something with a pencil tool or another drawing tool like the pen or the line tool, then the lines you draw are called strokes.
*Wen you crate graphics with the rectangle , oval, etc. tools you will by default both get strokes and fills. The insides of these drawing objects are fills and the outlines are strokes, i.e. both have various forms of color. You may choose to remove either stroke or fill (using the no color icon in a color selection tool.
*When you use the paint tool, then you create fills (not strokes).4.2 Colors
There are several types of colors:
*None: You may choose to draw without fill or stroke
*Solid: Standard colors
*Linear: Gradient color changes that go from one side to another
*Radial: Gradient color changes that goes from inside out
*Bitmap: You can paint with an imported bitmap. This is particular useful with textures. E.g. to draw floors, walls or outdoors scenes with repetitive tiles.
To select a color type, there is a pull-down menu in the color panel.
*Read the Flash colors tutorial if you want to know more colors and gradients ..5 The main tools panel
The main tools panel contains the major drawing tools. We suggest to leave this panel docked in the upper left side (since it’s frequently used). But depending on your screen size, you can display it either grouped (as shown) or as a long column (try the ’essentials’ workspace layout).
The main tools panel organizes tools by different categories:
*First, selection and transformation tools
*Next Drawing tools (annotations in red)
*Next, color manipulation, eraser etc,.
*Next color selection
*Finally, options (these change according to the tool that you select)
Options change according to tool that is selected. E.g. in the screen capture to the left you can see how the tools panels shows with the selection tool (left) and the brush tool (right).
Some tools are piled on top of each other, i.e. there are variants of a similar kind. In this case you can see a little down arrow in the icon. To see variants you must press the left mouse for a while or Shift-click. E.g. instead of the Oval tool you could for example display/access the Rectangle tool.5.1 Merge (shape) vs. object drawing
Flash has two drawing models:
*The merge model will erase shapes below something you draw (but not graphic objects as defined next)
*The object drawing model draws shapes as separate objects (that you later can manipulate like in a typical vector graphics program).
Usually, you rather should work with the object model since the shape of each object can be easily modified later on. However the merge model can be used to draw complex shapes, e.g. you can draw a circle and then carve off things by drawing over it. The merge mode is also useful when you ’paint’ things (as opposed to drawing). You later can convert ’paintings’ to objects of course.
By default, the object model may be turned off, so turn it on by clicking on the Object drawing button. You can find in the options section of the tools panel after clicking on some drawing tool (e.g. the Pencil). You can see if it’s on when there is a rectangle drawn around the button, like this: What Is Shockwave Flash Object
You can see the difference between the 2 kinds of objects created in the Properties Panel:
*Objects are called Drawing Objects
*Simple drawings (from the merge model) are called Shapes.
The behavior of tools changes according to mode used and it’s not so obvious to remember what Flash does.In merge mode
*In merge mode, when you draw a shape over another shape, it erases the shape underneath by default. You can change this with the control options (see later)
*When you draw another object (line, pencil, etc.) it will draw over the painting, but not erase it.In object mode
*Shapes drawn in object mode with the brush tool are drawn either within, on top or behind objects depending on how to set the controls of the brush tool.
*Shapes drawn in object mode with the pencil, the pen tool etc. are drawn on top of other objects. But in the object mode they can be moved behind with the right-click->Arrange context menu.
If you already tried to draw more complex shapes, you noticed that it is difficult to work with a single layer (e.g. to select objects), so you now have to learn how to work with layers.
*If you are not familiar with layers, please read the Flash layers tutorial now.Conversions
*To convert an object (instance) into its original components : Right click->Break apart
*To convert some shapes into a drawing object: Select them first (e.g. with the Lasso), then select Menubar Modify->Combine Objects->Union
*To convert some shapes into a symbol, Right-click; Convert to Symbol5.2 List of standard tools
Also see the figure ’Items of the Flash CS3 tools panel’ above in order to identify the corresponding icons in the tools panel. Some tools are stacked on top of each other. Hold down the mouse button for while to see the hidden ones.5.2.1 Selection tool
The selection tool () lets you select elements (shapes, strokes, fills, symbols, bitmaps) in the work area by clicking on it (simple click). If you wish to select several objects together hold down the SHIFT key or use a the lasso or a selection box (click then drag the mouse).
Advanced uses:
*Double-clicking would put you into object editing mode for various parts (depending on where you click). To return from this mode (which we will not explain here), double-click in some empty area in the workspace.
*This tool also can act as a distortion tool ! See the Flash object transform tutorial. If no object is selected (e.g. click on an empty spot in the workspace), then you can use this tool to distort shapes. Move it close to an edge or a corner and pull as soon as the cursor changes. Always make sure that you see a big ’cross-hair’ cursor before you start moving around anything.5.2.2 Subselection tool
The subselection tool () allows you to select paths of an object so that you can make more sophisticated modifications. Click on the outlines of objects. You then can drag around the little squares and dots that will appear, i.e. modify portions of shapes. See the Flash object transform tutorial for details.
If you want to modify a symbol (in the properties panel you can see something like ’Instance-of’) you have to break it apart: Right-click->Break Apart.5.2.3 Free Transform and Gradient Transform tools
The Free Transform tool () will allow you to make several kinds of transformations.When you select an object with this tool and then move the mouse over different spots, you will that the mouse cursor changes shapes. Each one will allow you do different transformations:
*Scale an object: double-ended arrow
*Rotate an object: circle arrow
*Skew (distort an object): double ended double arrow
To do a proportional scale, hold down the SHIFT key and then drag a corner.
There are more options to the free transform tool, e.g. so-called envelope transform, see the Flash object transform tutorial if your are curious about this.
The Gradient Transform tool Image to autocad converter. () is hidden below the free transform tool (by default) and allows you to change the ways in which color gradients flow.Hold down the mouse for a while and then change the tool. See the Flash colors tutorial.5.2.4 Lasso tool
With the lasso tool ( you can select several objects or parts of a shape.
This tool also includes a ’magic wand’ mode (see the optional controls) and a polygone lasso ( that allows selection by clicking on several spots.
If you want to edit parts of a shape, either double-click on the object until it becomes a shape or break it apart (right-click menu).5.2.5 Pen tool
The pen tool () allows you to make the most complex drawings, i.e. defining paths using so-called Bezier curves. Do not confuse this with the more simple pencil tool.
See the Flash pen tutorial (currently unfinished ..)5.2.6 Text tool
Add text.
In the properties panel you may define various text properties such as fonts, color and positioning, alignment, etc. If you click on the paragraph symbol, you can define indent, line spacing and margins.5.2.7 Line tool
The line tool () allows drawing simple lines (no surprise here ..)5.2.8 Rectangle and other tools
On the same spot of the tools panel you got several tools. By default you will see the rectangle tool. To select another tool: hold the left mouse button down for while and then select the one you want.
*Rectangle tool (by default): Draw simple rectangles. In the parameter’s panel you can define strokes and filling properties.
*Rectangle primitive tool: Lets you define additional properties like rounded corners
*Oval tool: Draw ovals
*Oval primitive tool: Define in addition other features, such as start/end angle, inner radius etc.
*Polystar tool: Define polygons and stars (there is a small pull-down menu in the properties panel that you should not overlook !)
Below you can see a few drawings. The screen capture has been taken with the Polystar tool activated.Various drawings with the rectangle, oval, polystar tools (CS3, same principle)5.2.9 Pencil tool
With the Pencil tool you make drawings like with a Pen. However, there is optional support to draw straight or smooth lines since drawing with a mouse isn’t very obvious. You can define various options.’Line’ drawing Options
In the options section you can select different ways of drawing support. I.e. the the straight icon looks like this: .Below is a screen-dump that demonstrates the difference between straight, freehand and smooth drawing.The three pencil drawing modes (CS3, same principle)Stroke, color and line properties.
In the properties panel you can define various options like stroke (pen) color, fill color, various dashes or not, and how the end of lines should look.5.2.10 Brush tool
The paint brush tool lets you paint, i.e. create shapes () made of simple fills. There are several special effects and several modes.Object or merge mode
*In merge mode you only can paint fills
*In object mode you can add a stroke to your painting (by default it is off). Look at the properties panel.The Brush Mode
With the ’Brush Mode’ in the options section (not the properties panel) you can select the paint mode. Make sure to understand these and to verify that the wanted mode is on, else you likely run into frustrations ..
*Paint Normal: paints over lines and fills on the same layer. Like painting with a ’heavy’ paint.
*Paint Fills: Fills empty areas leaving lines unaffected.
*Paint Behind: Paints in blank areas of the Stage on the same layer, leaving lines and fills unaffected (this may be be default, I am not sure).
*Paint Selection: Applies a new fill to a selection. Therefore, before you start painting select a fill color first, then select the object with the selection tool, then paint. This is the quickest way to color drawings.
*Paint Inside: Fills the area within a ’fill’ (i.e. where you start paining) and does not overpaint lines. If you start painting in an empty area outside a fill, painting will not affect existing filled areas.Selection of brushes and size
Choose from the options in the options section ..5.2.11 Ink Bottle tool
This tool allows you to apply color changes to the strokes of drawings.
*Select the ink bottle
*Then select either a Stroke color (and/or a Fill Color if the object is a graphic) from controls in the main tools panel. If want to make more sophisticated changes (e.g. apply a gradient) do this through the color panel.
*The click on objects you want to change.
You also can change the color of a fill or stroke through the properties panel or the color panels, but make sure to select the object(s) you want to change first.5.2.12 Paint bucket tool
The paint bucket tool works like the ink bottle tool. It has two purposes:
*Change colors of simple shapes (primitive drawings). Tip you can change the color of strokes by editing (double-click)
*Change color of fills (inside of a graphics object)
*Fill in empty areas (insides of drawings made with the pencil for example)
Procedure
*First, deselect everything
*Next, click on the paint bucket tool
*Select fill color (and style)
*Click on shape or fill (inside shape of a graphic object)Filling a closed graphic with paint
Of course, you also could change paint of shapes and object by first selecting the thing in the stage, and then by making changes in the properties or the colors panels.
Tips:
*If you can’t select a fill color, then try to click on the black and white icon and then set the colors again. I don’t know if that is a bug or a feature ..
*If you want to fill an area that is not entirely closed, you can do so by modifying the gap size by changing the ’Gap size’ control in the tool panel options. E.g. choose ’Close medium gaps’. Then click again on the shape or inside the area you want to fill
*If the paint bucket ’won’t work’ on the ’insides’ of a complex drawing then:
*Make sure that the area is closed (no gaps between the enclosing strokes or shapes)
*Also try making the area you want to fill into a single drawing: menu Modify->Combine Objects->Union5.2.13 Eyedropper tool
You can select a color from some spot on the workarea.The tool will then automatically change to the paint bucket tool (see above).5.2.14 Erasor tool
Erase stuff. See the Flash object transform tutorial for details.6 Option controls and tools configuration
Some option tools are always displayed, some only for certain tools.6.1 Hand tool
*Move the stage around (useful for big drawings/small screens or with a strong zoom)6.2 Zoom tool
*Zoom in/out6.3 Pen color
*Select the pen (stroke) color6.4 Fill color
*Select the fill color6.5 Swap color
*Change fill color to stroke color6.6 Configuration of the Tools panel
The Tools panel can be configured via Edit->Customize Tools Panel (but for now I suggest not to change anything there).6.7 Configuration

https://diarynote-jp.indered.space

コメント

お気に入り日記の更新

テーマ別日記一覧

まだテーマがありません

この日記について

日記内を検索