1. Join Texturing Contest #30 now in a legendary battle of mythological creatures!
    Dismiss Notice
  2. The Aftermath has been revealed for the 19th Terraining Contest! Be sure to check out the Results and see what came out of it.
    Dismiss Notice
  3. Melee Mapping Contest #3 - Results are out! Congratulate the winners and check plenty of new 4v4 melee maps designed for this competition!
    Dismiss Notice
  4. The winners of our cinematic soundtrack competition have been decided! Step by the Music Contest #11 - Results to check the entries and congratulate the winners!
    Dismiss Notice
  5. Check out the Staff job openings thread.
    Dismiss Notice

How to Add a Screenshot to your Map Description

Discussion in 'Miscellaneous Tutorials' started by Legal_Ease, Sep 15, 2013.

  1. Legal_Ease

    Legal_Ease

    Joined:
    Feb 8, 2013
    Messages:
    1,455
    Resources:
    28
    Icons:
    11
    Packs:
    1
    Skins:
    2
    Maps:
    10
    Template:
    1
    Tutorials:
    3
    Resources:
    28
    By Legal_Ease:

    [​IMG]

    1. Open the map. This works in game [​IMG] or in world editor [​IMG] so you can do it either way.

    2. Find angles you like. (in world editor you can scroll way out and then press 'cntrl' [​IMG] and then keep scrolling - this will roll back the shadow and let you view the entire map from a distance. This looks really nice and shows the full map in more detail. You can also use the "View Whole Map" tool on the toolbar under 'advanced' to get a 90 degree top down view of the whole map, this looks good too.
    Full Terrain View
    [​IMG]

    3. Press 'Control' [​IMG] & [​IMG] 'Print Screen' at the same time. This will save a screenshot to your clipboard.

    Can't find the keys? clicky click ->
    [​IMG]

    4. Open Paint. [​IMG] This program comes standard with windows.

    5. Click paste. [​IMG] or press control[​IMG] & [​IMG]"V" at the same time. Now you should have a screenshot in Paint. If its a World Editor screenshot, crop the edges to remove the white user interface.

    6. [​IMG] Save file as a .jpg or .png. Then go to your HiveWorkshop photo album and[​IMG] add album and create an album. Then click [​IMG] and select the image file you just saved.

    7. Then get the image URL by viewing the picture in you web browser and right-click on it. Now in the drop-down menu choose Copy Image Address (sometimes called copy image URL). Then click [​IMG] (its in the top-left corner of your map page). Go to your description and add these BBcode tags before and after the image URL. [img] Image URL Here .jpg [/img]
    Image of Right-Click Drop-Down Menu
    [​IMG]
    This will copy the image URL to your clip board and the you can paste it between the BBcode tags.

    [SIZE="3"]8.[/SIZE] Save [IMG]http://www.hiveworkshop.com/forums/attachment.php?attachmentid=150933&stc=1&d=1449605650 the description and view your new screenshot! Also consider using
    hidden tags
    [hidden=hidden tags] [img] http//:www.Screenshot=here.jpg [/img] [/hidden]

    9. Finally, make sure it looks good. Sometimes you will need to re-size the image so it doesn't take up more than a full screen once opened online. Also, you can wrap [stable]Tags[/stable] around the hidden image to make it more compact. This looks the nicest.

    Then you should have something nice like this:
    Final Product
    [​IMG]


    Now you have great screenshots and you know how to add them to your description. Next you will want to check out these links to learn how to make your description even better:

    BBCode Key
    GIF Maker Online
    Describing Yur Melee Map
     

    Attached Files:

    Last edited: Dec 17, 2015
  2. Rheiko

    Rheiko

    Joined:
    Aug 27, 2013
    Messages:
    2,942
    Resources:
    7
    Icons:
    2
    Spells:
    3
    Tutorials:
    2
    Resources:
    7
    you can use this
    Code (Text):
    [noparse][noparse][/noparse][/noparse]
    like this:
    Code (Text):
    [noparse][img]Image URL Here.jpg[/img][/noparse]
    so people won't confused, that there is no space between img bb code and link
    anyway, nice tutorial
    really useful
     
  3. Daffa the Mage

    Daffa the Mage

    Map Moderator

    Joined:
    Jan 30, 2013
    Messages:
    7,475
    Resources:
    26
    Packs:
    1
    Maps:
    8
    Spells:
    16
    Tutorials:
    1
    Resources:
    26
    pretty useful, especially for Map Reviewers to deal with no screenshot maps.
    Also for those who are new to Hive, where they don't know how to upload screenshots.
     
  4. PurgeandFire

    PurgeandFire

    Code Moderator

    Joined:
    Nov 11, 2006
    Messages:
    7,419
    Resources:
    18
    Icons:
    1
    Spells:
    4
    Tutorials:
    9
    JASS:
    4
    Resources:
    18
    It is nice.

    However, the images must be attached to the hive (if you rely on other websites, then they may be removed without your knowing). Also, I think you should use a tamer color for the title (green is pretty bright).

    Other than that, it is fine.
     
  5. Legal_Ease

    Legal_Ease

    Joined:
    Feb 8, 2013
    Messages:
    1,455
    Resources:
    28
    Icons:
    11
    Packs:
    1
    Skins:
    2
    Maps:
    10
    Template:
    1
    Tutorials:
    3
    Resources:
    28
    [edit] Title color changed.
    I know the rule about the links. When I made this it was for myself to post to a map that had no screenshots and the user said he didn't know how to make them. Then I used it again for another map, same deal. Then I kept seeing the problem and kept posting it. Then Daffa told me to add it to tutorials. I don't know if I want to download every image and load it to my hive album. To remedy the problem I made sure to use the word in text along side the image so if the link goes dead, the tutorial will still be readable. Maybe that's not good enough but I won't have time to download every image. I could just remove them, but I think they are kinda fun. The important images are from my photobucket or hive album. Ideas?
     
  6. Mythic

    Mythic

    Joined:
    Apr 24, 2012
    Messages:
    7,521
    Resources:
    45
    Models:
    32
    Icons:
    2
    Maps:
    3
    Spells:
    6
    Tutorials:
    2
    Resources:
    45
    Very nice tutorial.
     
  7. jakeZinc

    jakeZinc

    Joined:
    Aug 13, 2013
    Messages:
    1,366
    Resources:
    20
    Spells:
    20
    Resources:
    20
    You can use Advanced --> View Entire Map. For the Whole Map View. Anyway Nice tutorial tho so if there is any problem in the Map Section like " How to post screenshots?? " So I'll link this and I'll attach this tutorial in my signature ;). +Rep for nice tutorial ^^.
     
  8. Hell_Master

    Hell_Master

    Joined:
    Nov 29, 2012
    Messages:
    5,515
    Resources:
    4
    Maps:
    3
    Template:
    1
    Resources:
    4
    Pretty useful tutorial from you. It is perfectly made and doesnt make the readers confuse because it exactly explains what to do and supported with Screenshot to make it specific. Useful tutorial and should be Approved!

    +4 REP
     
  9. Legal_Ease

    Legal_Ease

    Joined:
    Feb 8, 2013
    Messages:
    1,455
    Resources:
    28
    Icons:
    11
    Packs:
    1
    Skins:
    2
    Maps:
    10
    Template:
    1
    Tutorials:
    3
    Resources:
    28
    Good catch with the "View Whole Map" I am adding it. And thanks for adding it to your signature, that's a huge compliment!
     
  10. Chaosy

    Chaosy

    Joined:
    Jun 9, 2011
    Messages:
    10,522
    Resources:
    17
    Maps:
    1
    Spells:
    10
    Tutorials:
    6
    Resources:
    17
    very nice looking tutorial. However doesnt everyone know how to do this? :O
     
  11. Daffa the Mage

    Daffa the Mage

    Map Moderator

    Joined:
    Jan 30, 2013
    Messages:
    7,475
    Resources:
    26
    Packs:
    1
    Maps:
    8
    Spells:
    16
    Tutorials:
    1
    Resources:
    26
    Many people don't, try to visit Map Section frequently and see why.
     
  12. PurgeandFire

    PurgeandFire

    Code Moderator

    Joined:
    Nov 11, 2006
    Messages:
    7,419
    Resources:
    18
    Icons:
    1
    Spells:
    4
    Tutorials:
    9
    JASS:
    4
    Resources:
    18
    They should be attached to the hive in some way (whether it is attached to the post, added to an album, etc.). As long as it is from the hive in some way, it is fine.

    I suppose it is okay for some of them to be supplemented with text rather than being attached, and it does seem a bit silly to keep this as pending until the images are attached, but keep in mind that there are a lot of old tutorials that simply show the "image not found" icon, effectively ruining the tutorial. The images are kinda fun, and it is best to ensure that they will still be there in the years to come. :)

    If you don't have time, I might attach it myself (not for a while though). I'd just rather have them attached to the hive. For the keyboard ones, I'll let it slide. But perhaps attach this:
    http://www.thoughtshots.com/wp-content/uploads/2011/05/0511TumblrReblog06.jpg
    And attach your photobucket ones if you can. I'll approve it after that.
     
  13. Legal_Ease

    Legal_Ease

    Joined:
    Feb 8, 2013
    Messages:
    1,455
    Resources:
    28
    Icons:
    11
    Packs:
    1
    Skins:
    2
    Maps:
    10
    Template:
    1
    Tutorials:
    3
    Resources:
    28
    Ok, I'll clean it up. It seems that a lot of people are using it, so its worth it for me to take the time.
     
  14. IamFootman061

    IamFootman061

    Joined:
    Dec 26, 2013
    Messages:
    195
    Resources:
    1
    Maps:
    1
    Resources:
    1
    This is useful so I share this to everyone :)
     
  15. PurgeandFire

    PurgeandFire

    Code Moderator

    Joined:
    Nov 11, 2006
    Messages:
    7,419
    Resources:
    18
    Icons:
    1
    Spells:
    4
    Tutorials:
    9
    JASS:
    4
    Resources:
    18
    I suppose I'll make an exception since the images aren't necessary for the tutorial, and since this has gotten a decent number of views and has potential for a lot of linkbacks. I'd still really like if you could attach the images to the hive. :3 Approved.

    EDIT: Removed the line that said "Mac has a similar photo program as well", because taking a screenshot on a mac is slightly different (there is no prnt scrn button, they use a different keyboard shortcut [with tons of awesome options]).
     
  16. Uchiha Sasuke.

    Uchiha Sasuke.

    Joined:
    Jun 11, 2014
    Messages:
    11
    Resources:
    0
    Resources:
    0
    Thanks, useful tutorial. Although when I put the screenshots in my campaign description, it is displayed as small pictures. Does someone know how to make them bigger?
     
  17. Chaosy

    Chaosy

    Joined:
    Jun 9, 2011
    Messages:
    10,522
    Resources:
    17
    Maps:
    1
    Spells:
    10
    Tutorials:
    6
    Resources:
    17
    odd. [ IMG ] image link[ /IMG ] always show full size.
     
  18. Eldin Gunslinger

    Eldin Gunslinger

    Joined:
    Jan 18, 2015
    Messages:
    20
    Resources:
    0
    Resources:
    0
    Need Help here

    I tried that already but it only appear's the url not the image.Please Help me,Thank you.:vw_wtf::vw_wtf::vw_wtf:
     
  19. Eldin Gunslinger

    Eldin Gunslinger

    Joined:
    Jan 18, 2015
    Messages:
    20
    Resources:
    0
    Resources:
    0
    Need Help here

    I tried that already but it only appear's the url not the image.Please Help me,Thank you.:vw_wtf::vw_wtf::vw_wtf::vw_wtf::vw_wtf:
     
  20. sluk

    sluk

    Joined:
    Feb 27, 2016
    Messages:
    614
    Resources:
    0
    Resources:
    0
    now with the new hive where can i make an album?