Well, the Princess' methods are very simple! She would be glad to teach you.
A bit long graphic tutorial under cut ^_^ (all art by Iinquint on twitter)
First, we import the frame or mask you will use. You can find these by searching "rentry frame".
Then, we will import our picture and erase any excess outside of the frame.
Then we usually add a chibi, You can do this by finding chibi art and erasing the background.
And now we will add any PNGs to the graphic. We chose circle laces for this.
Now we will duplicate the layer of our chibi.
We then use the Stroke Outer filter to find dots that weren't erased, we will go to the top original later and erase where all the exposed dots are.
After that, we delete the layer & reduplicate it. Then we use stroke outer for a white outline, and then a black one. If the chibi or whatever you are using is white or very light already, feel free to reverse the white & black.
Then we add glow outer (usually around 1-2px)
Continue this process for everything
Save it
And then we will import it into a new canvas through 'import picture' & then use the grayscale.
Now, We do not always use a gradient map. But feel free to try out gradients to see if it looks nice on the graphic. Either of the 2 top sites work.
Find a gradient that looks nice. If none fit your vision, feel free to skip it.
Now, import the new image and then add textures. Play around with blending modes & opacity until it looks right.
Boom! You've made your very own graphic.
Now for animated graphics...
(No visuals) If you'd like one where the small chibi moves, move it to be angle -5, save it, and then angle 5 and save it. (Also adjust angles if the 5 looks weird.)
Import the images into ezgif gif maker and turn on "Don't stack frames" and adjust delay time. (I usually use 80ish)
--
Animated graphics 2
Import your graphic into capcut. Add a green background or whatever color is not present on your graphic at all. Add the gif you want on the graphic. Adjust for all the images to go on for equal times so it works.
Ezgif > Mp4 to gif > Remove Background > Select hex code of background > "Replace hex with transparency" > Adjust Fuzz > Optimize
And voila, your graphic is completed! Feel free to adjust in ezgif effects if needed.
can u do a tut for sizing borders bc im rlly bad at coding in rentry
This is the code that I usually start out with, and it works most of the time without tweaking much. The thing I still tweak the most though is the CONTAINER_BORDER_IMAGE_OUTSET. I usually set it anywhere from 10px to 20px, and sometimes I will set two values to it if I want the outset to be diff for top+bottom and left+right
I prefer a more like bigger(?) Look to how my border are cut, so I do that by making the slice smaller (15% to 20%) or I make the width bigger (25px to 30px)
There are a lot of ways to playe around with the coding though like down below I set slice to 30% which I think I see a lot of people do idk. But to keep the bigger cut look I like I make the width 30px. I like to keep my widths at 20px to 25px though because of how much my outset is. My outset sometimes clips under the edit button when you save the code and view it normally, so I keep the width a bit smaller and use a smaller or equal slice. But there are a lot of ways to play around with this because it depends a lot on your rentry and what border you're using becuase there are out(?) Borders and in(?) Borders. Basically just play around with CONTAINER_BORDER_IMAGE_SLICE + CONTAINER_BORDER_IMAGE_WIDTH You can also have fun with the repeat options (round, repeat, space, and stretch iirc). I'll leave my code and examples below. I hope this helps Anon! I'm not sure if it's comprehensible or if I'm just yapping BS..
Above big slice big width, below big slice small width
Down below are what I call 'In borders' cause they're facing inwards. I usually have the outset on these a little bigger
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 ^___^
I USE ALIGHT MOTION!! you can actually create icon masks on ibispaint or other app i just use alight motion beacuse thats where im more comfortable in, i havent do icon masks for month so i was curious about making tutorial
https://www.tumblr.com/pupsec/777071487795478528/messing-around-with-layouts-and-shit?source=share HOW DID U DO THE COLORINGGGGGG I LOVE ITTT CAN U SHARE PLEASE AND TYY
320 notes guys chill 💗
hi! i am happy you liked it 💗💗😭😭
update, i actually idgaf take inspo from this style since its an old one
remember to grayscale all of them before you apply a blending mode! that's what i mostly do, no pressure.
example:
if you want a tutorial for how to use blending modes and stuff, and how to mess around with filters, do let me know!