[TUTORIAL] How To Make Mock Badges

Discussion in 'Aeriverse Awards' started by Jinni, Dec 13, 2016.

  1. Jinni

    Jinni Awards Coordinator
    Awards Coordinator

    Posts:
    595
    Likes Received:
    699
    Chogi₩ons:
    317,208
    Lotto Coins:
    0
    Xiumin's Signature
    #1 Jinni, Dec 13, 2016
    Last edited: Dec 14, 2016
    PicMonkey tutorial is in the second post!

    -----

    PHOTOSHOP TUTORIAL:
    Mock Badges
    Made by aesthete (aka the cooler graphics coordinator)

    1. Open up a Photoshop canvas by going to File > New... using these dimensions
    [​IMG]

    2. Click on the rounded rectangle tool on the sidebar making sure it has no stroke
    [​IMG]

    3. Create a Rounded Rectangle with the dimensions 100x100
    [​IMG]

    4. Center it by making two of the rectangle's sides flush with the canvas (I mistyped lol my bad)
    [​IMG]

    5. Paste your image onto the canvas
    [​IMG]

    6. On the right, right-click on the image and click Create Clipping Mask
    [​IMG]

    7. Resize as needed
    [​IMG]

    8. Save as a PNG
    [​IMG]
     
  2. Jinni

    Jinni Awards Coordinator
    Awards Coordinator

    Posts:
    595
    Likes Received:
    699
    Chogi₩ons:
    317,208
    Lotto Coins:
    0
    Xiumin's Signature
    #2 Jinni, Dec 13, 2016
    Last edited: Dec 14, 2016
    [​IMG]
    1. Go to PicMonkey and scroll over Edit, then pick from where you wanna import the picture you will be using and then select it.
    [​IMG]

    2. Once you are on the edit screen, click on Crop and make sure that the proportions are set on Square, then move the cropping area to be on the part you wanna use and move the dots to make the part you want smaller or bigger, also to center the image. Click Apply.​

    {Spoiler}
    [​IMG]
    [​IMG]

    3. Then, click on resize and set it to 100x100. [Before this step, you can always click on Sharpen (just above of resize) and sharpen the picture if needed]. Hit Apply.​

    [​IMG]

    4. Go to Frames and click on Rounded Corners. Set the Corner Radius to 20 and select Transparent Corners. Hit Apply when ready.
    [​IMG]

    5. And you are done, now click on Save and save it on PNG (which should come on default since we already made the BG transparent).​


    [​IMG]
    Tutorial made by Rousie
     
  3. artificial-lover

    artificial-lover Casual Fan

    Posts:
    70
    Likes Received:
    98
    Occupation:
    student
    Location:
    Chicago
    Chogi₩ons:
    15,200
    Lotto Coins:
    0
    thank you^^ /xiuxiu
     
  4. baekagain

    baekagain Dedicated Fan

    Posts:
    157
    Likes Received:
    234
    Location:
    Sweden
    Chogi₩ons:
    37,800
    Lotto Coins:
    0
    can i ask what a mock badge is?
    never been part of any forum-sites so i'm quite lost... just wandering around here... trying to figure out how to use this site
     
  5. Jinni

    Jinni Awards Coordinator
    Awards Coordinator

    Posts:
    595
    Likes Received:
    699
    Chogi₩ons:
    317,208
    Lotto Coins:
    0
    Xiumin's Signature
    Hello! We don't have badges uploaded to our site yet, but we will soon. They will be small images that you can request when you reach certain post counts like 100, 200 etc. They will appear below your miniprofile when ever you post!

    A mock badge is a suggestion for a badge that we might upload - a mock of a badge that we'll upload to the system.

    This is just an example from the first Aeriverse forum that was up for few weeks while we were working on this one. They will not obviously be displayed the same, but the principle is similar.

    [​IMG]
     
    YeyeWalkways likes this.
  6. baekagain

    baekagain Dedicated Fan

    Posts:
    157
    Likes Received:
    234
    Location:
    Sweden
    Chogi₩ons:
    37,800
    Lotto Coins:
    0
    ooohh okayy i think i kind of get it now lol
    thank you~
     
  7. Bella

    Bella
    Graphics Coordinator

    Posts:
    1,067
    Likes Received:
    16,729
    Chogi₩ons:
    107,371
    Lotto Coins:
    0
    Sing For YouCurtain (Suho x Song Young Joo)EX'ACT (Chinese Ver.)Lotto (Chinese Ver.)
    ''Made by aesthete (aka the cooler graphics coordinator)''

    Tea
    [​IMG]
     
    LuScilla, Sasha and V.A.L like this.

Share This Page