New 3D Logo For Super Mario HTML5 ('Infinite Mario in HTML5 JavaScript') by Aymenz

in #utopian-io • 6 years ago (edited)

Hey My Friends !
When I played the game of childhood the very famous Super Mario produced by Nintendo came to me the idea of designing a new 3D logo of my ideas of this open source game that was designed in languages
HTML5 ,CSS3 and JavaScript , I have seen many of different types of logos and different ideas and today I want to show you my idea if you like it just upvote to encourage me to do more and more for you ..
This is the logo :

When you see the logo, you will feel a strange feeling. What you want to clarify within this slogan, yes maybe not harmonious enough, but I will explain to you all the steps to clarify more and understand the logo more..
Firstly I choose the 3D for the logo became more beautiful and no more

Then the letter 'M' which means Mario the first letter and the cap above it to clarify that this M is for Mario , the letter ' a ' I have designed or built cubes such as cubes in the game in the same color and formatting to become a character ' a ' from here I took the idea :

Image Source
As you see the cubes ..

Here I put the letter 'i' in the shape of the green cylinder that enters Mario, but the higher point of this character, I put it like the other cube that contains a gift for Mario ..

Image Source

Finally I added two icons, the flower that is a gift to Mario and the cap to be more beautiful.
The final thing is the letter 'O' to complete the 'Mario' word I took the idea from Mario's nose :p

Image Source
This is the final idea :

I uploaded the PSD file on Google Drive
Link Download

What do you think of this contribution? Do you see creativity or something normal? am waiting for your answer ..
This is my idea for today if you have any question or any thing to just keep a comment to communicate ..
Thank you for your reading if you like my contribution and my work just upvote and follow me to get more contributions , by @aymenz


Posted on Utopian.io - Rewarding Open Source Contributors

#graphics #design #art #gaming
6 years ago in #utopian-io by
$32.41
  • Past Payouts $32.41, 0.00 TRX
  • - Author $23.74, 0.00 TRX
  • - Curators $8.67, 0.00 TRX
16 votes
Reply 8
Sort:  
  • Trending
    • [-]
     6 years ago 

    Your contribution cannot be approved yet, because it has a distracting banner or other irrelevant large image. See the Utopian Rules. Please edit your post to exclude any banners, at this link, as shown below:

    Please make sure to remove the banner and the links to your other contributions as this is not a regular blog post but a formal open source contribution.

    You can contact us on Discord.
    [utopian-moderator]

    $0.03
    • Past Payouts $0.03, 0.00 TRX
    • - Author $0.02, 0.00 TRX
    • - Curators $0.01, 0.00 TRX
    1 vote
    Reply
    [-]
     6 years ago 

    I have deleted the external links and I have reduced the size of the images. it's correct contribution now ?

    $0.00
      Reply
      [-]
       6 years ago 

      Thank you for the contribution. It has been approved.

      You can contact us on Discord.
      [utopian-moderator]

      $0.00
        Reply
        [-]
         6 years ago 

        Dear Steemit users i share the edit the pic in in the adobe and the you also make and edit the all 3D pic.As the posted instructions are very confusing, let me elaborate a little bit on how to get such effect.
        First create the background, whatever size you wish and create the text(you need to download the font)

        1. click on the text layer and select "new 3d extrusion from..."
        2. click on background and select "postcard"
          3.select both layers by holding down controlling and clicking on both then press "ctrl + e" That will merge the layers.
        3. Now you need to duplicate the layer (ctrl+d won't work for you since it defaults to "deselect" instead of "delete", the guy has custom shortcuts)...ctrl+j will do the job or you can right click on the layer and simply select duplicate layer.
        4. Now click on the 3d tab and you will find something like "AC_Layer" it depends on what your text is...then click on that and it will expand. Now click on "your_text Front Inflation Material" and go to the top and choose your shade.
        5. Next click on "your_text Extrusion material" and do the same thing choosing the shade and also you can change the shine, reflection, roughness...etc
        6. now delete the original layer you created and you will be left with the copied one. Now, click render and wait until it finishes...
        7. click on the layer and select "rasterize 3d"
        8. create a new layer
        9. select the layer with the text and on the left side there is a "Magic wand tool" it is buried inside "Quick selection tool" so you need to press hold on quick selection tool and select the magic wand tool..Now select each of the text blocks by holding down shift and selecting..if you mess up simply press ctrl+d and start over.
        10. Next press "ctrl+c" to copy the selection
        11. Now click on the empty layer
        12. This is the tricky part, he was doing "alt+backspace" or "ctrl+backspace" They are for background/foreground fill shortcuts.. if you are okay with the shortcuts, then use them otherwise go to edit and fill now choose 50% gray or color and pick whatever you want...finally press ok and now you will see the text will be filled with this new color.
        13. Next, control click inside the rectangle of the new layer and head to select->modify->contract and put 5 or whatever you need.
        14. Now press ctrl+shift+i for inverse selection
        15. Hit the delete button
          17.control + d to deselect
        16. head to color balance and play with color until you get the results you want.
        17. You are done!
        18. Do another one!!!

        I hope this will help those of you, who are struggling with the shortcuts.

        $0.03
        • Past Payouts $0.03, 0.00 TRX
        • - Author $0.02, 0.00 TRX
        • - Curators $0.01, 0.00 TRX
        1 vote
        Reply
        [-]
         6 years ago 

        Congratulations! This post has been awarded a 100% upvote by @lottobot! This post was selected from among all recent posts as the winner of lottery #785, which had no valid entrants. You can win again by entering in @lottobot's regular lottery! To nominate a post for the regular lottery, just send 0.1 SBD or STEEM to @lottobot, and include the url of the post you would like to nominate as a memo. Learn more by reading the introductory post! Good luck!

        [-]
         6 years ago 

        Hey @aymenz I am @utopian-io. I have just upvoted you!

        Achievements

        • Seems like you contribute quite often. AMAZING!

        Community-Driven Witness!

        I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

        mooncryption-utopian-witness-gif

        Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x

        $0.00
          Reply

          Coin Marketplace

          STEEM 0.30
          TRX 0.12
          JST 0.034
          BTC 63799.64
          ETH 3130.40
          USDT 1.00
          SBD 3.97