Announcement Announcement Module
Collapse
No announcement yet.
Design problem with the 'shiny floor effect' and character tails Page Title Module
Move Remove Collapse
Search Search Module
Collapse

Advertisement Advertisement Module
Collapse

Featured Images Featured Images Module
Collapse

Mediabistro Creative Sites Mediabistro Creative Sites Module
Collapse
Latest Topics Latest Topics Module
Collapse

  • Novauri
    Reply to [Hiring] Web, Print, and Video Graphic Designer for Bitcoin Service
    Novauri
    This position has been filled. Thank you for your interest in Novauri!
    Yesterday, 11:46 PM
  • Lust3rX
    Adobe Illustrator SVG Transparency/Knockout Problem
    Lust3rX
    Hey guys, I'm 16 years old and I'm a junior designer at a company called Timewyse.
    I'm currently working on some icons for professions and I need to convert everything to .svg format.
    I have...
    Yesterday, 10:28 PM
  • <b>
    Reply to Creative Suite and upgrading
    <b>
    It's in Adobe's interests to ensure that their new software will open files from older versions. If their new software didn't do this, it would be a disincentive for people to upgrade since it would mean...
    Yesterday, 10:10 PM
  • Cosmo
    Reply to Creative Suite and upgrading
    Cosmo
    We get files from all versions in all the time. Got an Illustrator 8 file the other day. Never had a problem updating them to CS6.
    Yesterday, 08:52 PM
  • salsa
    Reply to Creative Suite and upgrading
    salsa
    I upgraded from CS2 to CS6 a year ago and haven't had any problems. I mostly use ID and AI though, so I can't speak to PS.

    Are you staying on the same computer? Getting a new one? That might...
    Yesterday, 08:49 PM
Advertisement Advertisement Module
Collapse

Sponsors Sponsors Module
Collapse

X
Conversation Detail Module
Collapse
  • Filter
  • Time
  • Show
Clear All
new posts

  • Design problem with the 'shiny floor effect' and character tails

    I have a title on a site I'm working on, and to make it a bit more visually appealing I've been experimenting with the 'shiny floor effect', essentially just a faint reflection below it. My problem is, I can't get the reflection for the lowercase 'g' to look right.

    If I put the reflection right up against the bottom of the text, I like how it looks all except for the g. If I line it up with the g, the rest of it doesn't look right. (see image below).

    Any suggestions? (other than just making it all uppercase). Alternative but similar text effects would be welcome too.

    any help is much appreciated.



  • #2
    Raise the g so that it's descender 'hits' the floor?

    If you want to add a 3D perspective effect, you can't just arbitrarily change the rules.

    Comment


    • #3
      mask out the top part of the G in the reflection, and butt all the rest of it up against the baseline. Also, for an even better effect, add a bit of perspective to it to really give the floor feeling.
      ‘Our great industrial nation is controlled by its system of credit. Our system of credit is privately controlled. We have come to be one of the worst ruled, one of the most completely controlled and dominated governments in the civilized world. No government by free opinion, no longer a government by conviction and the vote of the majority, but a government by the opinion and duress of small groups of men.’ - Woodrow Wilson

      Comment


      • #4
        What about just making the "g" uppercase?

        Comment


        • #5
          Originally posted by Broacher
          Raise the g so that it's descender 'hits' the floor?

          If you want to add a 3D perspective effect, you can't just arbitrarily change the rules.
          LOL!

          Just change the gravitational constant of the Universe!

          ^My favorite Star Trek line...

          Does anyone else think this particular "web 2.0" effect is a little uh...overused? I don't know as it adds more interest.
          Last edited by PrintDriver; 05-24-2007, 10:38 PM.

          Comment


          • #6
            Thanks for the suggestions, that definitely helped me get it looking better. The perspective tip helped too.

            I'm quite conscious of the fact that it's become a bit of a cliche 'web 2.0' effect, it just seems to work quite well in the context I'm using it in. The homepage has a title banner, a large area of white space with just this line of text in it, and then two buttons further down which link to the two 'subsites'. All the other effects I've experimented with just don't look as nice as this one in my eyes. Of course the effects I'm familiar with only represent a tiny fraction of what's possible, so if there's any other neat tricks to making a single line of black text on a white background more interesting, I'd appreciate any suggestions. I'm all for using something more original.

            Comment


            • #7
              Being original is part of your job description. If someone else tells you what to do it wouldn't be original.

              Comment


              • #8
                heh, true. I think I'll start over on this one anyway, looking at it a day later, I don't like how it's turning out.

                Comment

                 
                home | site map | advertising/sponsorships | about us | careers | contact us | help courses | browse jobs | freelancers | events | forums | content | member benefits | reprints & permissions about | terms of use | privacy policy | Copyright © 2014 Mediabistro Inc. Mediabistro Inc. call (212) 389-2000 or email us
                Working...
                X