Tutorials Lots and Lots of Tutorials @bill-ciphers-sketchbook - Tumblr Blog

Hello, friends! I gave a seminar on Adobe Flash last night, and figured I’d also put the slides online for anyone who was interested in learning the program! Because of file size/bandwidth limitations, I can’t upload any of the example FLA’s, but you could easily find alternatives on YouTube. The dog pictures also made more sense in context. Well, kind of Tumblr hecked up the last few images in this post, so here’s an Imgur album of all of the slides at full resolution

#art ref #animation

roryscribbles

How to other eye

ALRIGHT, so, I know a lot of people have trouble making eyes match. Yesterday I found out a way to make it significantly easier! Here’s a small guide.

Well, first of all, you have your face. mark where the eyes should be on it.

Then mark the corners of the eyes and go over the middle again, to make the next step easier

Alright, I know it sounds a bit crazy, but draw this shape, trying to make it as symmetrical as you can.

Draw the eyes using that shape as a guide and TA-DA! They match! For different eye shapes you tweak the angle of the two guide lines.

And it also helps with angles where the size and shape of the eye is distorted, you just put it in perspective.

I think the theory behind it is that the thing that makes it hard to make the eyes match is the angle of the corners, and this type of guideline helps make them even, which makes the eyes look symmetrical. Welp, here it is! I hope it helps someone!

pastaplants

reblog to save a life

#art ref #eyes

help-me-draw

referencesheet

Hair palettes by StarshipSorceress (AKA TheSpaceGypsy) on deviantart

#art reference #color #tutorials

skeleslime-phantom

Hey slimy bro, I'm trying to get better at drawing oozy, slimy and drippy stuff and I'm having trouble getting the look right. Got any tips you can spare?

Eyyyy I gotcha bro!

#drawing tutorial

slimetony

lets make a videogame how hard can it be

slimetony

nevermind you have to know shit about computers

hthrthebear

hey!! sorry to hijack this post, but there are a bunch of ways you can make videogames without knowing shit about computers!!

for starters, there’s Twine, which is fucking great for making all kinds of interactive experiences (it’s what Crystal Warrior Ke$ha was made in so you KNOW it’s good) at all skill levels (i picked it up and made a game in two minutes a few nights ago)

if you want a bit more involved experience there’s Inform 7 which is a simple language for text-based adventure games that reads like slightly-weird English and also relatively easy to learn

you can do some pretty fucking cool stuff with Unity (my personal engine of choice) but you may need to dig a bit farther to get at the good stuff. there’s lots of really good presets though (i made an entire game just mixing and matching pre-existing templates and adding in my own art, won an award at a game jam for that one) and if you want help the community’s pretty dang friendly from what i’ve seen!

this is just a taste of what’s out there from what i’ve seen, but there’s so many cool resources out there. if anyone wants help getting started, i’m around to give you a leg up on making something in the coolest, most unexplored art medium around!

auttoton

I’m addin’ to this post because lowering the barrier to entry for making games is super important to me!!!! If y’all have any questions about making games, you’re welcome to come and ask! I made this list a while back with some friends, so it has some of the programs John already mentioned.

2D Editors:

