180px

3
Theme #9 by raiidens
KH3 may not be out yet but this theme is now at least! c’:
Static preview + install
Ver. 1.02
Features:
  • 500px or 400px posts
  • Up to 8 links
  • Customizable colours, images, fonts
    • Sidebar image: 180px x 250px
    • Loader gif: 50px x 50px
  • Optional infinite scroll (the page viewer chooses)
  • You can disable the paint drip and/or sidebar stars
    • You have to colour the paint drip image yourself in something like photoshop. Here’s a black and white one.
  • Search bar
  • Mirrored layout available
  • Monochrome posts (optional)
  • Removable captions

Please:
  • Leave the credit or move it somewhere else visible
  • Edit as much as you like
  • Like/reblog if you’re using!

glisean  asked:

Could I ask which program you use for your pixel art? Just picking up using graphics gale but am not happy with the palette settings. Also how do you choose the canvas size you work with and the appropriate scale for objects and characters?

1. Software for pixel art

I use GIMP. But it doesn’t matter too much.

Sometimes I’ll use Photoshop for its better animation tools. Although some GIFs are easier to edit using GIMP’s more raw system (it uses layers for animation frames).

If you want to check out GIMP, I made a tutorial about it: GIMP Pixel Art Tool Setup Tutorial

2. Canvas size

Choosing canvas size for me has evolved over time. TL;DR is that it is always based on the context (how the work is going to be used/displayed and your personal quirks). Examples:

Physical print size

Tribute is 660x900, because that was a round number that fit nicely on the magazine cover for which it was made. (Nicely = I imagined how big I wanted the physical pixels to be.) 

For the scale I looked at my inspirations at the time (eBoy, Army of Trolls, PixelFreak) and simply chose something similar. I set people height to 24px and created a composition of rooms, hallways and shafts that would look nice assuming that 25 pixels ≈ 2 meters.

As you can see I made a reference box for the size of a human (to the right of the doors), which I moved around the scene and pixel all objects relative to.

Traditional display resolutions

You will often find pixel art works done at 320x240px size since that was the screen size of many DOS and Amiga games. It’s nostalgia.

In my case, being obsessed with the British home computer ZX Spectrum, it’s 256x192 pixels.

At one point I wanted to make a ZX-styled scene from the movie Speed Racer. To match its widescreen aspect I simply put two ZX Spectrum screens together for the 512x192 final image (8:3 ratio).

I liked the super-wide proportions a lot so I made Pixel China Mountains the same. It all goes back to liking the ZX Spectrum.

Desired display size 

If you want pixel-perfect images on Tumblr, you have to size them to the exact width of the dashboard (500px before October 30, 2014, 540px today). 

To avoid cropping or image scaling I started doing pieces at 250px size to fit perfectly on the then 500px-wide feed at x2 scale.

After Tumblr’s change to 540px, I started doing 270px wide pieces. :) It’s a nice number for pixel art. Depending on how big you want the pixels to be you can set the canvas width to:

  • 270px (540/2)
  • 180px (540/3) 
  • 135px (540/4)
  • 108px (540/5)
  • 90px (540/6)

Additionally, the biggest size you can display on the dash is vertical (portrait orientation) at 2:3 ratio, so these days my final display target would be 540x810px (canvas at 270x405px). I know at least mazeon​ also sets things up this way (he usually goes for 300% magnification on a 180x270px canvas).

For complete reference, current pixel perfect sizes are:

  • Tumblr: 540x810.
  • Twitter: 506x1195 for the main feed. Only the middle 253px will be shown before user clicks on it.
  • Facebook: 470x470. However, make it just one pixel higher and Facebook will scale the height down to 394px (so all images > 470px will display at 394px high).

3. Scale

Scale controls the tradeoff between the smallest items you can represent and the size of the scene you’re trying to show (given a fixed canvas size).

The smaller you go, the more abstraction you need to use, but a larger scene will fit into the same canvas. The bigger you go, the more details you can add, but the scene will show less physical space.

For example, I can draw a whole city with people as small as on the left, but I can only draw a part of a room using people on the right given 540px of space. 

