bunn_7's profile picture

Published by

published
updated

Category: Art and Photography

how to make Spacehey logo's! by Valerie (full walk trough and free!)

Hi! Im valerie and ive made some logo's already and i want to let others know how to make them aswell! (check my logo's out in my pinned blog: https://blog.spacehey.com/entry?id=853172)

You will need a few websites (You will have to make a account for some of these)

1. https://picsart.com
2. https://imgbb.com
3. https://www.remove.bg


Once you have these open start looking for a png (LINE-stickers work best since they are high quality and free if you get them from google)


Ill be using this one! 


If you have ur png go straight to picsart and open up a new project by going to the "Set custom size"




You will have to set the size to 512 by 131 to have the same size as the spacehey logo.





once you have done that ur in!
go ahead and click on the backgrounds on the left side and click the transparent one.




the background will be divided into 3 sections first we will be doing 1.


Go to "text" on the left side and add a heading onto ut background.



Once you have added a heading and positioned like i did add a subheading underneath.


If it looks like this well done! Now go to the left aigain and click on uploads.


click on upload left-down and upload the png you got from google.


Now that you have ur png go ahead and drag it in the upper left corner of ur transparent box like i did.


Now make it larger by dragging the right-down circle. if it looks like this good job!


Now that we have everything in the right place you can begin to colour it! click onto one of the headers and click the fill box. Then click onto the pipet and drag it onto the color you want to add onto that header.


Ill be using these colors since they look nice!


If you find the front to be boring you can select the header aigain and click onto the front to change it! ill be using this front to match my other logo's but you can choose an other front too!


As you can see i moved the headers around a bit but you can put them where ever you want!


Once ur happy whit ur logo click on export at the upper-right of ur screen.


Now change the PNG to a JPG if you dont have premium and download it!


Good job!


Now go to the second website "Removebg" and upload ur JPG by clicking the "upload image" button.


Click the image you made in picsart and upload it. The website will automatically remove ur background!


If some parts are missing from ur image just go to the edit button.


There you can erase/restore ur image. when ur compeltely done click the download button!


Now the last website "imgbb". Click the start uploading button and upload the PNG you just made.



When you have found the logo you just made upload it! don't forget to put don't autodelete.


When ur upload is complete it will be added to your profile.


click on your profile in the upper-right corner to see the logo you just uploaded.


When ur at ur profile you will see the most recent picture you uploaded. click it!

 

Then right click it and copy the image adress.


Now you have to go back to ur space hey profile and edit it!
paste this code in ur general:


<style>

.logo {

content: url(PASTE_THE_PHOTO_ADRESS_HERE);

}

</style>


And enjoy!
I hope this helped and i hope you have fun creating logo's!

               


52 Kudos

Comments

Displaying 5 of 5 comments ( View all | Add Comment )

Zer0

Zer0's profile picture

thank you so much for this tutorial :3
I tried using another code I found but I couldn't figure out how to work it then I found this one so thank you so much, have a wonderful day/night ^_^


Report Comment

sawtism

sawtism's profile picture

TJIS WORKED AMAZINGLY I WAZS FUCKING DYING TO FIND OUT HOS TO MAKE MY OWN SPACEHEY LOGO THANK YOU I HOPE YOU HAVE THE MOST PEACEFUL LIFE EVER :3


Report Comment



OH MY GOD THIS IS SO NICE TYYY??

by bunn_7; ; Report

YOURE WELCOME RANDOM STRANGER ON THE INTERNET EHEHHEHEHEDHDJE

by sawtism; ; Report

J4Y G4Y

J4Y G4Y's profile picture

THE CODE WONT WORK


Report Comment



WAIT FR?? DID YOU REPLACE THE TEXT SAYING “PICTURE ADRESS HERE” WITH THE ADRESS OF THE PICTURE

by bunn_7; ; Report

.logo {
content: url(https://external-media.spacehey.net/media/smwObBfBgjHONBnqAm0DoTBauz8ZMD8K2ESnkod9zqYs=/https://i.ibb.co/WKFzYJr/Untitled-Project-23-removebg-preview-1.png);
}

by bunn_7; ; Report

Try this one and just change the image adress

by bunn_7; ; Report

Hydras Bloom

Hydras Bloom's profile picture

maaan wish you could save blog enteries for later because this was so helpfull, you're a legend


Report Comment



AAA TYSMM :3 you can follow blogs And in that way you can find them back I think

by bunn_7; ; Report

oooh good idea, thanks!

by Hydras Bloom; ; Report

𝐬𝐩𝐚𝐫𝐤𝐥𝐞𝐦𝐚𝐫𝐥𝐛𝐨𝐫𝐨𝐩𝐫𝐢𝐧𝐜𝐞𝐬𝐬

𝐬𝐩𝐚𝐫𝐤𝐥𝐞𝐦𝐚𝐫𝐥𝐛𝐨𝐫𝐨𝐩𝐫𝐢𝐧𝐜𝐞𝐬𝐬's profile picture

i love you


Report Comment



LOVE YOU TOO :3

by bunn_7; ; Report