Jump to content

Welcome to MSFN Forum
Register now to gain access to all of our features. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more. This message will be removed once you have signed in.
Login to Account Create an Account



Photo

custom avatars and signatures

- - - - -

  • Please log in to reply
726 replies to this topic

#351
larryb123456

larryb123456

    Confused but Happy

  • Member
  • PipPipPipPipPip
  • 762 posts
  • Joined 10-August 10
  • OS:Windows 7 x86
  • Country: Country Flag

Donator

The smallest animation at the bottom of my Post # 349 is the one I like best for the bphlpt wavy letters. Unfortunately, when my animator reduced the size down to 50% of the original size, it also removed the top and right-side parts of the border, as you can see. So, in this Post I'm presenting a corrected version, which was easy to make. I simply saved all 10 frames of the incorrect version as .psd files and corrected the borders in these files to make the correct version shown below, http://i1196.photobu...6pxOOED17KB.gif

Posted Image

Specs: 10 frames, 0.10 sec display time per frame, 97x26px, 255 colors, 17 KB.

new_MSFN_static_signature.jpg

 

" What we achieve inwardly will change outer reality."  Plutarch

 

 

 



How to remove advertisement from MSFN

#352
larryb123456

larryb123456

    Confused but Happy

  • Member
  • PipPipPipPipPip
  • 762 posts
  • Joined 10-August 10
  • OS:Windows 7 x86
  • Country: Country Flag

Donator

In my Post # 344, concerning emoticons, I made an animated GIF which uses "bouncy text".

I made another animation, concerning horse racing, which also uses bouncy text, http://i1196.photobu...pxOOED127KB.gif

Posted Image

This is a frame-by-frame animation: 66 unique frames, 0.10 sec display time per frame, 255 colors, 350x19px, 127 KB. 11-frame animated galloping-horse GIFs are scrolled vertically -- at a rate of 1 pixel per frame -- on each end of the userbar. "Horse", "racing", "fan", "atic", and "!!" move up and down at a rate of 2 pixels per frame.

I really like the galloping-horse GIF.
It is so smooth, it looks like a little movie.
All the aspects of vertically scrolling animated GIFs have been thoroughly covered in numerous earlier Posts.
I made all the bouncy text precisely as explained in Post # 344.

Posted Image

--------------------------------------------------------------------------------------------------------
"A horse never runs so fast as when he has other horses to catch up and outpace."
Ovid

"A horse gallops with his lungs, perseveres with his heart, and wins with his character."
Tesio

"The horse I bet on was so slow, the jockey kept a diary of the trip."
Henny Youngman

--------------------------------------------------------------------------------------------------------

new_MSFN_static_signature.jpg

 

" What we achieve inwardly will change outer reality."  Plutarch

 

 

 


#353
larryb123456

larryb123456

    Confused but Happy

  • Member
  • PipPipPipPipPip
  • 762 posts
  • Joined 10-August 10
  • OS:Windows 7 x86
  • Country: Country Flag

Donator

I saw an 8-frame animated GIF of a rotating Canadian flag that I liked, so I made an animated userbar with letter pulsations, http://i1196.photobu...pxOOED133KB.gif

Posted Image

This is a frame-by-frame animation: 96 unique frames, 0.07 sec display time per frame, 255 colors, 350x19px, 133 KB. 8-frame Canadian flag animated GIFs are scrolled vertically -- at the rate of 1px per frame -- on each end of the userbar.

All aspects of scrolling animated GIFs have been covered in numerous earlier Posts.

So................................

Posted Image

new_MSFN_static_signature.jpg

 

" What we achieve inwardly will change outer reality."  Plutarch

 

 

 


#354
larryb123456

larryb123456

    Confused but Happy

  • Member
  • PipPipPipPipPip
  • 762 posts
  • Joined 10-August 10
  • OS:Windows 7 x86
  • Country: Country Flag

Donator

In this Post, I'm presenting a little animated GIF mini-mini-mini "film" I made based on bphlpt's avatar, http://i1196.photobu...OOED401KB-1.gif

Posted Image

This is a frame-by-frame animation: 100 unique frames, 0.10 sec display time per frame, 255 colors, 200x200px, 401 KB.

I tried different settings in my animator to see if I could reduce the KB file size without sacrificing image quality, and there were only 2 "acceptable contenders" which I'll present in my next Post, so that they don't compete visually with the animation presented in this Post.

I am the one who made bphlpt's present MSFN avatar, so I had all the Photoshop goodies I needed to get started.

In this Post, I'm going to present just a relatively brief -- (by my standards, lol) -- description of the steps I used to make the animation. I prepared a *totally complete* documentation for bphlpt, 53 MB (uncompressed), 27 MB (as a .zip file), with all the folders and files.

