#all photoshop is is clicking things and hoping for the best

[lifehacksthatwork]

Just a bunch of Useful websites - Updated for 2023

Removed/checked all links to make sure everything is working (03/03/23). Hope they help!

Sejda - Free online PDF editor.

Supercook - Have ingredients but no idea what to make? Put them in here and it'll give you recipe ideas.

Still Tasty - Trying the above but unsure about whether that sauce in the fridge is still edible? Check here first.

Archive.ph - Paywall bypass. Like 12ft below but appears to work far better and across more sites in my testing. I'd recommend trying this one first as I had more success with it.

12ft – Hate paywalls? Try this site out.

Where Is This - Want to know where a picture was taken, this site can help.

TOS/DR - Terms of service, didn't read. Gives you a summary of terms of service plus gives each site a privacy rating.

OneLook - Reverse dictionary for when you know the description of the word but can't for the life of you remember the actual word.

My Abandonware - Brilliant site for free, legal games. Has games from 1978 up to present day across pc and console. You'll be surprised by some of the games on there, some absolute gems.

Project Gutenberg – Always ends up on these type of lists and for very good reason. All works that are copyright free in one place.

Ninite – New PC? Install all of your programs in one go with no bloat or unnecessary crap.

PatchMyPC - Alternative to ninite with over 300 app options to keep upto date. Free for home users.

Unchecky – Tired of software trying to install additional unwanted programs? This will stop it completely by unchecking the necessary boxes when you install.

Sci-Hub – Research papers galore! Check here before shelling out money. And if it’s not here, try the next link in our list.

LibGen – Lots of free PDFs relate primarily to the sciences.

Zotero – A free and easy to use program to collect, organize, cite and share research.

Car Complaints – Buying a used car? Check out what other owners of the same model have to say about it first.

CamelCamelCamel – Check the historical prices of items on Amazon and set alerts for when prices drop.

Have I Been Pawned – Still the king when it comes to checking if your online accounts have been released in a data breach. Also able to sign up for email alerts if you’ve ever a victim of a breach.

I Have No TV - A collection of documentaries for you to while away the time. Completely free.

Radio Garden – Think Google Earth but wherever you zoom, you get the radio station of that place.

Just The Recipe – Paste in the url and get just the recipe as a result. No life story or adverts.

Tineye – An Amazing reverse image search tool.

My 90s TV – Simulates 90’s TV using YouTube videos. Also has My80sTV, My70sTV, My60sTV and for the younger ones out there, My00sTV. Lose yourself in nostalgia.

Foto Forensics – Free image analysis tools.

Old Games Download – A repository of games from the 90’s and early 2000’s. Get your fix of nostalgia here.

Online OCR – Convert pictures of text into actual text and output it in the format you need.

Remove Background – An amazingly quick and accurate way to remove backgrounds from your pictures.

Twoseven – Allows you to sync videos from providers such as Netflix, Youtube, Disney+ etc and watch them with your friends. Ad free and also has the ability to do real time video and text chat.

Terms of Service, Didn’t Read – Get a quick summary of Terms of service plus a privacy rating.

Coolors – Struggling to get a good combination of colors? This site will generate color palettes for you.

This To That – Need to glue two things together? This’ll help.

Photopea – A free online alternative to Adobe Photoshop. Does everything in your browser.

BitWarden – Free open source password manager.

Just Beam It - Peer to peer file transfer. Drop the file in on one end, click create link and send to whoever. Leave your pc on that page while they download. Because of how it works there are no file limits. It's genuinely amazing. Best file transfer system I have ever used.

Atlas Obscura – Travelling to a new place? Find out the hidden treasures you should go to with Atlas Obscura.

ID Ransomware – Ever get ransomware on your computer? Use this to see if the virus infecting your pc has been cracked yet or not. Potentially saving you money. You can also sign up for email notifications if your particular problem hasn’t been cracked yet.

Way Back Machine – The Internet Archive is a non-profit library of millions of free books, movies, software, music, websites and loads more.

Rome2Rio – Directions from anywhere to anywhere by bus, train, plane, car and ferry.

Splitter – Seperate different audio tracks audio. Allowing you to split out music from the words for example.

myNoise – Gives you beautiful noises to match your mood. Increase your productivity, calm down and need help sleeping? All here for you.

DeepL – Best language translation tool on the web.

Forvo – Alternatively, if you need to hear a local speaking a word, this is the site for you.

For even more useful sites, there is an expanded list that can be found here.

[juergenklopp]

How do you make your gifs?

Hello hello! I love talking about gifmaking, so thank you for giving me the chance to ramble.

Instead of a detailed step-by-step walkthrough, I will link tutorials and resources written by the wonderful Tumblr creators on here along the way. Everyone has their method and preferences, and there’s no right or wrong way to make gifs. I’m going to share techniques and resources I picked up along the way that work best for me—they may or may not be suited to your preferences, but I hope you’ll find some helpful things here.

(Warning: screenshot/image heavy)

USEFUL TUTORIALS AND RESOURCES

Here are some tutorials and resources that I found very useful when I got back into gifmaking:

Gifmaking tutorial using video timeline by @hope-mikaelson is identical to my own process

Gifmaking and coloring tutorial by @kitty-forman​, whose process is very similar to my own

Giffing 101 by @cillianmurphy​, an incredibly detailed tutorial that covers everything you need, including a step-by-step guide to using HandBrake

Gifmaking and coloring tutorial with 4K HDR footage by @sith-maul​, another incredibly detailed tutorial with many useful tips

Gifmaking tutorial by @jeonwonwoo, incredibly comprehensive and covers so many aspects of gifmaking from basics, sharpening, captioning, and text effects

Gifmaking/PS tips and tricks by @payidaresque

Action pack by @anyataylorjoy​, the Save action is especially a true life-saver

@usergif and @clubgif are amazing source blogs with many tutorials on gifmaking, color grading, and gif effects, can’t be thankful enough for the members for their work curating and creating for these blog!

TOOLS

Adobe Photoshop CS6 or higher, any version that supports video timeline. @completeresources​ has many links to download Photoshop, have a look!

Photopea is a free alternative to Photoshop, but it has a slightly different UI, check out these tutorials for gifmaking with Photopea

HandBrake or any other video encoder, especially if you’re working with .MKV formats 

4Kvideodownloader for downloading from YouTube, Vimeo, Instagram, etc.

OBS Studio or any other similar screen capturing software. To prevent duplicate frames in gifs that prevents your gifs from looking smooth, try to match the recording frame rate (FPS) with the source.

IMPORTING FOOTAGE AND WORKING IN VIDEO TIMELINE

I work exclusively in video timeline instead of importing video frames to layers or loading files into stack. For videos that don’t require converting/encoding using HandBrake, especially ones that are already in .MP4 format, I tend to open the video directly on Photoshop, and trim the videos around directly.

As mentioned above, this gifmaking tutorial using video timeline is exactly how I make gifs. I find it more efficient, especially if you’re making multiple gifs from the same video/the same scene with little to no change in lighting conditions You can simply slide around sections of gifs you want to save, and they will all be the same length.

Another thing also covered in the tutorial linked is the ability to change video speed in video timeline mode. Right click on the video and set the speed before proceeding with cropping/resizing. This is also very useful when you’re making blended gifs where you need the footage to have the same length.

Slowing footage down.

As mentioned in this post, changing the FPS before slowing down the gif results in smoother gifs. Doubling the frame rate before slowing down your gifs usually yields the best result.

Speeding footage up.

I love using this to speed up slow motion B-rolls to make the speed slightly more natural. It will result in nice, smooth gifs:

(B-roll footage, normal broadcast speed)

(200% speed)

Subject won’t stay in frame?

Another feature of the video timeline mode. Keyframes are your best friend. This tutorial by @kangyeosaang covers everything you need to know about panning gifs. I use this technique regularly, it’s a life-saver.

COLORING

Here are some coloring tutorials I found very useful:

Coloring tutorial by @brawn-gp beloved, their coloring style is second to none

Mega coloring tutorial by @yenvengerberg, for stylized /vibrant coloring

Understanding Channel Mixer by @zoyanazyalensky

Coloring rainbow gifs by @steveroger, which delves deep into Channel Mixer

I tend to go for neutral-saturated coloring in general,  especially for minimalist gifsets with no effects (blending/isolated coloring/overlays etc.), but the possibility is endless for stylized coloring. Here’s what my adjustment layers look like for the example gifs above.

The base footage for this Charles gifset is incredibly desaturated. I started with a Curves layer to bring contrast to the gif, as well as do some color-correcting to bring the base footage to a more neutral tone. To bump contrast, I also like to add a black and white Gradient Map layer with a Soft Light blending mode at 10%-30% opacity:

The Vibrance layer is then used to lift the saturation of the base footage, with the Selective Color, Hue/Saturation, and Channel Mixer layers to help remove the green/yellow tint to his skintone.

