I've been resource gathering for YEARS so now I am going to share my dragons hoard

Floorplanner. Design and furnish a house for you to use for having a consistent background in your comic or anything! Free, you need an account, easy to use, and you can save multiple houses.

Comparing Heights. Input the heights of characters to see what the different is between them. Great for keeping consistency. Free.

Magma. Draw online with friends in real time. Great for practice or hanging out. Free, paid plan available, account preferred.

Smithsonian Open Access. Loads of free images. Free.

SketchDaily. Lots of pose references, massive library, is set on a timer so you can practice quick figure drawing. Free.

SculptGL. A sculpting tool which I am yet to master, but you should be able to make whatever 3d object you like with it. free.

Pexels. Free stock images. And the search engine is actually pretty good at pulling up what you want.

Figurosity. Great pose references, diverse body types, lots of "how to draw" videos directly on the site, the models are 3d and you can rotate the angle, but you can't make custom poses or edit body proportions. Free, account option, paid plans available.

Line of Action. More drawing references, this one also has a focus on expressions, hands/feet, animals, landscapes. Free.

Animal Photo. You pose a 3d skull model and select an animal species, and they give you a bunch of photo references for that animal at that angle. Super handy. Free.

unsplash for lots of royalty free pics

heres a cool site to learn how to pair fonts together

heres another site to learn kerning [spacing]

in fact heres a bunch of games to help u get better at graphic design stuff

some free online video editors x x x

color accessibility resources :]

savee.it - like pinterest but for designers!! unfortunately it has a save limit for free users but u should still be able to browse it for inspo i think?

some free fonts

aside from coolors i really love adobe color!! it has color palette generator [triads, monochrome, complementary, etc.], accessibility tools, palettes+gradients extractors, and color palettes inspired by trends within diff industries.

make moodboards online for freeee i miss u polyvore

spline and womp for web based 3d design! + blender of course [go make that donut!]

we all know and love them: photopea [photoshop but free and on a browser?!] and canva [no introduction needed im sure]

upscale the resolution / quality of pics it says anime but it works really well with most stuff like video game screenshots [gets rid of hard edges/pixels]

typography inspo

more color palette generators [already meets accessibility guidelines]

filmgrab - a curation of movie scenes 💕

here's another one but for color palettes from films

more inspo and tutorials

cargo - for web design stuffs

an archive of BRANDING GUIDES

free online zine hosting

milanote - very very useful for organizing creative projects :D kinda like a mix of notion and pinterest ? [its basically notion but more visual]

a collection of free luts

lots of pngs for editing

freepik - lots and lots of free design assets.

flaticon - lots of flat icons / vectors. i haven't used this in a while, but it was free last i checked

in case u need more help pairing fonts go here and here

pixabay - 100% F2U, royalty free, and can use everything on there commercially without the need to credit them.

fonts that are F2U for commercial use - Exactly what it says on the tin. All of the fonts from this specific portion of the website can be used commercially without the need of crediting and is royalty free.

image convertor - You know ... just in case you need any images converted because your GFX program is being picky af or whatever the case may be.

extract palette from image - This is a super neat little feature that coolors has and I think it's worth mentioning tbh.

IF YOU DRAW OR DESIGN Instead of PHOTOSHOP, try GIMP Instead of LIGHTROOM, try PAINT.DOT.NET Instead of ILLUSTRATOR, try INKSCAPE Instead of INDESIGN, try CANVA or SCRIBUS

IF YOU MAKE PICTURES MOVE Instead of PREMIERE, try DAVINCI RESOLVE Instead of ANIMATE/FLASH, try OPENTOONZ or BLENDER Instead of AFTER EFFECTS, try WAX, BLENDER or FUSION

IF YOU BUILD WEBSITES OR SOFTWARE Instead of DREAMWAVER, SPARK or XD, try WIX, WEEBLY, or WORDPRESS.COM or WORDPRESS.ORG

IF YOU DO STUFF THAT REQUIRES THESE OTHER PROGRAMS Instead of AUDITION, try AUDACITY Instead of ACROBAT PRO, try FOXIT READER or PDF ESCAPE Instead of INCOPY, try LOVING YOURSELF AND USING LITERALLY ANYTHING ELSE (WHO USES THIS???)

