The new home for the IMVU Community is help.imvu.com. For more information, check out this article.

Tutorial : Flash sticker with a link
Goto page 1, 2  Next
 
Post new topic   Reply to topic    IMVU Forum Index -> Sticker Developing
View previous topic :: View next topic  

What do you think about this tutorial ?
It was usefull. I made it easyly ...
52%
 52%  [ 94 ]
Too hard. I gived up ...
18%
 18%  [ 33 ]
Just passin by, maybe i'll try it later ...
28%
 28%  [ 51 ]
Total Votes : 178

Author Message
SPY_3762982_retired_37629

SPY_3762982_retired_37629's page


Joined: 24 Aug 2006
Posts: 337
Location: France

PostPosted: Wed Oct 31, 2007 6:40 am    Post subject: Tutorial : Flash sticker with a link Reply with quote

How to add a link to a flash sticker.

If you never made a sticker before you should start doing it before trying to make a flash one.

You need Adobe Flash. You can download free trial here (30 days period)

450 Mo yes that's long to download...
Don't know what to do watting it to downlad? Go shopping here Laughing

This is a very basic tutorial, you can do a lot more with flash buttons.
For exemple you can play a short sound or change how the button look when the mouse cursor is over it...

STEP 1 :

Install Flash and open it.
Create a new flash file ActionScript 2.0 (must be possible in AS 3.0 but i'm still new to it, i was working on a 2004 version from Macromedia few days ago)



STEP 2 :

Insert a new symbol "Button"



Name it whatever you want to check "Button" and click "OK"



STEP 3 :

Insert a new symbol again but this time check "Movie clip"



Select the first frame then import a picture (animated or not).
This can be a gif (transparent background or not), a jpg , a png ...



STEP 4 :

Now that we have the "Movie clip" ready, we're going to put it in the "Button" we made on step 2.

Press "Ctrl+L" to display the "Library" (it should apear on the right panel)
(you can also find it in the "window" tab)

Open the "Button" made on step 2 (Click twice on it)



Now that we are in the "Button", drag and drop the "Movie clip" in it



Press "Ctrl+K" to display the "Align" panel
(you can also find it in the "window" tab)
Check the "To stage" button and then align left and top.



Select the first frame of the timeline (Up) and press "F5" 3 times
(you can insert frame or keyframes with right click on the timeline too)

Optional : If you plan to change the button when the cursor is over the button you can add a keyframe on "Over" and put a new "Movie clip" in it. Same for "Down". You need Someting in "Hit" it's the button area (it's not visible) else your button will not work.

Once the frame cover "Up" "Over" "Down" and "Hit", click on "Scene 1"



STEP 5 :

Drag and drop the "Button" from the "Library" to the scene



Align it to the left and top corner (as we did for the "Movie Clip")



Modify the document size



Check "Contents" to set the document size the same than the button size.
Note the new dimentions somewhere you'll need it to submit your sticker.
Be sure to note the size after you checked "Contents"



STEP 6 :

Now we're going to add the link on the button

Select the button in the scene then go to "Behaviors" in the "Window" tab.



In the "Behaviors" Click on the "blue +" then "Web" and " Go to Web Page".



Type or paste the URL you want your sticker to link to in the "URL field".
Choose Open in : "_Blank" then "OK"



STEP 7 :

