1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Is this signature clean?

Discussion in 'Media Discussion' started by Cake, Aug 10, 2015.

  1. Cake

    Cake Leader of the Mafia

    Feb 18, 2015
    Likes Received:
    I spent about two months working on this. Two months being that I played
    games rather than actually put it together. In the long run, I ended up making
    small changes as each day passed on. Well, minor changes that lead to
    a lot of second guessing. Frustration. Y'know...the works.


    Such a struggle.

    Anyway here it is.


    Tell me what you think. I feel like it's my personal best. I love messing with
    renders. This particular render is from Final Fantasy. I think. I forget.

    Hope you all like it.

    Also. My new slogan is "IT'S NOT WHAT YOU THINK". Actually there's a poem
    on that. We'll get to it later though.

    | Background mishaps |
    All right, for Art enthusiasts only, as this information is rather useless to those
    who don't really care much for the specifics...

    The original background for this piece was a transparent black box which I believe
    was around the size of 600x250 as a base template of about 45%. The reason why
    the final edit has a solid blue tint instead is due to the transparency getting disrupted
    by the Infinite Heights background color: White.

    To say it in smaller, basic terms, the white background on the page didn't fair well with
    the transparent background on the signature. If you mix white behind a 45% transparent
    black background, you'll get a very brightened gray color. So my original idea was canceled
    out due to this situation. But, rather than scrapping the whole idea I messed with darker shaded
    blues (which the whole piece revolves around) to a new background color that didn't take too
    much away from the original idea.

    So rather than manually trying to get a color that would suit the whole signature while fighting
    off the white colors on the website page I decided to just use a darkened preset using HTML
    colors or Hex Codes.

    Blue HTML Code: 0074da
    H: 208
    S: 100
    V: 86
    R: 0
    G: 116
    B: 218

    Then filtered it.

    | The render and lines |
    As I said above the render (render = picture) used in this signature is from Final Fantasy. I
    chose her because of her pose. She's reaching out for something (you'll see that a lot in FF).

    So in this piece, I wanted her to reach out to you guys. My new Minecraft username is now
    EmbraceCake so I wanted the render to reach out to you guys so that you would be able to
    EmbraceCake as well.

    An easy trick that anyone can do and doesn't require much manipulation knowledge is to
    have parts of the images go outside of your frame. As I said above, my frame started out
    as 600x250 which increased to 623x253 due to the girl's shirt to left and the 3D pixel bars
    at the bottom.

    Width: 623
    Height 253

    Frame: 600xWidth 250xHeight

    The problem I faced getting this to work was that I already layers that were finalized before
    even getting the girl into the picture. Rather than re-making everything from scratch I had
    to duplicate her (make a copy) and erase parts of her body from the clone so that the original
    wouldn't cover parts of the signature towards the borders.

    All I wanted was to have her robe go past the edge of the border without me putting the frame
    over her. So like cutting her excess robe parts and making her a bit static than dynamic.

    | The borders |
    Borders in any signature that you want to create are a must. It separates the website page colors
    from even touching your picture. To reference this in real life terms...

    Imagine having a poster of your favorite car. You're going to either pin it on the corners, use
    clear tape like Skotch, or roll pieces of tape on the non-sticky sides so it'd work a bit like glue
    without damaging your surfaces. It looks decent right? But what if it was framed. Nothing too
    dramatic like the Mona Lisa or paintings in general, but something solid and simple to your
    liking. It stands out and it's not just an ordinary poster on your wall.

    That's what borders can do in graphic design.

    Here's the catch. Most borders just outline the contents within. Picture drawing a smiley
    face on a piece of paper, then putting a rectangle around it, and coloring the contents within
    the rectangle without interfering the smiley face.

    That's the concept I'm trying to explain in words.

    But, that's just one kind of border. People do these creative frames that they either hand
    draw or forge themselves. I pixeled my border frame by pixel (about 250 mouse clicks).
    Then added clouds within each one. Changed the overall color of the clouds to 208 (blue).
    And filtered them.

    If you look closely. You can see the clouds in the top left. With the sky visible too.

    Another thing to note. Most signatures have the border go all around the contents. Usually
    that's the rule I abide by but in this piece I only wanted some areas to have the border line.

    It looks good if you randomize it. It makes your creativity/imagination a unique one.

    | The text |
    The font is called: Cocktail Shaker
    I did pay for it. It can be found/bought at: http://www.myfonts.com/fonts/sideshow/cocktail-shaker/

    You can probably find a free download somewhere. But I'm not into getting copyrighted for
    something small like commercial fonts. So $39 is a small price to pay for something I can use
    for a lifetime.

    "EmbraceCake" was thrown into white at 30% transparency. Cloned it. Second copy at 5%.

    | The background |
    Okay so behind the girl I have this abstract structure that wraps all around her. Using
    the ability to rotate things with ease I had it positioned to be diagonal from top left to bottom
    middle of the frame. It's a darker blue than the HTML I used or H: 208 but it still in the blue
    color tree. I just don't remember what I used. Filtered that.

    The overall background has this kind of spacial atmosphere. So I wanted to throw in anything
    that could keep it in that theme without taking too much from it at the same time. You know
    me. I love my lines and shapes. You'll see them in every signature. So there's not much to say
    about them here. Filtered them. Kept at H: 208 or 0074da HTML.


    If you guys remember my [Emerald] signature. I made a new one to represent Diamond
    without having the [Diamond] text in it. I just used the exact HTML notation use for the
    forum ranks.

    HTML: 27cece

    Filtered everything. White transparent border all around the frame.


    Containing my slogan using Sans Bold font at 20xPixels.
    Transparency: 30%.

    Simple stuff!​
    #1 Cake, Aug 10, 2015
    Last edited: Aug 10, 2015
    • Like Like x 1
  2. Giovanni

    Giovanni Guest

    Apr 24, 2015
    Likes Received:
    That looks amazing!
    I love how the sleeve(?) comes outside of the border
    • Agree Agree x 2
  3. SniperSpy10

    SniperSpy10 Player

    Aug 24, 2014
    Likes Received:
    on my screen it looks a bit dusty, ill hover it soon.
  • About Us

    InfiniteHeights is one of the longest standing survival servers to date. We've been consistently providing a fun-filled, survival experience with enhanced features to make your stay a magical one. You will not regret joining us!
  • Helpful Links

  • Server Store

    Our team works very hard to bring you a unique, survival Minecraft experience. Purchasing ranks, items, and more from our store allows us to bring more exciting content to you!

    Server Store