Jump to content

FM14 Stories

Photo

How To Get Bigger Images And Insert Them Into Your Posts


  • Please log in to reply
13 replies to this topic

#1 Ana Garcia

Ana Garcia

    Icon

  • Members
  • PipPipPipPip
  • 1,497 posts

Posted 13 July 2013 - 01:21 PM

Hi there!

 

So I have had a few people ask me how I get my pictures so big in the posts and then how to insert them correctly and although there is already an excellent guide on inserting here EXAMPLE I thought I would show how I do it and maybe it will help those who are struggling.

 

Remember English isnt my first language and sometimes I cant say what I mean due to this so if anything does read a little wrong just let me know if its confusing!

 

So on to the step by step guide on how to get nice big clear images.

 

-------------------------

 

STEP 1 - I highly recommend downloading this program to help you PicPick as it does everything you need and in one program, you can just use paint as well I did for a long time but I found this so much faster and easier to use and free.

 

Step 2 - So now onto the taking, start your game and look at what you want to take a picture of I will use the squad selection of Barcelona as my example. Open PicPick (or what ever you choose) and press PRINT SCREEN on your keyboard this will take the image and it will look like this.

 

TutorialPic1_zps0309c86c.jpg

 

Now as you can see the image is very big and without clicking on it makes very hard for reading and seeing what is there, thats due to lots of wasted space which we just dont need so onto getting a nice clear image.

 

Step 3 -

 

TutorialPic2_zps43d2ce9a.jpg

 

Inside the red box we have various columns which show information, some of these are what we want people to see such as wages and value I mean we want to know how much Messi is valued or when Iniesta contracts expired but we dont need to know what squad number they are or if they are available for release as I can just say that in a sentence!

 

TutorialPic3_zps6cf30e80.jpg

 

Simply right click on these titles I selected No. as I really dont need this column at all so I press remove and it will take it out, this is really good as I can also add any extra columns which I want my reader to see and you can save them also meaning once its done you can just select it from views. :)

 

Step 4 -

 

  TutorialPic4_zps15ef683b.jpg

 

Now with those columns nice and tidy I can show what I want my reader to see and save some space however as you can see above the image is still huge and still hard to read (especially for us old people!) and the reason is this:

 

TutorialPic5_zpsf9af5e02.jpg

 

These very precise red squiggles! Is what I call wasted space as they add nothing to the image that I want my reader to see I mean they know I managing Barca, they know my name etc for me it looks very untidy as all I want is the squad to show you so lets get it!

 

Step 5 -

 

TutorialPic6_zps58a8aa34.jpg

 

Using PicPick we can select the image we would like by clicking the top left button and going down to the bar that say CAPTURE REGION this will bring up a scary looking thing but its simple you just click then drag what you want your reader to see.

 

TutorialPic71_zpsa11ed035.jpg

 

It wont be a red box I am just using this an as example to show you what I want to drag my box over, and to show my squad which is all I need as the other image with all the information is just not needed and is making our images huge and cluttered which isnt very good.

 

Step 6 -

 

TutorialPic7_zpsc6864053.jpg

 

With that all done we know have our much tidier and informative image of my squad however we still have the problem of the image being a little to big and a little untidy.

 

TutorialPic8_zps6df909ec.jpg

 

The precise red lines are back again (looks a little bit like a crocodiles mouth!) this for me is also wasted space and is making my image to big and hard to read, lets get rid of it also!

 

Step 7 -

 

TutorialPic9_zpsccbb7cea.jpg

 

PicPick again and along the top is these buttons along with some others but we only need the select button which again will allow us to draw a rectangle on what we need.

 

TutorialPic10_zps12d1abf9.jpg

 

Here I want to use the select box to to to trace the red rectangle I have show here and then following the arrow to put it down beside the names of my players.

 

You can use the lines to help you correctly line them up or be a free spirit like me and just drag it over without worrying to much if it lines up perfectly (close enough is fine!!) :)

 

