+-

Poll

Was this guide helpful?

Yes, very in depth
6 (60%)
Yes, could be more in depth
1 (10%)
A bit, I had some issues
0 (0%)
Not really, it's not helpful enough (if so, why?)
0 (0%)
Not at all, I had a lot of trouble (if so, why?)
3 (30%)

Total Members Voted: 10

Author Topic: [GUIDE] Editing screenshots in Photoshop  (Read 306 times)

Kilbane

  • Game Administrator
  • Regular Player
  • *
  • Posts: 152
  • Respect: 2
  • The Fenian
  • Location: United Kingdom
    • View Profile
[GUIDE] Editing screenshots in Photoshop
« on: July 23, 2016, 02:47:45 pm »



For this guide, I'll be using Photoshop CC 2015. This is a paid-for application and I have a license from my place of work, if you cannot afford or get your hands on a copy, I would suggest a free, open-source alternative which holds the same features. You can find GIMP here. I will be using Windows 10 for this guide, but the help applies to other variants of the operating system too. To follow this guide, you will need the chatlog.txt and any screenshots you would like to alter. The location will be told to you below. Before taking screenshots, I highly recommend that you press F7 twice to remove any text from the screen as failing to do so will result in your screenshots already having text in them and being hard to alter later on. It will also not work for this tutorial.


A few questions and answers before you begin reading this:
  • Why should I use this guide? Because editing your screenshots shows that you are dedicated to making your images look nice, and in this case, I'll be altering screenshots for use in a gang thread so the intentions are to keep it fresh.
  • What is the difference between Photoshop and GIMP? Photoshop is owned by Adobe and hold many more features than GIMP the open source program does. Photoshop has capabilities for add-ons and while GIMP does also, Adobe's are more in depth and creative. You can find more differences here.
  • How do I take screenshots? By using the F8 key on your keyboard. If, for whatever reason you do not have this, you can use the Print Screen function of your computer which is labelled "PrtSc". Alternatively, a program such as FRAPS allows users to take screenshots too.
  • Where can I find my screenshots? If your screenshots have been taken successfully, you can find them in the following location on a Windows machine: C:\Users\YourUserName\Documents\GTA San Andreas User Files\SAMP\screens
  • Where can I find my chatlog.txt? Your chatlog will usually be saved in the folder up from the SAMP screenshots.


To begin with, open up your program of choice and select File > New. You will be shown a prompt upon doing so, asking for a height and width for your screenshot. This is entirely up to you, however I will be choosing a width of 1130 pixels, and a height of 400 pixels. This gives you enough space to work with. If you wish to work in colour, choose RGB as your colour mode, with an 8 bit or 16 bit colour scheme. The background contents can be whatever you choose as we'll be going over it anyway.


You will then be provided with your canvas of which you will be working on, so lets open up some screenshots and get them ready to be altered. I'll be using screenshots from a different server, so anything you see here is completely unrelated to anything you see in the server. So, using the location of the screenshots mentioned above go back to the top navigation bar, and do File > Open and select the screenshots you wish to alter. For them to open in order, select the last one, hold down shift and click the first one. You can hold down the Ctrl button to select different screenshots.


Now that we have the screenshots, we'll want to edit them. Click the first screenshot, with the Move tool located on the toolbar. This will allow us to take ahold of the screenshot we want and drag it into frame.


With the tool selected, you'll want to click and drag the image with the initially made canvas in the background, onto it. This will place it on the canvas and from there you'll be able to stretch or move the image.


With the image in place on the canvas, you can do a few things to make fix its positioning. If you wish to maintain the aspect ratio when moving it, ensure you hold down Shift while moving the corners, this will stop it looking stretched out, resulting in a poor quality screenshot. Alternatively you can do as I do, and move the original image around until you find a position that contains all of the appropriate items and players.


