Hi! Would it be possible to post a tutorial of how you created the text in this set /post/135890396784/just-fill-the-poor-boy-in-already thank you :)
Absolutely! It’s a little fiddly and takes some time to do, but once you’ve made one, you can pretty much just drop it into your other gifs!
I’ve tried to make this as accessible as possible to beginners by giving you guys follow-along examples (as gifs) to help with navigation, but if there’s any questions, don’t hesitate to send them my way.
Photoshop CS5 and up (I’m using CS6 for this. Anything below CS5 won’t have the video timeline, which makes this a lot easier.)
Know how to make a gif. If you don’t, here’s a tutorial I made a few years ago. It’s really old, and I’ve changed some of my settings, but the raw fundamentals are still there. (Again, any questions - just send them my way and I’ll be more than happy to help.)
To start off, I know photoshop seems all over the place! I remember when I first started using it, I had absolutely no idea what the heck I was doing, so don’t feel bad if thats where you are at too! Also, you will get the hang of it! After using Photoshop for a little bit, things start to come naturally! THIS WILL BE A VERY LENGTHY TUTORIAL. PART ONE WILL BE WRITTEN TIPS, AND THE SECOND PART WILL JUST BE IMAGES GUIDING YOU THROUGH THE PROGRAM.
Could you please show us how to make gifs? Because this is siriusly beyond me! Thanks 🌿
+ Can you make a tutorial on making a gif the way you do please?
okay i’ll try to show it the way i do it but my photoshop is in russian so translation will be off and i’m not sure this will be easy to understand if you’ve never had any encounters with photoshop before
*disclaimer: this is not my original tutorial, but one I grabbed from youtube before the video got deleted!
Okay here I go
Download CC from adobe’s website here, download “Photoshop CC” (It’s blue and looks like this
) and open Photoshop up. It should ask you to start your free trial; start it. Then close Photoshop.
Next, open up your windows explorer (the yellow folder) and click on the (C:) thing under “computer.” You should have a folder called “Program Files”. If you only see that folder and not another folder called “Program Files (x86)”, that means you have a 32 bit computer. If you see that folder and also a “Program Files (x86)” folder, that means you have a 64 bit computer.
Next, go to this link. Click on the red download button to download! The original poster had uploads that were inclusive for 32 bit computers, but their uploads were taken down. The only file I had saved to my computer was the one for 64 bit computers, so this file will only work for 64 bit computers.
Then, this thing will pop up. Click “Keep” and your download will continue.
Click on the little arrow at the side of the download and click “Show in folder”
Next, click and drag the file, hover over the (C:) folder, the “Program Files” folder, the “Adobe” and then “Adobe Photoshop CC” folders, and drop it into that folder.
It’ll ask you if you want to replace the file; click “yes”. And voila! Free (*cough* illegal *cough) photoshop.
I’m adding this at a later date; Adobe updated Photoshop again, and now the free trial window shouldn’t go away, but will instead pop up every time you open the program with a randomly generated 7 digit number by the “days left of your free trial”; that’s perfectly normal! Just close it and be on your way.
This is only for Mac, but I’m sure with some quick serching you’ll find many links for PC.
First, you must have uTorent, if you alredy have it, here is the link for Cs6
When it’s finish, either follow the instructions provided in the folder or try this. Only follow the “••Amtlib.framework•• part, but be sure download the framework file first (it’s under: Things you’ll need)
You can verify that your download was installed correctly by checking here
If you need any help, don’t hesitate to ask. I’ll be sure to help you in anyway I can ^.^
Hi, Nikki! I really really love your graphics. They're so beautiful and aesthetic pleasing! If you don't mind, could you make a tutorial for this /post/145172474666/url-graphic-poedameron-want-one graphic (last picture), please? Thank you so much! (P.s. you're amazing person!)
Thank you! And sure, I can make one!! The only thing is…I have thousands of texture packs and I’m not positive which packs I pulled from for this graphic! Unfortunately, my computer crashed yesterday and I lost all my recent open photoshop files. So, I’ll tell you what I’ll do….I’ll make something similar and it will be like the same steps I went through to make the Poe graphic, alright?
without revealing any of your tricks how do you make gifs????
hey! im not sure if you want me to work through the whole process of gifmaking or just what i personally do, but i’ll go over it all in brief and if i glossed over something just shoot me another ask and i can go into further detail!
this is going to be for PS CS5 because i don’t have the fancy new photoshops so some of this might be outdated but hey it works for me
also, word to the wise before you continue reading, i don’t have any tricks lol i’m just fucking around and trying to do my best
/post/128581144601/castiel-graphics-challenge-strengthcas-prompt how did you attach the galaxy and cloud gifs to the graphics? it never works when i try to do it
I will try my best to explain! :)
Assuming that you’re using Photoshop, I’ll try to go through the steps. (I use Photoshop CC) It’s pretty simple! I’ve seen a few other ways to do it, but this seems the easiest to me. If you’re still confused after this, please message me again (maybe off of anon?), I’d love to help you but it’s a whole lot easier one-on-one.
This is going to get long, so click the “read more” for the tutorial on how I added the GIF to this picture:
Hi, I have a question: do you have any advice on how to get a clean lineart? I just got I drawing tablet, and I can't do confident, clean lines, so my lines are always super sketchy... How do you get yours so clean? Thank you so much for reading, I love you and your art, and I hope someday I can draw as great as you! I'll keep on practicing! ò-ó)9
Hello! Oh wow you think my lineart is clean haha thank you! That’s still a thing I feel I struggle with - certainly a lot more with colours. Colouring is LOT easier if lineart is clean and CLOSED, so you can use the magic wand tool and/or paint bucket tool.
Clean lineart really depends on the software used. Personally I find programs like Clip Studio and Fire Alpaca to have better pen stabilizers than Adobe Photoshop or Paint Tool SAI. Also you must have pressure sensitivity enabled with your tablet, and tweaked properly in the software itself. For the tablet, you can find that setting in the Preferences Utility or similar. In the software it’s usually under preferences or Options or something like that.
One IMPORTANT thing is DPI (dots per inch). You should have at least 200 DPI to maintain a good resolution when zooming in really far to clean up gaps or whatever. Also when you save the file (.png file types maintain quality better than .jpg) you can print it at a big size and it’ll still look good.
Don’t be afraid to draw really rough lineart first and then go over it. Also I find that loose strokes really make it go smoother - your wrist/hand is less shaky that way.
Hmmmm I don’t know if that helped at all! Basically yeah just make sure you have pressure sensitivity on, and you draw at a large resolution.
Hey Sophia, nice job, I really enjoy your work. How are you creating your animations if you don't mind me asking?
A bunch of people have asked me this over the months, so instead of just linking to tutorials I’d like to go a little more in-depth.
My process for making animations has changed a lot in the time I’ve been doing them. I used to work almost exclusively in Flash (for animations like lighthouse lady, fish man, busy girl, train folks, and rock roller) with a little bit of Photoshop basically just for post-processing (tweaking colors with adjustment layers). I should note that when I’m animating geometric shapes I almost always make them in Illustrator, and then import them into Flash.
For some other recent animations I’ve done a hybrid approach – making geometric shapes in Illustrator and animating them in Flash, then bringing them into Photoshop to apply texture to the shapes and also do any hand-drawn animation. See “help computer” and this NYT piece.
Unfortunately, Flash CC has actually removed a lot of the features I depended on for animation (the motion editor, and inverse kinematics) so I am finally taking the plunge into learning After Effects, which I’ve been putting off for forever even though it’s industry standard. I expect it will change my approach a lot.
Before I get into the weeds with a specific example I wanna shout out Ric Carrasquillo, who has mentored me with a lot of animation stuff and is a phenomenal artist and all-around nice guy!
So the most recent animation I’ve put on tumblr is this running girl. Let me tell you how this came to be.
I have a folder on my computer called “style tests” that is filled with random scribbles, sketches, abstract color palettes, brush experiments, patterns, etc. When I feel like starting a random personal project, I peek in here and see if there’s anything that holds water. If it manages to keep my interest after wasting away in this folder for months, then it’s probably worth finishing.
Apparently I started “runner” about a year ago, in April 2013. it was initially just an idea for a static illustration in a sort of printmakey style with a limited palette. I’m sure I was thinking of this scene from Akira Kurosawa’s Dreams because it haunts me.
Anyway, it stayed like this for basically a year, then in May of 2014 I decided to do something with it. I had been thinking of the scene again and thought it would be fun to animate a run cycle.
I did rough pass animation in Flash because I find it faster and more intuitive when you’re working out timing. The final animation is two 16-frame run cycles at 12 fps, so on the 2’s at 24 fps, basically. My first pass here is on the 2’s at 12 fps, so on the 4’s at 24 fps. I asked my coworker Matt Cruickshank for tips and he pointed out that it’s physically impossible to run with your arms and legs moving foward on the same side, which gives you fascinating insight into how little I know about this stuff
Second pass with all the frames filled out – this was sufficient for me to move to final linework.
I exported the animation from Flash as a .png sequence, then imported that into Photoshop as a video layer so that I could trace over it in a new video layer. This part was the most time-consuming and tedious, so I queued up Das Boot and had at it. Here’s a progress shot. Someone on twitter mentioned that her right arm (our left) was doing some funky stuff and he was right! I fixed it as best I could in the final. It still looks weird tho :C
When I was done with the 16-frame cycle, I duplicated it and changed her facial expression in the second round so that it wouldn’t feel too repetitive. Next: color.
When animating in Photoshop, you can create a cycling texture animation as a smart object and then clip it to a layer, video layer, or group of frame layers. This is what I did with her shirt. I made a Photoshop action to create a bunch of random blobby noise, ran it on 16 separate color layers, and clipped the resulting footage to the flat shirt shapes.
I do variations of this all the time, with static illustrations too, just to add some speckle to a solid color.
Then I spent a long time coloring all the lines………
For the background elements, I went back to Flash, using some Illustrator-made vector shapes. The hill in the background is a giant rotating circle with alternating smooth and pointy ripples.
The bush in the foreground is a spiky rectangle doing a tile tween. Both of these got punted to Photoshop as .png sequences in video layers, where I colored and textured them.
At some point in this entire process I decided to lose the spooky hand + shadow in the background (seemed too cheesy, I wanted something more ambiguous) and I also removed the kicked-up dirt, under Ric’s advice that it was driving home a point that the character animation had sufficiently made.
The sky has some texture that was not procedurally generated, but scanned in (years ago) from some powdered graphite + alcohol experiments (I’m not being glib, you literally mix the graphite powder with alcohol). The texture files were huge and this led to some problems. Every single frame of that cycling texture was a very zoomed-in portion of a duplicated enormous 600dpi smart object, and it was bogging down the .psd. I rasterized the smart objects thinking that would solve the problem, but the thing is – Photoshop often lets pixels outside the canvas hang around in case you need them. I eventually solved the issue by cutting and pasting every single layer, so that I was sure it was only saving on-canvas pixels.
When everything was ready to go, I exported all the frames as flat .pngs and ran some actions on them to tweak the colors with curves layers and gradient maps, then piled them back into a .psd (File > Scripts > Load Files into Stack…)
Then I exported it as a .gif (because this was a limited palette piece from the start, this part was pretty painless) and posted it to tumblr, but not before redrawing it in unicode
(the most essential part of my artistic process)
In all this animation took about two weeks, but I was only working for half an hour to an hour every day, in-between more pressing projects – as a way to relax and have fun.