TutorialPic11_zps899acbfe.jpg

 

You will be left with a big white area (again am using red to highlight) all you simply have to do now is re-size you image using the little boxes at the border of the images and you will end up with something like this:

 

TutorialPic12_zps50670dcc.jpg

 

A nice big clear image free from any unnecessary clutter that highlights exactly what I want my reader to see, now its easy to see how much Sergio Busquets earns or when Jordi Alba's contract expires.

 

This looks quite time consuming but after a few images it takes a matter of a few seconds to re-size your images and make them look nice and big and clear really making your story look very good. I like to then center my images and write text on the left side like I have done here but you can format yours any way you like, I know my way probably isnt the best!      

 

Getting Images Into Your Posts

 

Now we have our new clear image and we want to insert that into our post, how do we do it? Its actually very easy and quick if you follow my way but there are other option available as always!

 

Step 1 - Register for a Photobucket Account I have used it for years and honestly I like it, I havent tried any others but have never needed to as I found this one does what I need. You have a limit but the limit is thousands of images I had a 40 year story going once and still never got near the limit so dont worry about it the free version is more than enough space.

 

Step 2 -

 

TutorialPic14_zps530da387.jpg

 

Log in and you will see something like this with a different name I hope! What we want is to click upload which will take us to this screen below.

 

TutorialPic15_zps00d0640d.jpg

 

This is pretty easy to follow without my help! Just drag the file (or files) you want off your computer and into the big white box above depending on how many images it will take a s few seconds and your images will show up so just click one!

 

Step 3 -

 

TutorialPic17_zpsd6002c7b.jpg

 

Now on the right hand side of your image will be this boxes with links we can use to share our picture, getting them into our posts is super simple once we know how so here is how to do it!

 

In the red box we have the IMG code this allow us to copy this and paste it into our posts so the images automatically show like in this tutorial. If we use the others they will just use a link we have to click so we want to click the code in the purple box which will auto copy the whole thing for us!

 

Then log into the amazing forums and go to the bottom to add a reply or start a new topic if you want to start a story!

 

TutorialPic18_zpsa6d005da.jpg

 

We want to select MORE REPLY OPTIONS so click that button and open the big text editor when we can preview before we post and add lots of extra buttons and things which are normal to any word typing program thing (Technical or what!).....! :)

 

TutorialPic19_zps070c0e93.jpg

 

Paste the code from Photobucket in STEP 3 into the text area, ignore the red box!! This is not used for uploading images I made this mistake when I started this will cause people to have to download your images which can put people of reading it straight away.

 

Then hit preview and there you go a nice big clear image that you can use in your stories! You can also use the text align buttons like I have to center things or change the fonts to keep your story unique this is an excellent start with tips on what makes a good story.

 

EDIT : STEP 3.5 :

 

TutorialPicedit1_zps7676b1fa.jpg

 

The part and text before and after the IMG in brackets highlighted in red can be deleted at this point, this will allow your images to be shown when clicked in your story and not open to your Photobucket account allowing for an easier way to follow.

 

Final thing is to show what I just did which is how to add images that are in your text, this is great for showing lots of images but without posting every picture which can also put off readers as too many images can look too cluttered.

 

STEP 4 :

 

TutorialPic20_zps344486ed.jpg

 

Look for this scary looking button on your text editor but dont be scared of it its our friend! If you look back to Step 3 on getting images into posts you will see that above the IMG box are a few others for this we want the DIRECT code so click that one and your ready.

 

Then click the button in this step to bring this box up but before that we want to highlight where we want this to inserted:

 

Tutorial21_zps2d40b59f.jpg

 

A tutorial within a tutorial! As you can see I have typed a big HERE! Then I highlighted it and pressed the button in this step, first image. This brought up another box and in the URL box we copy the DIRECT code we took earlier then we press ok.

 

Not the IMG code that's for getting pictures to show automatically into our posts this is to get words that we can click to show images like a world cup winning team pic!

 