Now we have the image in place, we'll add the text. Open up the chatlog file (WARNING: If you leave the server and rejoin, the chatlog will be wiped so do this before rejoining another server) and find the appropriate lines of text for the time of roleplay. Copy them and go back into your program of choice, press T to select the text option and click on the screen. Then, do Ctrl + V to paste it in. It will show up odd and out of place, but we will edit it.


As you can see, it has created a new layer for the font. Ensure this is selected as well as the Text selection tool. Click the text anywhere and press Ctrl + A to select it all. Following on, move your cursor up to the bar where you can select fonts, font colours and font size as we will be using all of this.


First of all, we'll need a suitable font. I prefer Calibri but this is entirely personal choice, but for the use of screenshots I would recommend Calibri Regular as it is a lot more fitting. When altering screenshots, the font size I use is 16 pt as this is not too large, nor is it too small and allows you to view all of the text without any issues. Finally, we'll want to change Sharp to Smooth as this makes for a smoother text style.


You will notice that your font size has gone down, and your text fits better on the screen, but the font colour is hard to read. You will notice that when playing Grand Theft Auto: San Andreas Multiplayer that the font has a black glow around it to prevent anything in the background making it hard to read, so we'll replicate this here. The effect they use is called stroke. So what you'll want to do, is go to the layers tab and right click the text layer. From here, go to the top and select Blending Options.


When in this option, find the Stroke feature and mark the little box beside it. Click inside the box and you'll be shown more options. My preferred stroke structures are a size of 3 px, this is a close match to the SA:MP default text style and will be easily readable. You should also note the colour to be black and the position of the stroke should be outside as anything else will look silly and ruin the screenshot. Back out and check your font.


You can now clearly read the font, but we still have some features left to implement. As you can see, the timestamp is still on the screenshots. This is easily removed by selecting it and deleting it with your backspace key. To make the lines line up without spacing underneath each other, go to the first letter of the line you wish to bump up and again, press the backspace key. From here, feel free to move your text around and place it in a more appropriate place.


You may have also noticed that when you type a /me or /do command in game, they will show in a purple text colour, so we will change any appropriate lines to that colour. To do so, highlight the text - again, pressing T to select the text selection tool and click on the text layer, highlight the line and move back to the top where we changed the font style and size.


Click the button shown in the screenshot above, and proceed to change the colour. The official hexidecimal colour used for SA:MP commands is #C2A2DA however I use [/b]#B400D5[/b]. Both will work well, but for arguments sake, we'll use the official colour. When in the colour selection tab, move to the lower right hand side of the box where you'll see some letters. In this case, we see FFFFFF. You should change this to the colour of your choice. As the regular player chat colour is white, we would use FFFFFF as the hexidecimal code.


Now, you are free to back out of the box and see your finished screenshot. If you wish to upload it to the forum of choice, go back to the top and click on File. Go to Export and finally, Save for Web. This will allow you to choose the format that your image is to be saved into, as simply saving it as a .psd file will not allow you to insert the picture.


There are a few extensions to consider, however as we are intending to save it at the highest quality we can, I would recommend saving it as a [/b]JPEG[/b] as this utilises all of the available colours in the spectrum that have been used on the image. Set the quality to high, the file to JPEG and finally go to the bottom and click Save.


When saved, you will want to upload it to a site such as Imgur. Once uploaded, right click the image and select Copy image address which will be what you put in between your img tags on the forum. If you find that your image is too wide, use the img width BB code tag. This will make it a bit smaller, but you shall not lose any ability to read the text.








I hope this was helpful, and if you have any questions feel free to leave them down below and I'll help out as much as I can! :)

Kilbane

  • Game Administrator
  • Regular Player
  • *
  • Posts: 152
  • Respect: 2
  • The Fenian
  • Location: United Kingdom
    • View Profile
Re: [GUIDE] Editing screenshots in Photoshop
« Reply #1 on: July 23, 2016, 03:11:15 pm »
Quick note, if the images provided are too small you can click on them to enlarge them to the original size.