An underrated adjustment layer/preset in my opinion is the Color Lookup. You can layer in pre-loaded .LUT color grading presets to help speed up your process. For this gif, it’s simply a base preset Soft Warming Look to achieve a warm, pink-tinted tone.

In hindsight I feel like this gifset is too saturated, his skintone is skewing very red/pink, I could’ve bumped down the lightness of the reds with a Selective Color layer or a Hue/Saturation layer. Try to err on the side of neutral for skintones. Experiment with layer orders—there’s no right or wrong! Remember that each layer build up on the one before it.

The base footage of the Jalen gif is already quite nicely color-graded, but it’s still muddy and underexposed. As with the Charles gif, I started with a Curves layer to bring the gif to a better baseline contrast. Then I focus on brightening the gif with the Brightness/Contrast and Exposure layers.

The Hue/Saturation and Selective Color layers are to color-correct Jalen’s skin tone—it’s something I spend most of my time coloring gifs and focus a lot on, especially when color grading BIPOC skintones. Putting a Vibrance layer, upping the Vibrance and Saturation, and calling it a day would make his skintone skew very, very yellow/orange.

Focus on the reds and yellow for skintone, play around with the Saturation and Lightness sliders, use the Hue slider with caution.

It can be tricky to achieve the right skin tone when working with sports footage vs the higher quality, higher dynamic range footage of films or TV shows, but I try to keep it as close to the subject’s natural skintone as possible.

Here are some of tutorials with tips and tricks on coloring BIPOC:

How to fix orange-washed characters by @zoyanazyalensky

How to prevent pink-washing and yellow-washing by @jeonwonwoo

Coloring tutorial by @captain-hen

Changing lighting conditions?

Fret not—this is why I love working in video timeline. I’ll take this gifset as an example: it’s a deceptively difficult one to color. The footage is 720p and the sunlight shifts throughout the video, so matching across gifs was tricky.

My solution was to split the clips in sections with consistent lighting, and apply adjustment layers to the individual sections before applying general color grading layers on top of everything.

We can make use of the Fade Transition effect for sections where the lighting changes within the gif section we want to color.

(without vs with Fade on the Brightness/Contrast layer)

The difference is subtle in this example, but the brightness in the right gif is noticeably more consistent throughout. You can also add the Fade Transition effect to the beginning for a fade in, of course.

SHARPENING AND OPTIMIZING GIF QUALITY

This tutorial by @anya-chalotra​ covers everything you need to know about optimizing gifs for Tumblr.

Sharpening.

Sharpening is essential to making crisp gif images. Here’s another ask I answered re: my own sharpening settings and maximizing gif quality.

(base footage, unsharpened)

(color graded, unsharpened)

(color graded, sharpened)

The final gif is sharpened with Smart Sharpen, 500% at 0.3px and 10% at 10px (my standard sharpening settings).

Here are some tutorials and resources on sharpening:

Sharpening process by @anya-chalotra

Sharpening tutorial with added gaussian blur by @haleths

Sharpening action by @daenerys-stormborn

Size your gifs for Tumblr correctly.

This is essential: full width gifs are 540px wide.Two side-by-side gifs should be 268px wide. Here’s a handy post on gif size guide for Tumblr.

Incorrectly sizing your gifs will take away the quality of your gifs: undersizing your gifs will especially make them grainy, blurry, and /or pixelated, and won’t display correctly on many people’s desktop theme. Oversizing usually isn't as dramatic as undersizing, but it will make the gifset glitch when displayed, and the file size will be unnecessarily bloated.

Work with HD footage if possible.

Media fandoms (films/TV shows) are luckier than us in the sports trenches—we have to work with what we have. Broadcast footage is usually subpar: lacks contrast, pixelated, very desaturated, the list goes on. But it’s possible to still make high quality gifs from subpar footage. Here are a couple of tutorials to mask low source footage quality:

low quality video ➜ “HD” gifs tutorial by @nickoffermen

Sharpening low quality footage by @everglow-ing

(This gifset I made is from a 480p footage with horrendous lighting conditions and colors, and the end result is decent I’d say)

Save for Web (File > Export > Save for Web (Legacy) or Ctrl + Alt + Shift + S) settings.

I default to Adaptive + Diffusion but also use Adaptive + Pattern from time to time. Any combination of Adaptive or Selective + Diffusion or Pattern will give you a good result. In my experience some gifs will need the Selective color table for the colors to display correctly.

Here are my default settings:

SAVING AND EXPORTING FOR TUMBLR

Converting to frames and adjusting the gif speed.

If possible, avoid exporting your gif and reopening it to adjust the frame speed. I used to do this sometimes when I’m lazy, I have to admit, but this is where this Action as mentioned at the beginning comes in very handy. It converts all visible layer into smart object, then converts it back to frame animation.

Step-by-step:

1. Select all layers

2. Right click > Convert to Smart Object

3. Go to the Timeline menu (≡) > Convert Frames > Flatten Frames into Clips

4. Go to the Timeline menu again (≡) > Convert Frames > Convert to Frame Animation

5. In the same menu (≡), select Make Frames from Layers

6. Delete the first frame (it’s a duplicate) then set your frame speed

Now you can adjust the frame speed before exporting it (Save for Web).

Pay attention to the source framerate.

The frame delay of 0.05 s is usually the default to make gifs for TV shows and films, and it is preferred by most gifmakers. This stems from the fact that most movies and TV shows are 24 or 25 FPS. This may not be the case for all source videos: you might get 30 FPS footage, and sports or gaming footage can be 50 or 60 FPS. Gif speed also depends on the FPS of your original file. Play around with gif speed and see what feels most natural to you.

My rule of thumb is the frame delay Photoshop gives you + 0.01 s. For example, 50 FPS footage will give you 0.02 s frame delay (25 FPS gives you 0.04, 30 FPS gives you 0.03, etc.), so set it to 0.03 s. I usually err on the side of a faster frame delay for smoothness in in-game sports footage, anything else (interviews, press conferences, B-rolls) can get away with being slowed down. Again, experiment and see what you think looks best!

Keep gifs under the Tumblr file size limit (10 MB).

Cut down the number of frames. My gifs are usually around 60-70 frames for 540px full-width gifs, but depending on the coloring, sometimes you can get away with more. 268px gifs can go up to 200+ frames.

Crop your gifs. Remember to keep full-width gifs at 540px wide, but if necessary, you can crop the height. My go-to sizes are 540x540, 540x500, 540x450, and 540x400.

Amp up the contrast of your gifs. Flat colors like black cut down gif size.

The Grain filter or Noise filter, though beautiful for aesthetics or simply necessary sometimes to mask low source footage quality/pixelating, may bloat your gif size.

Play your gifs back before exporting.

Pay attention to duplicate frames or glitches, you might need to get rid of them!

Hope this is helpful! Don’t hesitate to send an Ask or DM if you need any help, I will happily answer all your questions and send over PSDs. (I’m also on Discord—just shoot me a message if you need my tag!) Happy creating :]

[citylighten]

Subtitling Tutorial

This one goes out to you @weirdosalike 🙌🏾

As a disclaimer, my program of choice is Photopea, but this is so simplistic it definitely works for Adobe Photoshop as well. The first thing to do, of course, is find the cap you want to place subtitles on.

My caps are huge, so the size you want your subtitles to be is ultimately dependent on what you think corresponds with your image size the best. However, readability is everything. So, you want them large, but at the same time you don't want them to be overly big especially if you plan to have other characters speaking in the caption. (Enormous text is only what I do when I'm having characters really scream or be in an emotional state, it shows emphasis.)

Generally, my setting for text look like this. The bold thickens the text and the size works well for my images. Usually, I use white and golden colors for my speakers, but if it's a scene with numerous characters I splash color to indicate who is who.

Example:

On that note, I try my hardest to choose light colors for my speakers because it can ideally show against the background well opposed to if I used darker hues. Ultimately, I don't think I'm the best at color picking so discovering what works and what doesn't work is like trial and error but for the most part? I believe that light colors are the way to go.

But let's go back to our original cap.

You can't read this at all! So what we're going to do is put an outline around it. By clicking the effects button you'll see this list of options

What you want to click is stroke, which will show you these settings.

This is how the font now looks with an outline. But it's still not quite readable, so I add a drop shadow to create a contrast.

It stands out more prominently, although you may personally want the font to be a bit bigger. And after clicking okay, this is the outcome!

Sometimes I consider new forms of editing like having a faded black box behind the text, but I'm not fully committed to the concept. But this is the fun of editing; figuring out what works and what doesn't work! Hope this is helpful.

[warmsol]

hi!! feel free to ignore this if you'd rather not answer it but i'm just wondering how you edit your backgrounds because they are breathtaking! there is just so much motion in your edits and i love them so much, you are so skilled <333