I have to thank our very own Darren for showing me how to do this without his help I would never have known, that's another big thing never be afraid to ask for help! No one can know everything and if I can help I will. :)

 

That's all there is to it! Its looks like the most complicated thing in the history of the world but it cant be as I can do it! I am the least technology person ever am more likely to break something that get it to work so if I can do it then believe you will be able to!

 

Its take time and patience but once you get the hang of it it becomes super quick so any questions just let me know and hopefully this explains to those who need it how at least I do it! :)

 

EDIT : How To Add A Border To Your Pictures

 

Hi! So just a quick update to my image guide as a few have asked me how to add a border to my pictures like in my story, is really easy so here is how to do it lets use Xavi as our example am sure he wont mind. ;)

 

XaviExpamplepic_zps8729d1d3.jpg

 

So as you can see the white background of the picture and the white background of the forum can sometimes make the images less clear and for those with vision problem can make you feel a little dizzy.

 

I like to break up by adding a border and with PicPick it really cant get any more easy so here is the border guide.

 

STEP 1

 

XaviExamplepic2_zps50882aa9.jpg

 

Well is in Spanish but is ok the words are not important, when you have finished re-sizing your picture and then you save ready to upload and add to post before you save press this button and a few options will show up.

 

STEP 2

 

MenuExamplepic3_zps238f0fc1.jpg

 

Borderboxexamplepic4_zpse6460cc2.jpg

 

Select frame from the menu and the second box will show, the box in red is the one we want if we tick the frame it adds this shadow effect but I dont like it so I un-select and just add border.

 

You can set the colour and the thickness of the border I find 2 is fine but you can select what ever you feel looks the best then just press ok.

 

STEP 3

 

XaviExamplefinal_zps5ca49b3c.jpg

 

And there you have it! A nice clear image with a tidy border to help let your images standout a little better and make people like me feel a little less dizzy (that said all this English makes me dizzy also!!) it really is that simple.

 

Now just save your image and upload and they will all have a nice neat border around them, easy! :)


  • Johnny Karp likes this

ForumLink2_zps87482062.jpg


#2 Darren Smith

Darren Smith

    Icon

  • Administrators
  • 1,749 posts

Posted 13 July 2013 - 03:44 PM

Nice guide Ana, thanks for creating this as there's lots of stories on the Forum at the moment that would be hugely improved using these methods. I'm sure those authors will be grateful as good images just draw you in. I reckon most readers that shy away from a story do so because they don't have time to read blocks of text without images or they get frustrated with having to click every single image that isn't cropped properly. Good stuff.


Posted Image

#3 Ana Garcia

Ana Garcia

    Icon

  • Members
  • PipPipPipPip
  • 1,497 posts

Posted 14 July 2013 - 07:01 PM

Nice guide Ana, thanks for creating this as there's lots of stories on the Forum at the moment that would be hugely improved using these methods. I'm sure those authors will be grateful as good images just draw you in. I reckon most readers that shy away from a story do so because they don't have time to read blocks of text without images or they get frustrated with having to click every single image that isn't cropped properly. Good stuff.

 

Thanks Darren. :)

 

Am glad it was readable I guess my English isnt as bad as I think it is! I do agree lots of text is even trickier for me as lots of English can be almost impossible to read I mean I cant read any books written in English as the blocks of text confuse me like all the words blur together that's why I try and type in short paragraphs as if I type lots of text I struggle to re-read it!! 

 

I think taking the extra time to get your images right makes your story look more presentable and more enjoyable so hopefully some people will be able to learn how to do it from this guide as it can be very confusing when you first start out.


  • NikoZolo likes this

ForumLink2_zps87482062.jpg


#4 Ana Garcia

Ana Garcia

    Icon

  • Members
  • PipPipPipPip
  • 1,497 posts

Posted 03 December 2013 - 07:37 PM

I have edited the opening post and added a guide on how to do borders is towards the end of the post! :)


