quote Footy Manager King

I love your work mate!

Would it be possible for you to link me to a tutorial on how to do these animation?

Thanks :)

Which animations? Different things were done with different banners/avatars/etc....

And near as I can remember, I didn't use tutorials for animations, it was all ideas I came up with >_> Tell me which ones you want to know about, and I'll try to remember how I did them ^_^

Yeesh, I haven't added stuff since mid-February >_>

Avatars


Made for my personal use on another site. It is essentially a short looping animation with a few frames, taken from the Kyou Kara Maou anime....Because it zooms out, I couldn't make the animation longer. There were better scenes (no zooming involved) I could have used, but I couldn't find them -_- People can use this if they like, I'll add it to the main avatars listing at the top of the page.



Made this Vincent Valentine avatar for a person on another site. I took a couple image extracts, cropped them a bit, removed part of the left image, used some blending options and layering. He didn't want a border or anything, so I made a BG using a couple rendering options, and that is about it....Took me longer than it should have (out of practice, maybe)....


Banner


Spring and Summer. Birth and Regrowth. A banner I made for use on another site (same one as the both the avatars above). I used my usual clouds + difference clouds (several times) to get my desired effect. Some 3D orbs (using different sizes, blendingsn and transparencies for variation)....Used my self-made gaussian border style (plus some blending options). Text could be better, but it turned out good enough.

My first (that I can recall) stamp for Neoseeker ^_^ I hope I remember to use it >_> I used the 'dark goddess' from Shaiya, a MMORPG or something (never played, but I like the character designs for both goddesses)....Oval background is supposed to be a sort of portal....It isn't terribly fancy, but meh....

Awesome stuff dude

quote PoKeMoN HunTeR

Awesome stuff dude :P

Thanks dood ^_^ Totally didn't expect any replies at all ^_^

Anyhow, minor update.....