IF YOU NEED STOCK PHOTOS OR FONTS Instead of ADOBE STOCK, try PEXELS, UNSPLASH, or PIXABAY Instead of ADOBE PHONTS, try GOOGLE FONTS or DAFONT

BONUS: If you need FREE MUSIC OR SOUND EFFECTS, try YOUTUBE AUDIO LIBRARY or SOUNDBIBLE

My bonuses:

IF YOU DRAW OR DESIGN Instead of PHOTOSHOP, try FIREALPACA , SAI , SKETCHBOOK or KRITA (these latter two are great!) Instead of LIGHTROOM, try PHOTOSCAPE

IF YOU MAKE PICTURES MOVE Instead of PREMIERE, try SHOTCUT Instead of ANIMATE/FLASH, try PENCIL2D ANIMATION, LIVE2D, OR E-MOTE

Misconceptions and Appropriations from Twilight: Their community gets fucking NOTHING from the Twilight Franchise, despite Stephenie Meyer using their name to abandon as one of the major plot points.

Racial and Class Stereotypes in Twilight: How Stephenie Meyer reinforces racist and classcist dynamics in her stereotypical depictions

Hey kids!  If you’re a filmmaker, animator, or storyboard artist and you don’t know what screen direction is, you might want to read this.

For the record, there are always exceptions to the rule in filmmaking, which is why I pointed out 3 examples here.

I’ve also found that comic books tend to NOT take screen direction as seriously as film does, but I’m still on the fence if this is wise or not.  My favorite comics pay close attention to screen direction so as to not confuse the reader.

I’ve been getting quite a few asks about the process for the patterns in my stylized artworks, so I decided to put together a couple of tips regarding them. 

Firstly, what you need are

—  CUSTOM BRUSHES  —

Most of the patterns I use are custom brushes I made, such as those:

For the longest time I was convinced making brushes must be super extra complicated. I was super extra wrong. All you need to start is a transparent canvas (2500px x 2500px max):

This will be your brush tip. When you’re satisfied how it looks, click Ctrl+A to select the whole canvas and go to ‘define brush preset’ under the edit menu

You will be asked to name your new glorious creation. Choose something that describes it well, so you can easily find it between all the ‘asfsfgdgd’ brushes you’ve created to be only used once

This is it. Look at it, you have just created a photoshop brush. First time i did I felt like I was cheated my whole life. IT’S SO EASY WHY HASN’T ANYONE TOLD ME 

Time to edit the Good Boi to be more random, so it can be used as a Cool Fancy Pattern. Go into brush settings and change whatever you’d like. Here’s a list of what I do for patterns:

- under Shape Dynamics, I increase Size Jitter and Angle jitter by 5%-15% 

- under Brush Tip Shape, I increase spacing by a shitload. Sometimes it’s like 150%, the point is to get the initial brush tip we painted to be visible.

- If I want it to look random and noisy, I enable the Dual Brush option, which acts like another brush was put on top of the one we’ve created. You can adjust all of the Dual Brush options (Size, Spacing, Scatter, Count) as you wish to get a very nice random brush to smear on your  backgrounds

The result is as above. You can follow the same steps to create whatever brush you need: evenly spaced dots that look like you painted them by hand, geometric pattern to fill the background, a line of perfectly drawn XDs and so on. 

BUT WAIT, THERE’S MORE

—  PATHS  —

But what if you want to get lots of circles made of tiny dots? Or you need rows of triangles for your cool background? Photoshop can do all of that for you, thanks to the magic of paths.

Typically, paths window can be found right next to Layers:

Draw whatever path you want, the Shape Tool has quite a bit of options. Remember, paths are completely different from brush strokes and they won’t show up in the navigator. To move a path around, click A to enable path selection tool. You can use Ctrl+T to transform it, and if you move a path while pressing Alt it will be duplicated.

Now, pick a brush you wish really was in place of that path you’ve drawn and go to layers, then choose the layer you want it to be drawn on. Then, click this tiny circle under the Paths window:

Then witness the magic of photoshop doing the drawing for you while you wonder how tf have you managed to forget about this option for the past 2 years 

You can combine special brushes and paths for all sorts of cool effects. I mostly use them in backgrounds for my cards, but you can do whatever you want with them.

Hey people of Earth!

Around this time last year, I mentioned I would have a video up on how I make book covers/cover making tips, and to summarize: I did not do the thing, and this year old script is still sitting in my drafts.

SO, I thought I’d kill two birds with one stone and post a written version of these tips! Going to get straight into this because I imagine this will be rather long!

This post will be divided into 6 parts: finding inspiration, concept art, incorporating elements of design, composition, tools and software, and resources. Feel free to skip around to whatever section interests you most!

***Before we get started, really quick disclaimer. I am in no way a professional cover designer. Cover design is merely something I picked up on my own, and I don’t have any formal education/credentials in graphic design. So of course take my advice with that in mind. These are also just my personal thoughts and opinions. So take everything with a grain of salt!

1. Finding Inspiration

What’s the deal?

A really great way to start out in design

Finding cover designs or designers you admire may help you see what works technically

Helps nail down a style you like

In turn, can help you find your cover design style

What should you do?

Look at covers in your genre!

Whenever I design a cover, I take a scroll through Goodreads to pick up some inspiration in designs I personally love

I also love walking around my bookstore and taking a look at physical copies

Find a cover design you like, and point out the specific reasons you like it

Example:

Me and Earl and the Dying Girl was actually not an inspo cover for this edition of I’M DISAPPOINTED, but as you can see, things I liked from it spilled over into my own design. By pointing out aspects of graphic design you like, you’ll better be able to understand your style as a cover artist. 

Some personal thoughts:

I like covers that include a textured backgrounds, as seen in the collage below: 

So for the I’M DISAPPOINTED cover above, I included a textured background. I also love handwritten fonts/lettering, which I include in almost all of my book covers.

What I did:

Off-white colour from A List of Cages and Holding Up The Universe

Silhouette from Painless and previous cover design of I’m Disappointed

Speech bubble from Simon VS the Homo Sapiens Agenda and Say What You Will

Marker texture from A List of Cages

Obviously my thought process wasn’t to put 4 covers in a blender and thus create my product, ha, this is just an example for the ease of understanding!  

2. Concept art

What’s the deal?

Coming up with concept art is a super important part of designing a successful book cover. 

Acts as the skeleton of your book cover

Your book cover’s roadmap

Saves time/effort

Similar to an outline for a novel. 

Can be a very quick sketch, or full fledged design

I like keeping my concept art quick, but if this is your first cover, making a more detailed mockup can help. 

What should you do?

Sketch out book cover ideas once you get them/take notes of concepts you’d like to explore

If you can’t come up with concepts, take a look at your inspiration folder and pull concepts/ideas from covers you love

This does not mean copying another book cover (this is notttt a good idea!). BUT, pulling inspiration from elements you like on a cover can be helpful in generating your own concepts

You don’t have to come up with concept art (sometimes winging it works!) but I do recommend jotting notes down, and drawing out loose sketches when applicable!

Keep a list of ideas for book covers as you accumulate them (almost like a little vault of concepts lol) and reference them in the future!

Take a look at as many book covers as you can and make a list of elements you like and don’t like

This is one of the easiest ways to accumulate ideas/concepts!

Example:

^^^ Concept art for two book covers 

Likes and dislikes in book covers:

Of course this list is not my be all and end all (nor should it be), and obviously, I still use these things (besides clunky composition I hope!) in some designs!

3. Incorporating the elements of design

What’s the deal?

There are 7 elements of design: line, shape, texture, form, space, value, and colour. 

These sometimes vary depending on where you look, but this is what I was taught, so I’m going to be working off that!

Examples:

I’m going to go through them really quickly via an assignment I did for my comm tech class

Keep in mind this assignment is 2 years old and is only meant to give you an idea of what these elements are 

1. Line

Line is probably the most important element of design as every piece of art starts with one. 

There are various types of lines. You can have curved lines, straight lines, vertical lines, horizontal lines and so on.