ForumLink2_zps87482062.jpg


#5 The Great Matsby

The Great Matsby

    Backup player

  • Members
  • Pip
  • 62 posts
  • LocationManchester

Posted 05 December 2013 - 04:00 PM

Hi Ana

 

Just wanted to say a big thank you for this guide on images. I have been wanting to start a story for weeks but have been put off by how complicated it all seems.

 

However if I use the guide you have written I feel confident that I can now make it work. All i need to do now is find the time!!


Matt


#6 Ana Garcia

Ana Garcia

    Icon

  • Members
  • PipPipPipPip
  • 1,497 posts

Posted 05 December 2013 - 06:30 PM

Hi Ana

 

Just wanted to say a big thank you for this guide on images. I have been wanting to start a story for weeks but have been put off by how complicated it all seems.

 

However if I use the guide you have written I feel confident that I can now make it work. All i need to do now is find the time!!

 

Hi and thanks! :)

 

My English is not the best I know so if anything here that you are not 100% on you can just send me a message and I will do my best to re-explain. I know how you feel at first is looks very complicated but after a little bit it becomes very easy but finding time is a problem so I wish you the very best of luck!!


ForumLink2_zps87482062.jpg


#7 Ana Garcia

Ana Garcia

    Icon

  • Members
  • PipPipPipPip
  • 1,497 posts

Posted 18 December 2013 - 06:17 PM

Another edit adding STEP 3.5 for those wanting images to be shown in there story when clicked and not open to there Photobucket account.


ForumLink2_zps87482062.jpg


#8 alric8

alric8

    Rookie

  • Members
  • Pip
  • 12 posts

Posted 12 July 2014 - 10:39 PM

when I press to copy the URL it copies nothing onto the clipboard. do you know how I can sort this out?



#9 Dooley1990

Dooley1990

    First team player

  • Members
  • PipPipPip
  • 707 posts

Posted 13 July 2014 - 11:51 AM

when I press to copy the URL it copies nothing onto the clipboard. do you know how I can sort this out?

 

Do you mean the part in step 3 of the guide? It normally works for me, but if it does play up then a simple refresh is enough to sort it out, so I don't really know what to suggest. If it still isn't working try re-uploading the image or use a different website like Imageshack or Tinypic.



#10 raysdog

raysdog

    Rookie

  • Members
  • Pip
  • 34 posts

Posted 07 August 2014 - 02:06 PM

I have the same problem with alric8. When I copy the IMG it wont let me paste it onto the clipboard. What do I do????



#11 Sacked in the morning

Sacked in the morning

    Rookie

  • Members
  • Pip
  • 5 posts

Posted 02 September 2014 - 08:16 PM

it will not let me paste anything please can somebody give me an idea as to why this is happening



#12 ervan xander

ervan xander

    Rookie

  • Members
  • Pip
  • 19 posts
  • LocationIndonesia

Posted 09 September 2014 - 11:16 AM

Thanks a lot Ana, your tutorial is very useful... It worked for me.. Thanks again.. Wish u all the best  :lol:


Check out my story here...

 

http://www.footballm...t-time/?p=66222

 

BANNER_zpsbf508283.jpg

 

 


#13 Toby Charles II

Toby Charles II

    Rookie

  • Members
  • Pip
  • 39 posts
  • LocationNebraska, United States

Posted 03 February 2015 - 10:37 PM

Good tutorial. I have used HyperSnap for ages as a screen capture tool for work and for FM screenshots. It may have more features than PicPick, but the latter's price is nicer. You can download trials of each.


SKC_England_Banner.jpg


#14 KingSmith218

KingSmith218

    Rookie

  • Members
  • Pip
  • 14 posts

Posted 30 March 2016 - 12:44 PM

I know this post is quite old but i thought i would just leave a message here saying thank you! Its helped me so much with my own story and i frankly wouldn't have started one if it wasn't for this post clearing all these things up.

Thanks again!! 


  • Johnny Karp likes this




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users