hi! i’m sorry it took me a bit to answer this, i kept forgetting 😭 but thank you for the kind words, i adore your editing so it means a lot coming from you! ANYWAY! i’ll get into it the best i can down below

when it comes to my edits, it really depends on the screenshot. but i’ll use my makoa edit for an example!

so, this is the original unedited screenshot. i’ll be basing my background off the horizon/ocean behind him. (also keep in mind i do this all with photoshop!)

first thing i’ll do is separate makoa from the background. (do this is whatever way works best for you, for me i use quick selection or pen tool depending on my mood) when he is selected, i'll press ctrl+j and he'll appear cut out in a new layer. it should look like this.

pressing ctrl, hover over your cut out sim layer, and click it. this will active the selection again. now, navigate to your original background layer. with the selection still active, go to select > modify > expand. expand this selection by about 15-20px. press okay! your selection will grow. now go to edit > content aware fill press okay. your original background should be filled now. (hide your cut out sim and wooo there ya go) it'll look something like this.

looks a bit funky now, but once we get into laying down the ocean/sky it'll come together in time. SO! first thing i do is grab the ocean texture i've made/edited for personal use. i'll match this the best i can to the in game ocean/adjust it to my liking. it'll look something like this.

now, i use my beloved sky replacement tool in photoshop to add in a sunset! if you don't know where it is just go to edit>sky replacement. choose a sky you like, and mess around with the settings until you get it to your liking. mine looks like this now.

now we've got our almost finished background. here i'll run some topaz/sharpen actions i have, and blur it using tilt shift.

now you can go in and add whatever you'd like. i usually don't finish my background off until i'm almost done editing, since i place everything around my sim. but here i added in the sun, some lighting, birds!

and then it'll come together in the end after shading/highlighting and color adjustments like so.

i really hope this was semi helpful?! i suck so bad at explaining things lol ;-;

[vvstual]

i finally hit 1k!!! (no thanks to tumblr glitching my follower count) i'm really glad so many people like the little images i make☺️ to say thank you i prepared a little something! i've put together all the overlays i have downloaded that i use in my gfx as well as the fonts i've collected over the past couple years (and an updated giffing "tutorial"!) love u all hope november is kind to you<33

for starters here is the mega folder with all of my fonts and pngs! below is my semi-updated giffing process along with some of my actions<3

my process is pretty much the same as my old tutorial but now i've changed how i export gifs! my basic process is outlined in the gif below and and i've added 3 of my actions i use almost every time i gif in this google drive! (explanations below) :]

so after i know what clip i want, i put it into vapoursynth (download tutorial) and once that's saved i screencap it. what i do for screencapping is open the mov in mplayer osx extended and hold down shift+command+s but i know there's way easier ways to do it that i haven't figured out yet lol (tutorial i just found here)

once the screencaps are all on my desktop i delete any extras on either end of the clip i want and put them in a folder just so it's easier to load them in to photoshop. to do that, on the home page of photoshop go to file -> scripts -> load files into stack, then from that menu browse -> select all the screencaps you want to use for the gif and click open then ok

after they're all loaded into photoshop this is where i use my first action which just shortcuts all the way to the sharpening being done. once that's done i go to image -> mode -> 16 bits/contrast. this can help if the background is super pixely or anything like that. then i mess around with sharpening if i feel like it's too much. usually i'll change the opacity of the second sharpen layer to 50 and/or change the settings of the first sharpen layer like 200 to 150 or 0.3 to 0.2, whatever i feel like looks best. something i've also learned over the years is that sometimes you let noise do the heavy lifting and don't worry about making it look too sharp. if the gif is still a little bit unsharpened (?), the noise will make it look fine

then i do coloring which is the fun part! like i said, my process is more or less the same as my old tutorial so i'll just skip over that part and if you want more details feel free to check that one out. once i'm done with that i combine it all to a smart object, add noise (usually 1-1.5 these days), and then use my second action!

after the second action does its thing, i select all frames and set the rate. i usually set it to 0.04 for youtube videos and 0.02 or 0.03 for ts files. then, because vs leaves me with duplicate frames, i run my action for duplicates which selects all of the unwanted frames and then go to the hamburger menu just above the timeline -> delete frames. then it's ready to be saved!

[weaselishmcdiesel]

theres a youtube channel profiting off and lying about ai art and it's pissing me off

@/tendofarms on youtube uses ai art in the thumbnails and videos of their animal crossing compilation videos, claims it to be made by them despite also giving credit to a @/lumasi.png on instagram, who claims it's "a comission." this art is also being sold on merch on the channel's etsy account.

They haven't posted a video in 2 months but to see that they've made money through this scheme really pisses me off. Also the fact that they're attempting to decieve people by creating a fake artist on instagram who posts the ai art. They've attempted to say the art is a blend of original art made in photoshop/illustrator as well as the help of ai art. I dont believe this is true and im going to show your asses why

On their first video, they say

"my normal workflow so far has been to paint backgrounds, then get Ai to help with character design, i bring to photoshop to select my favorites, and put together something from my personal painting combined with my favorite Ai characters. Hope this clears things up :D"

The art in question:

and if you have no issues with it, here are MY issues with it

i'll pretend for a second that this person did make the backgroundand ignore the fucking surreal characters. sure. ok so what the fuck are these details. and also how did the ai manage to match your style so well? it doesnt have a backglog of years of YOUR work, does it?

On another video, they say

"a lot of illustrator/photoshop work went into this art. I used Ai to get ideas for composition and generate some character ideas, still some stuff i wish i improved but i think i got it to a decent final stage. Hope you guys enjoy the art and the mix <3333 love!!!"

the art in question with my notes.

The reason this particular post stands out to me is because in the DESCRIPTION of this video, they say the art was made by @lumasi.png on instagram. So when i go to their account and find this art, i see this

so, ok. was it a commission or did tendyfarms make it using a lot of illustrator/photoshop work. and if they ARE two different people.. wow their styles are so similar thats crazy /sarcastic as fuck

I would also like to point out that @/lumasi.png's first post, one that isnt featured in a tendyfarms video, also reeks of ai.

But maybe this isnt a big issue. Their etsy after all only shows that theyve made 16 sales, and their most popular views sit around 100k views, which probably isnt enough to even earn a stable living from, so who cares.

Just. as someone who listens to a lot of music from youtube mixes/compilations, who also makes art, i feel it's really fucking disrespectful to try and claim art as your own in a space where i go to try and relax or find new musical artists. and it's fucking rampant! i have to check each mix to see if using ai for the art, which i can only really see if i click on the video, giving them a small boost in stats. And if they arent using ai art? theyre probably stealing the art directly from an artist and not giving proper credit. Forget about asking the artist for permission, it's not like countless youtubers have explained how thumbnails are The Most important element of a video. Just go ahead and take someone else's work to give yourself some cash.

I know tumblr users hate generative ai already, but i'd just like to give a little attention to what youtube looks like, and to try and ask for more vigilance, more comments calling out the bullshit. I dont see a lot of comments at all on tendofarm's posts! or any mention of ai can be brushed away with "oh i used ai as well as drawing it myself" :/ you didnt buddy. you just didnt do that.

Idk what the right thing to do is, report their etsy? report their youtube? does either company care? maybe you can tell me

but i should probably say dont harass them. as much as i would like to. just try your best not to give retention to videos that shamelessly and ile about ai. Really look at the videos, really scrutinize if you can spare the time to. thanks

also. is it just me or do the cats in lumasi's pfp and this etsy reviewer's photo look the same. not sure what this could mean. up to you

[lucascsinclairs]

I got an ask about my gif making process, and my reply started getting way too long so I figured I'd make an updated gif tutorial/a rundown of what my giffing process looks like today. I hope this is helpful!

The anon mentioned how they really want to start making gif posts but they don't know how to, and I really was in that same spot three years ago, seeing all the pretty gifs people were making and wanting to do the same thing but just not knowing how.

I taught myself to make gifs from many different tutorials I found on here, and now years later my method is a mix-match of all of them. In this post I’ll go through my personal process but first I will link some great resource blogs that have more in-depth tutorials and resources on all different aspects of gif-making.

Both @usergif and @completeresources have great organized tutorial pages that I check all the time for different techniques. They’re so helpful! For beginners I’d recommend *these * *tutorials* for example.

For a walkthrough of my giffing process, keep reading!

First steps

Alright, let's start with the basics: I make my gifs on Photoshop and I currently have the 2023 version, so keep that in mind when looking at the screenshots I included, since there can me small differences between versions.

There are really two main ways to start out the giffing process on Photoshop. You can take consequent screenshots of the scene you want to gif and then use ‘Scripts’ and ‘Load Files into Stack’ to load them into Photoshop. I used to use this method before, and my previous giffing tutorial explains all the steps for it, as do the gif tutorials I linked. 