I was inspired by a Production Company's logo (Involved in TV or movie show production). OBVIOUSLY theirs looks much better than mine, but hell I'm using photoshop and I have no formal schooling in the use of photoshop, not to mention I'm just a casual hobbyist about it, so sue me if it isn't that great (I like it well enough though) >_> Basically my screen name scrolls by, sandwiched between two layers of black, the top layer having voids where my name ends up. I added various effects to create the 'flash' effect. Quite a few individual images comprise this. There would be even more if I transitioned between every bit of movement I made (the initial scrolling is a bit rough because I didn't).

I still like it, it was really more of a test for myself, to see how well I could replicate the same effect a professional company did. It didn't turn out too bad, though the small size and overall darkness makes it very hard to make out my name initially.

I also made a banner for an anime club, but considering it is meant to be a school club, I think I'll not bother posting it. It was kinda 'meh' anyhow. Anime crest, of sorts. Wasn't very fancy, because the master copy was so big, I ran out of space on my HDD (so no 'scratch disk' space after doing some editing, so I had to keep re-opening photoshop to get stuff done).

How do you do that with the writing?
Can you make a tut?

Wow.....Someone wants ME to make a tutorial XD.

Well, I made it with Photoshop CS1 (Version 8.0) + Imageready.

The basics are as follows (some changes, and some missing info, I'm sure, but the effect is mostly the same).

Made two black layers.

Used the text mask tool, to write out text in the size and shape I wanted, and cut out the shape on the top layer.

Then I used that same text selection in a third layer between the other two black ones. In that layer I made a blue + black design (Filter --> Render --> Clouds + several Filter --> Render --> Difference clouds).

I then proceeded to duplicate that text layer, and used the Filter --> Gaussian Blur so that it created a noticeable 'shadow' behind the main (unedited) text design. I then CTRL+Clicked on the layer containing the unedited text design (one could also reselect, if one hasn't used a selection tool of some sort before doing this step).

Deleted the selected area of the gaussian blur text, so that only a shadow remained, and placed this layer ABOVE the top layer (black layer with cut out text area).

Changed the hue/brightness of the gaussian blur top layer, to be whiter, and brighter. I made a dupe of this to double the effect when I wanted.

Made a couple of more re-selections of the text area. First one was a gradient (greyish to blue, from right to left). Second was a brighter version of the same.

Now, onto the Imageready part.....

NOTE: You can add effects, change hues, etc, as you please at this point, to change things around a bit. You can do it later too, but you'd probably need to switch back to Photoshop to do anything special, and conveniently. Unless you have CS3, which has Imageready integrated into Photoshop. Just test various effects and types of blendings you like with the gradient texts, and gaussian blur outlines.

Once you port it into Imageready, you're ready to start the animation part. This is a bit tedious.

Move your MAIN text (the original filter-render-clouds one, that hasn't been changed), and move it to the right (or left if you prefer). I THINK there is a way to keep it even with the original height you had it at. Probably CTRL+Click when you're moving it. This didn't occur to me at the time, but it would save you a bit of time.

Once it is at the starting point, dupe that frame, and on the second frame you move it incrementally. The bigger the distance you move it each time, the more jittery it will look when animated, so don't move it too much. You should make the black foreground layer partly transparent (lower opacity), and remove visibility of the background entirely (makes it easier to see your end point.

Repeat the above, until it is once again flush with the text void of the black foreground.

NOTE2 - Be sure to test the smoothness of the animation with the 'play' button at the bottom of the frames box.

Go back and turn on the full visibility and opacity of the black foreground and background.

Now dupe the current final frame, and add the first, darker text gradient on top of your original, unedited text (the one you've been moving incrementally). Also add the first gaussian blur outline.

Go back to the frame you just duped, and add a tween (multiple circles in the small graphics below the frames bar, near the play button). Set it to tween with the next layer about 4 or 5 times. You can make it longer for a longer lasting, smoother transition.

You may want to go back yet again, to the same frame, and set the delay to about 0.5 seconds (that is what I did). This temporarily stops the animation right before it starts brightening.

Now, once again go to your last frame, and dupe it. Add the extra gaussian border to the text, and the final, brighter gradient text. Remember to have the brighter text on top of the darker one.

Go back to the previous frame (the one you just duped), and repeat the earlier process of tweening it, again with about 4 or 5 frames. Now, the final frame should be delayed for about 1 second (what I did on mine).

The final product should look much like what I have.

Since the animation is long, even a small bit of text (like mine) could easily be over 100KB (mine is). So this isn't practical as a banner for most sites. Some sites DO allow you to have larger (in KB, as well as dimensions) banners.

Final notes. Don't feel restricted to JUST text. you could do something similar with some sort of image. You'd probably not want a single hollow final destination (like the text does in this case, the final destination shows all the text unobscured), you might wish to add some sort of random blockage that obscures it a bit more, but remove it for the final display of the image. Remove it slowly by transitioning it out, perhaps.

If you feel I should turn this into a graphical tutorial, I just may do that....I might ask around to see what other people think of this bit of graphic....

OK, so I did this as a request in the anime avatar/banner request forum. The original image, well, I am not really sure how I would extract a transparent effect (at the guy's hand, is a magical~ish looking grey smoke (though you can't tell, I'm sure). I'm sure it is possible, either via masks, or just careful extraction + application of transparency...

Anyhow, since I don't know how to extract images with that sort of effect, I just took advantage of the fact that the background was a solid gray. I made a solid gray background layer, and merged the two (not before I duped the person, of course). I then flipped the image horizontally (so it would be easier to work with) I proceeded to do my usual as of late, and yeah, getting a bit stale clouds + repeated difference clouds. I used some blending, as well as lighting effects. After that, I used my own stock of orbs (which I made using a tutorial on this site XD), with various blending options on each orb, as well as rotating so the light glare apparently came from his face.

For the text, I used my usual (yeah, I like doing what I like doing) method of extracting part of the background, and modifying it with color/brightness/contrast/hue. Though I didn't really change those aspects of the image much (if at all, not sure). I moved it around a bit, and changed the blending, and duped it.

Well then I used my favourite blur (used to be wind, now it is gaussian), I then CTRL+Clicked on the layer of original text, selected my new gaussian layer, and deleted the selection. After fiddling around with it a bit, I decided it would be best to put it on the top layer, as even with various blending and alteration (with the usual hue/saturation/etc) wasn't proving fruitful. I found that worked rather well, and also move up the original text. I fiddled around with blending and transparencies a bit.

For the border, I used my usual gaussian border technique, plus a dupe of that with a different blending. Produced slightly uneven border transparency, which I like (I was actually going to go with an even more uneven border via a different blend, but didn't know if the requester would like that, so I played it safe). Both layers of the border have reduced opacity, since there is two of them stacked together.

I kinda screwed up though, I didn't expand the canvas' width enough early on, to make it wider than it is now (I widened it to 1200, I probably should have gone with 1500). Too bad I didn't think to check the proportions a bit, before starting -_-

The guy is a bit stretched out (if I didn't stretch it out a bit, it would be even less wide than it is now, which would look stubby I think, especially if you happen to have a widescreen monitor), but I don't think anybody will notice, except now that I've mentioned it XD

Another request, for Neoseeker user Alkaid.

The background design isn't anything special for me, so I'll ignore that part. The snaking stuff? Yeah, supposed to be crimson vines. I followed a tutorial as best I could, but I didn't have the right version of photoshop, and the 'link layers' feature doesn't seem to work? I dunno, I might be doing it wrong (I must be)...Still, it turned out alright, I guess....

The border is a bit different from my gaussian blur border. But it is similar (involves Gaussian border process, with some tweaks). Namely that I used clouds rendering filter, instead of a solid one, and I added a 'glass' filter to one of the border layers. I also had to cut out a lot of the border (it ended up pretty big). Did some blending effects, etc.

The text is just some font, using the text mask feature to extract a copy of the background layer (in the shape of the text), copying that layer (50% opacity or so), gaussian blurring that copy, and cutting out the original text (CTRL+Click + delete on gaussian layer). Then copying THAT gaussian layer, and did a combination of blending effects to make the text stand out a bit from the background (in the text, is a bit lighter than the background, exaggerated by the dark gaussian outline).

Girls have blending, gaussian blur, motion blur, and lighting effects on them. Also, some of the 'vines' have some minor lighting effects on them too, though I doubt you'd notice (the ones near the girls are a bit brighter than the ones further away)...

Hoping the requester likes the banner ^_^

Well, a long time since I updated, but you can see why *points up*

For some arbitrary reason, my ENTIRE photobucket account was deleted, some time ago....So I haven't the motivation to really keep updating this thread. I've made some stuff since, and I now have CS4...Below is my latest simple stuff I did because I found out how to open animation in my CS4 version of Photoshop.

quote Also posted in 'sample graphics'

I just found out I could open animation on Photoshop CS4 (I was using 64bit, that was the problem, so now I'll just open animations using the 32 bit mode), so I was eager to do something quick that would work on neo, so I just found a GIF animation of an eclips and scaled it down to neo appropriate sizes, too bad it is so dang small >_< Still, considering it is only 49 pixels wide/tall, it looks pretty good.

It wasn't exactly hard work, so there really isn't any sort of constructive criticism that can be done about this, but since I don't really 'own' it in any way (all it was a resize and changing the # of colors it used to 32 so it would fit within neo's 15KB limit), anyone is free to use it. Course, I'd say anyone is free to use it even if I had actually put real work into it XD

My neo album has some of my newer and a few of my older stuff on them:

Avatars

Banners

Misc

Oh yeah, I had made an avatar/banner set for the Disgaea DS forum.

Refer to This Thread for some work I've done with Disgaea DS Banner/Avatars. It'll also detail the work a bit.

I'm particularly fond of this:

quote

.

The Flonne (girl, Sugar) is normally not visible, but the quote box is white, and neo's paler (of two) backgrounds is actually a very pale blue (off white really), so it is less visible (nigh on invisible really). Etna is the one that's more visible, depending on what your monitor is like.

The visibility depends on which color of the post's backround is. Kinda neat eh? It has a matching avatar in the same style, but I don't like it as much since it isn't so clear what's what.

EDIT: What is with my massive amount of thread views? Other threads with way more pics have a fraction of what I have in views (I have over 45,000 and counting)....I have like 4x the number of views as a 2005 pinned topic with over 2 dozen pages....I wonder if it is because I tied everything to photobucket, and that in turn would give google results, which would lead to views of the actual thread?

This message was edited by tallteen86 on Aug 20 2009.

That's my newest advertising banner for the Disgaea DS forum which I currently moderate (you can see more, refer to the above post for the link).

Basically things aren't different from my old works, I used a plain couple different clouds and different clouds filters for the background and text, and a sprite I recently animated for the same Disgaea DS forum.

So yeah, visit the forum, or let the Prinny suffer, it's on your head >_>

Yeah, I'm not the greatest at photoshop, but I'm pretty satisfied with my animation work ^_^

BTW:



Yeah, it'll probably drop down a bit, my post count (I post more in an off topic GD, on the forum I moderate, these days). I hope it'll still be at/above 1300 when the next thread gets deleted.

EDIT: Over 46,000 views and counting 0_o Seriously, what's up with my rate of views?

This message was edited by tallteen86 on Aug 24 2009.

Photoshop CS4 Opening Animated GIFs Tutorial HD


Watch in HD

Just a video tutorial on opening GIF animations (and some AVI files) in Photoshop CS4, when you have the 64bit version.

Also, my last image isn't displaying....Hopefully it is just a temporary problem....

BTW: over 47,500 views. I MUST be getting results from Google search, it's the only thing I can think of, that would boost my thread views so much....