How to make high quality gifs

The question people ask me the most on here besides “are you dead” is how to make gifs and how to make them look good. So I finally decided to make a tutorial how to go from this:
(I know this tutorial is pretty long and I apologize for that, I just wanted to make a tutorial everyone can understand because when I was a beginner I always wished for more detailed tutorials on this topic.)

to this:

Keep reading

Art tip of the day:

When doing digital work, always work bigger than you intend the actual picture to be. I tend to work twice to three times bigger and then reduce the size. Why? It helps minimize appearance of goof-ups so your work looks even better!

This maybe isn’t the best example, but see how the color doesn’t exactly match the lines and some of the lines are kinda jagged or unfinished?

You’re bound to make mistakes, so if you make them when the picture is large, then minimize the size…

The flaws all but disappear! This saves a lot of painstaking erasing (although maybe not a ton of disk space, haha.) When I resize an image in photoshop, I use these settings to avoid warping and pixelation:

anonymous asked:

hi! when making stuff in aseprite, what type of image file produces the highest quality? on a piece say 64x64 pixels. png, jpg or jpeg?

Png. I talk a bit about it here:

Also important to know:

And finally:

Ironically Tumblr also interpolates with bicubic or bilinear so these tutorial images look blurry because they were downsampled from 638px original to 540px tumblr width. Here’s the original GIF for pixel perfect viewing, although if you’re on any sort of retina display (or equivalent) the browser will double the resolution (to match the denser pixels) and blur things again. 

To circumvent that you need to see it on a website that has pixel scaling enabled in their CSS (like mine, when you go to the actual site, not on the Tumblr dash), or use an extension for your browser that injects that CSS into any page (like mine, safari only, but you can find similar things for other browsers I suppose).

And that’s the story of pixel art formats and quality and the internet.


Icon tutorial + feel free to use the icons

I’ve been asked by several people how I get the affiliate and network icons so sharp in some of my groups, so I decided to write a tutorial. (This will also work for your tumblr dash icon.) I’m using Photoshop cc for mac, but I’m not using the mac shortcuts here, so it should work for PC users as well.

This is pretty basic stuff, but it’s a wordy tutorial so that anyone with less photoshop experience should be able to follow along. 

Keep reading

How big should you make your art?

I’ve noticed some digital artists out there who just kind of guess when choosing the dimensions of their artwork. Trying to understand ppi, dpi, print dimensions, and resolution can send you down a rabbit hole of complexity likely to break your brain.  

If you are creating an image only for the web, it is really up to you how big you want to make it. The only relevant dimensions are the pixels. Print size and pixels per inch are of no consequence. A 1920x1080 300ppi image will be the same as a 1920x1080 600ppi image. Your screen only cares about pixel dimensions.

If you plan to print your image, that is where things can get complicated.

Here is the simple version…

First you need to determine the maximum size that your work may be printed. Here are the most commonly used sizes for poster prints. 

Now you need to know the brand of printer that will be used. Typically it will be Epson, HP, or Canon.

For Epson printers…

  • Input the width and height. 
  • Input a resolution of 360 pixels per inch.

For Canon, HP, and most other printers…

  • Input the width and height. 
  • Input a resolution of 300 pixels per inch.

So let’s say you are in photoshop and you want your art to be printed at 11" x 17" on an Epson printer. This is how you should create your document. 

If you do not know how your work will be printed, I recommend erring on the side of “too big.” If you end up having to enlarge your work, it could result in some quality loss. 

Keep reading

soft pastel-y ish giffing + colouring tutorial

ahhhh such a professional title 

so someone requested i do a tutorial on how i make gifsets but they didn’t request a specific set though so i’m just gonna do it on my most recent one (if there are any other ones any one wants to see then drop me an ask

all the gifs above used this colouring although it will not work for all scenes (trust me i learned this the hard way) but with a bit of tweaking it can work for a fair few

Keep reading

anonymous asked:

you literally make the prettiest gifs I've ever seen!!! can you do a tutorial perhaps??? I want to learn how to make them and yours are gorgeous

ahh oh my god thank you so much!! :’)

sure, here you go!! sorry if it’s messy i’m not the best at explaining things hah

Keep reading

ask-rifu-and-friends  asked:

