#540px at last!

[chaneilkular]

CHANEIL KULAR as Anwar Bakshi Sex Education 2x06

[miyku]

Baldur's Gate III | ▶ dev. Larian Studios

[azulasnailtech]

[stiwfssr]

[littlestarbigfangs]

[Was it true what they said? That you gave up fighting him long ago?]

"You don't know what it was like! There was no way out!"

[perths]

Perth Nakhun as Kev in Ships In The Night

[supersgirls]

#BELLA IS ELLIE!!

[bunnykaye]

The Shape of Things | Production Trailer

[betty-draper]

obsessed with making big gifs that smaller ones feel weird

hmmm do other gif makers feel the same way?

[minijeong]

before and afters from second half of 2022 😎

[the-borgias]

hi sole! your sharpening is always so soft and pretty, i was wondering if you would be open to share it? hope you are having a wonderful november so far <3

Hi, Anon! Thank you so much <3 Yeah, sure, tutorial under the cut:

What you'll need:

Photoshop (I use Photoshop 2023)

Basic knowledge on how to make gifs

Camera Raw filter installed

Okay so, first of all, I use two different methods depending on the size of the gif. Let's start with the one I use for most of my gifsets which are big gifs (examples: x x x x.)

METHOD #1: Smart Sharpen + Camera Raw

I started using the Camera Raw filter last year and let me tell you, I'm obsessed! It completely changes the game of sharpening. I use this method for all gifs with a 540px width.

We're going to work on timeline so get your gif ready and convert it for smart filters. I'm using this scene from my last set as a base:

Here's the gif after I color it (I usually sharpen my gifs before I color them but for the sake of the tutorial I'm showing you this so you guys can see the difference):

(1) Smart Sharpen Layer: Let's start by adding a Smart Sharpen layer (Filter > Sharpen > Smart Sharpen) with these settings:

Disclaimer: I didn't come up with these settings myself I got them from these sharpening actions forever ago so I don't know which one it is :/. I also wasn't able to find that person's new blog (if they even have one since they've been inactive since 2021) so if anyone knows please let me know and I'll give them proper credit!

Now we're going to go to the 'Layers' panel and click on this little thingy:

This window will pop up and we are going to change the Opacity to 50%.

(2) Camera Raw Filter: Here's where the fun begins. Go to Filter and click on Camera Raw Filter (you'll need to have the plugin installed for it to show up.) I don't know how the Camera Raw window will look like the first time you open it but good thing you only need to change a couple of things!

If it isn't opened yet click on 'Effects' and we're going to change the Texture and Clarity:

Depending on the scene/show/film I'm giffing, or if I want a stronger or softer sharpening, I'll use two different settings, but 99% of the time they are these:

First setting: Texture (+20) Clarity (+10)

Second setting: Texture (+40) Clarity (+20)