But these days I use the other method, which involves making a shorter clip of the scene you want to gif and then using 'File' > ‘Import’ > ‘Video Frames to Layers’ to import the clip into Photoshop.

The difference between the two methods isn’t really that big, just up to personal preference and what fits your workflow best. I think the reason why I switched over was just cause I found it annoying dealing with all the screenshots.

My current process starts with opening a clip I want to gif with ‘Video Frames to Layers’. In the window that opens, I use the little arrows to select the exact shot I want to use. Here it's good to include a couple frames from before and after the exact shot you want to gif. That way you can make sure to get the whole shot included.

When the frames load up, this is what my set up view looks like. It might look different depending on the version of Photoshop, and also depending on your personal customizations, but this is what my workspace looks like. In order to get this view, make sure you have 'Timeline' selected from the 'Window' menu from the top bar.  

Real quick to help make the tutorial more clear even if you’re not that familiar with Photoshop yet, the three main views I’ll be talking about are the frames, the layers and then the adjustments. Frames are the little film-reel-looking horizontal row on the bottom, and the layers are the vertical stacked row on the right. I have the adjustments on the right above the layers.

To start off, we’ll be working with frames. Since I selected some extra buffer frames from the clip in the import phase, now I'll first delete those frames that I don’t need by selecting a frame and then clicking the little trash can icon under the row of frames. When you are left with the shots you want to use, go to the menu of the three little lines on the top right of the frames view and pick ‘Select All Frames’.

Now that they’re all selected, you can set the frame delay. This basically just means how “quick” your gif will be. There are different preferences to this, but generally you’d want to pick a delay from 0.05 to maybe 0.1 for really short gifs that you need to be slower. My go-to is a frame delay of 0.07.

Whichever number you go with, you’ll chance it by clicking the tiny downward arrow on one of the frames (with all the frames selected). From the window, pick ‘Other’ and then type in your number.

Resizing and cropping

After this it’s time to resize and crop your gif. Here there are again some different methods you can use, in my previous tutorial I used the Crop tool and then resized the image. But these days I do this in a different way. Again, what way you use is all up to preference.

So what I do is make sure that all the frames are selected, and then from the menu I pick ‘Copy Frames’. After copying the frames, I make a whole new file from ‘File’ and ‘New’. This will be the canvas where I’ll make the final product of the gif, making it the exact size I want the gif to be. I prefer this method because with it you can alter the cropped area easier to see what looks best. Also this way if you’ve initially loaded a lot of unnecessary frames that you deleted previously, this way only the layers that are left transfer over and it’s less bloated in the layers panel.

In the "New Document' window pick your gif size (keep in mind the Tumblr dimensions of 540 pixels wide for big, all-across gifs, and 268 pixels wide for side-by-side gifs). With today’s gif I went with the dimensions of 540x450.

When the new file opens up, select ‘Create Video Timeline’, then from the bottom left corner click ‘Convert to Frame Animation’ and then from the three-line menu select ‘Paste Frames’. After your frames load in, you can delete the first blank frame.

Now you will resize and crop your gif. Make sure to select all frames again and then press CTRL/Command + T to activate the Transform tool. Use the guide lines that appeared to drag and resize the gif to fit your canvas. Play the gif by clicking the play button under the frame row to test how it moves within the canvas and move it around until it looks right. You can also go and change the canvas size from ‘Image’ and ‘Canvas Size’ if you want to.

At this point my gif looks like this:

When you’re happy with the cropping, it’s time to start adjusting the gif!

Lighting

For coloring and lighting the gif, we’ll move over to the right to the Layers panel. Make sure you have the top layer selected. We will be using Adjustment Layers to change the appearance of the gif, and they will change the layers below them, so this way we make sure the changes apply to all layers. 

There really are so many ways you can edit and adjust your gifs, these are just the methods I use the most. So, open up the Adjustments view and let’s get started!

(side note: Lighting dark scenes is a whole different topic, so for this basic tutorial I picked a well-lit shot so we won’t have to worry about all of that when lighting it.)

I usually start with the Curves layer. Pick the bottom eyedropper tool on the left, with the white tip. With this, click on the brightest part of the gif to set the white point. This is especially useful with gifs that have some kind of a color tint (for example the green hue in the Hawkins Lab flashback scenes). By picking the white point, it will adjust not only the lighting but also the hues of the gif.

After picking the initial white point, you can go in and adjust. From the RGB dropdown menu, pick the individual color channel (Red, Green, Blue) and drag and adjust the curve until the colors and lighting look good to you. Here again, it’s all up to your personal preference. I personally prefer coloring that is more on the warmer side, so in this phase I usually strengthen the reds in the gif and tone down the greens. Remember, this is just the first phase of coloring, it doesn’t have to look perfect right away. 

Next, go back to Adjustments and make another Curves layer on top of the first one. This time pick the top eyedropper tool with the black tip. Then click on the darkest part of the gif to set the black point. I don’t always do this, especially with dark scenes, but in neutral lighting like this, it can help with the contrast and make the coloring more vivid. Here you can once again adjust the RGB curves individually until you’re happy with the result. Oh but don’t think we’re done with the Curves layers just yet! After the white point and black point layers, I usually open a third Curves adjustment layer for lighting the gif. Here I usually stick to the overall curve, not going into the individual color channel ones. I drag and adjust the curve to make the lighting of the gif look good. And here’s what my gif looks like with all the Curves layers:

The brightness is starting to look pretty good now, but I’ll just add a couple more adjustment layers that I usually use. Again, this is just my process, all the layers aren't always essential and their usefulness really varies depending on the specific shot you’re working with. My advice, especially when starting out with adjustment layers, is to try out different adjustments to see what they do and how they make the gif look. If it looks bad, no worries, just CTRL/Command+Z it away!

So at this point I usually apply a Levels layer to brighten a little and then to deepen the shadows a bit to up the contrast. Then a Brightness/Contrast layer and maybe an Exposure layer to help do the same thing. I find that by using the different tools and making small adjustments in each one, it makes the lighting look nice. After these layers, here’s what the gif looks like:

Coloring

Now it’s time for the actual coloring! My favorite part! There are a billion different ways to color a gif and a billion different styles to go for. Here I’ll be doing a pretty neutral, natural coloring, but I also love my exaggerated, color-themed sets. Let me know if you’d like to hear my tips for those in another post!

With my workflow, I usually begin coloring with a Selective Color adjustment layer. And on there, I tend to always go straight for the Yellow view. There my go-to is to drag down the Cyan slider, since like I mentioned, I usually go for a warm-toned look. Here again my advice is to just mess around with the different sliders, see what they do, test them out to find a coloring you like. You can do the same thing with the Hue and Saturation layer, picking different colors in the gif and adjusting them to how you want them to look. The shot we’re working with doesn’t need a ton of color manipulation, so I won’t be doing too much with these layers, but they allow you to make some really cool colorful stuff! 

The Color Balance adjustment is up next, and it’s great at unifying the colors and also making the color shades look nicer after lighting. Especially with dark gifs, brightening a scene can make the darks look a bit muddy, so editing the Shadows of Color Balance can help with that. 

And lastly when I’m done with all the coloring layers, I apply a Vibrance layer on top, usually to up the Vibrance and Saturation, since I love my bright saturated colors. This shot is pretty bright on its own so I won’t have to tweak it a lot. 

Once I’ve got all the adjustment layers in place, I’ll usually group all of them together. You can do this by selecting all the adjustment layers and then pressing CTRL/Command+G to put them into a group folder. I like to have it organized like that and it also makes it easier to look between the original gif and the adjusted one by toggling the little eye icon on the left of the folder. This way you can check if there’s something you still want to change, or if you want to tone down some adjustments. With today’s gif I went and lightened the shadows a little. But after that I was happy with the coloring, and the gif looked like this:

Sharpening

It’s almost time to export the final product! But before that I'll sharpen the gif. I know many people like to sharpen their gifs before coloring them, that’s a pretty common way to do it. This is just the order I learned to do this in. I think it’s fun to sharpen last so that it’s kind of like a final polish to the gif! 

To prep the gif for sharpening, go to the bottom left of the frames and select ‘Convert to video timeline’. Now go back to the right and select all the layers in the layers view, the adjustment layers and all. Then with all of them selected, right-click to open a menu and from it, pick ‘Convert to Smart Object’. Now your layers are all in one object.

From the top row menu, pick ‘Filter’ then ‘Sharpen’ and ‘Smart Sharpen’. In the window that opens, pick these settings:

Then repeat the same thing, with the Smart Object still selected but now apply these settings:

(I have made these steps into an action, so I can do it with a simple click)

Exporting

With the sharpening done, our gif is ready!

To export it, go to ‘File’ and ‘Export’ and ‘Save for Web (Legacy).