I know this has been asked already but, how do you make it where if you expand something, you don't have little squares in that color all over your canvas?

Enlarging an area with Transform will always result in some loss of quality - see explanation here.

Some valuable advice from AtsusaKaneytza:

  • If you’re doing pixel art, or something of that sort, where the edges have to be blocky and not very anti-aliased, then “Nearest Neighbor” is the best resize method.
  • If you have gradients, or really smooth/soft transitions between colors, like photographs and things like that, then “Bilinear” resizing is considered best for those.
  • If you’re resizing something like lineart or cel-shaded style art, etc. with very clean lines and coloring, then “Bicubic” is the best resizing method that doesn’t make your resized art look too blurry.


anonymous asked:

hello! I just wanted to ask if you could share how you sharpen your gifs and perhaps your settings when you save them because their quality is AMAZING and it's well-known that ps fucks them up after you save them TT

of course! thank you so much for the compliment, because sharpening is actually what i struggle with most so the reassurance is nice!

small tutorial under the cut

Keep reading

anonymous asked:

show me 🔍 your rock hard 🍆 videos 😖 oh daddy 😩 please 💦 render me 😧 in 1080p at 60 frames 👅💦 fuck it daddy 😦 stick it in me 🍆💦 at 144hz 😌 EXPORT ME 👅💦🍆 WITH BICUBIC 🔳 DECODING RIGHT ➡️ IN MY SSD 🔲 DADDY 🍆💦😦 show me your RAW 🍆 files papa 😰 i want to fill 💦💦 my RAM 😧 with your data 😦🍆👅

Oh my fucking god

This is the funniest fucking thing I have seen all day

anonymous asked:

This might sound a bit random but what file format do you upload your digital art to instagram in? Your pics always look so lush and crystal clear and perfect but every time i try to upload anything it looks pixelated and blurry and awful. Everything is RGB and saved for web and devices. I keep searching and even instagram itself won't tell me what formats it accepts. You really have your stuff figured out so I thought you'd be the one to know. I hope you don't mind me asking. :)

I just use jpg, and half the time I save it from tumblr onto my phone and repost that lmao.  When you save your image in photoshop make sure the quality is on the highest setting, use bicubic sharper when reducing image size, etc.

anonymous asked:

i wanted to know if you could show me how to make ur gifs? i love ur tumblr so much btw! ❤

i’ve been meaning to make a tutorial for a while so here it is, finally!  
This is made for beginners! so it’s quite text heavy and long asf but still simple enough to follow (i hope) 💞

Keep reading

how to make gifs for beginners!!!!111!

hellO!!! so im going to be trying to explain how i make gifs!!!!

What u will need BEFORE:

-photoshop (i use cs5 extended but any should be fine) check photoshop blogs to get downloads if u need!!!! like yeahps and completeresources

-some kind of website/add on/tool to download videos to mp4 (keepvid and savevid are websites many ppl use!)

-actions or psds are nice if ur a beginner to help get started!!!!!

-patience, bc it takes a while to really get in the hang of making gifs NICE

Keep reading

smoakinzel  asked:

hi! I'm sorry if you got this question already but I didn't find it anywhere on your blog, but, I wanted to know what are the exact things I have to do so my gifs will come with a very good quality? I download my videos in HQ (1080p), I make the gif, then I save it, and on photoshop it does look really good but everytime I upload it on tumblr it looks all blurred and shitty ugh. What do I have to do? Thanks!

Make sure you’ve used the correct Tumblr sizes:


  • How to make HQ gifs (tutorial)
  • Apply a good action! Check out our tag.
  • Make sure when you’re changing your gifs size that you click “Bicubic (best for smooth gradients)”. When you’re changing your gifs size (ALT+CMD+I for Mac users), a popup box will have all the details of you Image size. There is a drop down option at the bottom of the popup box called “Bicubic Automatic”. Just click that.

  • The reason that you should do this/why I do this, is because it makes the gif look higher quality when you apply an action. 

My result of using the “Bicubic (best for smooth gradients)” method:

Save your gif as the following:

  • Gif
  • Selective
  • Pattern
  • Colours: 256
  • (Click transparency)
  • No Transparency Dither
  • Looping options: Forever