Highlighted

Как из фигуры сделать символ

New Here ,
Jan 23, 2019

Copy link to clipboard

Copied

var_141.jpg

Hi эрикс

Right. So this is your assignment? University, college?

I'm a little lost of words. What is it you want? Your task is very well formulated and involves a number of techniques. Which part is it you need help with?

var_141_small.jpg

Roughly the steps are:

  1. use the raster shapes ("specified raster patterns") to trace them with Pen tool. Use only a "minimum number of reference points" (anchor points),
  2. fill your closed contours with Paint Bucket Tool and erase the outlines strokes ("Only fillings are allowed"),
  3. create a Movieclip Symbol ("Animation format as a symbol in the library of characters")  and inside place shape 1 in frame 1 and shape 2 in let's say frame 50 (depends how many seconds you want the morphing animation to last),
  4. now add shape hints to your first and last keyframe. Modify -> Shape -> Add Shape Hint. ("create a pair-morph of two figures, using automatic form and hint animation to ensure high-quality transformation"). Controlling shape changes with shape hints
  5. create the shape tween (or "automatic form" animation)
  6. this all will be fiddly and you will need patience and try and error to get it right,
  7. now place this animated movieclip symbol on the stage
  8. and create a number of Buttons ("Add a block of player buttons (stop, play, rewind to end") and place it nicely underneath your animated symbol on the stage
  9. you have to name your buttons and the animated movieclip (Instance names) and write some code to control the play of your animated movieclip. *1

*1 Your assignment doesn't say for which platform you should publish your "var_XXX.fla" file. There are basically two possiblities, Actionscript 3 or HTML5 Canvas. For the interactive coding part it depends, either to write in Actionscript or Javascript. I give you are brief example for the Stop button in Javascript. Assuming your animated movieclip is named "morph" and your stop button "stop_btn":

var mtl = this;

this.stop_btn.on("click", function () {

    mtl.morph.stop();

});

So about. You can also use Code Snippets to help you with coding. Add interactivity with code snippets in Animate CC

Right, so now it is your turn. If you have problem with particular steps feel free to come back here to ask.

Klaus

TOPICS
Discussions

Views

101

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Как из фигуры сделать символ

New Here ,
Jan 23, 2019

Copy link to clipboard

Copied

var_141.jpg

Hi эрикс

Right. So this is your assignment? University, college?

I'm a little lost of words. What is it you want? Your task is very well formulated and involves a number of techniques. Which part is it you need help with?

var_141_small.jpg

Roughly the steps are:

  1. use the raster shapes ("specified raster patterns") to trace them with Pen tool. Use only a "minimum number of reference points" (anchor points),
  2. fill your closed contours with Paint Bucket Tool and erase the outlines strokes ("Only fillings are allowed"),
  3. create a Movieclip Symbol ("Animation format as a symbol in the library of characters")  and inside place shape 1 in frame 1 and shape 2 in let's say frame 50 (depends how many seconds you want the morphing animation to last),
  4. now add shape hints to your first and last keyframe. Modify -> Shape -> Add Shape Hint. ("create a pair-morph of two figures, using automatic form and hint animation to ensure high-quality transformation"). Controlling shape changes with shape hints
  5. create the shape tween (or "automatic form" animation)
  6. this all will be fiddly and you will need patience and try and error to get it right,
  7. now place this animated movieclip symbol on the stage
  8. and create a number of Buttons ("Add a block of player buttons (stop, play, rewind to end") and place it nicely underneath your animated symbol on the stage
  9. you have to name your buttons and the animated movieclip (Instance names) and write some code to control the play of your animated movieclip. *1

*1 Your assignment doesn't say for which platform you should publish your "var_XXX.fla" file. There are basically two possiblities, Actionscript 3 or HTML5 Canvas. For the interactive coding part it depends, either to write in Actionscript or Javascript. I give you are brief example for the Stop button in Javascript. Assuming your animated movieclip is named "morph" and your stop button "stop_btn":

var mtl = this;

this.stop_btn.on("click", function () {

    mtl.morph.stop();

});

So about. You can also use Code Snippets to help you with coding. Add interactivity with code snippets in Animate CC

Right, so now it is your turn. If you have problem with particular steps feel free to come back here to ask.

Klaus

TOPICS
Discussions

Views

102

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jan 23, 2019 0
Advocate ,
Jan 23, 2019

Copy link to clipboard

Copied

Hi эрикс

  1. Import bitmap to Animate CC
  2. place it on stage
  3. select Modify -> Bitmap -> Trace Bitmap ...
  4. select all white
  5. delete all white

Klaus

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 23, 2019 0
New Here ,
Jan 23, 2019

Copy link to clipboard

Copied

Hi, I need to create these characters from the figures, not cut them.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 23, 2019 0
Advocate ,
Jan 23, 2019

Copy link to clipboard

Copied

эрикс19640901  wrote

Hi, I need to create these characters from the figures, not cut them.

