Quantcast
Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
    1. Welcome to GTAForums!   (84,813 visits to this link)

    2. News

    1. GTA Online

      1. Find Lobbies & Players
      2. Guides & Strategies
      3. Vehicles
      4. Content Creator
      5. Help & Support
    2. Crews

      1. Events
      2. Recruitment
    1. Grand Theft Auto Series

    2. GTA Next

    3. GTA V

      1. PC
      2. Guides & Strategies
      3. Help & Support
    4. GTA IV

      1. Episodes from Liberty City
      2. Multiplayer
      3. Guides & Strategies
      4. Help & Support
      5. GTA Mods
    5. GTA Chinatown Wars

    6. GTA Vice City Stories

    7. GTA Liberty City Stories

    8. GTA San Andreas

      1. Guides & Strategies
      2. Help & Support
      3. GTA Mods
    9. GTA Vice City

      1. Guides & Strategies
      2. Help & Support
      3. GTA Mods
    10. GTA III

      1. Guides & Strategies
      2. Help & Support
      3. GTA Mods
    11. Top Down Games

      1. GTA Advance
      2. GTA 2
      3. GTA
    12. Wiki

      1. Merchandising
    1. GTA Modding

      1. GTA V
      2. GTA IV
      3. GTA III, VC & SA
      4. Tutorials
    2. Mod Showroom

      1. Scripts & Plugins
      2. Maps
      3. Total Conversions
      4. Vehicles
      5. Textures
      6. Characters
      7. Tools
      8. Other
      9. Workshop
    3. Featured Mods

      1. DYOM
      2. OpenIV
      3. GTA: Underground
      4. GTA: Liberty City
      5. GTA: State of Liberty
    1. Red Dead Redemption 2

    2. Red Dead Redemption

    3. Rockstar Games

    1. Off-Topic

      1. General Chat
      2. Gaming
      3. Technology
      4. Programming
      5. Movies & TV
      6. Music
      7. Sports
      8. Vehicles
    2. Expression

      1. Graphics / Visual Arts
      2. GFX Requests & Tutorials
      3. Writers' Discussion
      4. Debates & Discussion
    1. Forum Support

    2. Site Suggestions

M|chael

[Tutorial] - by Michael.

Recommended Posts

The Guru

Thanks M|chael, I thought that in Xara there had to be an save option as Animated Gif. Sorry for this. Got it now.

Share this post


Link to post
Share on other sites
M|chael

Np Guru. Glad you got it fugured out in the end. Happy 3d'ing. biggrin.gif

& @ Retro. When you add an alpha channel there should be the option to do so 'BY COLOUR'. Im not sure what the little button will look like, probably an eyedropper. Click it, and select the background colour (which should be gtaf blue for nice blending). If your still having problems link a screenshot and ill see what i can do

Share this post


Link to post
Share on other sites
The Guru

And again I have to ask something. I have imported the frames into PS and they are all layers. Now when I press CTRL+ SHIFT+X, I get an filter of some sort called Liquify. Then when I go to file, Export, there is no export wizard. Please help me.

Share this post


Link to post
Share on other sites
M|chael

Yeah, my tutorial covered the procedure for Fireworks.

In PS, i believe the command is, 'Save for web'. It should give you various optimisation options too (I think), such as the transparency eye dropper, as well as obviously, the option to save as an animated GIF. Although im not sure (im not too familiar with PS) smile.gif

Share this post


Link to post
Share on other sites
The Guru

Thank you. It worked. Won't bother you with anymore of these questions again.

Share this post


Link to post
Share on other sites
M|chael

The questions almost definately improve the tutorial (as in they search out all the flaws)

By all means, ask away! smile.gif

Id be intrigued to see how the graphic turned out for you, guru. Care to post? biggrin.gif

Share this post


Link to post
Share on other sites
Narcis_speed6

here's what i did with this great tut

topic

 

Share this post


Link to post
Share on other sites
M|chael

Narcis, It seems sometimes parts of your logos are too dark at times, (I know the dark and light contrast indicates its 3d to the viewer) but sometimes its best to keep things visible. Try playing with the positioning of the lights.

user posted image

