#Tutorials
Explore tagged Tumblr posts
phoenix · 2 days ago
Text
AAHHH thank you for this! I love making gifs, but it's always such a pain, that when the time comes I'm like "eehhh nah". The way I've been doing things is *ancient* and I knew there HAD to be a better way than dragging every...single...image...into layers separately in Photoshop Elements 9. 😅
My GIF Making process: Screen capturing using MPV player, Organizing files, 3 Sharpening settings, Basic Coloring PSD + Actions set
Tumblr media
This is a very long post so heads up.
I’ll try to be as thorough and true as much as possible to the way I make my gifs (I already use Photoshop Actions which I’ve long since set up but now for this tutorial I’m reviewing them to show you the exact steps I’ve learned to create my gifs 😃) and present them to you in a semi-coherent way. Also, please bear with me since English is my second language.
First things first. Below are the things and tools we need to do this:
Downloaded 4K or 1080p quality videos (let’s all assume we know where to get these—especially for high definition movies and tv series—so this post doesn’t get removed, okay? 😛)
Adobe Photoshop CC or the CS versions can work as well, but full disclosure I haven’t created gifs using the CS versions since 2020. I’m currently using Adobe Photoshop 2024.
mpv player. Use mpv player to get those frames/screenshots or any other video player that has a screen grabber feature. I’ve used adapter for the longest time but I’ve switched to mpv because the press to screenshot feature while the video is playing has been a game changer not to mention ultimate time saver for me. For adapter you need to play it in another video player (like VLC player), to get the start and end timestamps of the scene you want to gif which takes me ages before I can even open Photoshop.
Anyway! Please stop reading this post for a moment and head over to this amazing tutorial by kylos. She perfectly tells you how to install and use mpv player, both for Mac and Windows users.
One thing I have to share though, I had a tough time when I updated my MacOS to Sonoma since MPV is suddenly either duplicating frames or when I delete the duplicates the player seems to be skipping frames :/ I searched and found a solution here, though it didn’t work for me lol. My workaround for this in the meantime is decreasing the speed down to 0.70 then start screenshotting—it’s not the same pre Sonoma update but it works so I’ll have to accept it rather than have jumpy looking gifs.
Now, after this part of kylos’ tutorial:
Tumblr media
you can continue reading the following sections of my gif tutorial below.
I want to share this little tip (sorry, this will only cater to Mac users) that I hope will be helpful for organizing the screenshots that MPV saved to the folder you have selected. Because believe me you don’t want to go through 1k+ of screenshots to select just 42-50 frames for your gif.
The Control + Command + N shortcut
This shortcut allows you to create a new folder from files you have pre-selected. As you can see below I have already created a couple of folders, and inside each folder I have selected screenshots that I want to include in one single gif. It's up to you how you want to divide yours, assuming you intend to create and post a Tumblr gifset rather than just one gif.
Tumblr media
Another tip is making use of tags. Most of, if not all the time, I make supercorp gifs so I tag blue for Kara and red (or green) for Lena—just being ridiculously on brand and all that.
Before we finally open Photoshop, there's one more thing I want to say—I know, please bear with me for the third? fourth? time 😅
It's helpful to organize everything into their respective folders so you know the total number of items/frames you have. This way, you can add or delete excess or unnecessary shots before uploading them in Photoshop.
For example below there are 80 screenshots of Kara inside this folder and for a 1:1 (540 x 540 px) Tumblr gif, Photoshop can just work around with 42-50 max number of frames with color adjustments applied before it exceeds the 10 MB file size limit of Tumblr.
Tumblr media
Sometimes I skip this step because it can be exhausting (haha) and include everything so I can decide visually which frames to keep later on. You'll understand what I mean later on. But it's important to keep the Tumblr 10 MB file size limit in mind. Fewer frames, or just the right amount of frames, is better.
So, with the screenshot organization out of the way, let's finally head over to Photoshop.
Giffing in Photoshop, yay!
Let’s begin by navigating to File > Scripts > Load Files into Stack…
Tumblr media
The Load Layers window will appear. Click the Browse button next.
Find your chosen screenshots folder, press Command + A to select all files from that folder then click Open. Then click OK.
After importing and stacking your files, Photoshop should display the following view:
Tumblr media
By the way, I'll be providing the clip I've used in this tutorial so if want to use them to follow along be my guest :)
If you haven't already opened your Timeline panel, navigate to Windows > Timeline.
Now, let's focus on the Timeline panel for the next couple of steps.
Click Create Video Timeline, then you’ll have this:
Tumblr media
Now click the menu icon on the top right corner then go to Convert Frames > Make Frames from Clips
Tumblr media
Still working on the Timeline panel, click the bottom left icon this time—the icon with the three tiny boxes—to Convert to Frame Animation
Select Make Frames From Layers from the top right corner menu button.
So now you have this:
Tumblr media
Go and click the top right menu icon again to Select All Frames
Then click the small dropdown icon to set another value for Frame Delay. Select Other…
Tumblr media
The best for me and for most is 0.05 but you can always play around and see what you think works for you.
Click the top right menu icon again to Reverse Frames.
I think Photoshop has long since fixed this issue but usually the first animation frame is empty so I just delete it but now going through all these steps there seems to be none of that but anyways, the delete icon is the last one among the line of feature buttons at the bottom part of the Timeline panel.
Yay, now we can have our first proper GIF preview of a thirsty Lena 😜
Tumblr media
Press spacebar to watch your gif play for the very first time! After an hour and half of selecting and cutting off screenshots! 😛 Play it some more. No really, I’m serious. I do this so even as early (lol) as this part in the gif making process, I can see which frames I can/should delete to be within the 10 MB file size limit. You can also do it at the end of course 🙂
Now, let’s go to the next important steps of this tutorial post which I’ve numbered below.
Crop and resize to meet Tumblr's required dimensions. The width value should be either 540px, 268px, or 177px.
Convert the gif to a Smart Object for sharpening.
Apply lighting and basic color adjustments before the heavy coloring. I will be sharing the base adjustments layers I use for my gifs 😃.
1. Crop and Resize
Click on the Crop tool (shortcut: the C key)
Tumblr media
I like my GIFs big so I always set this to 1:1 ratio if the scene allows it. Press the Enter key after selecting the area of the frame that you want to keep.
Side note: If you find that after cropping, you want to adjust the image to the left or another direction, simply unselect the Delete Cropped Pixels option. This way, you will still have the whole frame area available to crop again as needed and as you prefer.
Now we need to resize our gif and the shortcut for that is Command + Opt + I. Type in 540 as the width measurement, then the height will automatically change to follow the ratio you’ve set while cropping.
540 x 540 px for 1:1
540 x 405 px for 4:3
540 x 304 px for 16:9
For the Resample value I prefer Bilinear—but you can always select the other options to see what you like best.
Click OK. Then Command + 0 and Command + - to properly view the those 540 pixels.
Tumblr media
Now we get to the exciting part :) the sharpen settings!
2. Sharpen
First we need to have all these layers “compressed” intro a single smart object from which we can apply filters to.
Select this little button on the the bottom left corner of the Timeline panel.
Tumblr media Tumblr media
Select > All Layers
Then go to Filter > Convert for Smart Filters
Just click OK when a pop-up shows up.
Now you should have this view on the Layers panel:
Tumblr media
Now I have 3 sharpen settings to share but I’ll have download links to the Action packs at the end of this long ass tutorial so if you want to skip ahead, feel free to do so.
Sharpen v1
Go to Filter > Sharpen > Smart Sharpen…
Below are my settings. I don’t adjust anything under Shadows/Highlights.
Amount: 500
Radius: 0.4
Click OK then do another Smart Sharpen but this time with the below adjustments.
Amount: 12
Radius: 10.0
Tumblr media
As you can see Lena’s beautiful eyes are “popping out” now with these filters applied. Click OK.
Now we need to Convert to Frame Animation. Follow the steps below.
Click on the menu icon at the top right corner of the Timeline panel, then click Convert Frames > Flatten Frames into Clips
Then Convert Frames > Convert to Frame Animation
One more click to Make Frames From Layers
Delete the first frame then Select All then Set Frame Delay to 0.05
Tumblr media
and there you have it! Play your GIF and make sure it’s just around 42-50 frames. This is the time to select and delete.
To preview and save your GIF go to File > Export > Save for Web (Legacy)…
Below are my Export settings. Make sure to have the file size around 9.2 MB to 9.4 MB max and not exactly 10 MB.
Tumblr media
This time I got away with 55 frames but this is because I haven’t applied lighting and color adjustments yet and not to mention the smart sharpen settings aren't to heavy so let’s take that into consideration.
Sharpen v1 preview:
Tumblr media
Sharpen v2
Go back to this part of the tutorial and apply the v2 settings.
Tumblr media
Smart Sharpen 1:
Amount: 500
Radius: 0.3
Smart Sharpen 2:
Amount: 20
Radius: 0.5
We’re adding a new type of Filter which is Reduce Noise (Filter > Noise > Reduce Noise...) with the below settings.
Tumblr media
Then one last Smart Sharpen:
Amount: 500
Radius: 0.3
Your Layers panel should look like this:
Tumblr media
Then do the Convert to Frames Animation section again and see below preview.
Sharpen v2 preview:
Tumblr media
Sharpen v3:
Smart Sharpen 1:
Amount: 500
Radius: 0.4
Smart Sharpen 2:
Amount: 12
Radius: 10.0
Reduce Noise:
Strength: 5
Preserve Details: 50%
Reduce Color Noise: 0%
Sharpen Details: 50%
Sharpen v3 preview:
Tumblr media
And here they are next to each other with coloring applied:
v1
Tumblr media
v2
Tumblr media
v3
Tumblr media
Congratulations, you've made it to the end of the post 😂
As promised, here is the download link to all the files I used in this tutorial which include:
supercorp 2.05 Crossfire clip
3 PSD files with sharpen settings and basic coloring PSD
Actions set
As always, if you're feeling generous here's my Ko-fi link :) Thank you guys and I hope this tutorial will help you and make you love gif making.
P.S. In the next post I'll be sharing more references I found helpful especially with coloring. I just have to search and gather them all.
-Jill
274 notes · View notes
gleafer · 3 days ago
Text
Join my Patreon and be FED!
Voice of GOD: adult content. 18+ only!
Tumblr media
139 notes · View notes
pink-vacancy · 3 days ago
Text
Tumblr media
Hi ^^
It’s me, the creator of some gifs you like and the creator of many gifs you could’ve probably lived without. A few people have asked me for a giffing tutorial recently so I have made one documenting my normal process! I’m going to gif this Aespa stage in this tutorial because I am still pretty bad at coloring stages. So come struggle along with me 🫶!
Step 1. Getting Sources & Vapoursynth
The worst enemy of the tumblr gifmaker is tumblr itself. You will spend your time making the clearest gif imagineable only for the blue site to reduce it to pixels. But alas, we must gif on. The best way to get good results is have a good source and to precompress your gif with vapoursynth.
As far as downloading from Youtube the best app to use is 4k Video Downloader. 4kVD let's you get download your file as a .mkv which is how youtube stores their 4k quality vids. Only limitation is on the free tier you get only 10 downloads. There are other more technically dubious methods to get 4kvids but I've literally never hit this limit.
10 out of 10 gifmakers agree if you want those good good crystal clear gifs you gotta stick with 4k or 1080p sources. Although if you are a complete sicko like me you can gif 720p and still get pretty good (not great) results.
So now you got your source video but you won't actually be able to open that bad boy up in PS yet. This is where the Vapoursynth step comes in. Vapoursynth will blast that footage into a nice denoised, sharpened and resized little baddie of a video clip for us.
Tumblr media Tumblr media
To download VS and get a more in depth explanation of the exact steps on how to use it please reference this post. The basic steps of Vapooursynth are:
Drop your source video on the "vapourscript (drop a video file on me).bat" icon and type in the timestamps
Crop your gif to your liking (I do a lot of 540 x405 or 540x335 for horizontal gifs. 268x480 for vertical.)
Tumblr media
Apply the sharpness and denoise (these are the options I use):
Tumblr media
copy the code from the white box and paste it into the script like below
Tumblr media
I set my denoiser to 1.5 and my sharpening to .5. (I stole this from @hyeongseo lol)
Go to Script > Encode Video. Make sure on this screen to name your file and set the header option to 'Y4M'. (Sometimes this is the step where it crashes and all your dreams are ruined because it can't convert it unfortunately. But 99% of videos are good lol)
You will find your Photoshop ready clip in gifs/output
Step 2. Photoshop
You are now good to open up your clip in Photoshop.
Tumblr media
if we export our gif at this moment it will look like this:
Tumblr media
Which isn't too bad. They just are pretty washed out and a lot of times at this step you'll see a lot of grain.
Sharpening (again lol) and Noise:
This might sound weird cause we just denoised lmao but stick with me.
We are going to convert our clip to a smart object. If you want to slow down or speed up your clip make sure to do so before converting.
(Often times if i have 60fps clip I put it at half speed, but if the action of the gif is really jerky or flashy at 30fps a lot of times I'll set it to 85% speed)
Convert your video to a smart object by right clicking it in the layers panel and selecting the "Convert to Smart Object" option
Create a copy of layer 1 and arrange it so it is aligned perfectly on top of the first video in the timeline. You have to drag it outside of the video group to do this. It should look like this once you are done:
Tumblr media
On the bottom clip (layer 1), select filters -> sharpen -> smart sharpen. Apply the filter with these settings:
Tumblr media
Then on the same clip (layer 1) apply the same smart sharpen filter with these settings
Tumblr media
Setting up the Sharpness like this makes sure the finer details with stand out with crisp lines in the final product. (Look at how the mesh on her arms is in finer detail now)
Tumblr media
Your video might look a little crispy at this point and that is ok cause we are going to soften that.
Now on our top video layer (layer 1 copy) select filters -> Blur -> Gaussian Blur. Use this setting:
Tumblr media
Finally apply filters-> Noise -> Add Noise to layer 1 copy with these settings
Tumblr media
"Vacancy what the hell? It looks like shit now."
Yeah... But now we'll put layer 1 copy at 25% opacity and it will look less like the shit that it does look like right now I prommy. Here is the current output:
Tumblr media
The idea behind all this blurring and adding noise is that it will help create smoother transitions between the colors of the gif and reduce large blotchy bands of pixels that can sometimes show up
PLEASE!!! Save your current step as a PSD file. You can skip having to apply all those filters and just drag the filter groups on to the layers after the smart object conversion step.
Step 3. Coloring
Now to the fun part! There is a lot of trial and error in this step since we only have 256 colors to play with.
Typically my goals for this step are:
Raise the black point (Make Giselle's outfit in this gif black so more color can be used on her hair, skin and the background.)
Reduce the overall contrast of the gif. (Darken the lightest lights if possible)
Saturate the colors enough so they stand out but not so much that everything looks gross.
Depending on how we do these steps we may need to subtract frames from the gif. (Which I hope not cause there is exactly 69 frames in the current version lol)
Here is an example of what my coloring difference can look like:
Tumblr media Tumblr media
In this case the colored gif is actually smaller because I elminated a lot of the dark greys in the background.
Vacancy's Dumbass Original Recipe thing
This is probably the only thing different that I do from most creators
My first adjustment layer is usually a gradient map. The green and red one to be more specific.
Tumblr media
I then change the blend mode to luminosity and set the opacity somewhere between 12 and 20% (Usually 15%).
Tumblr media
This step brings all our shades closer together so we have more freedom with coloring later. Also when idols are very white wash this seems to bring out the shadows and skin tone better in later steps as well. If you overdo it though the person in the gif can wind up looking very orange or yellow so less is sometimes more here.
There's also probably a better way to achieve this but you know... oh well
My Other adjusment layers usually consist of:
Levels: With the gradient map applied you can darken the blackpoint of your gif pretty significantly.
Selective Color: This is the most useful adjustment layer. Make sure to expirement with adding to the black slider on the blacks and neutrals color options. Often times kpop vids are over exposed and darkening this can bring out a lot of unseen color.
Hue/Saturation: I use this layer to darken the blues of the background with the lightness slider as well. You can adjust individual colors with this layer and with selective color and that is a very powerful tool for coloring.
Start:
Tumblr media
Finish:
Tumblr media
Because I darkened the gif so much I was able to add around 6 frames!
Though I’m not 100% satisfied with this gif, this would be my process from the start. You can put those adjustment layers all in a group and save it to the psd as well to skip all the steps to apply them. I used all the same adjustment layers for the header gif of this post as well which saved me a lot of time ^^!
Since every video is different you usually have to play around with the sliders a lot between clips.
Step 4. It Flops…
Jk jk but it does happen a lot tho on this site so don’t get discouraged ☺️
Parting Notes
If you want a really nicely colored fancam to practice on I would see if MIRAI on YouTube has a fancam of your fave idol. Their videos are really nicely color balanced from the start where stages like this tend to be very bright.
I’ll probably make a follow up post with more coloring tips and my thought processes while making gifs but this is the very basics to making hq gifs hope you learned a lot.
You can always hit my dms or inbox with questions if you have them ^^!
47 notes · View notes
sabrebash · 9 months ago
Text
Tumblr media Tumblr media Tumblr media Tumblr media
I have to draw a lot of gold and metal for my work, but wasn't happy with any of the metal tutorials i could find around. I prefer really specific instruction, so after some research i put together what i think works as a generalist's guide/tutorial. Not perfectly accurate, but i hope it's helpful!
29K notes · View notes
diycraftsnmore · 2 years ago
Text
111K notes · View notes
iraprince · 6 months ago
Text
gonna show u guys a little opalescent highlight hack i threw together today
Tumblr media
rainbow gradient above your main figure (i usually have all my main figure folders/layers in one big folder, so i can clip gradient maps + adjustments to it!). liquify tool to push the colors around a bit. STAY WITH ME I KNOW IT LOOKS STUPID RN I'M GOING SOMEWHERE WITH THIS
Tumblr media
THEN: set it to add/glow (or the equivalent in ur drawing program), lower the opacity a bit, and apply a layer mask. then u can edit the mask with whatever tools you like to create rainbow highlights!!
in this case i'm mostly using the lasso fill tool to chip out little facets, but i've also done some soft airbrushing to bring in larger rainbow swirls in some areas. it's pretty subtle here, but you can see it better when i remove the gradient map that's above everything, since below i'm working in greyscale:
Tumblr media
more granular rambling beneath the cut!
u could also just do this with a brush that has color jitter, but what i like about using layer masks for highlight/shading layers is how simple and reversible it makes everything. i can use whatever brushes i want, and erasing/redoing things is super low stakes, which is great when i often approach this stuff with a super trial-and-error approach.
example: have u ever thrown a gradient w multiple colors over an entire piece, set it to multiply etc, and then tried to erase it away to carve out shadows/highlights? it's super frustrating, bc it looks really good, but if u erase something and then change ur mind later, u basically would have to like. recreate the gradient in the area u want to cover up again. that's how i used to do things before figuring out layer masks!! but masking basically creates a version of this with INFINITE undo bc u can erase/re-place the base layer whenever u want.
anyway, back to rambling about this specific method:
i actually have TWO of these layers on this piece (one with the liquified swirls shown above, and another that's just a normal concentric circle gradient with much broader stripes) so i can vary the highlights easily as needed.
since i've basically hidden the rainbow pattern from myself, the colors in each brushstroke i make will kind of be a surprise, which isn't always great -- but easily fixable! for example, if i carve out a highlight and it turns out the rainbow pattern in that area is way too stripey, i can just switch from editing the mask to editing the main layer and blur that spot a bit.
also, this isn't a full explanation of the overall transparency effect in these screencaps! there's other layer stuff happening below the rainbow highlights, but the short version is i have all this character's body parts in different folders, each with their own lineart and background fill, and then the fill opacity is lowered and there's multiply layers clipped to that -- blah blah it's a whole thing. maybe i'll have a whole rundown on this on patreon later. uhhh i think that's it tho! i hope u get something useful out of this extremely specific thing i did lmao
12K notes · View notes
randomgods · 7 months ago
Text
Tumblr media
someone asked me a while ago how I draw slugcats and I wanted to make a huge guide going into how I rationalize their anatomy but I’ve been so busy w college I haven’t been able to touch it in like a month! So I decided to post these few notes I had! One day I’ll get back and make an entire guide but for now have these little notes :)
Animals I tend to gravitate towards for slugcat references are: otters, weasels, cats, and monkeys!
Also this isn’t me saying this is what their anatomy is, more so how I think of it and what landmarks I use when I draw!
4K notes · View notes
jhonskii · 1 month ago
Text
Tumblr media Tumblr media
Made a quick tutorial on how I do Kremy's head for the peeps from the official avantris discord and now Imma share it here too :3
1K notes · View notes
hattiestgal · 1 year ago
Note
If you don't mind my asking, how do you go about drawing fat? :3
JUST THE EXCUSE I WAS LOOKING FOR
So, for me personally, a lot of the time when I draw fat characters, I'm not looking to specifically capture the specifics of fat as much as the feel of fat. Bulkier, rounder shapes in the right places that has a feeling of weight to em! A lot of that is intuition and simplification at this point, but it all works on the same frame as just any ol' person. Like take this-
Tumblr media
For example. This is the basis for any body shape, not just the more average one that it may imply. Sure- it can be that average body shape:
Tumblr media
But also a fat one too!
Tumblr media
And a big part of that is knowing where fat usually tends to bunch up on the body, so lets take a look piece by piece! (Please keep in mind this is very simplified, and not completely precise in some parts)
Tumblr media Tumblr media
THE FACE: Cheeks (in purple) and especially the chin (in light blue) are the places where a lot of the fat is gonna wanna gather and round out on your face! Additionally, theres a small pocket of fat beneath the cranium on the backside of your head. It's small, but it is there. I believe fat can build up elsewhere like the bridge of your nose and forehead, but generally speaking, you're gonna have a whole lot more buildup in other places first.
Tumblr media Tumblr media
THE TORSO: A lot of the fat built up on the torso is gonna be sent to your tummy. More cushioning for vital organs, mostly out of the way, it just makes sense. Additionally, the lower backs fat builds up and joins with a patch of fat on your sides that forms what is typically referred to as the love handles to make that double belly look. Along with this, the immediate next target for the torso is the breasts, followed by the upper back!
Tumblr media
THE ARMS: For this limb, a VERY notable amount of the fat present builds up on the tricep and bicep areas, lessening once you get towards the flexor and extensor areas. You can almost think of the arm as a sort of triangular shape, wide side starting from the shoulder and tapering towards the hand, which itself mostly builds up fat around the back of the hand and the fingers. The shoulders themselves don't build up too much fat unless you got a lot
Tumblr media
THE LEGS: And finally, you can think of the legs having pretty similar curves to what you're probably already used to thinking. The front of the thighs getting a big buildup, along with the back of the calves, the other parts being flatter in turn. As far as the feet go- similarly to the hands, the top of the feet, along with the heels get most of the buildup, as fat on your soles would impede mobility. The glute, hip and crotch area will also especially build up fat, lending to the same triangular shape that you can see in the arm!
A big thing to note with fat is that it tends to taper off towards joints. Your knees, elbows, shoulders, hips, and all the other places are gonna have significantly less fat so that you remain mobile and flexible, as that's important!
Now that we have an idea of where fat builds up on the body, you might have something that looks kinda like this
Tumblr media
Which yes, does demonstrate a solid understanding of the places fat builds up, lacks the weight you're probably trying to convey, which brings us to out next point! Fat is well... heavy! Gravity is what gives fat much of it's shape, especially as you tread towards larger and larger bodies.
This is demonstrated really well on the arms especially-
Tumblr media Tumblr media
Those big ol' bits of fat'll really start to sag when left hanging, and they will squish like hell if they run into something. I like to think of these bits of fat as big ol' ovals that squash and stretch depending on if there's an obstacle in their way or not
Tumblr media Tumblr media Tumblr media
These are the important shapes to remember when it comes to the weightiness of fat! If you take all of this into mind, you should be getting something a lot closer to that shape you've been after!
Tumblr media
Oh, and always remember that fat bodies come in all variety of shapes and sizes! Play around with a whole lot, and seek out all the resources you can! it'll really lend to your knowledge when it comes to this kinda stuff!
Tumblr media Tumblr media Tumblr media
And as I always recommend when it comes to learning art- look at what your favorite artists do with fat bodies. See what you really like about the fat bodies they draw and try to replicate it in your own work, I promise you it's one of the most helpful things ever.
This is like the most basic of basics when it comes to drawing fat bodies though. If there's any additional thing about fat bodies, or maybe you want clarification on something, don't be afraid to ask! If there's enough to cover, I'll make an addition to this post!
3K notes · View notes
tawnysoup · 6 months ago
Note
I ADORE your art and how well you match the ISAT artstyle. I've been being alot of studies to try replicate the style and draw characters 3d but stylised. Are there any tutorials that have helped you, studies you do, or things you keep in mind whilst drawing to make the characters look so 3d?
Oooaaahh thank you!!! This is a really good question. I say that because I feel like I "2D cheat" ISAT art a lot. It's very comfy to draw bc my normal art is like that too, with angles that shouldn't be able to exist but look right bc it's 2D so your brain forgives it. Design of the art > accuracy of the anatomy, y'kno?
Tumblr media
The hair kind of gives it away in most cases. It's meant to be such a specific shape, it kind of stops looking like the character if it gets too 3D? But drawing it more 3D has huge utility too, especially for animation n stuff. It's just something I've noticed about the style! It's very designed for 2D. It's very "the shape of the lines" > "the shape of the 3D object"
It's helpful to remember that ISAT characters are all made up of really simple shapes. Like Siffrin's head is just a ball from nearly any angle but the side. Their body is a cylinder but one end is wider than the other. Odile's face is a ball but the bottom is long, like an oval. Isa's is a ball but his chin is square, it has soft corners. Even Bonnie's face is a ball you just add a cheek bump. Etc etc.
Tumblr media
^Notice how i can't simplify the hat down into a consistent 3D shape bc otherwise it just. kind of. doesn't look like Siffrin's hat LOL
If you have the simple 3D shapes down then the rest of it is all 2D cheating and focussing on details! Having character refs nearby at all times especially when ur tryna figure out how to draw the character is KEY so you can keep looking at it and comparing. Try to pay attention to the little quirks of the art style that differ from yours and try to mimic them. But don't be afraid to let your style infect it a bit if it helps you to create something more dynamic looking.
Tumblr media
It helps that i've been drawing for ages. I know 'practice' is the age old advice but here's my spin on it: just draw, keep drawing what u want no matter if it looks bad or if some professional artist tells you you're doing it wrong. So long as you keep drawing you are learning. Indulge and draw what you want so you get to keep all the motivation and keep going.
oh and PUSH YOUR POSES/EXPRESSIONS!!! By this I mean, draw it once, and then lower the opacity and draw it again on top but pushing everything a little bit further. If a pose feels stiff this tends to fix it.
uhmmm i rambled on for ages but i hoped it helped u Tea (or anyone else reading)! thank u for the excuse to draw a bunch of funny isat doodlies :D keep going you have GOT THIS!!! THERE IS NO WRONG WAY TO MAKE OR ENJOY ART! YAY
1K notes · View notes
androdragynous · 2 years ago
Text
Tumblr media Tumblr media Tumblr media Tumblr media
wheelchair, cane + forearm crutches, walker 90% chance if you're hesitant to draw mobility aids you're overthinking it. start somewhere. obviously these are not detailed references.
wheelchairs and walkers should be proportioned like chairs. in most cases canes are held on the opposite side of the painful leg because you want to put weight on the cane instead of the leg (dr house lied to you) but depending on the reason for the cane this can change!
[ image id: a title image that reads "learn how to draw mobility aids very fast" followed by three simplified drawings of different mobility aids broken down into two steps each. the changes made in each step are colored red.
the second image shows a wheelchair, with the steps "1. seat with footrest", showing a simple chair shape, and "2. wheels", which adds two large wheels to the back and two small wheels to the front.
the third image shows both a cane and forearm crutches, with the steps "1. stick", showing a single line of color, and "2. add handle", which shows a hand grip and a forearm rest on two different sticks. and additional label below this step reads "handheld stick height is where the hand rests at the hip" and "forearm stick height is the forearm".
the fourth image shows a walker, with the steps "1. platform with wheels", showing a backless chair shape with a wheel on each leg, and "2. add handlebar", which shows a handle raised above the seat. end id ]
✨ edited to remove italics for screen readers + also pointing out that I missed the handle on the forearm crutches! always use real reference photos when you can, this is just a starting point to help you understand the basics if you're not familiar :3
6K notes · View notes
lackadaisycats · 1 year ago
Note
Hello! I remember seeing a tutorial for wrinkles / clothing physics here but i cant seem to find it... where could i see it again? Im having a hard time drawing clothing physics / wrinkles haha 😅
Tumblr media
I haven't shared it publicly, but here's a preview image of it. It's available in full to my Patreon supporters, though. It's also in the Lackadaisy Essentials art book, which can be acquired through the BackerKit campaign currently in progress.
4K notes · View notes
prokopetz · 11 months ago
Text
One of the better examples of integrating video game conventions of play into the narrative is how the game mechanics tutorials in the opening stages of Final Fantasy VII (the original) flip the customary script and have Cloud, the player character, be the one explaining things to other characters, thereby establishing the unspoken expectation that his narrative function is to be the guy who knows what the fuck is going on and lending greater weight to the eventual revelation that he has no idea what the fuck is going on.
3K notes · View notes
hansoeii · 10 months ago
Note
hi, I'm a big fan of your art! especially the good omens ones, they make me cry.
one question, how do you draw eyes? i am a beginner when it comes to drawing, so any tips or...?
Hey!
Thank you so much! Happy to hear you like my work!
When drawing eyes I usually go about it like this:
It helps me to imagine the character I'm trying to draw with a mask. This especially helps when trying to draw an expressive set of eyes and eyebrows! David Tennant is the best example for this:
Tumblr media
The shape of an eye can be simplified with just four lines, like this:
Tumblr media
These four lines can be manipulated to whatever shape of eyes your character has. One line can be longer or rounder.
This is what it would look like:
Tumblr media
(sorry for doing this to you, david)
And once you've understood these basics, you can draw some eyes!
Tumblr media
Hope this is somewhat helpful!
2K notes · View notes
piecesintoplaces · 4 months ago
Text
Tumblr media
As a thank you for so many new followers, here's a brand new edition of my editing resources masterposts ✨ (you can find the previous editions here). Make sure you like or reblog the posts below if they’re from other blogs to support their creators! A friendly reminder that some of these are free for personal use only, so be sure to read the information attached to each resource to verify how they can be used.
Textures & Things:
Collage Kits from @cruellesummer that I find myself using basically every single day
Taylor Swift Wax Seals from @breakbleheavens that I also use literally every day
Rookie Magazine Collage Kits (1, 2, 3, 4, 5, 6, 7, 8, 9, 10)
Scribble Textures & Cross-Outs (1, 2, 3)
GIF Overlays (1, 2, 3)
Film Grain & Noise Textures (1, 2, 3)
Paper Textures (1, 2, 3, 4, 5, 6, 7, 8)
PNG Overlays (Paper, Flowers, Clouds, Stickers, Lips, Vintage Paper, Misc. Symbols)
Halftone, Scan Line, & VHS Noise Textures (1, 2, 3, 4)
VHS Tape Textures by @cellphonehippie
Misc. Texture Packs (1, 2, 3, 4, 5, 6, 7, 8)
Photoshop Effects (Halftone Text Effect, Chrome Effect, Glitch Effect, Ink Edge Effect, Photo Morph Effect)
Fonts:
Badass Fonts (free fonts designed by womxn 🤍)
Open Foundry Fonts
Free Faces
Uncut Free Typefaces
Some Google Fonts I Like: Instrument Serif, DM Sans, EB Garamond, Forum, Pirata One, Imbue, Amarante
Some Adobe Fonts I Like: New Spirit, Ambroise, Filmotype Yukon, Typeka, Big Caslon CC (TTPD Font!)
Some Pangram Pangram Fonts I Like: Editorial Old, Neue World Collection, Eiko, PP Playground
Fonts In The Wild (font-finding resource)
Tutorials & Resources:
Comprehensive Rotoscoping Tutorial (Photoshop + After Effects, great for beginners!) by @antoniosvivaldi
Rotoscoping & Masking Tutorial (After Effects) by @usergif
Texture Tutorial for GIFs by @antoniosvivaldi
Color Control PSD by @evansyhelp (to enhance, isolate, or lighten specific colors)
Cardigan Music Video PSD by @felicitysmoak
Picspam Tutorial by @kvtnisseverdeen
Moving GIF Overlay Tutorial by @rhaenyratargaryns
GIF Overlay Tutorial (+ downloadable overlays!) by @idsb
Icon & Header Tutorial by @breakbleheavens
GIF Blending Tutorial by @jakeperalta
Split GIF Tutorial by @mithrandirl
Guide to Coloring Yellow-Tinted Shots by @ajusnice
Slow Motion After Effects Tutorial (useful for GIFs!)
Gradient Map Tutorial by me!
Misc:
How to Make Your Own Textures by @sweettasteofbitter
How to Report Tumblr Reposts of Your Work by @fatenumberfor
Tips for Accessible Typography
568 notes · View notes