A window opens up showing you the export settings. The first thing I do in this window is check the size of the gif, which can be found in the bottom left under the preview image. The Tumblr gif size limit is 10MB, so you need to stay below that. If the gif is bigger, I go back and make it shorter by deleting frames from the start or end of the gif. There are other ways to reduce the file size, but this is usually what I do. With today’s gif the size is around 5MB so we’re all good!

If you want to preview the gif in a moving form, click ‘Preview’ from under the file size, and it will open in your browser.

On the right of the preview image in the Export window you can see a bunch of different settings. In the screenshot you can see the settings I use, you can test them out and then tweak them to your liking. I usually keep them the same, though sometimes if there’s some pixelation in areas of the gif I test switching out ‘Adaptive’ to ‘Selective’ or ‘Diffusion’ to ‘Pattern’. But these are the settings I use in 99% of my gifs, and what I have found give the nicest end result for me.

When you’re all set with the settings you can save your gif into its folder and then you’re all done!

So there we have it! A basic rundown of my giffing process. I tried to keep it as clear and informative as possible, but I know I can get rambly so I hope this was helpful! For more details and tips, please refer to the tutorials I linked. There really are so many useful tutorials on here to learn from.

Lastly I'll add that making gifs is a creative art form and a skill like any other. You aren't going to be perfect at it on your first try, it takes practice and trial and error. When I look back on my first gifs I can see a hundred things that I would fix now that I have more experience. And the same will for sure be the case if I look at my current posts a couple years from now.

Figuring things out, learning what you like to gif and developing your style is what I find the most fun about the whole gif making process. I've been making them for three years now and I can say that I've developed a style that feels my own. And I swear, every time I see someone leave a tag to my post saying that they like my coloring and the style of my gifs, it always makes me so happy.

If you're thinking of starting to make gifs, I say go for it, give it a go, and have fun with it! 💛

[orbitsuns]

tada! as requested by anon & since this is one my frequently asked questions i thought i'd finally make it a proper post! ദ്ദി(˵ •̀ ᴗ - ˵ ) ✧

first things first, i use photoshop cc 2018 to edit & with just a keyboard n mouse. my editing is HEAVILY inspired by the amazing stellarfalls !! i'm also still experimenting with things so i'll try to keep this up to date ♡

first i use smooth sharp (no topaz) then i will sometimes mess with curves if my photo is too dark to begin with. then i add my lighting which is just drawing on an overlay layer with a round soft brush :3

(sorry for the weird cropping i was recording the wrong window</3) i'm not a pro at lighting LMAO but i'll put it roughly where light would hit from the surroundings so here would be the fireplace, there's also a lamp behind them. i change the opacity so its not as drastic! for this step & the next i usually lean towards very light yellow, orange & pink for my brush colour!

next is the fun yet most tedious part, specific highlights! the most important part here when you're not using a tablet is shape dynamics > fade under brush settings (smoothing is also your friend as well!) this entire part is trial & error, you basically just outline the sim where light would be hitting them! when i'm done i use the blur brush, make it fit the entire image & click twice. i know that's like super specific it's just what i've found looks best so far •ᴗ•

hair strand time hair strand time!! i'm still not really satisfied with them yet (think i'm just being overly picky tbh LMAO) but this is how i do them now. basically following literalite's old hair strands tutorial, fade is once again your friend! i use a clipping mask to change the colours (˶ᵔ ᵕ ᵔ˶) i just use an edited photoshop brush & you can find the settings in literalite's video! but here are some nice hair brushes if you want more variety! x

finishing touches baby! time for some dust & noise ( ˶ˆᗜˆ˵ ) this gif shows a whole lotta nothing but i like consistency! anyways, what i'm doing is just sizing the image to fit then changing the blending mode to screen, i usually change the opacity to about 60% or 80% ++ i add 1% noise to the image!

and tada! we're done~ ദ്ദി(˵ •̀ ᴗ - ˵ ) ✧

but what about my older posts? all i used to do was add the butter action along with smooth sharp still + dust overlays! up until very recently i also added crinkled paper overlays to my photos

for overlays (things like moodlets, pop ups & text) the most common things i use are bunnithechubs' moodlet psd's! & buglaur's tutorial for text, i used this tutorial for pop ups in my older posts as well! other editing things i may use can be found at my resources page ♡

and now we're completely done, i hope that answers everyone's questions but if you still wanna know something or you're confused please feel free to send me an ask! ヾ(˶ᵔ ᗜ ᵔ˶)

[that-student-that-has-homework]

Heyy, I’ve been reading your wonderful one piece works for a while — and I couldn’t stop wondering how are you actually doing those magnificent headers?

Like… hello? The great quality, with additional 3D-alike details I could catch by my eyes? I got only Ibis Paint X on mobile, since I’m only a young man that literally two months ago went on a life-time ‘adventure’ of living alone in a small apartment.

In short — I got no money to pay for additional graphics/drawing programs, not yet at least

Hello!

Thank you! I'm glad you enjoy my writing - I'm curious to know what's your favorite piece / part? Also I'm so happy you like my headers? Makes it feel worth it to spend time on them! :D

I have excellent news for you, I used a mix of Canva and Photopea. They're both FREE!

I'll be explaining the process for making these two kinda? The full tutorial is below the cut, to be courteous to the other folks, hope you don't mind?

Though I am hearing that Canva has given people some grief. But Photopea is just *chefs kiss*

If you've ever used photoshop, Photopea is essentially a free photoshop, and it even has the automation tools! An absolute lifesaver when you have multiple layers you want to export (but that's for larger projects not this)

I'm going to assume you have basic knowledge of layers in digital drawing programs for this. If anything isn't clear: ask me, I'll clarify!

//-------------------------------------------------

My General Process is:

Search for official art / images

bring it into canva / photopea

crop / arrange images to match the dimensions

select a thematic color that is associated with the character

separate the foreground from the background

mess around and test things until they work

//--------------------------------------------------

Given "Louder than Words" is the latest one I've made, I'll start with the process for it.

Dimensions: 3000 x 1055 px dpi: 96

//-------------------------------------------

Let's Get Crackin'

Alright let's grab some official art so we're not using any fanart without the artist's permission

I try to pick images that feel relevant enough to what I'm trying to make. For example: the image for the Matching banner shows the ASCE tattoo which is super important in that fic

2. Let's arrange them onto a banner where each individual image has the same/similar dimensions to the rest

That's probably part of why you like these. To a certain extent they have similar dimensions, so they have a uniformity that's pleasing to the eye! (It's not perfect because I threw perfectionism to the wind because this is tumblr not my portfolio) Tip: if you have 3 images and only 2 that have similar dimensions, and the 3rd one can't be cropped logically: but the one that's a different aspect ratio in the middle!

3. lets arrange them in such a way that the borders all feel like they're the same/equal width/thickness

you might find that you have to shrink some images for this, that's fine.

ALTERNATIVELY: if you're going with one image crop it so it's just the relevant info and it matches the dimensions (3000 x 1055 px)

We have our base! Now let's add some color, and direct the viewer's eye together!

4. pick out a color that you think matches your character / vibe - that color is going to be your background Given I'm making an Ace banner: orange is the color I'm going with

I went and named my layers for this lol. The numbers represent the opacity, and they aren't important. I just kept changing the opacity until I liked the way things looks. But here's the secret to the 3D feel:

Motionblur (+ moving it about)

Separating the foreground and background and dulling out the background.

I'm going to show you my process so you can see the effects, but first let's give you some quick skills:

//------------------------------------

SKILLS / THINGS I THINK ARE HELPFUL

//------- Select Similar

magic wand -> select something -> right-click -> select similar This works best when you have high contrast images (like manga panels that are black and white). You can select the black or the white areas. Depending on what works better for you. TIP! Invert selections with ctrl + i Say you know that you want to select everything but Ace's face in the second panel. Select his face with the magic wand then ctrl + i, and that's the only thing NOT selected

TIP!!!!!!!!!!!!!!! Please, please, please, duplicate your original image and work on the duplicate layer. This helps you SO much. !!!!!!!!!!!!!!!!! TIP! Check your selection tolerance! This could be why too little, or too much is being selected.

//------- The Move Tool

Shortcut key: v While the move tool is active, you can nudge the stuff on whatever layer with your arrow keys Shift + arrow key = 10 px move (generally)

//------- Layer Locking

1- Layer Blending Mode (see Overlay vs Multiply vs Normal) for how this can affect results) 2- Opacity: how see through it is / isn't 3- Lock Transparency (it's the little checker board) 4- Lock Layer (looks like a lock) 5- Lock icon that appears when anything on the layer has been locked More on 3 Lock Transparency: You can only paint on / modify what's on that layer. You CANNOT add anything to any area that is already transparent Here's a demo of what you can do with this power:

Here's the original Image - notice how it's just the lineart with a transparent background.

It's powerful: abuse it

//------- Overlay vs Multiply vs Normal

I think seeing this is the best way to visualize how different modes can affect the color.

//--------------------------------

Back to the Tutorial

!!I IMPORTANT NOTE !!

Please play around with the opacity slider to figure out what opacity works best for you on the multiple different layers we're about to make / work with. It's up to your own style to figure this out. Next: please feel free to not follow all of it. Add more layers, add less layers, take the base principles and go wild! :D

5. Separate the lineart from the background and save it as a new layer 6. Duplicate it and set it to overlay, or set it to overlay immediately

7. Duplicate that lineart layer twice and set the blending mode to overlay 8. lock transparency on the top one and change it to be a dark grey 9. Apply motion blur to both:

Main menu bar -> Filter -> Motion Blur I made it so that the grey layer was blurrier than the black layer

10. More them around a little to give it a "3D effect" as you called it.

It creates shadows under the lines - I was aiming for an effect similar to chromatic aberration (chromatic aberration is a valid way to add punch to your stuff too!)

So this is what things look like now - painful, but let's keep going

11. Duplicate the ORIGINAL / BASE lineart layer, that you DID not apply motion blur to -> set the blend mode to multiply (reduce opacity for it to actually take effect)

okay that's less painful here's what the layers look like right now:

let's bring more focus to Ace's face, and push the background farther away:

12. Use the magic wand tool to quickly select large areas of the faces / focal area / foreground and the lasso tool to refine things

TIP! Hold shift + click -> add to selection Hold Alt + click -> subtract from selection

13. On a new layer with blending mode -> lighten, fill that selection to be white

If you look at it, you'll notice that it is ALREADY starting to draw our attention to his face, but the background is kinda aggressive, so let's dim that down

TIP! Right-click on the gradient tool to find the paint-bucket tool

TIP! Sample All Layers: Turning this option off makes it so that you only work with the content on THAT specific layer. Turning it on makes it so that it is working while taking all other layers into consideration.

14. ctrl + click on the "white foreground" layer to select the contents of that specific layer (pink thing is your mouse)

15. ctrl + i to invert selection and ON A NEW LAYER (layer mode -> multiply) fill that with a complementary color

16. I did one last thing where I took the original base (before we separated the lineart) and added it to the very top and played with the opacity to get something less in your face (layer blend mode was set to NORMAL)

And that's it!

More considerations that I take:

I want the banner to be "thin" or not square, so it doesn't take up too much screen real estate on people's devices

I don't want readers having to scroll too much to get to my writing (which is the whole point of the post, let's not waste their time making them look for things)

I want the banner content to be relevant enough?

ie: with Matching: I wanted the ASCE tattoo to be visible. With matching I wanted Ace to not look too happy in some of them.

I'm also trying to avoid spoilers, I hated getting things spoiled, so I'm trying to be careful that the images I pick don't spoil anything really.

Congrats on starting life on your own! I did that whole living by myself thing too! Tip: keep the pantry stocked with lentils, beans, pastas, baking essentials, rice. They really come in a clutch when you're hungry.

[illusioncanthurtme--art]

These have been sitting in my inbox for a while, and I want to apologize, because I am a world champion at procrastination. I actually have quite a few asks that I’ve never responded to, and I feel like such an asshole. If you sent an ask and I never responded, PLEASE don’t think I’m ignoring you or I don’t care; I just have this thing where I get distracted very easily and it turns into procrastination. I really cherish all the love jam packed into those tiny little asks.

But these are the most recent ones, and they’re kind of in the same vein. I really should make a narrated process video of some sort one day. I do have something like that on patreon right now, but it’s over a year old, and my process has changed since then. But for now, I’ll try to answer these as best I can!

First of all, thank you!! This ain’t a question but I’ll go on a spiel anyway. I use a dark pencil for outlining, and I try to emphasize deeper/darker areas with both pressure (pressing down harder on the pencil), and overall size of the line/mark/whatever. These spots are typically the upper eyelid, nostrils, corners of mouth, inner ear, bottom/roots of pieces of hair, spots where clothing wrinkles originate, that sort of thing. Oftentimes I’ll emphasize the “underside” of objects or shapes too.

As for time for a drawing, it varies a lot. The lengthiest thing I work on is commissions. The initial light sketch for a comm can actually take a while, depending on the drawing. 2 full characters together requires a lot of planning for the poses and stuff. So I might spend an hour, 2 hours if I’m really struggling, just making the sketch for a 2 full body character drawing. Then I’ll take maybe 5 or 7 hours to do the rest? That’s a guess, I don’t really keep track. Usually I’ll do the sketch one day, and the next day I’ll spend all or most of the work day just finishing the drawing. I consider one of those “a days work”. Hopefully that made sense! 

The images of my drawings are clean because I scan them! After I scan them, I do a levels adjustment in photoshop. (I struggle taking pics with my phone, even though it has a nice camera 🥲I don’t think I could ever get close to the way they look now without a scanner) 

As for how I make them look clean on paper, I think it’s a combination of two things: the pencil I do the initial sketch with is substantially lighter than the one I outline with. So when I’m outlining/rendering out the drawing, the sketch lines sort of fall back and aren't as noticeable. Secondly, I use a click eraser to erase the sketch lines as I go. And I take my time and use a lot of patience and prioritize neatness/details. This is especially the case with comms. With those I give 110%. For my own personal doodles, I don’t focus on making them as neat, and instead scribble around with my pencil to get the values I want, without fretting over each individual shape to make sure it makes sense. 

I hope this answers your questions okay! I really should make some sort of video but I don’t have a lot of time right now. Thank you for your asks and kind words!!

[nyssasims]

Hii! I'm absolutely in love of how good your screenshots are, both in game and in cas, I was wondering is it possible you could make a little tutorial on how you do it? Idk why mine always look like blurry or something idk it's very uninspiring

hi @simsinfinitylt. thank you so much 🥺! and please do not feel discouraged. it really is all trial and error, i promise. it definitely took me a minute myself to find what worked best for me. this is my current editing system:

chapter 1: a pc for me the most important thing is to have a good computer that can play the game on max settings. make sure all your settings are maxed out, with laptop mode and edge smoothing off. i also play the game in 4k resolution (3840 x 2160), the max for my monitor (but it might be different for you).

additionally, i use the graphics overhaul overrider by simp4sims, the 'ultimate quality' preset.

graphic overhaul: graphics rules setters

here are my pc specs...

chapter 2: maybe she's born with it. maybe... it's reshade reshade honestly does most of the work as well as the world lighting mods by @softerhaze. i hope to be able to find time to make my own preset one day, but for now, i use the daisies reshade by @breezytrait. here are my lighting and visual mods...

reshade: daisies (i tweaked the preset a bit, mostly increasing the mxao here) world lighting mods: twinkle toes, shadows for days light replacements: no glow v2, out of the dark, inner glow cloud replacement: studio ghibli clouds

chapter 3: say click. take a pic

i take all of my screenshots in tab mode. i find that it's best to go into tab mode further away than you want the picture, then slowly move the camera forward with the arrow keys to frame the screenshot. this is especially great for really up close photos of sims faces.

i capture all my screenshots with the built in reshade capture function and use the no drift camera mod to keep the tab camera steady

tab mode mods: no drift

chapter 4: call me by your lightroom

now that the screenshots are taken, off to lightroom they go. i honestly don't do much editing in lightroom in terms of color grading. i mainly focus on the details and lights sections. here are my settings...

here are examples, before and after, of what the edits look like on top of the reshade

these are the same settings i use for all my photos. with the exception of the 'contrast' slider which I sometimes bring up for sims with darker skin tones. and the 'shadows' slider i sometimes bring down for night photos.

chapter 5: shout out to picsart. gotta be one of my favorite genders

from lightroom, i'll then import the photos into picarts to finish them off with light leaks and dust particles (as needed). i use the 'detail' brush under 'retouch' to color in sims and objects in the foreground (rocks, plants, bottles, etc.) to make them pop even more.

i also use this app to blur things that the reshade dof couldn't get to. here are some finished examples before and after.

chapter 6: the sons of picsart

for overlay graphics and texts, i use photoshop and phonto. for the psds, i'll import them into photoshop first to make edits then send them off to picsart to add them to my image. i'll use phonto to add texts and sometimes doodles

here are links to some of my favorite psds and other useful resources

photoshop psds: moodlets, promotions, holiday, ui mockups other resources: sims 4 icons, text message

chapter 7: she doesn't even go here

for cas photos, since there is no tab mode, i just take screenshots as is, with the reshade dof from my preset on to blur out most of the background.

i use the cas lighting by @breezytrait to brighten the cas room up.

cas lighting: hard side light

then edit them in lightroom with he same edits as in-game photos (see chapter 4).

chapter 8: the bell doesn't dismiss you, i do

and that is how i typically edit my photos. i hope this helps inspire you for your future content... and was extensive enough. but of course if you have anymore questions feel free to leave them down below. my inbox is always open and i'm happy to help 😊.

[aceofwhump]

Hello @crispyliza !! So I'm replying in a separate post because this is too long for a reply on the post. Hope you don't mind. I also think it might benefit others who have asked me in the past and those wishing to start gif making. Especially with whumptober just around the corner.

So here's a full look at how I make my gifs. This got very long so I put it under a read more

A quick thing before I start: I use windows and google chrome. If you're a mac or firefox user I'm not sure of this will work for you in terms of programs. The techniques I use in photoshop should though.

Okay for this demonstration I'm going to show you how I made the gifs for this gifset

To start we need a video. I don't torrent because my internet connection will cut out a random which makes using vpns rather pointless. I've tried. My internet would cut out halfway through a torrent download and then my internet provider was notified to what I was doing. It was just not great. So I found a new way to download videos off the internet! You can use torrents though. If you've got a vpn, go for it.

There are several streaming sites that I go to to get my videos. 1movies, and bstsrs are my go to right now since soap2day is gone (rip i miss you).

Now there are three ways I can get a video depending on what website I'm using. Bstsrs is the easiest because they have a whole bunch of links available. I always go with mixdrop because it has an easy to use built in download button. Unfortunately this site doesn't have movies. Just tv shows and sometimes it's not the best quality or there aren't links available. That's when I go to 1movies. Once you've found your video I use the chrome extension Cococut to download it. Click the extension button to open, then the download button. Then you just have to wait until the video is rendered. Click save. Wait until its downloaded.

Okay we now have our video! The next step is to turn the scene you want to gif into frames. For this we're gonna need KMPlayer. This video player makes it really easy to turn scenes into frames/screencaps. Open your video. Find the the scene you want and pause the video. Type control-g to open this screen:

Here you choose the destination you want your frames to be saved. Decide what to name your frames and match up your settings with mine. You want to continuously extract frames, original size, and I stick with every 2 frames. Then, and this is important, choose video images only.

Now click start then start playing your video until the scene you want to gif is done. When you've got everything you wanted, pause the video. Hit ctrl-g again to reopen that screen and click stop. You now have all the frames you need so go ahead and exit out of KMPlayer. You don't need it again unless you need to redo frames or get the dialogue or something.

Next up we are gonna open Photoshop. I use Photoshop CC 2014.

Click on File -> Scripts -> Load files into stack -> Browse.

Go wherever you saved your frames and select the ones you need. Click okay and let the frames load completely before doing any thing else. Depending on how many you've selected this could take a while.

Once all of your frames are loaded, click "Create Frame Animation". Next click the little arrow button on right followed by "Make Frames From Layers" so we have all of our frames laid out. Now we need to reverse the frames because they're backwards so click that little button again and then click "Reverse Frames"

Okay you've got your frames loaded and all set to go. Time for all the cropping, resizing, setting the speed, and editing.

First thing I do is set the speed because otherwise I forget and it's important to do and a pain in the ass to do after all the editing is done. So do it first and get it out of the way. Select all of your frames. Click the little button beneath a frame where it says 0.0 and pick your time. I usually go for .1 seconds but .05 is also a popular speed. Just test one out and see which one you like best for your gif. You can hit the play button at any time to test your gif.

To set speed:

After this I do one of two things. Either I go into cropping and resizing or I separate frames. Depends on how many frames I uploaded. If I uploaded all the frames needed for an entire gifset this is the part where I separate them out onto individual gifs. So let's do that.

Originally I was just gonna do one gif but I have 115 frames uploaded which is waaaay too many for just one gif. I like to keep my gifs between 30 and 80 frames. So I'm going to split this into 3 gifs I think. It'll make a nice balanced gifset.

Select the frames you want for the first gif and copy them using the copy frames option in the same menu as the make frames from layers menu. Open a new document with the same dimensions as your current document. Click "Create Frame Animation" and paste the frames over the selected frame. Make sure that first frame is the same speed as all the other frames. Repeat until you have your desired gifs.

Next up I crop and resize. For this gif I'm going to first crop out the black bars above and below the image because we don't want that in the gif. Use the select tool to pick what you want to keep then "Image" then "Crop".

Now I could leave it as it but I think for this gifset I'm gonna focus more on Geralt so I'm going to crop it in a bit more.

Once cropping is all set i'm going to resize the gif to tumblr dimensions. Click "Image" then "Image Size" and change the width to 540px. The height can be anything and best not to mess with it so your gif keeps it's proportions. 540px is the width of a tumblr post and I plan on making these gifs stacked one on one.

Okay the gifs are all cropped and sized. Now it's time to do some editing. Go back to your first gif. We'll do all the work on this first gif and apply the same things to the other ones later because the scenes are the same. If they were different each gif would be colored and edited individually. First thing to do is turn it from frame animation to timeline. Timeline mode makes applying things like sharpening and brightness much easier and smoother.

So just click this button in the bottom left corner to go into timeline mode. Next up select all your layers. They're on the right side. Make sure you've selected ALL of them. Then click on "Filter" -> "Convert for Smart Filters" THIS IS AN IMPORTANT STEP! We can't edit until this is done.

This button to switch from frames to timeline:

First thing I do is sharpen. You can use one of the presets or try to do manually do it with smart sharpen. I use the preset labelled "sharpen" because I'm lazy and this one does a fine job for my gifs. I also add a layer of surface blur to smooth things out. Just a small touch. Like barely any blur but I think it smooths noise a bit and makes it look better.

Next up: Editing!! This step is going to be different for each and every gif you make. It all depends on the colors in the scene your giffing so you're gonna have to do a lot of experimenting to get the right look you want. Personally that's what I like about it. Makes it fun.

All your adjustments can be found found on the right side of the screen:

I almost always start with the "Levels" layer to brighten up the image because as we all know, every freaking whump scene is sooo dark. So with levels you just slide the little arrows around until you get a look you like.

Then I add a layer of "Curves". I love curves. With curves you can select the whitest white and the darkest black and the middle tone to change the brightness and colors of your gif. Or you can use this part and just brighten or darken a specific part. It's really versatile and i love it. It does take some practice and experimenting though.

Now a layer of "Contrast" and a layer of "Vibrance".

After this it's all about the selective colors, photo filters, and color balance to work on the colors and brightness. For this gif I'm only doing a tiny bit of editing cause I like the coloring but sometimes I'll have multiple layers of these to create a good coloring.

Once you're satisfied with how your gif looks it's time to save it!

Click "File" -> "Save for Web" and wait until it's all loaded. Important thing too look at here is the size of the gif. You can't upload any gif that is larger than 10mbs so make sure it's under that. Sometimes even 9.8 is too big because tumblr is a butt. I go for anything below 9.8. If your gif is too big try resizing it or removing a few frames. Make sure you gif is set to loop forever. Otherwise it'll just stop after a little bit. Don't forget to change this!

Here are the rest of my settings:

After that you can click save.

And that's it! You've made a gif! Congrats! If you have any questions or want clarification feel free to message me :)

[usernyoom]

hey I love your edits and I was just wondering what you use/do to edit your photos? Not to copy, just in awe!

omggg thank you anon!!! the fact u want to know at all means so much 😭💓 especially when theres so many people posting edits that have a much better understanding of how to edit photos than me!!! (may i direct you to the amazing @yesloulou and her gifs..) ask me anything im happy to share and for u to copy my techniques (??) send me any other questions u have if i dont answer them i cud talk abt this all day .. 🫶🫶

so! i use the mobile version of lightroom when im editing photos quickly e.g. on race day, and tbf, its my main editing app. if that doesnt click with u, theres also snapseed which is a google editing app that i also used for a while until i realised lightroom was free (a blessing 😭). I also sometimes use photopea as a rip-off photoshop if i want to do more crazy stuff 🤪🤪🤪

first thing is crop the image if it needs it. i have a preference for portrait photos, just bc i prefer the way they look when posted. i use all sorts of ratios, but my favourites are 3:4 and 5:4 just bc i think they work best with driver portraits! (hot tip: the rule of thirds is soooo helpful!! find a metaphorical 'line' through the photo and line that up with one of the thirds) (lightroom produces the grid automatically when u crop xxx)

the next thing i do with a photo is correct the lighting and colouring. there are plenty of tutorials online and i can go more indepth if u want, but i tend to favour lower contrast with low highlights (bc i hate when u lose detail in highlights. the bane of my existence). its usually the first thing i try, but if it looks horrible i'll try different things. to correct colouring, i use the tint/temperature sliders (im still learning how to intuitively use these rather than messing around and going hm. too purple right before i post). since most of the photos i edit r taken by super talented F1 photographers i rarely have to use curves, but sometimes i do! so i do that as well before i get into the meat of it if needed 😌