The most important aspect, the circling of the binary sphere, was done first and all other aspects were "piggy-backed" on top of this circling.
I made an aliased oval, 59x61px, and aligned the exact bottom-center of this oval relative to the center of the binary sphere as it is shown in bphlpt's avatar. Then I placed "position pixels" around the outside perimeter of this aliased oval with a spacing of 1px between pixels. It took 87 position pixels to complete the circling and return back to the starting point.
Then I made copies of the binary sphere and aligned a copy -- (horizontal and vertical centers) -- on top of each position pixel.
After the alignments, I deleted the position pixels, leaving all 87 binary spheres in place, characterizing the circular motion.
A test GIF for this circular motion showed that a 0.10 sec display time per frame worked great, which was good, since text effects, such as letter pulsations and "typing text", look good at this display time.
As will be discussed later, I wanted to use a 25-frame animated GIF "halo" around the binary sphere as it moves, so I knew from the outset that there would be 100 frames in the animation, with the binary sphere being motionless from frames 87-100.

But first, I put an animated highlight on the binary sphere that gets brighter, then dimmer, then brighter, etc. I wanted it to be subtle, so I thought a 10-frame animation would work well. (The 10 frames in the highlight animation would be compatible with the 100-frame main animation total with regard to looping.)
A little experimentation showed that a highlight 10-frame sequence of Photoshop brightness=0,5,10,15,20,25,20,15,10,5 worked well, giving a result that was rather subtle.
In fact, if one weren't informed that the highlight was getting brighter, then dimmer, then brighter, etc., one wouldn't even notice it in the above animation.
That's OK, IMO, because a brighter highlight would be out of place.
In incorporating the highlights into the circular motion of the binary sphere, brightness versions 5,10,15,20,25 were made and copies of these versions were aligned relative to the appropriate binary sphere positions.
After the alignments, the binary spheres were deleted, leaving the binary-sphere positions with highlights.

The 25-frame animated GIF that I wanted to make a binary-sphere "halo" from is shown here -- as "yellow flames halo" -- after resizing (so that it wouldn't overshadow the sphere), http://i1196.photobu...rsOOED170KB.gif

Posted Image

The display time per frame is 0.10 sec, and the GIF looks good, so I knew it would fit in well with the 0.10 sec per frame display time of the main animation.

But it is clear that the yellow and orange are out of place in the color scheme of bphlpt's avatar.
This was corrected after a yellow flames halo was first made around the binary sphere, by using the following steps: the appropriate halo squares shown above were aligned -- (vertical and horizontal centers) -- under the appropriate positioned binary spheres and then the black backgrounds of the halo squares were removed using the Magic Wand Tool (Tolerance:32, Anti-aliased setting).
The colors of the yellow flames halos were changed in 2 steps: 1) the layers were desaturated; 2) a Color Balance was applied according to [Blue(+100)] for the Midtones and [Blue(+100), Green(+50)] for the Highlights.
I really like the blue halo around the moving binary sphere. It looks like "vapor" to me.

I moved the mushroom back and forth on The Old Man's beard during frames 87-100, when the binary sphere was stationary at its bottom-most position. That is a total of 14 frames.

