Welcome to Vyldermire!
Vyldermire is an RPG forum based in an alternate universe, a world full of magic, monsters and so much more.


NAVIGATION





Word Counter
Map of Vyldermire
Season & Year
Change Image on Hover in CSS
Cbox

Official Discord
GFX GUIDE FOR MAKING HEADERS! WKc5tYV
Latest topics
» Quest Turn In
by Iris Today at 11:58 am

» SINGLE'S NIGHT [OPEN EVENT]
by Kiigan Today at 9:07 am

» Face Claim List
by Emi Kazama Today at 4:19 am

» Cassidi
by Anoa Today at 3:57 am

» Statsheet Creation : Requests & Updates
by Iris Yesterday at 9:32 pm

Race Spectrum
HUMANS ███████████ 22
ELDRITCH ████████████ 23
GAIYANS ██████ 12
ANTHROS █████ 9
HYBRID ███ 5
OTHER ████ 8
TOTAL 79
Adminstrators
Change Image on Hover in CSS
Change Image on Hover in CSS
Donations

GFX GUIDE FOR MAKING HEADERS!

Go down

GFX GUIDE FOR MAKING HEADERS! Empty GFX GUIDE FOR MAKING HEADERS!

Post by Nessa Cordelia Lux Fri May 14, 2021 5:05 pm


GFX GUIDE FOR MAKING HEADERS! DUSxJ7X

Hey everyone!

So it occurred to me that not everyone is familiar enough to gfx to make headers for their character apps. Therefore here is a user friend guide to making a nice neat and clean header for your character app using the free online editor; Photopea.

1. Go to www.photopea.com

That should take you to this page,

GFX GUIDE FOR MAKING HEADERS! 3Bg9C0q

2. Click 'File' in the top right hand corner and select ' Open' from the dropdown, selecting the image you wish to use for your header.

If your image is quite large and you don't want to resize it to fit the entire thing in skip to step three. If you want to make the image smaller to fit as much possible into the header then go to 'Image' on the top menu and click 'Image Resize' on the dropdown.

This should open up this box;

GFX GUIDE FOR MAKING HEADERS! Y5Po0fv

Unclick the chain symbol next to height so that their is no longer a dark box around it, then change the width to 540px and press ok. Now your image should by 540px wide.

3. Use the select tool to drop a box that is 540px by 150px across your image.  

The select tool can be found on the right hand side of the screen and it looks like this;

GFX GUIDE FOR MAKING HEADERS! PbXrLEf

Click it and then drag you mouse over your image to create a selected area. As stated above you'll need to make it 540px by 150px for our site's headers.

It should look like this;

GFX GUIDE FOR MAKING HEADERS! KS35zmD

4. In the menu at the top, select 'Image' and then click 'Crop' on the dropdown.

Your image should now look like this :
GFX GUIDE FOR MAKING HEADERS! KNLzTcj

5. If you are happy with the header click 'File'  and select 'Export As' on the dropdown and be sure to choose PNG.

This will open a save box where all you will have to do is save the file.

If at any point you make an error or want to undo an action just press CTRL +  Z .

6. Upload the image to an image hosting site i.e imgur etc, and post the link in your app!

And that's it, I hope you guys find this guide useful! If you have any questions then please let me know in pms or on discord~

Much love,

Dez/ Nessa


_________________________________________________________________________________________

GFX GUIDE FOR MAKING HEADERS! 63344_s
Nessa Cordelia Lux
Nessa Cordelia Lux
Admin

Administrator  
Rank : Apprentice
VylderGold : 680979
Posts : 834
Join date : 2021-01-09

View user profile https://www.vyldermire.com

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum