and
Hello, also, dencorso. (I'm *glad* you're following the development of the "Old Man" avatar, and your commentary is appreciated.)
dencorso, I played with the shape of the bottom of the beard -- in *earlier* versions (but not in this version) -- and "felt then" that the ZZ Top look
http://www.youtube.com/watch?v=6EXXZVdUJ98worked best. But, to be honest, the flat shape also bugs me a bit, too. I'll go back and re-investigate in the image I've included in this Post.
Can you give me some image links to show me exactly what beard shape you're talking about? I'll also try to find some beard pictures myself. The shape of the bottom of the beard is an "important graphical element", so we want to get it right.
First, as a "heads-up":
I include a discussion for images # S-1 and # S-2, at the bottom of this Post, which leads me to conclude that:
It would be better to use a transparent GIF which *doesn't* have an outer outline.
The images in my last Post were *so preliminary*, that I was almost *embarrassed* to show them, but I knew that they would be *instructive*, so I posted them anyway.
I spent *much more time* on the image presented in this Post -- trying to reach a 95+ % level of perfection. (That's why I didn't post anything yesterday.)
I will next discuss the changes I made in the image presented in this Post.
Please refer to image # M-1 at the end of this Post for this discussion.
# 1: I enlarged the Old Man image so that it is now *as big as possible* (after all, he is the "focal point", and, it "graphically" looks better with him being this large). The Old Man, with outline, measures 80 px in the horizontal direction.
# 2: I redid the "binary sphere" so that it is now a *perfect* aliased circle. (In the images in my last Post, the outer edges became blurred, and the circle became distorted, when I reduced-to-size the original sphere.)
# 3: The main improvement to the image in this Post concerns the treatment of the mushroom. If the image is now to be considered a "success", it's because of the "new mushroom". I reduced the size of the overwhelmingly-ultra-large (IMO) mushroom in my last Post by 85%, so it is more of an actual representation, size-wise, of a mushroom compared to a man's face. I moved the mushroom so that the stem is now embedded in the center (approximately) of the man's beard. The main graphical problem that the new mushroom solves is that it is now contained *totally within* the image, and does not extend beyond the border of the beard and binary sphere -- as it did in my last Post (recall therein the *very awkward* outline-combo around the sphere, mushroom, and Old Man's beard). I eliminated the heavy outlines around the mushroom (save for a subtle outline around the stem, where it is against the light background of the beard). I have *always disliked* the "too bold outline" around the mushroom cap and stem. The mushroom cap can be clearly, and subtly, seen against the backdrop of the binary sphere and the Old Man's beard. It looks much better -- and more *natural* without all the outlining. The two brightly-colored regions on the left side of the mushroom cap draw the viewer's eye back toward the Old Man's face and the center of the picture -- a nice effect. The right side of the bottom of the mushroom cap shows up very well because of the contrast with the darker region of the sphere. The right side of the top of the mushroom cap shows up well because of the contrast with the numbers on the sphere. I love the way the right-side bottom of the mushroom cap *perfectly* follows the edge of the sphere there. The top of the mushroom cap "looks pointed" because it "happens" to be in front of the top of a dark number on the sphere. This needs to be *corrected* to remove the pointy look -- and I'll take care of it ! No problem.
These changes to the mushroom introduced an incredible softness and subtlety to the entire image, IMO. I am very proud of this "new" look.
# 4: To go with the softness and subtlety discussed in # 3, I brightened the outline around the bphlpt letters "a little" to make the letter/outline combo more compatible with the rest of the image. The combo is still able to be *clearly read* on any and all backgrounds.
# 5: I added a little greenish "tinge" around the top of the Old Man's head and around the outer edges of the beard (just where it shows up against the white background). I did this so that the gray outline around the image would not look as *dark* in these two regions.
# 6: I changed the outline around the entire image to a mid-value gray, instead of the bluish-gray used in my last Post. This has to do with the art concept of "complimentary colors". With the bluish-gray outline, on an orange background -- these are essentially compliments -- an undesirable visual effect will occur. (Same principle as with red vs. green, a more widely known example.) By using the "more neutral" gray color, we should minimize the undesirable outline/background effects.
I chose the outline-gray-color brightness to be *balanced* -- i.e., the outline shows up on a white background with about the same "intensity" as it does on a black background.
As for a discussion of the images presented at the bottom of this Post, I'll just include the commentary there along with the image links.
P.S.
@ bphlpt,
It's easy to reduce the brightness a little of the binary sphere -- which is on its own PS layer. That might be a good touch -- it should allow attention to be focused a "little more" on the Old Man's face and mushroom. (Please let me know if you want me to do this in my next version, to see how this change will look.) The Old Man's image must stay as it is, IMO.
---------------------------------------------------------------------------------------------------------
SECOND "SCOPING-OUT" VERSION OF "OLD MAN" TRANSPARENT GIF AVATAR -- (IN JPEG FORMAT) -- SHOWN ON A NUMBER OF DIFFERENT SOLID-COLOR BACKGROUNDS.
ALSO, ACTUAL TRANSPARENT GIFS (WITHOUT OUTER OUTLINE AND WITH OUTER OUTLINE) ARE GIVEN IN # T AND # U.
---------------------------------------------------------------------------------------------------------
# M-1: no outline on a white background, JPEG
http://postimage.org/image/2glyl4h0k/
All the features of this image have already been discussed.
# M-2: gray outline on a white background, JPEG
http://postimage.org/image/2g4z3a6qs/
The outline around the "ZZ Top" beard and the top of the head are very noticeable, but I like the way they are "compositionally balanced" -- i.e., showing up at the top and bottom of the (Old Man's head)/(ZZ Top beard) *diagonal*.
---------------------------------------------------------------------------------------------------------
# N-1: no outline on a black background, JPEG
http://postimage.org/image/2g5ixqco4/
# N-2: gray outline on a black background, JPEG
http://postimage.org/image/2g66397l0/
First, by comparing # M-2 with this image, we see that the gray outline shows up with *roughly* the same intensity in both. (I purposely made the outline in # M-2 a "little less" intense than in # N-2.)
I very much like the way the outline "electrifies" the back of the Old Man's head and hair leading down to the bphlpt letters (and beyond). This arrangement really makes the bphlpt stand out well in the lower left of the picture, and the bphlpt provides sort of an anchor for the picture.
---------------------------------------------------------------------------------------------------------
Images # O through # R show the image -- with a gray outline -- on 4 different-color backgrounds, just to show how the transparent GIF will appear on these backgrounds.
# O: gray outline on a red background, JPEG
http://postimage.org/image/2g6wjurhg/
---------------------------------------------------------------------------------------------------------
# P: gray outline on a blue background, JPEG
http://postimage.org/image/2g71igsys/
---------------------------------------------------------------------------------------------------------
# Q: gray outline on a purple background, JPEG
http://postimage.org/image/2g7yl7quc/
---------------------------------------------------------------------------------------------------------
# R: gray outline on a teal background, JPEG
http://postimage.org/image/2g8u0fc84/
---------------------------------------------------------------------------------------------------------
# S-1: no outline on a beard-color background, JPEG
http://postimage.org/image/2g8vnyopw/
# S-2: gray outline on a beard-color background, JPEG
http://postimage.org/image/2g93xnf6s/
These 2 images address the question: "Do we need an outline around the transparent GIF?"
To provide a "worst case scenario", I sampled the greenish color of the beard in # M-1 just down and to the right of the mushroom stem. I made the # S-1 and # S-2 JPEGs using this background color.
I much prefer the # S-1 image. Even though a lot of the greenish-gray of # S-1 is *lost* where it *totally blends in* with the background, we still get a soft image suggesting -- very well, IMO -- the presence of a beard.
Let's discuss other parts of the picture:
The outlined bphlpt will show up on *any background* -- guaranteed ! No need to worry about it further.
There are so many different colors near the edge of the Old Man's hair -- from the back of his head and down to the bphlpt (and beyond) -- that even if one of these colors disappeared into a similarly-colored background, the other colors would "fill in the gaps" and make the hair *highly readable* as hair.
Same situation for the many shades of light green at the top of the Old Man's head.
As for the binary sphere, it is *not* a single shade of blue. It is *heavily textured*. Also, there is a gradation of blues around the edge -- introduced by the PS lighting-effects filter. So, a few pixels of the sphere might disappear into a similarly-colored background, but all the other pixels will be there to "pick up the slack" and make the sphere indeed "read" as a sphere.
Based on the above discussion, I'd conclude that a better GIF would result if the gray outline were left off.
---------------------------------------------------------------------------------------------------------
# T: transparent GIF (with no outline)
http://postimage.org/image/2g9fieun8/
---------------------------------------------------------------------------------------------------------
# U: transparent GIF (with gray outline)
http://postimage.org/image/2g9xpbo2s/
---------------------------------------------------------------------------------------------------------
“When I'm working on a problem, I never think about beauty. I think only how to solve the problem. But when I have finished, if the solution is not beautiful, I know it is wrong."
Buckminster Fuller
---------------------------------------------------------------------------------------------------------
This post has been edited by larryb123456: 25 August 2011 - 05:35 PM



Help


Back to top