Once clicked, move the arrows around to control the locations of the light source biggrin.gif

Share this post


Link to post
Share on other sites
The Guru

And I'm here again. Everything has gone well until I choose Save for web and devices. It brings up a window and I don't know what to do. Screenshots would help greatly. And in fireworks, when I do export wizard, it says error so I can't use fireworks.

Share this post


Link to post
Share on other sites
Narcis_speed6
Narcis, It seems sometimes parts of your logos are too dark at times, (I know the dark and light contrast indicates its 3d to the viewer) but sometimes its best to keep things visible. Try playing with the positioning of the lights.

user posted image

Once clicked, move the arrows around to control the locations of the light source biggrin.gif

i fixed that

Share this post


Link to post
Share on other sites
M|chael

Looks good!. Remember to mix up the beveling options whenever you can as well.

Also, i just noticed your nametag on your profile page. Looks really sweet! Good job biggrin.gif

Share this post


Link to post
Share on other sites
The Guru
And I'm here again. Everything has gone well until I choose Save for web and devices. It brings up a window and I don't know what to do. Screenshots would help greatly. And in fireworks, when I do export wizard, it says error so I can't use fireworks.

Maybe you missed that post. Not sure, but please help. I'm feeling like a person who never learns how to do it right sad.gif

Share this post


Link to post
Share on other sites
M|chael

@ Guru. Ive plucked this screenshot from the web, so I dont know if this information will be 100% accurate.

It looks (as I thought) almost identical to firework's export wizard.

Click this dropdown box and select 'Index Transparency'

 

user posted image

Then, using the eyedropper tool, select the background colour

 

user posted image

 

Proceed to then save your animated gif

Edit: Added this new information into the original tutorial (as an additional screenshot) smile.gif

Edited by M|chael

Share this post


Link to post
Share on other sites
Narcis_speed6
Looks good!. Remember to mix up the beveling options whenever you can as well.

Also, i just noticed your nametag on your profile page. Looks really sweet! Good job biggrin.gif

yeah thanks!

 

Guru- for me reading this tutorial 1 time was enough, try reading it again and do everything as it sais

Share this post


Link to post
Share on other sites
The Guru

M|chael: OKay thanks but again, I don't know how to make it transparent, do I choose transparent on the grid or choose the GTAF default from my image?

 

Narcis: I'm 13 so I may not have the brains like you older people and English happens to be my 3 language. I know you think I'm very bad at reading tutorials but please. Be patient, I'll get it today smile.gif

Share this post


Link to post
Share on other sites
Furnace

There should be a Transparency check box, make sure you've selected "GIF" from the dropdown menu to access the GIF settings. If you'd like someone with Photoshop to take some screens, I can help, I appreciate it's hard to follow a tutorial that's not written specifically for your preferred software, but it's quite easy to export a .gif in Photoshop.

 

Edit: Here's a screenshot for Photoshop CS3 and 4, in case you're still having trouble using Photoshop for exporting the animation.

 

user posted image

 

Not that the "Matte" colour is the same as the default forum background, this acts as pseudo anti aliasing when viewed on GTAF.

Edited by Furnace

Share this post


Link to post
Share on other sites
M|chael

Ive added a third screenshot to the original tutorial showing you exactly what to do Guru smile.gif

You select the desired colour from the preview window.

You'll crack this sooner or later, and realise how stupidly easy it was in the end too ... biggrin.gif

Share this post


Link to post
Share on other sites
Panz

Nice to see you helping people, Michael. That's pretty rare with some of the better GFX'ers around here. I might try this out sometime. I got Xara3d in the past, but I never taught myself to use it like I did with PS.

 

I'll have to test mah skillz yo.

Share this post


Link to post
Share on other sites
M|chael

Thankyou, Panz!

Its not that hard once you get a firm grip of it. Narcis is really the model student here, he grasped it on his first few attempts biggrin.gif

I wouldnt say that things from Xara3d look all that sharp in general, but its nice to know you have the ability to produce 3d under your belt. (even if its not true 3d)

& it certainly looks a lot more impressive and complicated than it really is, so its a nice little skill. I'd definately reccomend giving it a shot, since you already own Xara, and all.. if you follow my tutorial word for word you shouldn't get lost