After a little experimentation, I found a scenario that works out well: the mushroom moves in increments of 3px up and 3px over to the left per frame on the way to the Old Man's nose, and then those exact movements are reversed on the way back to the starting point, which is the position shown in bphlpt's MSFN avatar.
Denote this starting point by position0.
Only 3 other unique positions of the mushroom are required to completely characterize the mushroom's motion on The Old Man's beard. Denote these positions by position1, position2, and position3.
So, the following "associations" are made: frame87, position0; frame88, position1; frame89, position2; frame90,position3; frame91, position2; frame92, position1; frame93, position0; frame94, position1; frame95, position 2; frame96, position3; frame97, position2; frame98, position1; frame99, position0; and frame100, position0.
This position sequence allows for the mushroom to move forward and back 2 different times.
The reason the mushroom moves quickly, of course, is that it is moving in large pixel increments per frame. With the 3px up (or down) and 3px over to the left (or right) motion described above, the Pythagorean Theorem gives the diagonal distance in pixels that the mushroom moves per frame as (32 + 32)1/2 = 4.24.
I think that this rapid mushroom motion is in good contrast to the slower motion of the binary sphere.
It was just luck -- (i.e., God's reward to me for working so hard on this animation......lol) -- that the 14 frames (i.e., frames 87 through 100) allow the mushroom to move forward and back on the beard twice, before the binary sphere starts moving again.

The simplest way to finish this discussion is to list what occurs in each frame and the rationale behind it.

I knew that I wanted <coding/>since time<began/> to "disappear" via opacity changes -- (as I've done in earlier Posts) -- in the 9-frame opacity sequence of 90%, 80%, 70%, 60%, 50%, 40%, 30%, 20%, and 10%. After that 10% frame, only the background would be seen where that lettering had been.
I knew that I wanted <coding/>since time<began/> to then appear as if it were "typed in", one character at a time, after "X" frames showing only the background.
This "typing" would require 26 frames since this text has 26 characters.
I tried "X"=20 frames -- (and the "math" dictated that <The Old Man/><coding/>since time<began/> would remain at 100% opacity for 45 frames) -- and a test GIF showed that this worked well.
I centered these 45 frames around frame 93 so that the disappearance and typing of <coding/>since time<began/> would not compete for attention with the mushroom moving back and forth on The Old Man's beard. (Recall that the mushroom moves in frames 88-99.)

So, the frame scenario is as follows:
frames 71-15 (i.e., frames 71-100 and frames 1-15): 45 frames of 100% opacity <The Old Man/><coding/>since time<began/> centered around frame 93. (For these frames, I made the letter color the same as that of the outline around "bphlpt".)
frames 16-24: 9 frames for <coding/>since time<began/> to disappear in an opacity sequence of 90%,...,10%.
frames 25-44: 20 frames with just <The Old Man/>.
frames 45-70: 26 frames in which <coding/>since time<began/> appears (i.e., is "typed in") one character at a time.
As a final touch, I "pulsed" the letters in <The Old Man/> during frames 29-40. This centers the pulsing in the 20 frames during which <coding/>since time<began/> is not present.

Posted Image

--------------------------------------------------------------------------------------------------------
The secret to film (or an animated GIF) is that it's an illusion.
George Lucas

The italicized parenthetical was added by me.
--------------------------------------------------------------------------------------------------------

Edited by larryb123456, 08 September 2012 - 02:04 PM.

new_MSFN_static_signature.jpg

 

" What we achieve inwardly will change outer reality."  Plutarch

 

 

 


#355
larryb123456

larryb123456

    Confused but Happy

  • Member
  • PipPipPipPipPip
  • 762 posts
  • Joined 10-August 10
  • OS:Windows 7 x86
  • Country: Country Flag

Donator

I tried other settings in the animator to see if the file size could be reduced without sacrificing image quality.

There were only 2 other setting combinations that gave acceptable results:

100 unique frames, 0.10 sec display time per frame, 127 colors, OO, ED, 337 KB, http://i1196.photobu...OOED337KB-1.gif

Posted Image

and

100 unique frames, 0.10 sec display time per frame, 255 colors, OO, NC, 330 KB, http://i1196.photobu...OONC330KB-1.gif

Posted Image

In my opinion, I don't see any sense in using either of these animations since their file sizes (337 KB and 330 KB) are about the same as that of the top-quality animation shown in my last Post (401 KB).

Edited by larryb123456, 08 September 2012 - 08:31 AM.

new_MSFN_static_signature.jpg

 

" What we achieve inwardly will change outer reality."  Plutarch

 

 

 


#356
bphlpt

bphlpt

    MSFN Addict

  • Member
  • PipPipPipPipPipPipPip
  • 1,798 posts
  • Joined 12-May 07
  • OS:none specified
  • Country: Country Flag
Very, Very Cool, Larry!

It really showcases a lot of the different treatments you have learned how to apply to an image since you've been playing with animated gifs. I really like the blue flame "halo". And you are right - the animated brightness highlight is nice and subtle. I'm honored that you chose my avatar to demo your continually growing skills. Keep up the great work!

Cheers and Regards my friend

Posted Image


#357
larryb123456

larryb123456

    Confused but Happy

  • Member
  • PipPipPipPipPip
  • 762 posts
  • Joined 10-August 10
  • OS:Windows 7 x86
  • Country: Country Flag

Donator

In this Post I present a different version for bphlpt's animated GF avatar, first shown in Post # 354, http://i1196.photobu...pxOOED405KB.gif

Posted Image

In this version, the mushroom moves down and then up, at the rate of 1px per frame, covering a distance of 7px in each direction of travel.

I guess it's a matter of the viewer's taste as to which version is "better".

I like the original, more-energetic version, in which the diagonally-moving mushroom "functions" as a slot-machine-handle-crank to get the stationary mushroom moving again.

new_MSFN_static_signature.jpg

 

" What we achieve inwardly will change outer reality."  Plutarch

 

 

 


#358
bphlpt

bphlpt

    MSFN Addict

  • Member
  • PipPipPipPipPipPipPip
  • 1,798 posts
  • Joined 12-May 07
  • OS:none specified
  • Country: Country Flag
If you use the analogy that in the original version the mushroom acts like a slot-machine-handle-crank, then you could say that in this version the mushroom acts like a push-button or plunger, a more subtle approach which I like better.

Cheers and Regards

Edited by bphlpt, 16 September 2012 - 08:57 PM.

Posted Image


#359
larryb123456

larryb123456

    Confused but Happy

  • Member
  • PipPipPipPipPip
  • 762 posts
  • Joined 10-August 10
  • OS:Windows 7 x86
  • Country: Country Flag

Donator

Just wait until my next version, in which The Old Man eats both the mushroom and the binary sphere !!!
Just kidding. I'm finished with this one.

new_MSFN_static_signature.jpg

 

" What we achieve inwardly will change outer reality."  Plutarch

 

 

 


#360
dencorso

dencorso

    Iuvat plus qui nihil obstat

  • Supervisor
  • 5,954 posts
  • Joined 07-April 07
  • OS:98SE
  • Country: Country Flag

Donator

Just wait until my next version, in which The Old Man eats both the mushroom and the binary sphere !!!

Well, that would require an effect similar to that Roger Rabbit gets from drinking, as a grand finale, IMO...



#361
larryb123456

larryb123456

    Confused but Happy

  • Member
  • PipPipPipPipPip
  • 762 posts
  • Joined 10-August 10
  • OS:Windows 7 x86
  • Country: Country Flag

Donator

True.
After eating the "magic mushroom", The Old Man will just hallucinate eating the binary sphere.

new_MSFN_static_signature.jpg

 

" What we achieve inwardly will change outer reality."  Plutarch

 

 

 


#362
dencorso

dencorso

    Iuvat plus qui nihil obstat

  • Supervisor
  • 5,954 posts
  • Joined 07-April 07
  • OS:98SE
  • Country: Country Flag

Donator

:thumbup

#363
larryb123456

larryb123456

    Confused but Happy

  • Member
  • PipPipPipPipPip
  • 762 posts
  • Joined 10-August 10
  • OS:Windows 7 x86
  • Country: Country Flag

Donator

In my Post # 321, I mentioned that I was working on an animated GIF userbar involving a chimpanzee that I put in an oval. The complete details of "ovalizing" the chimp are given in that Post.

The reason I ovalized the chimp is that I wanted to incorporate the BMW auto logo oval in the userbar too. Of course, I made the chimp oval to be the same height as the BMW oval, so that I could scroll both images together vertically. I also made the oval widths the same to "balance" the left and right side images on the userbar.

As a caption for the userbar, I came up with "Chimps Can't Drive BMWs", and the chimp very, very sadly agrees with this assessment, http://i1196.photobu...ors_350x19p.gif

Posted Image

This is a frame-by-frame animation: 88 unique frames, 0.14 sec display time per frame, 255 colors, 350x19px, 266 KB. 8-frame animated GIFs are scrolled vertically -- at a rate of 1 pixel per frame -- on each end of the userbar. The background behind the lettering is a 2-frame animated GIF.

The resource GIF for the chimp was 8-frame and that for the BMW logo was 10-frame. So, I simply deleted 2 frames from the BMW logo GIF in which there was not much difference in the subsequent frames to end up with an 8-frame GIF. This eliminated concerns about coordinating the looping of these 2 sub-animations.

All aspects of vertically scrolling animated GIFs have been covered completely in numerous earlier Posts.

The 2-Frame background animation was made as follows: Frame 1 has a "lattice-type" scanline pattern in which there is a 5px horizontal spacing between both the forward-facing and backward-facing diagonals; Frame 2 is made from Frame 1 by moving Frame 1's scanline pattern 3px to the left. As the 2 Frames alternate from frame to frame in the main animation, the illusion of motion is created.

Posted Image

---------------------------------------------------------------------------------------------------------
"When you look at "bmw" in a mirror, you see "wmd" (and the mirror-image of your own face, of course)."
larryb123456

---------------------------------------------------------------------------------------------------------

new_MSFN_static_signature.jpg

 

" What we achieve inwardly will change outer reality."  Plutarch

 

 

 


#364
larryb123456

larryb123456

    Confused but Happy

  • Member
  • PipPipPipPipPip
  • 762 posts
  • Joined 10-August 10
  • OS:Windows 7 x86
  • Country: Country Flag

Donator

This Post falls in the category of Op Art and to provide some historical perspective, I've given a brief discussion concerning one of the genre's founders, Bridget Riley, at the very end of the Post.

The animated userbar I'm presenting in this Post was based on this Resource GIF, a 15-frame, 480x480px animated GIF with a 0.03 sec display time per frame.

I first resized this GIF, changing the length to 95px to work well with the length of the caption "Op Art Fan" and reducing the height to 65px so that there would not be an overly-large number of frames in the animation. (In essence, I reduced the image size and stretched the image out horizontally.) I also made the right-side scrolled GIF to be the mirror image of the left-side scrolled GIF, to increase visual interest. In addition, I scrolled the left-side GIF upward while the right-side GIF was being scrolled downward, and vice versa.

All aspects of scrolling animated GIFs have been given in numerous previous Posts.

The animation I made is shown below, http://i1196.photobu...zps98eaf2ce.gif

Posted Image

This is a frame-by-frame animation: 120 frames, 0.03 sec display time per frame, 255 colors, 350x20px, 246 KB. Each letter "pulsation" stays in place for 2 frames before moving on to the next letter, so the display time for each pulsation is 2x(0.03 sec) = 0.06 sec. 15-frame Op Art GIFs are scrolled vertically on each end of the userbar at the rate of 1 pixel per frame.

I kept the display time per frame to be that of the Resource GIF, 0.03 sec, which gives a fairly fast rate for scrolling for a userbar.

Conclusion:
The Resource GIF is interesting in its rotation, but, to me, the image is very stable. My userbar animation is not visually stable due to the coupling of the image rotation with the very fast vertical scrolling and the fact that one can see only 18px in height of the image per frame (i.e., every 0.03 sec). Showing both the mirror-image left and right sides in the userbar and having the left and right side GIFs scroll in opposite directions also contribute to the feeling of vertigo.
To me, the Resource GIF is a merry-go-round, while my animation is a carnival tilt-a-whirl ride. I much prefer the "wild ride".

Posted Image

---------------------------------------------------------------------------------------------------------
Bridget Riley (1931- ) is an English painter credited with being one of the founders of the Op Art movement in the 1960s. She is probably best known today for the black and white works she created then. These works present straight or wavy lines (occasionally discs or squares instead) in geometrical patterns which give the illusion of movement or changing color. To summarize, Op Art creates optical illusions which make the flat surface of an artwork appear to be highly three dimensional.
I've provided a sample of Riley's most famous artworks, in chronological order, to show the various methods that she used to create 3-D optical illusions:
Movement in Squares, 1961
Blaze 1, 1962
Blaze 4, 1963
Uneasy Centre, 1963
Loss, 1964
Metamorphosis, 1964
Current, 1964
Fragment 3/11, 1965
Arrest 1, 1965
Arrest 2, 1965
Arrest 3, 1965
Of course Riley didn't have the benefits of using computer drawing programs which make the creation of Op Art images very easy. But even by today's standards, in-person-viewing of her Op Art pieces, which oftentimes are very large, is still quite a visual experience.
"An artist's failures are as valuable as his successes...by misjudging one thing he conforms something else, even if at the time he does not know what that something else is."
Bridget Riley

---------------------------------------------------------------------------------------------------------

Edited by larryb123456, 26 September 2012 - 07:31 PM.

new_MSFN_static_signature.jpg

 

" What we achieve inwardly will change outer reality."  Plutarch

 

 

 


#365
larryb123456

larryb123456

    Confused but Happy

  • Member
  • PipPipPipPipPip
  • 762 posts
  • Joined 10-August 10
  • OS:Windows 7 x86
  • Country: Country Flag

Donator

In my Post # 353, I presented an animated GIF userbar with rotating Canadian flags. Here's the U.S.A. counterpart, http://i1196.photobu...9pxOOED58KB.gif

Posted Image

This is a frame-by-frame animation: 96 unique frames, 0.09 sec display time per frame, 255 colors, 350x19px, 58 KB. 8-frame U.S. flag animated GIFs are scrolled vertically -- at the rate of 1px per frame -- on each end of the userbar. Letter "pulsations" are made up of white letters with a 2px blue outline.

The Canadian and U.S. userbars are essentially identical in "structure": the flags are the same size; the total number of frames is the same; 22 characters are pulsed twice per loop in each userbar; 8-frame animated flag GIFs are used; and the frames of the left and right side scrolled flag GIFs are not identical for a given vertical position, but they are "offset" or "staggered" in the rotation sequences.

Considering this similarity between the 2 userbars, it's rather surprising to me that the file size of the U.S. userbar (58 KB) is so much less than that of the Canadian userbar (133 KB). Perhaps (?) the more complex background of the Canadian userbar contributes to this fact.

I slowed down the rate of rotation of the U.S. flag compared to that of the Canadian flag -- a little -- so that the U.S. flag blue rectangle with the white stars could be better seen. (The display times per frame for the Canadian and U.S. userbars are 0.07 sec and 0.09 sec, respectively.)

All aspects of scrolling animated GIFs have been covered in numerous earlier Posts.

So................................

Posted Image

new_MSFN_static_signature.jpg

 

" What we achieve inwardly will change outer reality."  Plutarch

 

 

 


#366
larryb123456

larryb123456

    Confused but Happy

  • Member
  • PipPipPipPipPip
  • 762 posts
  • Joined 10-August 10
  • OS:Windows 7 x86
  • Country: Country Flag

Donator

The animated GIF userbar presented in this Post celebrates The Greatest Song in the History of the Universe. Since I didn't have any rope handy, I wasn't able to tie a kangaroo down, but I was able to confine a roo (a colloquialism) and its joey (the baby of any marsupial) to a *hopping eternity* of watching letter "pulsations" and Australian flag waving in a userbar, http://i1196.photobu...OOED137KB-1.gif

Posted Image

This is a frame-by-frame animation: 96 unique frames, 0.12 sec display time per frame, 255 colors, 350x19px, 137 KB. Animated GIFs are scrolled vertically -- at the rate of 2 px per frame -- on each end of the userbar. The waving Australian flag is a 4-frame animation and the kangaroo animation is 8-frame. The background with the moving scanlines is a 2-frame animated GIF.

I thought I'd first discuss my "choreography" so you can better see what I considered important as you watch the animation:
# 1: All letter pulses are done in red, white, and blue, the colors of the Australian flag.
# 2: I never have letter pulsations going on at the same time in "Aussie Strong !" and "Proud to be from Australia" to avoid visual congestion.
# 3: I only pulse "Proud to be from Australia" when the flag completely covers the left end of the userbar to have better structural and color harmony.
# 4: When "Aussie Strong !" disappears in the backward direction, I red-pulse "Australia" in the forward direction for visual balance. For precise visual balance, I stop the red pulsing of "Australia" *exactly* when the "A" in "Aussie Strong !" disappears.
# 5: I was unable to choreograph the kangaroos, since they were too evil-tempered, too uninspired, and too stupid. So, I just had to let them hippity-hop as they saw fit.

I'll next briefly discuss the aspects of making this animation.

The height of the kangaroo scrolling unit is relatively large at 107px.

As discussed in previous Posts, a scrolling unit consists of all the frames of a sub animation aligned and linked so that they move as a unit in the vertical scrolling. At a given vertical position, the appropriate frame is copied and becomes the image for the main animation at that vertical position.

Therefore, I scrolled the unit at 2px per frame so there wouldn't be an overly-large total number of frames in the animation. This resulted in 90 frames for complete up and down scrolling without any pauses at the two vertical transition points (i.e., the positions at which the scrolling unit reverses direction in the vertical travel). Since the total number of frames in the animation has to be an integer multiple of the number of frames in the kangaroo sub animation (i.e., 8), I paused the vertical travel of the scrolling unit for 3 frames at each of the two vertical transition points to bring the total number of frames to 96 [i.e., (90+3+3)=96], thereby satisfying the integer requirement [i.e., (96/8)=12]. In other words, the kangaroo sub animation loops 12 times for 1 loop of the main animation.

The flag scrolling unit is 73px tall, and, with vertical scrolling at 2px per frame, it takes 45 frames for the flag to enter the bottom of the userbar, move across the userbar's interior, and completely exit the top of the userbar. This leaves 51 frames for twice pulsing the letters in "Aussie Strong !", the "backward-direction disappearance" of "Aussie Strong !", and pauses in the "action".

The 2-Frame background animation was made as follows: Frame 1 has forward facing diagonal scanlines with a 5px horizontal spacing; Frame 2 is made from Frame 1 by moving Frame 1's scanline pattern 3px to the left. As the 2 Frames alternate from frame to frame in the main animation, the illusion of motion is created.

Posted Image

---------------------------------------------------------------------------------------------------------
"It's like trying to pin down a kangaroo on a trampoline."
Sid Waddell

“Don't worry about the world coming to an end today. It is already tomorrow in Australia.”
Charles M. Schulz

"Why did the kangaroo go to the doctor?"
"Because he felt jumpy."

---------------------------------------------------------------------------------------------------------

new_MSFN_static_signature.jpg

 

" What we achieve inwardly will change outer reality."  Plutarch

 

 

 


#367
jaclaz

jaclaz

    The Finder

  • Developer
  • 14,579 posts
  • Joined 23-July 04
  • OS:none specified
  • Country: Country Flag
Meanwhile in Australia...
Spoiler


jaclaz

#368
larryb123456

larryb123456

    Confused but Happy

  • Member
  • PipPipPipPipPip
  • 762 posts
  • Joined 10-August 10
  • OS:Windows 7 x86
  • Country: Country Flag

Donator

@ jaclaz:
At least your roo fared better on the beach than this guy !

new_MSFN_static_signature.jpg

 

" What we achieve inwardly will change outer reality."  Plutarch

 

 

 


#369
larryb123456

larryb123456

    Confused but Happy

  • Member
  • PipPipPipPipPip
  • 762 posts
  • Joined 10-August 10
  • OS:Windows 7 x86
  • Country: Country Flag

Donator

The Spanish painter Pablo Picasso (1881-1973) is one of my favorite artists and historical figures and I made 2 animated GIF userbars to honor him.

The first userbar is what I'd call "informational", http://i1196.photobu...pxOOED203KB.gif

Posted Image

This is a frame-by-frame animation: 84 frames (74 unique), 0.20 sec display time per frame, 255 colors, 350x19px, 203 KB. The painting JPEG is scrolled at the rate of 3 pixels per frame, but it's stopped for 6 frames (1.20 sec) each time to better display the title of the painting. The Picasso image is scrolled at the rate of 1 pixel per frame. I had to scroll the painting JPEG, with its title, at a slow rate (i.e., 0.20 sec display time per frame) so that it could be seen clearly. This led to the Picasso image moving in a very slow motion, perhaps too slow. If I had one criticism of this userbar, it would be the slow-moving Picasso image.

In the above userbar, one of Picasso's most famous paintings, Les Demoiselles d'Avignon (1907), is shown (cropped). The actual (uncropped) painting is shown here. This large painting, approximately 8 ft. by 8 ft., is credited with being one of the cornerstones of Modern Art. The work portrays five nude female prostitutes painted in a primitive style. In this painting, Picasso made a radical departure from traditional European painting by abandoning perspective in favor of a flat, two-dimensional picture plane. At the time, the work was considered revolutionary and highly controversial.

The second userbar is what I'd call "straight-forward", http://i1196.photobu...pxOOED116KB.gif

Posted Image

This is a frame-by-frame animation: 75 unique frames, 0.09 sec display time per frame, 255 colors, 350x19px, 116 KB. The Spanish flag is a 5-frame animated GIF. The flag and the Picasso JPEG are each scrolled at the rate of 1 pixel per frame.

In this userbar, I didn't try to achieve as much as I did in the first-presented userbar, and, in this regard, it might be considered more successful. For as Leonardo da Vinci said, "Simplicity is the ultimate form of sophistication." In this userbar, I used a bold pixel font for "Pablo Picasso", and this allowed me to pulse the letters in a very striking, IMO, 2-color fashion.

Posted Image

---------------------------------------------------------------------------------------------------------
Some Pablo Picasso quotes:
"Action is the foundational key to all success."
"Art washes away from the soul the dust of everyday life."
"It took me four years to paint like Raphael, but a lifetime to paint like a child."
"Art is a lie that makes us realize truth."
"Good artists copy, great artists steal."

And perhaps apropos to this Post (i.e., the second userbar compared to the first):
"Art is the elimination of the unnecessary."
---------------------------------------------------------------------------------------------------------

new_MSFN_static_signature.jpg

 

" What we achieve inwardly will change outer reality."  Plutarch

 

 

 


#370
larryb123456

larryb123456

    Confused but Happy

  • Member
  • PipPipPipPipPip
  • 762 posts
  • Joined 10-August 10
  • OS:Windows 7 x86
  • Country: Country Flag

Donator

The MSFN Rules state that any member clowning around on the site will be banned for life. So,
.........................................................................................

DO NOT CLOWN AROUND !
.........................................................................................

http://i1196.photobu...pxOOED138KB.gif

Posted Image

This is a frame-by-frame animation: 100 unique frames, 0.12 sec display time per frame, 255 colors, 350x19px, 138 KB. 25-frame clown animated GIFs are scrolled vertically -- at the rate of 1 pixel per frame -- on each end of the userbar. "Do Not Clown Around !" has a back-and-forth movement at the rate of 4 pixels per frame and it's in a 20-frame animated GIF.

I've discussed all the aspects of scrolling animated GIFs in numerous previous Posts, but I've never used the back-and-forth movement of text like this before, so I thought I'd discuss the construction of the 20-frame animated GIF which contains the movement. It's really quite simple.

Construction of the 20-frame "Do Not Clown Around !" GIF:

Refer to the diagram below which shows all 20 frames of the GIF, with each frame numbered in red. The red rectangles correspond to to the central portion of the userbar, in between the black rectangles where the clowns are. In frame 1 (and also frame 11), "Do Not Clown Around !" is centered in this central portion, with 20px spacing between the text on each end and the black rectangles where the clowns are. The movement of the text is 4px per frame, so it takes 5 frames moving left from frame 1 (i.e., frames 2, 3, 4, 5, 6) to traverse the 20px and "hit the wall". The rest of the construction of the GIF is based on this same principle of motion, as the diagram shows, http://i1196.photobu...wnAroundGIF.jpg The letter pulsations for the word "Clown" are also shown in the diagram.

Posted Image

Posted Image

---------------------------------------------------------------------------------------------------------
“There are two types of people in this world. People who hate clowns...and clowns."
Bobby Pendragon
“I hate clowns. You can't see what they're thinking.”
Geraldine McCaughrean, Peter Pan in Scarlet

As proof of the above quote concerning the fact that you can't always see what clowns are thinking, I've assembled the following collection of images:
Proof 1
Proof 2
Proof 3
Proof 4
Proof 5
Proof 6
Proof 7
Proof 8
Proof 9
Proof 10
x
x
x
Proof Posted Image
---------------------------------------------------------------------------------------------------------

Edited by larryb123456, 18 October 2012 - 01:28 AM.

new_MSFN_static_signature.jpg

 

" What we achieve inwardly will change outer reality."  Plutarch

 

 

 


#371
larryb123456

larryb123456

    Confused but Happy

  • Member
  • PipPipPipPipPip
  • 762 posts
  • Joined 10-August 10
  • OS:Windows 7 x86
  • Country: Country Flag

Donator

I'm really not a Homer Simpson fan, and, in fact, I don't watch any comedy or variety television shows except for Saturday Night Live. I much prefer MSNBC and an occasional football or basketball game. But I saw a Homer animated GIF and an animated "horizontal bar" I liked, and I wondered what the result would look like if I combined the two in an animated GIF userbar. The result is shown below, http://i1196.photobu...OOED167KB-1.gif

Posted Image

This is a frame-by-frame animation: 76 unique frames, 0.13 sec display time per frame, 255 colors, 350x19px, 167 KB. 4-frame Homer Simpson animated GIFs are scrolled vertically at the rate of 1 pixel per frame. The background with the back-and-forth motion is a 38-frame animated GIF, and I made it from the "bar" after appropriately re-sizing it. I used: 1) small pixel letters for the text; and 2) 1px spacing between these letters, and these 2 factors allowed the green sweeping background to show through very well. I put the word "Super" in "Homer Simpson Super Fan !" to fill up a little more horizontal space.