GameMaker : Potential for pure drag-and-drop “programming”. It is recommended to read-up on the program’s functions to make good use of it. Good for prototyping. Uses its own language called Game Maker Language (GML) that is similar to a C language (e.g. C++ or C#). For both Mac and PC; free version available.

Construct2 : Drag and drop level editor that uses an “If-Then” event sheet structure for programming. Good for prototyping and for beginners. For PC; free version available.

GameSalad : Drag and drop with no code requirement. Good for programming. For both Mac and PC; free version available.

Solpeo : HTML5 based game engine for 2D and isometric game development. Some programming knowledge needed. Platforms supported: Chrome, Firefox, Internet Explorer 9+. Free version available.

Stencyl : Drag and Drop “programming,” templates you can edit the variables/values for.

Scratch : Lego-block-style coding platform by MIT; totally free and a great intro to thinking in code. Very kid-friendly and comes with a community site. Browser version available.

3D Editors:

Unity : 3D editor that creates 3D games. Can build games for browser, as an app, or for mobile devices (iOS and Android). For both Mac and PC; free version available.

UDK (Unreal Development Kit) : Full-fledged, highly advanced editor. Features a complete set of tools that go from level design to visual scripting to cut-scene creation. Uses it’s own programming language called Unreal Script that can be arranged with Kismet, a visual code editor. For Mac and PC; free.

2D Art/Animation Software:

GIMP : Free photo editing and digital painting software.

Easy Paint Tool SAI : Free digital painting software with a UI similar to Photoshop.

Mischief : Free digital painting software with an endless canvas.

3D Art/Animation Software:

Sculptris : From the company that created Zbrush, this free software is ideal for beginning 3D sculptors.

Maya : Animation, VFX, lighting, and rendering software.

Magical Voxel : Voxel Art (3D Pixel Art). Very intuitive and quick to pick up.

SketchUp : Architectural modeling software, great for creating 3D environments and buildings. Free version available.

Text-Based Games:

Twine : Create interactive text stories using Twine’s visual map system that links your game together. Easy to learn and use. End result is browser-based. For Mac and PC; free.

Quest : Interactive text stories that you can build in-browser.

Ren’Py : Create visual novels using a modified version of Python that reads like a combination of stage directions and a CYOA novel. For PC, Mac, and Linux; free.

Audio Resources/Editors:

Indie Game Music : This site offers free indie music with no need to worry about royalties or licenses.

Audacity : A free, open-source, cross-platform sound editor that allows you to record and arrange sound.

Super Flash Bros. : This site allows you to record theremin-like (8bit) sounds and export them as .wav files for your games.

FL Studio : Free music composition software.

Miscellaneous Tools:

Donjon RPG Tools : Randomly generates maps, items, XP, etc.

W3Schools : Web-code tutorial database: HTML, CSS, Javascript+.

Debut Video Capture : Video screen capture to record Let’s Play videos, showcase your game on Youtube, etc.

Korsakow : Free tool for creating interactive and database films.

Processing : Flexible programming language used for visual and interactive artworks and simulations.

From Student to Designer, Part 2 : Tips for making a well-rounded, solid portfolio

Places to Publish/Share:

Itch.io : Platform for self-publishing games

Philome.la : Place to share Twine Games

#games #animation

piratereblogs

jacksonjekyllofficial

skintone palettes

Oh hell yes

lavisant-deactivated20140213

th-thank you Tumblr

cybersenpai-deactivated20130306

yesss :A:

beattingtheguy

for any artists following me

busket

i recently deleted all my photoshop swatches on accident and had to go back to the default with no skintones so yES I WILL MAKE IT BETTER THAN BEFORE

#colors

artist-refs

Phoneme Chart by TheEndIsNearUs

crazyhamlet

This is a nice chart! Lipsync is one of my not-so-secret passions. I also hate front mouths. They’re harder to inbetween, I find, and they’re not used nearly as frequently. Here’s some ¾ mouths I made.

These are the basic shapes I was taught, and I use. Standard lipsync shapes;;

You have your closed mouth to open, to clenched teeth, to oohs, and your (often optional) F, L, and TH mouths.

Tips!

Your top teeth don’t move; I mean, stylistically it happens sometimes (Gravity falls does it fairly well, as much as I haaaaate that), but your lipsync will prolly look better if they don’t.

My clenched teeth (SH) mouth is always a bit wider than my biggest AH mouth. It adds variation and helps your shapes blend more nicely. Conversely, my biggest AH mouth is narrower than my SH mouth and my closed (M) mouth.

My L mouth is a tiny bit more closed than my biggest AH, and not as closed as my second biggest AH. It fits between them nicely so that if you have to go from an L to an AH mouth, like you would for the word “Like” or “Love”, it doesn’t pop or look weird.

My R and oo mouths move forward on the face a bit, it adds dimension, and if you leave it all in the same place and have the mouth just shrink into a circle it miiiight look weird.

Aaaaand I think that’s it? Never go from a SH mouth to a TH mouth, it’ll pop and look weird…uhhh; Also! It’s alright to skip some shapes;; So below is a lipsync I made using the above shapes;

It’s clear what they’re saying, the mouth is moving nicely, but there’s only one problem. Veeeery rarely do they give you enough time to use all the mouths you want to make it move nice. Voice actors talk fast to fit everything in and holycrap do we hate love them for it.

So here’s a fast one.

Those two gifs should start at the same time, and notice that the second one stops while the first one is still saying “doing”. I not only cut out the mouth between the biggest AH and the clenched teeth, but I combined the word “Are you” into, like, 3 shapes. I also trimmed some inbetweens overall. The lipsync still reads, though! You can still tell what they’re saying even without audio (which would help it a bit, haha~) Cutting out that stuff ended the lipsync a whole 14 frames sooner (more than half a second!). It doesn’t sound like much, but with 24 frames per second and dialogue moving at the speed of light, you don’t have time to dilly dally. This isn’t a preschool show;; Aaaaaand I think that’s it. Liiiipsyyyyyync~~~ Now to go back to actual work and stop talking about things most ppl don’t care about;

worldhero

I AM CRYING TEARS OF RELIEF BECAUSE I NEED THESE REFERENCES FOR MY SENIOR FILM’S DIALOGUE~

worldhero

Reblogging this again because I’ve been using this reference for the last 2 months to help with my lip-synch in my film, and I’ve just tested one scene where I used the reference…And my mouth-drawings have improved tenfold ever since.

To the OP who made this chart…I wish I could hug you right now because you helped make my film look much better. c8

crazyhamlet

This post makes its rounds every so often;; I’m glad people are getting use out of me not wanting to do the actual work I had!

wondertriosews

Foam Wig Tutorial

I wanted to remake my Rhys wig in a way that would compliment the cel shaded style of Borderlands, rather than fight it the way wig hair does. While I was moderately happy with how my first wig turned out, it still wasn’t what I was going for:

It’s fiiiine I guesssss, but it looks sloppy, it didn’t fit quite right, and it’s not as stylized and chunky as the rest of my cosplay.

I turned to the internet, but I found surprisingly little about making wigs out of foam. I know it happens all the time. But why was there no tutorial?? So I winged it (wung it? no), and now I’ll share what I think was a successful experiment with you all. At the very least, I think it makes a good starting point.

You will need:

Wig cap

Cling wrap

Masking tape

A sharpie

Wig head

Scissors

2mm craft foam

Foam for the hair (I used more craft foam)

Hot glue (a lot of it)

Modge Podge

Acrylic paint

Here we go:

Keep reading

dangerous-ladies

This is pretty crafty and I love it.

#cosplay

anatoref

Hand Gestures Row 1 & 2 Row 3 & 4

#art reference #hands

alltheawesomecosplay-deactivate

Foam and Worbla armour MEGA TUTORIAL

Tutorial by AmenoKitarou

tmirai

Super duper awesome and helpful! I am totally going to try this out for my Garrosh cosplay.

pati79

I love this post.

sigilmint

EVERY TIME I NEED THIS POST IT IS MYSTERIOUSLY GONE FROM THE INTERNET SO I’M REBLOGGING IT WITH EVERY TAG

crimsonscorpion

squeakadeeks

#cosplay #armor

universeofcosplay-blog

How to make thigh high boots

Source

#cosplay #boots

gameofreferences

Michele Carragher, the head embroider on Game of Thrones, made this awesome tutorial to show how she created the dragonscale fabric that appears on several of Daenarys’ costumes in S3 and S4.

Ms. Carragher says that the dragonscale fabric was created because “In season 3 the Costume Designer Michele Clapton wanted a Dragonscale like textured embroidery that starts to emerge on three of Daenery’s costumes, which becomes heavier and more pronounced, growing and evolving as the season progresses” (Carragher).

In stages 9-11 of the tutorial we see how the textile evolves from lightly to heavily embellished. This progression is meant to illustrate Daenarys’ personal growth and the growth of her dragons (source).

Here’s a link to Ms. Carragher’s website.

#sewing #cosplay

anatoref

Drawing Legs Row 1: Left, Right Row 2 Row 3 Row 4 (Source Unknown) Row 5 Row 6 Row 7

anatoref

Cartoon Eyes Top & 2 (Left, Middle) Row 2 Right, by Sandro Cleuzo Row 3: Left, Right Row 4 Row 5: Left, Right Row 6

#art reference #eyes

anatoref

Water Splash Tutorial Top Image Row 2 Row 3 Row 4: Left, Right Row 5 Row 6 Bottom Row: Left, Right Video References Video: One, Two, Three, Four, Five, Six, Seven, Eight, Nine, Ten, Eleven, Twelve, Thirteen, Fourteen. Video Lessons Lesson: One, Two, Three, Four.

#art tutorial

wannabeanimator

OpenToonz Basics

OpenToonz Download

I decided to jump into the program and figure it out. So, here’s a super quick and dirty guide to all the basic info you might need.

Toolbar / Brushes

The toolbar is automatically hidden. You can get it with Windows > Other Windows > Toolbar

It will open as a pop-up and you can drag it and snap it into place.

Timeline

The timeline is a little different from Flash/Toonboom Harmony in that it reads more like a x-sheet. Layers (”Columns”) go from left to right and Frames go top to bottom.

Right-clicking on a frame will give you options to put the frame on 2′s, etc. (the “step” option).

Onion Skin

This was one of the more confusing ones. You can get to it with Customize > Preferences > Onion Skin

Be sure to check the box next to “Onion Skin ON”.

Getting onion skin to work in the timeline is a little weird at times. Like in Flash and Harmony, there are markers you can drag to expand the onion skin. If you aren’t seeing your previous drawing, try putting your frame on 2′s.