then i adjust the tint/temperature & vibrance and saturation until i'm getting the vibe i want (e.g. i love making max photos cooler toned). then i use colour mix to change anything specific about colours in the image (i most commonly use this to make daniel/charles' skin less yellow and more red toned, to soften any redness or to make max's blush pink). then i colour grade!

after that i decide whether the image needs sharpening, extra texture or dehazing, and then i add grain! i prefer a rough, understated grain so that you dont lose loads of the detail from the photo. here's some examples of before and afters of some of my more complex edits:

-> this one was lighting correction and colour correction! i also used curves im pretty sure 😭

-> exposure and contrast changes and colour changes/grading (can we appreciate this photo.. wow)

-> made photo brighter (pretty sure i lowered the highlights..) n changed the temperature of the photo

i hope this helps!!!! if anyone wants me to do like a proper adjustment by adjustment type thing send me an ask and i will do!!! thank you so much kind anon 💖🫵

[crookedwingsims]

Fix your wonky sh*t with Windows Paint 3D- no Photoshop necessary!

So if you're like me and refuse to pay for Photoshop... here's a tutorial on how I fix all that weird crap that happens when taking screenshots. In this scenario I will be covering up and replacing a wonky piercing using the base program on most Windows computers. (Expand photos to see better!)

Step 1: Open your file in Paint 3D and select the dropper tool in the bottom right. You're gonna use this for blending.

Step 2: Select the color around the object you want to blend/remove and set your dropper to about 75%. Color over the object.

Step 3: Use the dropper to select the different colors around the unwanted object, and adjust opacity to seamlessly blend the colors together. Expand photo for guide.

Step 4: Once your colors are blended, click Magic Select at the top left of your screen.

Step 5: Bring the edges of the square as close as possible to the object you need to duplicate and hit next. Add and remove as necessary using the tools to the right and hit done when you are ready.

Step 6: What you have done is basically turned this tiny piece of the photo into a movable sticker. Right click on your sticker and hit copy, then undo. If you don't hit undo it will mess up the original placement.

Step 7: Right click to paste your new sticker and use the flip and rotate tools to adjust the placement.

Done!

I'm not the best at explaining things, but I hope this helps! You can do a lot with this simple program, and it'll save you a couple bucks. ;)

[ronsenthal]

hi! do you have tips and advice for making gifs? i love your gifs so much!

awww thank you so much, that really means a lot to me as I'm still rusty and a bit insecure because I've learned how to make gifs like 10 years ago? things didn't changed that much in terms of method and yet it's still scary, but at the end people like you make it worth!! 🥺🥺🥺

a little disclaimer: I'm colorblind, I can see colors okay! but I just see them a little bit different than most people so sometimes my edits may seem a little weird and that's the reason

Okay It will definitely be a long answer so I'll put under the cut ☺️

My advices would be:

- Just go for whatever scene you like the most, and try to focus on things you enjoy. I like to gif what I love, things I find beautiful as it gives me so much joy to look at the final result 😌

- Fortunately tumblr is full of people willing to share their knowledge and skills and there is lots and lots of blogs with the main theme being tutorials or even inspo and sources, so I always try to follow them to keep up with whatever is trending and just to learn new tricks and tips, some of my faves are @completeresources @gifmakerresource @allresources and @chaoticresources

- Be patient with yourself, if you are trying a tutorial and it is giving you a hard fight you can always stop and try again another time. It happened to me more than once that a tutorial or a particular idea I was trying gave me such a bad fight that I ended up so frustrated, exhausted, angry and feeling shitty but then I would pick another time to give it try and the thing worked hahahaha, so don't forget to respect your time and wellbeing

In terms of tips and tricks:

- Always use high quality videos, like the best quality available as it really makes a difference in terms of the final result

- Oh always resize your gifs!!! I use the crop tool and then I adjust the image size to keep it high quality, I think this is BY FAR the best tutorial as it explains quite well if you are new to editing

- So far I have tried many many different methods over the years, my fav is to cut the scenes I want to edit and for this use any video editing software really and after choosing a couple of scenes I import all of them to Photoshop (my version is the 2022 edition) and then I use the video timeline method (i don't really remember where I learned it but I found this really good tutorial that might be helpful)

- I slow down the gifs I make (idk how to explain it in english I'm sorry) but I set the speed for something in between 50% to 70%, depending on the scene

- In terms of colouring I don't really have a specific preset or fav PSD, I adjust them one by one just trying to focus on what the scene gives and then I work my way around it depending on what I'm trying to achieve or how do I want my gifset to look like (a good example was the Ron one on my last gifset i didn't wanted to look so yellow as it would be too different from the other gifs, it was a nightmare) BUT I guess I tend to use lots and lots of adjustment layers like I start with brightness/contrast, curves, and levels and then I proceed to selective colors, hue, vibration and saturation, sometimes I even use gradients and/or solid color layers with different blending options like soft light, overlay, opacity and fill settings to correct colors (I always use the color wheel principles of opposites and/or complementaries)

- Use smart sharpening!!! Peopel are so brilliant that they gave us actions, it is literally just a click away from all the trouble to do it manually, and it speeds up my process. Personally I have been using this amazing one I found quite recently, and it's really doing wonders to my edits

anyway thank you so much for being so kind and supportive, my ask box and dm are always open if you have any doubts or just want to exchange ideas. Really hope it helps you ❤️

[soldierboys]

Oops I didn't mean to post that anonymously. Yes, if you have the time to post more about giffing, that would be awesome!

Okay so I'll make a quick tutorial and I hope it's easy to understand ksjsk. It's very image heavy and I apologize for any typos. We'll be making this:

So I start by taking the screencaps with Potplayer. Just open your video (preferably 1080p x264). The shortcut to take your screencaps is Ctrl + G, it'll open this window:

(those are my configurations, it's in portuguese but it's easy to understand)

I usually create a folder in Documents for each gif. Also remember to start capturing a little earlier because it takes a few seconds to start, same thing when you finish.

Now it's time to open it on photoshop! Make sure you have your timeline set up, if it's not showing up go to Window > Timeline. Now go to File > Scripts > Load File into Stacks

When this window opens, just choose your folder and click okay after it loads (might take a while if there's too many files)

So when it opens, you'll click on the 'Create Frame Animation' option in the timeline

It'll create a single layer, so go to the little button at the side and click on make frames from layers

they'll show up backwards, so go back and choose reverse frames

Now you're all set. It's time to delete what you don't want. Since tumblr accepts up to 10mb, I usually keep it between 60 frames. Really it depends on the scene and the dimensions you're gonna make your gif. (for example, if after your coloring, the background of your gif is completely black, you can go up to 175 frames, even if you make a 540x gif, i did that once lol)

So when you have your scene ready, select all frames and set your frame delay to 0,05.

Then, with all your frames still selected, convert them to video timeline

Go to your frames, select all of them and convert them to smart object

So after that, you can crop your image! Check the tumblr dimensions here. When making big gifs I like to use 540x400, 500 or 600. Just what I think it'll fit best. For 2 per row, I usually use 268x180 or 268x200. For this gif I used 540x400 and cropped it, I always try to crop the borders so there's no risk of the gif having that weird white border around it.

Then go to Image > Image Size on top of the screen

Set to the dimensions you used when cropping, so for me it was 540 x 400:

I use bicubic smoother to resample but honestly i don't really know the difference kdjsk

Now let's sharpen it! I usually use this one for big gifs (comes with a better tutorial than this kdjsk) but it's got a lot of steps to it that i like to do it myself, so i just use to sharpen it. And if you're following this tutorial, we already did all the steps on the action, so just click on the Smart Sharpen.

I also recommend this action for when you're making 268px gifs (two per row). I love this action too. Btw if you're just downloading your actions, you have to load them on those 3 little lines:

So for coloring! I use a base for most of my gifs and I edit them from there. Here's a great blog for coloring psds. If you want, I can make a separate tutorial on how I color my gifs, because it won't fit it all in 1 post.

Then I added my subtitles. Make sure the subtitle layer is on top of the coloring one so it doesn't look weird. Here's the settings I'm using for this one:

Now we're gonna add blending options. Go to the bottom of the screen with your subtitle layer selected and click on that little Fx:

I added drop shadow, outer glow and stroke:

When you're done, you're gonna want to Save for Web. The shortcut is Ctrl + Shift + Alt + S. All at once. This window will open up:

This is how I like to save them. Don't forget to make sure your gif is set to forever and less than 10mb (you can check at the bottom of the screen, below your gif, mine is 5,5mb). And you're done!

Or not. I don't know why I have this problem, but after save it, my photoshop sets the frame delay back to 0,07, and that's too slow. So I open my gif again in File > Open. Or Ctrl + O.

Select all frames and set your frame delay to 0,05 again

Do not convert to video timeline. Just Save for Web again. And now you're really done.