i want to make dividers that are swirly lines or so. just that i can use them on the top of fics, if you know what i mean?
can you please give a tut on that?
I'm afraid that there's not much of a tutorial to give here 🥹♥️
What I'd do if this would be a request is to open Canva and look for "swirl line" or "swirly lines" under elements/graphics and look for one that fits the aesthetic that I'm going for.
My standard canvas size is 3000x180 pixels but that can vary depending on how thick I want the divider to be.
I chose this one bc I thought it's cute and made it a little bigger.
Then you click on it and click on + to duplicate it. This one I had to flip/mirror via the menu on the bottom to make the lines line up.
You do this as many times as you want to create your divider and color it via the color button.
And that's literally all the magic. That's how I make almost every divider that I don't draw by hand.
If you don't have Canva Pro to save it without background you can use websites like this or this to remove the white background.
mini tutorial on how to link tags to your post (″ロ゛) ? !
this could be done all on your phone. just make sure to use a browser for most of the steps. it will transfer to your app !!
1. add your tag to your work / post. → make sure to open the post on a browser, you can do this by clicking the 3 dots on the post then copying the link + pasting on a browser if you’re exclusively on the app.
2. next, you’re going to simply tap the tag you want to link. there you will see it’s a searched tag on your blog.
3. copy the link on that browser, it should look like this : “ https://www.tumblr.com/blogname/tagged/(your tag) ”
4. now make a new post and highlight whatever word you would like to add the link to. it will be the joined circles on the bottom. → this can be done on the app or on a new browser, doesn’t matter.
important tips !!
please don’t use a lot of copy and paste symbols on your tag. it will not work and will just make your link disappear. i’m not entirely sure about emojis, but i would play it safe with a simple tag (・_・ヾ
i found that sometimes when you directly copy the link from another existing post, it won’t always work. so i recommend just opening it on a browser and copying it from there instead on the app.
Disclaimer: This is what I do, it might not be the best way to do it but this is just my way of doing gifs, so if you have any tips on how to make this process easier feel free to comment
This will probably be kind of long(?) because I’ll try my best to be as descriptive as possible. Also keep in mind English is not my first language so there’s definitely gonna be some grammar errors (also it was like 2am when I made this) but I’ll try my best to keep it as comprehensible as possible.
Programs that I will be using:
Photoshop CC2017
Handbrake
VLC Media Player
Step 1: You’re obviously gonna need a video to gif. I recommend to use good quality videos for cleaner gifs (1080p, and if you can find BD versions even better). Open your video in any player that has a timer for you to see (VLC is a good option, MKV is fine too). Also open Handbrake on the side, with the video file in it.
Handbrake opens with those default settings so you’ll have to change them
From Chapters to Seconds
From FPS 30 to Same as source (it’s at the top)
From Quality 22 to Placebo
Step 2: Now that the basic stuff is done, you’ll need to choose a scene (me, stating the obvious lol) what I do is, after knowing when the scene i want to gif starts and ends I add 1 sec before and 1 sec after on Handbrake (i.e if the scene is from 3:05 to 3:12 I will put 3:04 and 3:13 on Handbrake) so i can have the whole scene and a little more just in case.
Step 3: Then you just save it (clicking on Start Encode)
If you have more than one scene you want to save click on “Add to Queue” and after you have all the scenes of the video you want to gif then click on “Start Encode”,
Try not to save a really big scene in just one file because PS has a 500 frame limit.
Now we go to Photoshop
Step 4: Open the video (scene) you just saved. For that you’ll need to go to:
File > Import > Video frames to layers
Once you click on that, this window should appear:
Step 5: After you click OK comes the good part, making the actual gif. PS should look like this:
I like to put all the layers in one group
I saved like 2 seconds extra first of all I need to delete the extra frames that aren’t part of the scene I want to gif (I know it’s tedious but I prefer that to lose part of the scene by accident).
To delete frames from the Timeline just click the trashcan on the bottom.
Since the gif is in 1080p, the canvas is gonna look BIG but don’t worry about it for now.
Now we delete the frames that are the same (most of the time with the placebo quality it’s every 2 frames or if it’s a fast scene every 1 frame, but there are some scenes where all frames are different, it depends on the animation)
The scene I choose here is a little complicated(?) because the speed of the hair is different than the speed of the clouds in the eye. I decided to go with the speed of the hair:
The selected ones are the ones that I’m gonna delete because they are repeated.
Step 6: You can see the number 0.04 under the frames, that’s the speed of the gif.
If we leave it with all the frames and that speed it should look fine but the size of the file might be too much for tumblr (size limit is 3MB wich stresses a lot of us gifmakers lol) that’s why we delete frames, to reduce the size.
Now we change the speed, for that we select all the frames (select 1 frame + shift + left click last frame) then, with all the frames selected, left click on the bottom part of the frames (the one with the numbers and arrow)
This should appear, then click on “other...” :
This little window should appear, change the set delay to your desire and scene speed:
Set delay kept at:
0.04: lol this looks funny
0.07:
0.1:
Step 7: Our file should be BIG, to fix that there are different ways but what I do is go to: Image > Image Size
And set the Width to 540 pixels. It’s important to keep the little chain because it will maintain the aspect ratio ( otherwise it will look stretched and weird)
Step 8: After we’ve done all this we click on the bottom left button of the timeline to change from frames to timeline (this is so we can sharpen and color our gif)
It should look like this now:
Step 9: This step is the sharpening step. For this we go to Filter > Convert for smart filters
After you clicked on that, the rest of the filters should be available again. Now we click on Blur > Surface blur
This little window should pop up, I usually go for Radius: 4 and Threshold: 3 or Radius 3 and Threshold: 2. This is so the image can look smoother and not grainy.
Then we apply our sharpen settings (there are a lot of ways to do this and a lot of other tutorials so I’m not gonna put my settings here because I usually just play with them until it looks okay). Here is a sharpening tutorial in case you want to know more.
Step 10: We apply our coloring/adjustments. This depends on the scene (if you want to know how I color my gifs let me know too)
Step 11: We are almost done! We just need to save. So for that you need to click on File > Export > Save for Web (or just click ctrl + alt + shift + S)
Something like this should appear:
There are a lot of combinations for you to save your gifs, you just need to play a little and see wich one looks better. It depends on the scene, sometimes adaptive + pattern looks good and other times selective + pattern or adaptive + diffusion, you’ll just have to try and see wich combination works best.
Personally I like to use pattern rather than diffusion, especially for gradients (like the ones in the eyes I’m using as an example)
I recommend not to use “No dither” because it will create segments(?) and it won’t look good especially if the scene you are giffing has some kind of gradient, like this:
With Pattern and Selective:
With Pattern and Adaptive: (there’s not much difference, but the eyes look “cleaner” with selective)
Depending on what dither algorithm or color reduction (aka patter or noise or diffusion and perceptual or selective or adaptive) the color table will change.
Here is a better explained tutorial about save for web
so i made a graphic for @inversionrp (GO CHECK ‘EM OUT!!) the other day and i thought that the effect was pretty cool, and i haven’t seen it done anywhere else so i decided to do a tutorial on how to achieve it. it’s very similar to a 3d effect but anyway, i thought i would give a quick tutorial on how to create graphics with that effect. under the cut and without screenshots. some basic ps knowledge will be helpful here - but if you have any questions just message me. like or reblog if you find this useful! it only takes a minute and it means a lot! (disclaimer: i am not a professional graphic designer or photoshopper in any way)
open up a new document, i used 540x600px as my dimensions on graphics, but it doesn’t really matter, just get the size right for you, and open up the image of the person that you want to have this effect.
for this to work you need to get rid of the background on that image so unlock the base layer of the image and then delete the background. i always use the pen tool for this and then if there are complicated bits like hair and there is a plain background then use the colour selection tool. if you need this explaining i can do another tutorial! once you have cut it out, the background should show little grey and white squares.
drag that layer onto your new file & choose a bg colour! mine is #e0e0e0 in this. then you wanna duplicate that layer (right click on the layer then duplicate) four times!!! you should have four of the same layer stacked one over the other.
the middle 2 layers need to be inverted, to do this select the layer then go to image>adjustments>invert. once you’ve inverted the layer set the layer to “overlay” and shift it. i moved it 5px, so one layer is moved 5px up and 5px left, the other layer is 5px down and 5px right. now! all you gotta do is set your top layer to hard light && you’re done!
colour it and use a psd as you wish, it also looks great with textures over it so go nuts! one thing i would say is make sure your original image isn’t super high saturation or when you blend the layers it looks a bit funky... the simpler and more striking the contrast in the image is the better. fiddle around with layer settings etc until it looks nice and voila, you have a cute graphic!
if you make any edits with this effect please tag me! i track the tag #astralrph and i’d LOVE to see them, or send me a link or whatever. that’d be awesome! much love!
hiii I hope you're doing well!! I wanted to ask how you made the short line dividers? and which measurements you used?
thanks in advance!
Hello hi! ♥️
I make my dividers exactly like in this tutorial here
While the blog may be deactivated, you can just click on my reblog and it should open fully for you to see.
for the short lines, instead of coloring the whole canvas I used a rectangle and colored that one to cover as much as I felt like and proceeded as in the tutorial. Same dimensions as mentioned in there too!!
do you have a tutorial on how to make the animated dividers/ know someone who does?
Hey! I don't have a tutorial and don't know anyone who does :((
But let's make a quick one, shall we? ♥️
I personally either use Canva's gif setting for it or the same website I use to crop dividers. -> here
You can choose to upload automatically (it sorts after file name) or manually upload each singular file into the order you want it to be.
Quick side note: A gif is made out of singular pictures. Which means you need to have each image saved and then this site animates it for you by either fading or flashing picture after picture.
When you upload the files it looks something like this. Depending on the occasion you can just play around with the settings shown.
The higher the delay time, the quicker your images play.
If you leave the loop count out, it will repeat itself endlessly.
Turn of stacking frames if you don't want to see the previous image under a new one.
The finished product of our example looks like this
After you created your gif, you can also edit it on the website with following options:
Note: For hand drawn dividers I animate them frame by frame myself which means I draw the same thing a number of times with a small change on each image so it becomes a fluid motion. For that I use the App "procreate" but it costs money and is for when you draw your own things.
