neocities guide - why you should build your own html website
do you miss the charm of the 90s/00s web where sites had actual personality instead of the same minimalistic theme? are you feeling drained by social media and the constant corporate monopoly of your data and time? do you want to be excited about the internet again?
try neocities!!
what is neocities?
neocities is a free hosting website that lets you build your own html website from scratch, with total creative control. in their own words:
“we are tired of living in an online world where people are isolated from each other on boring, generic social networks that don’t let us truly express ourselves. it’s time we took back our personalities from these sterilized, lifeless, monetized, data mined, monitored addiction machines and let our creativity flourish again.”
why should I make my own website?
web3 has been overtaken by capitalism & conformity. websites that once were meant to be fun online social spaces now exist solely to steal your data and sell you things. it sucks!!
building a personal site is a great way to express yourself and take control of your online experience.
what would I even put on a website?
the best part about making your own site is that you can do literally whatever the hell you want! focus on a specific subject or make it a wild collection of all your interests. share your art! make a shrine for one of your interests! post a picture of every bird you see when you step outside! make a collection of your favorite blinkies! the world is your oyster !!
i want everyone to make a neocities site because it’s fun af and i love seeing everyone’s weird personal sites that they made outside of the control of capitalism :)
HEY THIS IS IMPORTANT whats your favorite place to find drawing references?
so far we’ve got
senshi stock
croquis cafe
line-of-action.com
quickposes.com
posemaniacs
clip studio paint models
pexels.com
sketchdaily
eggazyoutatsu atarichan drawer
designdoll
if you have any more please reply!
Unsplash: All photos published on Unsplash can be used for free. You can use them for commercial and noncommercial purposes. You do not need to ask permission from or provide credit to the photographer or Unsplash, although it is appreciated when possible. More precisely, Unsplash grants you an irrevocable, nonexclusive copyright license to download, copy, modify, distribute, perform, and use photos from Unsplash for free, including for commercial purposes, without permission from or attributing the photographer or Unsplash. This license does not include the right to compile photos from Unsplash to replicate a similar or competing service.
Freeimages: You can use the images in digital format on websites, blog posts, social media, advertisements, film and television productions, web and mobile applications. In printed materials such as magazines, newspapers, books, brochures, flyers, product packaging for decorative use in your home, office or any public place or personal use. The rights granted to you by FreeImages.com are: Perpetual, meaning there is no expiration or end date on your rights to use the content. Non-exclusive, meaning that you do not have exclusive rights to use the content. FreeImages.com can license the same content to other customers. Unlimited, meaning you can use the content in an unlimited number of projects and in any media. For purposes of this agreement, “use” means to copy, reproduce, modify, edit, synchronize, perform, display, broadcast, publish, or otherwise make use of.
Stocksnap: Every single image on StockSnap are governed exclusively by the generous terms of the Creative Commons CC0 license. Specifically, that license means you can do any and all of the following: Download the image file.Publish, revise, copy, alter, and share that image. Use the image (as-is or as you’ve altered it), in both personal and commercial contexts. Moreover, you can put StockSnap CC0 images to any of these usages without buying the right to do it, acquiring written permission from the image’s creator, or attributing the work to the image creator. In other words, there’s no fee to download or use these StockSnap images in accordance with the CC0 license. They’re free to download, free to edit, and free to use - even in a commercial project! You don’t even need to attribute the image to the creator, the way you do with other CC or traditional copyright licensing schemes. (However, even though it’s not required, we here at StockSnap do encourage you to include an appropriate attribution. It’s a nice thing to do.)
Burst.Shopify: Burst is a free stock photo platform that is powered by Shopify. Their image library includes thousands of high-resolution, royalty-free images that were shot by their global community of photographers. You can use their pictures for just about anything — your website, blog or online store, school projects, Instagram ads, facebook posts, desktop backgrounds, client work and more. All of their photos are free for commercial use with no attribution required.
Pixabay: Images and Videos on Pixabay are released under Creative Commons CC0. To the extent possible under law, uploaders of Pixabay have waived their copyright and related or neighboring rights to these Images and Videos. You are free to adapt and use them for commercial purposes without attributing the original author or source. Although not required, a link back to Pixabay is appreciated.
Viintage: All images hosted by Viintage.com are considered to be public domain images, each image is presumed to be in the public domain. It may be distributed or copied as permitted by applicable law. Viintage.com assumes no ownership of the images and they may be downloaded and can be used free of charge for any purpose. They may be downloaded and used for commercial and personal use. Understand “public domain” as the permission to freely use an image without asking permission from the photographer or the illustrator. Thus, the creator of the work will not sue you for violating his/her copyrights. It is your responsibility to make sure, displaying the image does not violate any other law. Viintage.com assumes no responsibility for how or where you use the images found on the site.
Gratisography: You may use Gratisography pictures as you please for both personal and commercial projects. You can adapt and modify the images and get paid for work that incorporates the pictures. This includes advertising campaigns, adding your logo or text to an image, printed in any size print runs (e.g., book covers, magazines, posters, etc.), on your website, blog, or other digital mediums, and on merchandise as long as the picture itself is not the merchandise.
As someone who draws a lot of faeries, Faestock is godlike.
A wonderful addition to the list!
Unsplash. Another whopping huge free images site like pixabay: free for commercial and noncommercial use and remixing; just don’t sell the photos unmodified or add them to other photo-sharing sites.
Morguefile. Big old free photo archive from the dawn of the web. “We are a community-based free photo site, and all photos found in the Morguefile archive are free for you to download and re-use in your work, be it commercial or not. The photos have been contributed by a wide range of creatives from around the world, ranging from amateur photo hobbyists to professionals.”
Open Access at the Met. The Metropolitan Museum of Art in New York: “Whether you’re an artist or a designer, an educator or a student, a professional or a hobbyist, you now have more than 406,000 images of artworks from The Met collection to use, share, and remix—without restriction.”
Smithsonian Open Access. Download, share, and reuse millions of the Smithsonian’s images […] from across the Smithsonian’s 19 museums, nine research centers, libraries, archives, and the National Zoo.
Limited use, if you’re doing a Science and need control panels/rockets/futuristic an image search with qualifier site: nasa.gov You have to double-check a photo’s caption it’s really a NASA photo, but photos which were taken by NASA spacecraft and astronauts are public domain, since they’re funded by taxpayer dollars. (This also goes for images of animals archived at the USFWS Digital Library, i.e the US Fish and Wildlife Service, or rocks and landscapes on USGS websites.
Okay updating and consolidating lots of info here; as well as adding links for ease of access. Adding a brief description for some too; as is the case that not all of them have descriptions above. (Warning that some of these links contain nude refs, I will try to mark where possible which ones have more prominent ones.)
Posing Sites and Apps:
Adorkastock. Stock photos for pose refs.
DeviantArt gallery started in 2007.
FreePhotoMuscle.com. (translated page link click here) Japanese stock photo pose site that includes buff people, but in funny poses and costumes.
CroquoisCafe. (NSFW, nude model poses warning) A stock photo pose site. You should be aware this org has been linked as pro-Trump. I leave it to y’all to decide if you want to use the resources or not. I highly encourage not financially supporting them and trying to support the individual models if you can.
Line of Action. Fantastic site that includes posing refs, community discussions from other artists, figure study, anatomy, etc. So much stuff in here.
PoseSpace. Extensive library of poses. Some free resources others are paid. I’ve not fully evaluated both, but you should be able to use this all mostly free and get great use out of it.
SketchDaily. This one is one of the better ones out there. You can time yourself, search by pose, clothing options, body type, perspective, etc. All real models.
JustSketch.me. A pose app for any device. Has apps for most devices and a webapp. Customize and pose models/props/scenes.
Quickposes. Pose site that gives you timed challenges to become more proficient at poses.
POSEMANIACS. Ref site with anatomical poses. All the ref pics are of 3D models with only the bones and muscles. Can be helpful for seeing how muscles behave in certain poses. limited to two body types tho.
MagicPoser. A wonderful app that’s great on mobile. Lets you choose size of models, number of them, style, etc. Significant features are use of snap point with the physics engine, adjustable lighting, multiple perspective, 360 angle, articulated hand posing.
Clip Studio Paint Modeler. Free 3d tool that works with Clip Studio Paint. You can import your own data or other models you find online. Not quite an alternative to Blender, but the integration with CSP is very nice.
Egg a Zyoutatsu Atarichan Drawer. (requires enabling flash player or downloading and using standalone flashplayer) Drawing tool for pose practice. The developer is working on an html5 version.
DesignDoll. One of the best pose tool apps out there. You can customize so many things. They also have an extensive collection of ready made poses here. You can use the free or pay once for life and have the poses integrated into the client as well as the ability to export your obj to other programs like blender or smt.
freeimages.com. Another stock photo site, less features than some others.
StockSnap.io. Stock photos with a creative commons CC0 license, which essentially means you can use the photos however you want and don’t have to attribute to them. (though its nice if you do attribute)
Burst.Shopify. Tons of royalty free high quality images. Similar licensing to StockSnap.
pixabay. I feel like most people know about this one, but it features entirely free CC0 licensed Photos, Videos, and Music. No attribution required, but still nice to support a giant site with all this content.
Viintage. Big collection of public domain vintage photos.
Gratisography. For commercial or personal use. They specialize in odd, quirky, wild stock photos.
pexels. Great free stock photos and videos. Only a few stipulations of what they don’t allow, but their license info can be found here.
Faestock. An artist and model with a huge amount of fantasy and fae and other types of photos available. Their terms for use are here.
MorgueFile. Old stock photo archive that’s been around a long time.
Everyone says NEVER TRACE!! THAT’S ART THEFT! Ok but we can do a little crime in the name of Learning.
Trace to learn, not to earn.
I like to take my own photos, but you can study whatever you want. Link back to original photos, and don’t post copied artwork unless the artist is dead, cool with it, or both.
As always with learning, start every sketch with the intent to throw it away (trash for paper, quitting without saving for digital) This takes the pressure off and lets you make Bad Art, which is very important.
So let’s make Bad Art of a Deer because I happen to have one handy
Start with a photo of your subject in a nice/neutral pose with all four feet visible. (so not like me)
Freehand copy it. Try not to stylize, focusing instead of matching proportions and pose. Don’t get too detailed!
It’s ok if your art looks terrible and has broken legs. I’ve drawn LOTS of deer so I have a leg up. Everyone’s art sucks in their own eyes and here’s where mine went wrong:
Either lasso-distort (recommended for beginners) or redraw a copy of your first sketch with your reference behind it (scaled to match the main body of your sketch)
Put the original and modified sketches together and compare the differences. Write it down if you want. This shows you where your eyes saw things the wrong size, so you can correct for that next time.
After learning about both deer and yourself, try freehand copying again.
Marvel at your newfound knowledge and skill!
but there’s always room for improvement
You can stop here and move on to your real drawing, Or do another freehand-fix-compare cycle. I actually overcorrected my “draws heads too big” and veered into “heads too small.”
Another note on tracing: Learning HOW to trace is more important than anything you could learn By tracing. Draw the Anatomy, not the outline. In real life, things don’t have outlines, they have bones.
These are from the same shoot which is extra useful for consistency. The lines are minimal and follow where the animals joints are, and only important parts are drawn.
You won’t know what Important Parts means right off the bat, which is where in-depth study comes in. You need to do learn the hard parts to do the easy parts right.
Next up: how to study bones and muscles.
How to study Bones and Muscles
“Study the anatomy study the anatomy” but they never tell you HOW. It’s not “read a book,” It’s more like flailing around wildly and crashing your browser from too many tabs.
This is going to be about How to Make a bones and muscle chart. Because even if your art sucks, you learn so much more by doing than by seeing.
Get Set up. Get a photo, like above, but it doesn’t have to be the same photo. And now… gather reference.
We’ll start with bones. Search up “[animal] skeleton” and get photos or super scientific illustration. Add in things like “top view” to spice it up.
Next, search “[animal] skeleton sketchfab.” This pulls up 3D models that you can rotate in your browser. Remember that these are art and the anatomy is only as good as the artist, so pick a good one.
Time for bone!
The spine is the most important, and in a lot of animals it will surprise you. Draw it in over your photo and then add spikes because skeletons are punk. These are not scientific and I didn’t count them because their number doesn’t matter to art. So you better be referencing from scientists and not me!
The rest of the bones and some notes. These are my notes to myself about things I want to remember. My personal discoveries in anatomy that made my art better. You can make the same notes but also make sure you have your own thoughts on there as well. that’s how you help yourself the best. Be as detailed or vague as you want.
Same deal with muscle. Here are my personal notes to myself. Label stuff that is important to you. I actually grouped a bunch of muscles together based on what is visible from the outside. Muscles are way more complicated than this, but Baby’s First Anatomy Chart gets to be simple.
This is good enough for me because I have intimate knowledge of the other muscles working under and over these ones. Feel free to add as many or as few muscles as you like. You chart your own course.
This is very VERY much not an anatomical chart. I’m sure there’s nerds out there pulling their hair out looking at this. But listen, it works for art!
And you know the wildest part about this?
I don’t need to look at it to use it. The act of making your own anatomy chart puts that knowledge in your brain. Like how you can make “cheat sheets” even for tests that don’t allow them - the act of making the sheet helps you remember what you struggle with most.
And after all that complexity? Your simplification will be based on Real Knowledge and you’ll put those random circles in the right spots.
Look at all this hard work you’ve done. Eventually this will be second nature to you.
Show me what you make! I’d love to see what creatures yall make anatomy charts of.
Photo Reference Packs
I put together some photo packs and uploaded them to my gumroad. You can use them and this guide to study! So far there’s only a Doe and a Fawn pack, but if I get sales I will put in the effort to do more for deer, horses, cats, birds, and anything else I can point my camera at.