Good luck! lol.gif

Share this post


Link to post
Share on other sites
Narcis_speed6

thanks Michael! i thought is kinda useless if i got all these softwares in my pc and i am not using them biggrin.gif

 

but i dont know how to make them move smoother (Look at wolf's), my work in Xara looks perfect (and they also move perfect), but when i upload them on imageshack or other image hosts they kinda slow up confused.gif

Share this post


Link to post
Share on other sites
M|chael

Narcis, Change the number of frames in each of the sections under the Animation window.

 

user posted image

 

Its always a compromise between the smoothness and the speed.

Generally, the more frames, the better it flows, but it will initially take a little longer to load due to the increased filesize caused by the extra 'weight'

Play around with the settings until you find a nice combination that your happy with. The screenshot shows the settings I always use, which are fine in my eyes anyway smile.gif

Share this post


Link to post
Share on other sites
Narcis_speed6
no, is not that problem, i always tweak the fps and in xara looks perfect, the problem come when i upload, for example just save my avatar in your pc and watch it, see how smooth it is

Share this post


Link to post
Share on other sites
The Guru

Your avatar looks nice and smooth, also your other pieces. At least on my screen

Share this post


Link to post
Share on other sites
Narcis_speed6
compare them with wolf's topic

Share this post


Link to post
Share on other sites
The Guru

Only the 1st one looked a bit rough but the others were fine. At least better than mine blush.gif

Share this post


Link to post
Share on other sites
M|chael

Wolf's Just runs a little faster. (Lower Frames per second, & a High Frames per cycle) so it looks silkier.

It has to be the frames, since there is no other option on Xara for playback. I'd PM him and ask what settings he uses if you'd like to know.

Share this post


Link to post
Share on other sites
The Guru

Sorry for the bump but I just figured out how to get this working properly

 

So I've made this: user posted image

 

Just want to ask is it good or is there any needs of improvement?

Share this post


Link to post
Share on other sites
M|chael

Yeah it looks nice, .. What was your problem in the end?

On the improvements side of things, I'd probably take off the gloss so its just a solid matt finish without any of that glisteny stuff.

 

Also, remember.., when exporting, Xara will leave 'blank space' around your graphic, So, for example, if you exported the graphic out of Xara with a canvas size of 64x64, it would leave some empty space around your logo, meaning it only took up about 40x40px. (Like your first try)

To get around this, change the canvas size (ive found the perfect size for something square) to be around 85x85px. This will mean the graphic has become enlarged into this bigger canvas, meaning it will take up around 64x64px (which is what we want? no?) When you import this graphic into PS/Fwks and crop the canvas down to 64x64px, there will be NO empty space around your graphic, as the remaining bit youve cut off will BE the empty space.

 

^^ If thats hard to understand just try it for youself. Export a graphic at size 64x64, then, export a graphic ay 85x85, and crop it down to 64x64 in PS/Fwks. You'll see .. smile.gif

 

Other than that, remember to play around with the lights. Sorting out some great angles helps achieve a really well lit graphic which is always better on the eye than a 'dark in places' 'extremely bright in others' logo. Remember, this is the button to enable you to see and edit the lights

Share this post


Link to post
Share on other sites
The Guru

Well, I didn't use any other program than Xara to get this. All I did for this was using a Dingbat circle and put the smiley face inside and change the background color into the default GTAF skin color and imported it as a animated Gif. Nothing more.

 

I was wondering why the size was small and I'll give a go for that procedure you gave. Thanks smile.gif

 

EDIT*

 

I did what you said and this is my result:

 

user posted image

 

But there is still a little pixels around the edge.

Edited by The Guru

Share this post


Link to post
Share on other sites
markjaysongalang

I ended up with this:

 

It's with white edges.

user posted image

 

How to remove the white edges? I used Photoshop CS4.

 

EDIT: I fixed the problem, I just messed out with the Matte in Save for Web & Devices.

 

user posted image

 

My Second Try:

user posted image

Edited by markjaysongalang

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

By using GTAForums.com, you agree to our Terms of Use and Privacy Policy.