All aspects of scrolling animated GIFs have been covered in many previous Posts, and the scrolling here was very straight forward. But I had to "finagle" a bit with Homer's original resource GIF, which was 2-frame, as I'll explain next.

I thought a 0.13 sec display time per frame would allow for reasonably "energetic" letter pulsations and back-and-forth motion of the background. But this display time was much too small for the original 2-frame Homer GIF, as shown below.

Original 2-frame Homer GIF (at 0.13 sec display time per frame), http://i1196.photobu...imeperframe.gif

Posted Image

Poor Homer looks like he's having a seizure.

So, I made a 4-frame Homer GIF from the 2-frame GIF, very simply, as follows. Denote the 2 frames of the original GIF by A and B. The 4-frame GIF would then have frames A, A, B, B. This is equivalent to frame A and frame B having twice the display time as before, that is 2x(0.13 sec) = 0.26 sec. The 4-frame GIF made in this way is shown below.

Original GIF modified to have 4 frames (at 0.13 sec display time per frame), http://i1196.photobu...imeperframe.gif

Posted Image

This image corresponds to the image in the userbar shown above.

Posted Image

---------------------------------------------------------------------------------------------------------
Some Homer Simpson quotes:
"Trying is the first step towards failure."
"Operator! Give me the number for 911!"
"English? Who needs that? I'm never going to England!"
“If at first you don't succeed, give up.”
“If something's hard to do, then it's not worth doing.”
"If something goes wrong, blame the guy who can't speak English."