You can press F12 to preview how your sticker will look.
You'll had maybe a warning message from your browser when you click on it
(it's because your file is not online it will work after submit)

Now we have to save the file before publishing it.
In the "File" tab choose "Save as" save it somewhere. It will make a .fla file.
This fla file is not the file we'll submit.
This file will be usefull if you plan to modify your sticker later or do a new one from this one.



Optional : You can modify the "Publish settings" (set the jpg quality to 100 in the flash tab)

Now "Publish" it. It will make a .swf file in the same folder you saved the .fla file before.
This is this .swf file we're going to submit (not the .fla or the .html one).

STEP 8 :

Time to submit your flash sticker.



Sticker image : choose the swf file
Sticker width an height : not optional for a flash sticker. Type the size you noted in step 5 (just the numbers, without "px")

STEP 9 :

Enjoy your new sticker Wink
(You'll have to buy your own sticker if you want to display it on your homepage)
Flash stickers don't work well in Edit mode on homepages, try in Preview mode.

If this tutorail was usefull for you, please help pepole in this post (because i don't have time to...)

Wanna thank me ?
Display my flash banner sticker on your hp Wink :



I don't take requests so don't ask me to do a sticker for you.
(ask someone who succed doing it in this post)

It my first tutorial and i'm french so if you find mistakes or things that's not sound english, message me i will edit this post. Thank you
_________________



Last edited by SPY_3762982_retired_37629 on Mon Nov 12, 2007 3:56 pm; edited 4 times in total
Back to top
View user's profile Send private message  
SPY_3762982_retired_37629

SPY_3762982_retired_37629's page


Joined: 24 Aug 2006
Posts: 337
Location: France

PostPosted: Wed Oct 31, 2007 7:07 am    Post subject: Reply with quote

If you use an old version of flash from Macromedia, there is no "Behaviors" in the "Window" tab.

To add a link to your button, select it in the scene, then open the "Actions - Button" tab (it must be somwhere at the bottom of the screen)

Paste this code in it :

Code:
on (release) {
getURL("http://www.imvu.com/catalog/index.php/manufacturers_id/3762982","_blank");
}


Change the URL, Save, Publish, and submit
_________________



Last edited by SPY_3762982_retired_37629 on Mon Nov 05, 2007 8:00 am; edited 1 time in total
Back to top
View user's profile Send private message  
SnowWhite2907

SnowWhite2907's page


Joined: 19 Dec 2006
Posts: 373
Location: United Kingdom

PostPosted: Wed Oct 31, 2007 11:24 am    Post subject: Reply with quote

Shocked you guys are great..i have been wondering how people do those. hope this gets stickied:)
_________________
Back to top
View user's profile Send private message  
SPY_3762982_retired_37629

SPY_3762982_retired_37629's page


Joined: 24 Aug 2006
Posts: 337
Location: France

PostPosted: Mon Nov 05, 2007 7:59 am    Post subject: Reply with quote

Thank you Very Happy
Added a poll i was curious ... Laughing
_________________

Back to top
View user's profile Send private message  
Ty 18+ Age Verified

Ty <a href='/age_verify/index/'><img src='/common/img/icons/age_verified_35x18.gif' width='35' height='18' alt='18+ Age Verified'/></a> 's page


Joined: 24 Aug 2006
Posts: 1155
Location: USA - NJ

PostPosted: Sat Nov 10, 2007 4:07 pm    Post subject: Reply with quote

Spy00!!!!! YOU ROCK!!! Now im going to do one Very Happy
_________________
Back to top
View user's profile Send private message  
SPY_3762982_retired_37629

SPY_3762982_retired_37629's page


Joined: 24 Aug 2006
Posts: 337
Location: France

PostPosted: Sun Nov 11, 2007 5:38 am    Post subject: Reply with quote

Nice don't forget to give me one Wink
I gived something like 500 of mine Laughing It cost 160 Cr ok but i think it's a good advert even if only 1/4 of the pepole i gived it display it ...
_________________

Back to top
View user's profile Send private message  
Ty 18+ Age Verified

Ty <a href='/age_verify/index/'><img src='/common/img/icons/age_verified_35x18.gif' width='35' height='18' alt='18+ Age Verified'/></a> 's page


Joined: 24 Aug 2006
Posts: 1155
Location: USA - NJ

PostPosted: Sun Nov 11, 2007 3:43 pm    Post subject: Reply with quote

Mission Accomplished! It was a Success! Very Happy! Thanks SPY00. I sent you both of the ones I did Razz.
_________________
Back to top
View user's profile Send private message  
Married 18+ Age Verified

Married <a href='/age_verify/index/'><img src='/common/img/icons/age_verified_35x18.gif' width='35' height='18' alt='18+ Age Verified'/></a> 's page


Joined: 08 Feb 2007
Posts: 31
Location: USA

PostPosted: Mon Nov 12, 2007 6:30 am    Post subject: Reply with quote

Thank you Spy! That was a great tutorial! Is there any chance that you might do a tutorial on how to add sound to a flash sticker? And how to hear the sound by moving your cursor over the sticker? I would love to learn how to do that! I got to where I could add sound, but it would either loop, over and over again, or only play once and then stop! And I couldn't figure out how to add the cursor movement into it. Sad
Back to top
View user's profile Send private message  
SPY_3762982_retired_37629

SPY_3762982_retired_37629's page


Joined: 24 Aug 2006
Posts: 337
Location: France

PostPosted: Mon Nov 12, 2007 3:05 pm    Post subject: Reply with quote

Ty wrote:
I sent you both of the ones I did Razz.


Thank you Wink I love the design of your round one

YMBRIA wrote:
Is there any chance that you might do a tutorial on how to add sound to a flash sticker?


Hmmm maybe i'll had it in this tutorial (i will edit the 1st post) if i find the time to do it.
_________________

Back to top
View user's profile Send private message  
Lawlicoster 18+ Age Verified

Lawlicoster <a href='/age_verify/index/'><img src='/common/img/icons/age_verified_35x18.gif' width='35' height='18' alt='18+ Age Verified'/></a> 's page


Joined: 25 Oct 2007
Posts: 2
Location: USA - NY

PostPosted: Mon Jan 14, 2008 12:34 am    Post subject: lil fuzzy.. Reply with quote

Is it supposed to look fuzzy? looks so much more crisp in the catalog..


http://www.imvu.com/shop/product.php?products_id=1495851
Back to top
View user's profile Send private message  
SPY_3762982_retired_37629

SPY_3762982_retired_37629's page


Joined: 24 Aug 2006
Posts: 337
Location: France

PostPosted: Tue Jan 22, 2008 10:01 pm    Post subject: Reply with quote

Yep i bought this sticker to see what you mean...
True it look more blurry than the jpeg pic...
I think i know why : you have to change the "publish settings" in flash (somwhere under the first tab if i remeber well).
You're jpeg compression quality must be set to low.
I hope it help
_________________

Back to top
View user's profile Send private message  
LordDarcy 18+ Age Verified

LordDarcy <a href='/age_verify/index/'><img src='/common/img/icons/age_verified_35x18.gif' width='35' height='18' alt='18+ Age Verified'/></a> 's page


Joined: 11 Jan 2008
Posts: 78
Location: USA - GA

PostPosted: Mon Apr 14, 2008 8:14 pm    Post subject: Imageready conversion Reply with quote

I have Adobe Imageready 7, which Adobe doesn't even support anymore, and it doesn't seem to support the SWF format. Do you know of a conversion method or must I upgrade if I want to use it longer than 30 days?
_________________
Tempus Unum Hominem Menet
Back to top
View user's profile Send private message  
MrRomance57 18+ Age Verified

MrRomance57 <a href='/age_verify/index/'><img src='/common/img/icons/age_verified_35x18.gif' width='35' height='18' alt='18+ Age Verified'/></a> 's page


Joined: 11 Mar 2008
Posts: 10
Location: USA

PostPosted: Wed Apr 16, 2008 5:58 pm    Post subject: Reply with quote

awesome tutorial, i'm off to do some flash practice. hell, i may even end up with something worth submitting Very Happy
Back to top
View user's profile Send private message  
SPY_3762982_retired_37629

SPY_3762982_retired_37629's page


Joined: 24 Aug 2006
Posts: 337
Location: France

PostPosted: Sat Apr 19, 2008 3:36 am    Post subject: Re: Imageready conversion Reply with quote

LordDarcy wrote:
I have Adobe Imageready 7, which Adobe doesn't even support anymore, and it doesn't seem to support the SWF format. Do you know of a conversion method or must I upgrade if I want to use it longer than 30 days?


ImageReady is very good program but it's really diferrent to Flash... ImageReady do animated gifs. Flash can do animated gifs too (less good than with imageready), but it can do a lot more. You can do a website with it for exemple. So if you like it buy it or find another way... Wink
_________________

Back to top
View user's profile Send private message  
HippyJane62

HippyJane62's page


Joined: 20 Jan 2007
Posts: 417
Location: USA - OH

PostPosted: Sat Apr 26, 2008 11:59 am    Post subject: Re: Imageready conversion Reply with quote

SPY00 wrote:
LordDarcy wrote:
I have Adobe Imageready 7, which Adobe doesn't even support anymore, and it doesn't seem to support the SWF format. Do you know of a conversion method or must I upgrade if I want to use it longer than 30 days?


ImageReady is very good program but it's really diferrent to Flash... ImageReady do animated gifs. Flash can do animated gifs too (less good than with imageready), but it can do a lot more. You can do a website with it for exemple. So if you like it buy it or find another way... Wink


Gif animator is a free download you can use. Hmm, I cannot load Adobe on my computer (hubby forbids it! IMVU takes up enough room but that is his opinion.) I have PSP 11, tried on that, but cannot do .swf file. I loved the tutorial btw! Smile
_________________



Back to top
View user's profile Send private message  
Display posts from previous:   
Don't want to see these ads? Join the VIP Program!

Don't want to see these ads? Join the VIP Program!

Hide ads? Get VIP!
Post new topic   Reply to topic    IMVU Forum Index -> Sticker Developing All times are GMT - 8 Hours
Goto page 1, 2  Next
Page 1 of 2

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


 FAQFAQ   UsergroupsUsergroups   RegisterRegister  ProfileProfile   Log in for private messagesLog in for private messages 

Search the forums:


Powered by phpBB