2. Shape 

You can have more mathematical, geometric shapes, or more abstract, free form shapes. 

3. Texture

Texture is the feel of a particular surface. 

Texture in my opinion is one of the most important elements when it comes to graphic design, especially book covers. 

My favourite thing to see in book covers is texture, whether that be paper textures like construction paper, crumpled paper, wallpaper, lace, wall textures, paint textures, or marker textures

Texture adds depth to designs, and if there’s any element of design you focus on in this post, I’d highly recommend it be this one. 

(i’m biased but still)

4. Form

Form is almost like shape, except instead of flat objects, we’re dealing with 3-dimensional objects. 

I don’t often use it in my covers since I like drawings and flat shapes in my designs, but if you want to include objects on your cover, or any sort of 3D shape, this would be form. 

5. Space

The distance around an object, to put it simply

Space in covers can help emphasize what’s important, and what is less important, or can draw attention to a particular piece of your design. 

Examples of space:

Colour coding: yellow = space, teal = focal point/movement of viewer’s eye

In Twilight, the black space helps emphasize the main image, the hands holding the apple. 

This also occurs in the Red Queen book covers. The empty space around the crown draws attention immediately to the focal point

You can also lack space. In The Duff, the girl’s face is the only thing you can see on the cover. 

6. Value 

Is determined by how much light or dark is incorporated into design. 

Example of value:

A great example of value in book covers is on Alexandra Bracken’s Passenger. As you can see, the green at the top fades down in a gradient as more white is added to the centre. 

7. Colour

Light reflecting off objects

Can make certain elements of your design stand out

Why should you incorporate the elements of design into your designs?

Adds layers of depth to your work

Thus can take your cover-making skills to another level

Can help in producing ideas

4. Composition:

What’s the deal?

In my opinion, can make or break a design

Can mean clutter of things, OR too much or too little space between elements

Title placement  

Composition is sometimes subjective from design to design

What you can do:

Pay close attention to detail and spacing

Look out for natural shapes in your design you can fit elements into

Watch the linked video from Mango Street (one of my favourite photography channels) on composition

While photography and design are two different things, the tips in this video can also be applied to various ideas in design such as headroom and leading lines

Examples:

*Before I get into this, I want to make it clear that these examples are exaggerations for the purpose of showing you good and bad composition. If you make these mistakes, that doesn’t mean your design is bad, and again, I’m no professional. This comes from what I believe could be considered bad composition, but trust your gut. 

Example 1: Stick People

doesn’t effectively use space

no headroom for text

text is covering 200 element (looks very clunky)

text is cut off

No focal point

Can’t read the title

Textual elements are better spread out

Title is now focal point

Slightly imbalanced

200 element is distracting 

Addition of stick figures balances out cover  

Text follows natural shape of photograph

Removed 200 element makes cover look less clunky

Example 2: Sixteen Cents

Half the title is on a dark background

Lacks readability

Last name is cut off by window

Uninteresting composition (everything is on one line)

No movement

Title placement is better

Better readability

‘A novel’ fits under windowsill

Last name is smaller to avoid cutting it off

Still slightly boring

Uses free space of wall wisely

Title is easy to read

Text is shaped around photo elements

Gives the cover some movement

Example 3: Fostered

Title is covering the focal point (the girl)

Title doesn’t seem to be incorporated into the design

By moving title down, we’ve made space for the subject

Title placement makes cover look less clunky

Same composition as prior but image is colour-graded

Embossed title adds texture/depth

I’ve mentioned this a few times in this post: focal point. What is it?

FOCAL POINT:

Is defined as the main attraction of your book cover

This is where you want your readers’ eyes to focus

Focal points can sometimes define themselves in areas where more contrast happens to be

Doesn’t have to be the centre of the page. 

Keep focal point in mind for composition because if you put it in the wrong spot, you could end up drawing your readers’ attention to the wrong area of the cover. 

The point of most interest in a cover is the focal point, so if you want a particular subject of your book cover, such as a person, to stand out make sure you don’t make the other areas of the cover too high contrast or busy.