---------------------------------------------------------------------------------------------------------

new_MSFN_static_signature.jpg

 

" What we achieve inwardly will change outer reality."  Plutarch

 

 

 


#372
jaclaz

jaclaz

    The Finder

  • Developer
  • 14,579 posts
  • Joined 23-July 04
  • OS:none specified
  • Country: Country Flag

Posted Image


Can I ask you a favour? :unsure:

Would you make a couple .gif's like the quoted one, one with:
http://www.imsdb.com...rrest-Gump.html

...and that's all I have to say about that.


and one with:
http://www.imdb.com/...t0114814/quotes

The greatest trick the Devil ever pulled was convincing the world he didn't exist. And like that, poof. He's gone.


jaclaz

#373
larryb123456

larryb123456

    Confused but Happy

  • Member
  • PipPipPipPipPip
  • 762 posts
  • Joined 10-August 10
  • OS:Windows 7 x86
  • Country: Country Flag

Donator

@ jaclaz:

Yes, I'll be happy to fulfill your request(s). I can start on the GIFs in a couple of days.
(I have some other things I'm working on that I need to finish first, else I'll forget where I'm at.)

I have a question about the layout of the Devil text.

Rather than having a long line of text as you show in your quote, do you think it might be more effective to have a more compact layout something like this (easier for the viewer to take in at one glance):

The greatest trick the Devil ever pulled
was convincing the world he didn't exist.
And like that, poof. He's gone.

Also, I think the (vertical) distance between the lines of text in the Posts is too large. Type (i.e., copy and paste) the 3 lines of the Devil text into the MSFN text editor and "Preview Post" to see a better (IMO), more compact, layout. Before I start on the GIF, I'll make a JPEG of the exact layout for your approval. Better to get the bugs out at this point than to have to redo the GIF.

Edited by larryb123456, 21 October 2012 - 03:10 PM.

new_MSFN_static_signature.jpg

 

" What we achieve inwardly will change outer reality."  Plutarch

 

 

 


#374
larryb123456

larryb123456

    Confused but Happy

  • Member
  • PipPipPipPipPip
  • 762 posts
  • Joined 10-August 10
  • OS:Windows 7 x86
  • Country: Country Flag

Donator

@ jaclaz:

I went ahead and made a layout for the Devil text, and I think it worked out well. I corrected the spacing errors between some of the letters and "finagled" a bit to get everything balanced.

In the JPEG below, the background is the color of the MSFN page, so everything blends in. If you want to use the animated GIFs on some of your other forums, I'll need the links so I can get their background colors too. Thus, we'll have a different GIF for each of your different-colored-background forums. This is because animated GIFs do not support partial transparency, which is present when I make the disappearing text with the series of decreasing opacities of the letters. Of course the partial transparency disappears when I merge the partially transparent letters with a background color (as in my disappearing "And that's all there was to it !!!") but you can't have partially transparent letters on a transparent background in an animated GIF. Each pixel has to be either totally transparent (i.e., invisible) or totally opaque.

Well, enough of the mumbo jumbo. Here's my layout. Please let me know if it's OK with you. If it is, I'll go ahead and start on the GIFs. Thanks.

http://i1196.photobu...6/DevilText.jpg

Posted Image

Edited by larryb123456, 24 October 2012 - 04:06 PM.

new_MSFN_static_signature.jpg

 

" What we achieve inwardly will change outer reality."  Plutarch

 

 

 


#375
larryb123456

larryb123456

    Confused but Happy

  • Member
  • PipPipPipPipPip
  • 762 posts
  • Joined 10-August 10
  • OS:Windows 7 x86
  • Country: Country Flag

Donator

@ jaclaz:

This is really a continuation of the last Post concerning the GIF problems associated with making text disappear via a sequence of decreasing opacities.

I can make a transparent GIF that you can use on *any of your forums* by 2 ways, and I think they'll be about as interesting to the average viewer as the fading-out disappearing text. That way you won't have to have a different GIF for each different-colored-background forum.

Way # 1: After the Devil text has been seen for a given time, just make it disappear in 1 step (i.e., from 100% opacity to 0% opacity). I've done this a number of times, and it looks OK.

Way # 2: After the Devil text has been seen for a given time, just make it disappear in a *very, very fast* letter-by-letter reverse disappearing scenario like this:

frame 1: jaclaz !!!
frame 2 : jaclaz !!
frame 3 : jaclaz !
frame 4 : jaclaz
frame 5 : jacla
frame 6 : jacl
frame 7 : jac
frame 8 : ja
frame 9 : j
frames 10 -- x : just the background will be seen for a certain number of frames, and then "jaclaz !!!" will type in one letter at a time at the regular speed (i.e., letter frames 9, 8, 7, 6, 5, 4, 3, 2, 1). After it's typed in, it will stay visible for a certain number of frames and then it will disappear by the above *very, very fast* letter-by-letter reverse disappearing scenario. And the GIF loops on and on like this to eternity.

Edited by larryb123456, 24 October 2012 - 07:44 AM.

new_MSFN_static_signature.jpg

 

" What we achieve inwardly will change outer reality."  Plutarch

 

 

 





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users