To directly answer your question, “appropriate scale for objects and characters” will depend on the style, the scene and desired canvas size. So there’s no direct answer, you’ll just have to find something that fulfills all three variables for your illustration.

Or as Yoda would say:

“That which you seek, inside you will find.“

Retro

anonymous asked:

Hi, i want to learn how to make gifs, do you have a good tutorial to recommend? Also what font/font size do you use, what are the pic dimensions and how long should each gif be etc? What version of photoshop is recommended? Thanks!!

hello!!! these are a lot of questions omg so we’ll just answer in bullet points if that’s okay ;;

  • this is a tutorial for the exact process we use! if you google “gif tutorial tumblr” lots of results should show up~
  • we usually use calibri at anything between 8-15pt font, but as long as it’s legible it should be fine!!
  • pic dimensions: 540px (full width), 268px (half width), and 177px / 178px / 177 px (three gifs per row). height doesn’t really matter but we tend to stick between 180px and 250px!
  • we make gifs as long as they can possibly be under the 3mb gif limit
  • any version of photoshop is okay! but we’d recommend a version with the video timeline function which makes sharpening and coloring much easier~

anonymous asked:

I saw that you had a tutorial on how to make or apply a custom background to a container theme, but could you maybe do a tutorial for the photoshop graphic part? I'd love to be able to create a pretty background/border to apply, but I'm not quite sure how to do it in a way I'm happy with.

okay nonny, get comfy…

now bear in mind, that this tutorial will show you how to make a container theme background, and the techniques i use to make mine - however it may not be to your aesthetic taste, but all you have to do is to replace the images i use with things you prefer…

this tutorial will help you with -

  • checking the position and size of your container, checking the position/alignment of your background.
  • making a template.
  • using guides in ps.
  • designing a background - source images, brushes, stock resources etc.
  • using clipping masks.
  • using semi-transparent background on posts ( for readability ).

we’ll be going from this - 

to this - 

using less than 10 layers in ps! (if you want to see the full preview of the finished background on a static theme, click here.)

Keep reading

APPLE THEME |  { CODE & PREVIEW }

Please, like or reblog this post if you’re using this theme! :)

FEATURES:

  • Image: 180px x 180px (auto resizing)
  • Fully Customizable Colors
  • Post Size: 540px, 500px, 400px, 250px… (you can type in the size you want)
  • Infinite number of links, powered by Tumblr Pages
  • Like & Reblog buttons

NOTES:

Feel free to edit whatever you want, except the credits! Please don’t redistribute.
If you have any questions, ask me here, I’ll be glad to help you! ^^

ps: I always answer privately if you’re off anon.

anonymous asked:

Can I ask for a tutorial on how you did your navigation page at the moment ? && I'm extremely sorry that this is on anon ( as you said not to ) :c but 'm super shy when it comes to asking for help >x<

nah awww it’s okay! i mainly said it, because it became difficult to answer messages, even more when they were a few hours old and i felt that i was doing them no longer for whoever asked (since i am not able to tag them) but more for whoever sees it on their dash. especially when certain problems were specific and the asker never came back. so i decided to write it down. yours is more general and that’s why i will answer it. however, any future questions should be answered off anon please, especially when problems occur. i can’t solve them three hours later, even worse if you could simply google some questions ( this is not about you nonnie ^^ )

but welp i will just give you a short introduction (hahaha yeah i will try. we both know it will get longer) ;

Keep reading

medikiii  asked:

By the way, if you want your pixel art to look neat and not stretched/blurry on the dashboard, I recommend you make your image 540 pixels wide (or you could have it 270px wide and scale it up x2; 180px at x3 scale; 135px at x4 scale; etc). The height limit was somewhere around 800px I think? When you post multiple images next to each other, the sizes are a bit different due to the space between the images, I think you can look those up if you need it. Anyway I hope this helps! ´ v `

ooo thanks for the tip, i’ll keep this in mind! 🌟 i always end up forgetting about this because the posts on my blog is 500 px wide so they’ll end up getting blurry anyways _(:’3