Liam

  • Game Administrator
  • Hangaround
  • *
  • Posts: 66
  • Respect: 0
  • oh herro
    • David Richardson
    • View Profile
Re: [GUIDE] Editing screenshots in Photoshop
« Reply #2 on: July 23, 2016, 03:54:22 pm »
You are my savior.

toxicity

  • Game Administrator
  • Hangaround
  • *
  • Posts: 84
  • Respect: 1
    • View Profile
Re: [GUIDE] Editing screenshots in Photoshop
« Reply #3 on: July 23, 2016, 04:01:17 pm »
Or you can use PhotoScape instead, It's way easier and simple. but gg
« Last Edit: July 23, 2016, 04:02:51 pm by CoolSkeleton95 »

Kilbane

  • Game Administrator
  • Regular Player
  • *
  • Posts: 152
  • Respect: 2
  • The Fenian
  • Location: United Kingdom
    • View Profile
Re: [GUIDE] Editing screenshots in Photoshop
« Reply #4 on: July 23, 2016, 04:06:52 pm »
Or you can use PhotoScape instead, It's way easier and simple. but gg

This is just a guide for Photoshop if people don't know what PhotoScape is :) I don't know what it is!

toxicity

  • Game Administrator
  • Hangaround
  • *
  • Posts: 84
  • Respect: 1
    • View Profile
Re: [GUIDE] Editing screenshots in Photoshop
« Reply #5 on: July 23, 2016, 04:20:02 pm »
Or you can use PhotoScape instead, It's way easier and simple. but gg

This is just a guide for Photoshop if people don't know what PhotoScape is :) I don't know what it is!
hah its what i use to edit my pictures. but thank you for the guide, i might be start using ps instead of photoscrap.

Don™

  • Veteran Player
  • *
  • Posts: 428
  • Respect: 15
  • The one and only Godfather!
  • Location: Iran, Tehran
    • Vito Andolini
    • View Profile
Re: [GUIDE] Editing screenshots in Photoshop
« Reply #6 on: July 23, 2016, 04:27:52 pm »
This is a great guide, no more cut screens with different background annoying me to seven hells xD *coughs* ^^ this dude *coughs*
"keep your friends close, but your enemies closer."
"Never hate your enemies, it effects your judgement."

-Michael
"I'm gonna make him an offer he can't refuse."
-Vito

Kilbane

  • Game Administrator
  • Regular Player
  • *
  • Posts: 152
  • Respect: 2
  • The Fenian
  • Location: United Kingdom
    • View Profile
Re: [GUIDE] Editing screenshots in Photoshop
« Reply #7 on: July 23, 2016, 05:26:16 pm »
This is a great guide, no more cut screens with different background annoying me to seven hells xD *coughs* ^^ this dude *coughs*

Haha, thanks Don, appreciate the kind words! :D

 

Recent Posts

Super Đ¡asual Dating - Verified Women by Kingpin
April 18, 2024, 03:55:56 pm

Free connections: no strings attached dating by Kingpin
April 05, 2024, 12:11:38 pm

Optimal Đ¡asual Dating Authentic Ladies by Kingpin
March 01, 2024, 02:35:12 am

Outstanding Đ¡asual Dating Real-life Females by Kingpin
February 25, 2024, 09:18:34 am

Re: [Medical Application] Donald Holt by Shepard
July 23, 2018, 08:28:59 pm

Re: Hank Sijan ban appeal by Ash
July 23, 2018, 12:44:48 pm

Re: Cesar_Salamandera's ban appeal - still can't log in server by Ash
July 23, 2018, 12:44:29 pm

forum.bp-rp.com by Ash
July 23, 2018, 11:19:23 am

Re: Isolation bug. by VirusMS
July 23, 2018, 05:50:18 am

Re: Delivery job bug by VirusMS
July 23, 2018, 05:37:32 am

Discord