the ultimate beginner metadata tutorial !! by a dummy :3
HEY PALS AND PEOPLE doing some tips and tutorials ,,,, kinda explaining the metadata that people do in rentry
the site already have a "tutorial" on the "how" window, these on the post are the ones who need further explanation
i will put in topics and try to do my best on this, its a long read!
• the border i will be using for example its by @/suturical on this post
• now, how to understand this and make the magic happen?
GOTCHA!!!
1. Borders: container adjustements
• the least important thing is the container width, you can put as you please but i use it on 400px — 610px, its just my recommendation
• now the padding is important, its basically the distance between the border and the elements of your rentry
• example: padding on 25px
• example: padding 20px
2. Borders: slice
• the image slice is basically how much it will slice your border and repeat it, i recommend using it 20% – 40%, however adjust as you please!
• example: slice 37%
• example: slice 23%
big difference isnt it? and i only changed the slice part, nothing else!
3. Borders: width
• basically the width of the border, adjust as you please but i also recommend to put on 30px as its the maximum size you can put
• example: width 30px
• example: 15px width
4. Borders: repeat
• this is another thing that dont have much secret and explanation about, there are 4 repeating types for borders, they are:
• stretch: will stretch the original size of the border across the entire container
• round: most used, 'normal', will make your border get around the container
• repeat: will repeat a certain part of the graphic image across the sides
• space: will give space between the repetitions
• onto the next part, text!
2. Text: font applying
• ngl its pretty simple, first catch ANY font of the google fonts site and do like the screenshot above, detail, if you font name has a space between the name (example: playfair display) you MUST put the _ to substitute the space, or it won't work
• but if the font name doesn't have any spaces, write it normally
2. Text: text size
• also really simple, explore the sizes on the rentry, i use it 10px – 25px, adjust to your liking!
2. Text: coloring
• tired of coloring all sentences manually? just do the code from screenshot and input your color! it can be written like i did or the hex code/whatever!
• you can still color things manually even when using this
• final with all these changes:
SO THATS IT! the most important actually :33
hope it isnt confusing, any questions please send an ask!
tagging oomfie @chokingonchairs bc finally got the courage to make this and yu asked for hehe ^___^
the ultimate beginner metadata tutorial !! by a dummy :3
HEY PALS AND PEOPLE doing some tips and tutorials ,,,, kinda explaining the metadata that people do in rentry
the site already have a "tutorial" on the "how" window, these on the post are the ones who need further explanation
i will put in topics and try to do my best on this, its a long read!
• the border i will be using for example its by @/suturical on this post
• now, how to understand this and make the magic happen?
GOTCHA!!!
1. Borders: container adjustements
• the least important thing is the container width, you can put as you please but i use it on 400px — 610px, its just my recommendation
• now the padding is important, its basically the distance between the border and the elements of your rentry
• example: padding on 25px
• example: padding 20px
2. Borders: slice
• the image slice is basically how much it will slice your border and repeat it, i recommend using it 20% – 40%, however adjust as you please!
• example: slice 37%
• example: slice 23%
big difference isnt it? and i only changed the slice part, nothing else!
3. Borders: width
• basically the width of the border, adjust as you please but i also recommend to put on 30px as its the maximum size you can put
• example: width 30px
• example: 15px width
4. Borders: repeat
• this is another thing that dont have much secret and explanation about, there are 4 repeating types for borders, they are:
• stretch: will stretch the original size of the border across the entire container
• round: most used, 'normal', will make your border get around the container
• repeat: will repeat a certain part of the graphic image across the sides
• space: will give space between the repetitions
• onto the next part, text!
2. Text: font applying
• ngl its pretty simple, first catch ANY font of the google fonts site and do like the screenshot above, detail, if you font name has a space between the name (example: playfair display) you MUST put the _ to substitute the space, or it won't work
• but if the font name doesn't have any spaces, write it normally
2. Text: text size
• also really simple, explore the sizes on the rentry, i use it 10px – 25px, adjust to your liking!
2. Text: coloring
• tired of coloring all sentences manually? just do the code from screenshot and input your color! it can be written like i did or the hex code/whatever!
• you can still color things manually even when using this
• final with all these changes:
SO THATS IT! the most important actually :33
hope it isnt confusing, any questions please send an ask!
tagging oomfie @chokingonchairs bc finally got the courage to make this and yu asked for hehe ^___^
Decided to make my own tutorial on how to make gif stamps!! Lmk if any wording needs to be changed/updated or if you have any questions :)
I will be using this stamp template here, but you can use others! You will just have to figure out different resizing for the gifs if so.
Step 1: Go onto ezgif.com and click resizer
Step 2: upload your gif, and resize it to 93 x 48
Step 3: after clicking Resize image, click add image
Step 4: Extend the canvas size 1 time, then insert the overlay (the stamp template at the start of this post) and click upload image
Step 5: Set the location of the frame to 42 x 22.
Step 6: scroll all the way down, and click create animation. Afterwords, click crop.
Step 7: Click autocrop, then crop image.
Step 8: To save the gif stamp, you can hold on it if you’re on mobile, and I’m assuming you double click if your own computer. You can also click save.