I am sorry, I do not understand. If you do not want to cut them, you can

  1. select all
  2. go to Modify -> Convert to Symbol ...
  3. select Type: Graphic
  4. then you have a graphic symbol
  5. you can animate it in the timeline

But, sorry, you probably want something else. You must explain more clearly what you want. Please try.

and how good are you in Animate?

Klaus

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 23, 2019 0
New Here ,
Jan 23, 2019

Copy link to clipboard

Copied

I need:
using shapes, create similar to these characters
so that later it would be possible to apply form animation to them and one figure would be transformed into another

as well, only from those figra that are given in the picture

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 23, 2019 0
Advocate ,
Jan 23, 2019

Copy link to clipboard

Copied

Hi

there is a half-automatic way using Adobe Illustrator. But before I start explaining have a look first if this is good enough.

https://testline.memetic-tv.net/adobe_forum/morph/morph.html

Klaus

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 23, 2019 1
New Here ,
Jan 23, 2019

Copy link to clipboard

Copied

Draw two graphics in Adobe Animate using the specified raster patterns. Place raster samples on the first protected layer. Work to perform on the second layer. All figures are plain fills. The use of contour lines in the final version is excluded. The result is saved in a separate file with the name var_XXX.fla (XXX is the variant number in a three-digit format).

On the basis of the objects (p. 1), create a pair-morph of two figures, using automatic form and hint animation to ensure high-quality transformation. Animation format as a symbol in the library of characters.

Create an animated movie with the movement of the created symbol (p.2) along a semi-closed arbitrary curvilinear trajectory based on the classic motion animation and the control layer.

Add a block of player buttons (stop, play, rewind to end), placing it on a separate layer.

Save the movie to a file with the name rol_XXX.fla.

Requirements:

Only the minimum number of reference points on a curved contour is permissible.

The “splitting” of the contour with a pen is not allowed in order to imitate curvilinear sections with a broken line with short links.

Use object transformation tools to create tilt and rotate effects.

Use the simplest geometric shapes (primitives) to create non-standard font characters.

All internal cavities in logos should be transparent.

Use alignment and distribution tools to create regular structures (grids of primitives).

All textual primitives must be converted to vector objects.

Grouping objects to create a complex geometric shape is not allowed.

Finishing work should not have a primitive type "contour line" (stroke). Only fillings are allowed.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 23, 2019 0
Advocate ,
Jan 24, 2019

Copy link to clipboard

Copied

Hi эрикс

Right. So this is your assignment? University, college?

I'm a little lost of words. What is it you want? Your task is very well formulated and involves a number of techniques. Which part is it you need help with?

var_141_small.jpg

Roughly the steps are:

  1. use the raster shapes ("specified raster patterns") to trace them with Pen tool. Use only a "minimum number of reference points" (anchor points),
  2. fill your closed contours with Paint Bucket Tool and erase the outlines strokes ("Only fillings are allowed"),
  3. create a Movieclip Symbol ("Animation format as a symbol in the library of characters")  and inside place shape 1 in frame 1 and shape 2 in let's say frame 50 (depends how many seconds you want the morphing animation to last),
  4. now add shape hints to your first and last keyframe. Modify -> Shape -> Add Shape Hint. ("create a pair-morph of two figures, using automatic form and hint animation to ensure high-quality transformation"). Controlling shape changes with shape hints
  5. create the shape tween (or "automatic form" animation)
  6. this all will be fiddly and you will need patience and try and error to get it right,
  7. now place this animated movieclip symbol on the stage
  8. and create a number of Buttons ("Add a block of player buttons (stop, play, rewind to end") and place it nicely underneath your animated symbol on the stage
  9. you have to name your buttons and the animated movieclip (Instance names) and write some code to control the play of your animated movieclip. *1

*1 Your assignment doesn't say for which platform you should publish your "var_XXX.fla" file. There are basically two possiblities, Actionscript 3 or HTML5 Canvas. For the interactive coding part it depends, either to write in Actionscript or Javascript. I give you are brief example for the Stop button in Javascript. Assuming your animated movieclip is named "morph" and your stop button "stop_btn":

var mtl = this;

this.stop_btn.on("click", function () {

    mtl.morph.stop();

});

So about. You can also use Code Snippets to help you with coding. Add interactivity with code snippets in Animate CC

Right, so now it is your turn. If you have problem with particular steps feel free to come back here to ask.

Klaus

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 24, 2019 1
New Here ,
Jan 23, 2019

Copy link to clipboard

Copied

and if in your way, how to create form animation for them then?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 23, 2019 0
Adobe Community Professional ,
Jan 23, 2019

Copy link to clipboard

Copied

Hi.

There's no automatic way of doing this.

You're gonna have to trace over the characters using something like the Line Tool or the Pen Tool. Then you can use a mix of shape tween and frame by frame animation.

Regards,

JC

__________________________________________
HTML5, JSFL, and AS3 samples: http://bit.ly/2mJgDoG

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 23, 2019 0