As you can see the difference isn't huge but the first setting gives a "softer" look. As I said I'll use one or the other depending on how I see the scene (it's almost always about the vibes yk.)

Feel free to experiment with these two and see what works best for you (although I wouldn't go higher than 40 on texture because the sharpening will look too fake imo.)

Also this filter is soooo good at making low quality videos look 1080p! Every time I've had to use 720p videos the Camera Raw filter has saved me 🫡

METHOD #2: Smart Sharpen

I use this method for smaller gifs. For example, 8 gifs of 268px x 180px sets (like these) or small-ish gifs in complex sets (like the second gifs in this set.)

This process is much simpler since it's the one I explained before but without adding the Camera Raw filter. That's it that's the method. Just a Smart Sharpen layer with the Opacity turned down to 50%.

As I said this method looks best on smaller gifs but to be honest it looks good on big gifs too? Depends on what you like most!

Anyway I hope this was easy to follow and if anyone has any questions please feel free to dm me or send an ask! ♡

[wip]

hi tumblr wip! is there anything that can be done about images stretching to the full width of a tumblr post? i make art and images that are sometimes under 540px, and there seems to be a point where they will stretch automatically to 540px. it makes things like pixel art or otherwise small images look terrible!

Answer: Hi there, @moxley!

We’re really glad you asked this question, as we love getting the opportunity to share the tips and tricks that are applicable in this area.

First off, here are the rules of our image stretching:

On mobile apps and mobile sites, we always stretch images to the full width of the post—since a small image on a small screen doesn’t make for an easy viewing experience.

On the desktop site, we only stretch images to the full width of the post if the image is at least 300px wide and/or 600px tall.

Any images that are placed side-by-side are always stretched to fit their frames, no matter the image’s dimensions or the viewer’s platform.

However, the vast majority of devices and browsers use antialiasing in their default image scaling algorithms. This, as you point out, doesn’t play nicely with pixel art at all. Boooooo!

So, how can you preserve your sharp pixels with 100% consistency for your viewers? The answer is simply to upscale the image yourself before uploading. To keep the pixels square, you’ll need to resize by factors of 100% (200%, 500%, etc.) and use a simple upscaling algorithm that doesn’t use antialiasing. For example, in Paint.NET’s image resize dialog, you can use “Resampling: Nearest Neighbor”, or in GIMP’s, “Interpolation: None”.

The trick here is to resize your pixel art to dimensions above 540px wide so that every viewer’s device is actually forced to downscale the resultant image instead. That way, instead of the resizing algorithm making up details by blurring the pixels, each original pixel is preserved as a perfect square.

We really hope this helps you and the other pixel artists out there. Please, have a great day, week, and month. No, in fact—a great rest of your Tumblr experience, however long it may last. Of course, if you have any other questions on this subject, we will be happy to answer those too!

[donahdevotees]

Welcome to the donahdevotee's gift exchange, the event where selfshippers get to celebrate their fem f/o's and share their creativity with one another! (Sign up form is at the bottom of this post, please read through the guidelines before signing up!)

This gift exchange will cover art, writing and moodboards! So if you're not inclined towards art or writing you can still participate to share some love for other people's ships and have some love given to your own! On that note; all skill levels are welcome, as long as you're giving it your all, you're welcome to join!

Obviously the very basic requirement is to have a fem f/o! Your ship with her can be romantic, platonic, familial, queerplatonic, fwb, what have you! Every ship is welcome and so is every fem f/o! (If you headcannom your f/o as fem in any way, she is welcome as well!!)

GUIDELINES:

Art must comply with the rules of tumblr. A width of at least 540px wide, max file size is 20MB, please keep that in mind! If you’re drawing nsft art for your Giftee (You both must be 18+, minors are only allowed to create sfw works) you should censor it to post it. You can send the uncensored art to your Giftee!

Fics must be at minimum 500 words, no cap on the maximum however, go wild! (If you want to make a graphic to go with your fic, go for it! But it’s not mandatory <3)

Aesthetics/Moodboards should have a minimum of 4 graphics/images. You can make multiple for your giftee if you'd like! (Be considerate of eyestrain and/or flashing/etc. if using gifs!)

If you wish to back out at any point please let us know as soon as possible so we can work on a backup gift for your giftee, try not to leave it until the last day of the event!

Content that is NOT allowed: Self harm, Non-Con, Incest, Minors doing anything even remotely sexual, Pedophilia, Bestiality, Racist depictions or Fetish content.

Content that IS allowed: Anything else your Giftee has stated they’d enjoy. Character death and gore is allowed, smut is allowed. Everything MUST be tagged appropriately. If you aren’t sure; tag it!

SCHEDULE:

Nov 1: Sign ups open

Nov 10: Sign ups close at midnight

Nov 11-12: Participants are matched up!

Nov 13-14: INFO about your Giftee will be sent you via DM's

Nov 28: First check-in!

Dec 12: Second check-in!

Dec 23: FINAL DEADLINE, have all gifts submitted by midnight!

Dec 26-30: Post those gifts!!

Dec 31: List of participants and their gifts posted with links!

HOW TO SUBMIT YOUR GIFT:

Option 1: Submit your artwork/fic/moodboard to this blog via the submit button!

Option 2: Send a google drive/google doc link for your gift to this blog through an ask or the submit button!

Option 3: Email your artwork/fic/moodboard to donahdevotees@gmail.com!

With your submission please include your selfship url just to ensure we don't have any mix ups! If you would like us to post your gift for you please mention that as well as we'd be more than happy to!

HOW TO POST YOUR GIFT:

You can post the gift directly to tumblr or post a link to your gift!

If you are posting your gift yourself please ensure you use the tag: #donahdevotee's gift exchange 2024 and also tag this blog and the blog of your giftee in your post!

You do have the option to ask the admins of this blog to post your gift on your behalf, where you and the giftee will both be tagged!

[littlestarbigfangs]

"You know, I didn't realize you and I were so alike."

[mikelogan]

hi, this edit is cool, would you please tell me how do you make the circle shape and text like that in the second gif?

https://mikelogan.tumblr.com/post/727834848573669376/forgiveness-is-warm-like-a-tear-on-a-cheek-think

hi!! i'm so sorry this took me so long to answer, but i've hardly been on my desktop for the last couple months and haven't been giffing. finally getting around to this and thank you for the kind words!

in this tutorial, i'll show you what i did as well as another way to achieve the same effect:

once you've made your gif and colored it the way you want, you can get the circle effect one of two ways. i'll show you how i did it first and then a more "normal" way lol

i actually had this circle texture laying around and for whatever reason, i decided to use that. so i popped that onto the canvas and used ctrl+T to center it both vertically and horizontally

then i used a glitter texture over the top of the circle layer and applied a clipping mask so that the glitter only shows up on the circle and not the entire gif. to do this, make sure your glitter (or whatever texture you decide to use) layer is ABOVE the circle and then right-click on the glitter layer and select "create clipping mask." you should see this lil arrow on the layer now:

as a quick note about textures/overlays: chances are that if you just google "glitter texture png" or something similar, you'll find tons, but the png portion is important because pngs have transparent backgrounds. this wouldn't work if the circle texture was a jpeg because its background is not transparent and the overlaying of the glitter texture would appear on every pixel, basically just taking the shape of the entire jpeg rather than just the circle.

i have a resources (basically anything downloadable, from overlays to actions to psds) tag on my gifmaking sideblog as well as one specifically for textures and overlays. i also utilize the websites freepik, pngegg, and pngwing for pngs (especially freepik).

to make the glitter layer the same pink/purple color i used, i ended up using a hue/saturation layer above it and also applied a clipping mask to that layer so it only affected the glitter layer. this step is totally optional depending on the coloring you're going for. you might be happy with the glitter texture exactly as it is. you could also skip the hue/saturation layer and instead apply a color overlay to the glitter layer, select the color you want, and set it to screen or another similar blending mode. to do this, double-click on the glitter layer, select color overlay from the menu, choose whatever color you want, make sure the opacity is set to 100%, and adjust the blend mode to whatever you think looks best.

the "normal" way to do the circle would just be to use the ellipse tool (right-click on the rectangle tool and choose ellipse) and input your desired dimensions. to get a perfect circle, the width and height have to be the same as one another. then you'd continue on with the rest of the process.

for the text, create your main text layer. these were my settings for a 540px canvas:

i also added a drop shadow to the layers with these settings (double-click the text layer to bring up this menu):

then i duplicated the text layer 6 times. select the first duplicated layer (the second line), use ctrl+T and your arrow keys (i only used the down arrow) to move the text down the desired amount of space. i made sure i moved each line down exactly 25 pixels, which is equal to 25 presses of the down arrow. i just think it looks nice when they're equally spaced. with each subsequent layer, i just dropped the opacity.

starting with the original text layer, i used: 100% -> 80% -> 60% -> 40% -> 20% -> 10% -> 5%, but this was just my personal preference.

anyway, that's pretty much it! but if you have any additional questions on this tutorial or any other set, just send me a message and i'll do my best to get to it much quicker than this one 💙

[logangarfield]

Gif/Coloring Tutorial

I was asked by @just-lost-inbetween-worlds​​  how I make, specifically, my Titans gifs so I figured I’d just make a tutorial on the gif making and coloring since the show is SO blue and the process is the same for all of my gifs.

I did try and go into every step so it’s hopefully beginner friendly lol It did get a little long but I hope it helps!!

What you’ll need:

Clip of what you’re giffing (try using footage that’s 1080p or 4k, nothing below 720p)

Adobe Photoshop (I’m using 2022)

Step 1:

Open photoshop, click file > import video frames to layers

Use the cursors to trim the part you want to gif, make sure you have “make frame animation” selected

Step 2: 

Group all of the frames you want to be a part of your gif. Click your first layer then crtl+shift+click your last layer 

Step 3:

Delete the frames and layers you don’t want to be a part of your gif. Select the layers and click the little trash can at the very bottom of your layer panel. Do the same in your timeline

Step 4:

Click the hamburger stack at the right hand side of your timeline then click “select all frames”

Click one of the little arrows on one of your frames and change the speed to 0.05

Step 5:

Change the size of your canvas. Tumblr has specific dimensions for gifs. For 1 column gifs, the width should be 540px, for 2 column gifs the width should be 268px, and for three column gifs the width should be 177px on the outside gifs and 178px for the middle gifs.

My favorite dimensions are 540px by 340px but you can mess around with the height. The height of the gif does not matter

Step 6:

Select your group then go to edit > free transform. Use free transform to adjust your frames to fit your new canvas size

Step 7:

Click the hamburger stack and select all frames. Ungroup your layers by right clicking your group then “ungroup layers”.  On the bottom left side of your timeline, click the little hamburger stack with a line through it to covert your timeline to frame animation. Just make sure all of your frames and layers are selected when you turn your timeline into frame animation

Step 8:

Select all of your layers and right click > “covert to smart object”

Your work space should look like this

Step 9: 

The coloring! Click the little folder at the very bottom of your layers panel

Step 10:

Click the adjustment layers option and select “Channel mixer”.  

I really like channel mixer for scenes that are really blue and really yellow. It’s a quick way to reverse those filters. Channel Mixer works with contrasting colors. So, your blues go yellow, your greens go purple and your reds go blue. I highly recommend this tutorial by @zoyanazyalensky​​​ . It is amazing and they explain channel mixer worlds better than I ever could lol

For my gif, it’s really blue, so I go to the blue channel and bring the blue blues down a little

My gif starts going a little bit green so I open the green channel and bring the green greens down a little bit

I just messed with the blue and green mixer until I was happy with it. My channel mixer settings ended up looking like this

Step 11:

Click the adjustments layer option and select "Brightness/Contrast”

These are my brightness and contrast settings. Set these to whatever works best for your gif. Be careful not to brighten too much because your gif can go a bit grainy if you do

Step 12: 

Click the adjustments layer option and select “Color Balance”

I love color balance. You can adjust a lot with it and it’s a great adjustment layer. For every gif, I start with midtones. For blue gifs like this one, I slide all of the sliders to the right and staircase them. There isn’t a specific number I set them to since every gif is different so I just slide them until I’m happy with them.

Next, click the drop down menu that says “midtones” and select “shadows”. For shadows, I also slide them just a little bit to the right.

Next, click the drop down menu and click “highlights”. Again, just move those a little bit to the right.

This is what mine looks like

For gifs that are more yellow, you’ll likely slide your sliders to the left instead of the right!! 

This is what my gif looks like with Channel Mixer, Brightness/Contrast, and Color Balance

Step 13:

Click the adjustments layer option and select “Selective Color”

Selective color is great because it allows you to fine tune individual colors within your gif rather than changing the entire color of it. Selective color is really helpful when it comes to skin tones as well. There isn’t a specific way I do this lol I just slide the sliders left and right until I like what it looks like lol

This is what mine looks like

I almost allows brings the white blacks all the way to -100 and have the black blacks set to +1 to +3

Step 14:

Click the adjustments layer option and select "Vibrance”. I just upped the vibrance and saturation a bit since Jason’s skin was looking a little washed out.

This is what mine look like

Step 15:

Add your sharpening!! Click your smart object then go to filter > sharpen > smart sharpen. I’m using sharpening by @anya-chalotra​​​ but I usually set the reduce noise to 7

Step 16:

Export!! Go to file > export > save for web

Make sure your gif is under 10mb (red circle) because if it’s over 10, it won’t play on Tumblr.

Make sure your colors are set to 256 and your dither is 100% (green circle), the quality is set to “bicubic” (blue circle), and the looping is set to forever (pink circle). The yellow circle are my other settings. You can play around with those but I find adaptive and diffusion work best in most cases!!

Step 17:

Photoshop will export your gif with a speed of 0.07 so now you need to fix that. Once your gif is saved, open your gif in Photoshop again. Select all of your frames and change the speed to 0.05. Then export it like above and save!!

And that’s it!! I hope this was at least somewhat helpful!! If you have any questions, feel free to send me an ask!!

Here are some other gifs I’ve done following these same steps