Framing subjects also helps, so be creative!  

The human eye tends to focus on areas with increased contrast so keep this in mind

Examples:

The Host

The camera has focused on the eye of the model, with the nose bridge and forehead shadowing each corner of the cover

Helps lead eye to focal point (the eye)

The Girls

Blue around the edges encircles the focal point (the girl), leading the viewer’s eye directly to her

Girl is also scarlet in colour, contrasting the background

The Hunger Games

Grey outlines on the cover lead straight to the mockingjay

Mockingjay is bright gold in comparison to the black background

Creates contrast, thus viewer’s eye is lead there

The Female of the Species

‘Straight’ composition

No particular focal point, viewer’s eye instead moves horizontally across the design

What should you do?

Use the natural shapes and outlines in your design/photo to fill your cover

Use your space wisely (see examples above)

Use leading lines to draw attention to your focal point

Manipulate text to fill empty spaces

5. Tools and software 

You do not need Photoshop to make a good book cover

I made my first book covers in GIMP, a free image manipulation program (kinda like Photoshop’s little brother)

This is the stick people cover I made in photoshop, and the same cover made in GIMP. 

Other tools you may want to use are CreateSpace’s cover templates. 

You can find these through CreateSpace OR Bookow (my personal fave)

OPTIONAL (what I use):

Graphics tablet

I use the Huion H610 which I really enjoy! 

I use this to hand letter, draw silhouettes, create concept art, and so on

Paper and my Faber Castell India Ink Artist Pens. 

These are fine tip markers, and are what I used to create the text on I’m Disappointed 

Thin sharpies and pens will also do the job, and you can always clean any mistakes up in photoshop or gimp.

A scanner so I can transfer what I’ve hand drawn onto my computer

If you don’t have a scanner you can take a clear photograph on a camera or phone 

I also use a few custom marker brushes that now come with the 2018 version of Photoshop

The main one I use is Kyle’s AM - Watercolour Paper from the art markers set (you have to load these into Photoshop, but if you have PS 2018, you should have access to ‘em). 

(I’ve lettered everything in this post with that brush)

6. Resources

Here’s a list of amazing resources you might need when making your own book covers!

1. Stock image websites

Check out THIS post for a master list of my favourite stock photo websites!

Stocksnap.io

Unsplash.com

Pixabay.com 

2. Dafont

Is my main source for finding fonts

3. Goodreads

A huge resource I use to find cover inspiration

I’ll often browse the new releases section to look at new covers and so on

Easy way to narrow down the genre of cover you’re looking for, as well as the age category

4. Keyboard shortcuts 

Check out a masterlist for Photoshop HERE

GIMP masterlist HERE

Makes workflow super efficient

My fave I highly recommend in Photoshop is ctrl > shift > alt > e (merge all layers into new layer) 

I’ve made TWO custom shortcuts: ctrl > shift > o is now open as layer, and ctrl > shift > alt > r is now rasterize layer (these save so much time!)

So to conclude this post, I’m going to list out some of my favourite tips when it comes to cover making (sort of a reiteration of this post)

Add texture!

Texture is a super easy way to add dimension to your book cover

Try lettering with a paper and marker when starting out

I find this a lot easier than digital lettering!

Google is your friendddd

If you can’t figure out how to do something in Photoshop or GIMP, the internet is a vast depository of information!

Pay attention to detail

Cover design is alllll about the small details. Making sure you’ve centred something properly can seriously help in making your cover go from amateur to whoaaa who made thatttt

Get a second opinion

Been looking at your screen for 8 hours straight? Ask someone you know what they think of your design! I find this has sparked a lot of secondhand ideas!

If it doesn’t work out, doesn’t mean it was a fail

If a particular concept just doesn’t work, don’t worry! As you practice you’ll get better, and you can always revisit the concept for another novel!

EDIT: a really great suggestion from @sarahkelsiwrites: print out your design if you need a fresh perspective! You’d be surprised by what you notice on screen VS off!

So that’s it for this post! I hope this was helpful for some of you guys, I know it was looooong overdue. If it helped you out, let me know, and if you have any questions, feel free to send ‘em my way! :))