mah city

aphaea theme by engelthm

live preview ― code

a experimental, minimalistic header theme, with animations enabled by GSAP.

on-load landing page and header/footer scroll animations.

any font and font size, with optional header and footer descriptions.

optional five links and custom cursor.

fully responsive for mobile devices.

credits can be found here.

note on experimental animations:

[2] Beast by sheathemes

preview | code

Features

full support for NPF posts

responsive to all screen sizes

post sizes between 350px - 640px

unlimited amount of custom links

like and reblog buttons

Optional

right/left sidebar position or sidebar as a header option

sidebar image

tags on all display or by toggle

custom links

dark mode

search bar

Important

full credits are here

sidebar image is 120px x 120px

wip page 08 - a simple wip page

preview / code

revamped one of my very first wip page codes! it was originally posted on my old themes blog, which i deleted recently, so i figured i’d update and re-release it here. 

features: any google fonts. feather icons (which you can find more of here). includes a featured image and sections for details, a synopsis, relevant links, characters, and additional info.

Requested Theme

(some timeago someone asked for a theme i used to have in this blog, and i just complety forgot i actually did it, so here it is :p)

static preview / get code | buy me coffee

Features

customizable colors, fonts & font size

optional post width

up to 7 customizable links

supports tumblr new posts format (npf)

localization strings

responsive

Malaga— a responsive about page

preview | download code (GitHub)

A simple custom page with sections for you to customize yourself. Links section, dislike/likes, stats and a bio section and a quote.

Please note: HTML/CSS knowledge is preferred if you’re going to be using this. Instructions are all in the code. Terms of use applies.

Theme #11: Stereo

Blog Theme. Old web nostalgia.

↳ [GITHUB] | [THEME GARDEN]

Enable custom themes in your blog settings on web. Switch the “Custom theme” toggle on or off. For more information, find the help center article here.

Features:

Full height sidebar with image, title, user info and description

4 custom links

Accent color

3 Custom Google Fonts, font size, weight, line height

Post width selection: 300, 400, 500, 540 & 700px

Mobile responsive

Credits:

Feather Icons

Dummy texts are lyrics by The Midnight's "Ghost in your Stereo"

Edit and customise to your liking. Don’t repost/redistribute and/or claim as your own. Do not use as a base code. Leave the credit, thank you.

First off thanks!!! I tried to make a tutorial but it ended up extremely vague and more of a step-by-step of a headshot i drew today for this purpose whoops;;;

This is one layer but If it’s a complicated drawing then i’ll draw it out and line it with a thin brush with no pressure sensitivity, and then bucket fill the shapes on separate layers, usually 1 layer per character and one layer for the bg.

I also might do color adjustment layers and merge them down as I go but I got lucky this time and didn’t have to make any adjustments. 

I work on one layer but every 30 minutes or before I begin a new stage (hair, the eyes) I’ll duplicate that layer and paint on the topmost one. This way I can check to see if I over-rendered by hiding the top layer. If i over-render or mess something up, then I have that back-up layer that I can go back to and start that part again. 

Some additional things:

lost edges are where the edge of a shape bleeds into the other without any visible separation between the two. If you don’t need an edge consider getting rid of it for a more painterly look

The very very darkest shadows on skin are almost always warm. Even if the light source is cool, the nostril will be a warmer color than the rest of the skin.

warm light: cool shadows

cool light: warm shadows

Vary the hue here and there with little flecks of bright colors that harmonize with the local color of the object to make things pop

If the background is dark, draw a very thin orange or dark pinkish line where the skin meets the bg. This is called a corona and will make the skin look like it’s glowing

you don’t need to use pure black AND pure white in the same image every single time

The eye is drawn to hard edges, so use them where it counts!! 

Read Richard Schmidt’s Alla Prima for more of this kind of stuff. I got most of these ideas from that book 

and proko’s youtube channel

ps that’s makoto 

If you want to write a character with an unspeakably awful past, there's no need to go into deep and gory details about how horrible it was. Readers who can't relate to it won't relate to that, and the readers who have been there generally don't want to see that. Instead, highlight some of their happiest moments but make them unsettlingly small.

Sprinkles in some realism, too. Having a character go "my parents were abusive monsters and I've literally never had a happy moment in my life" isn't realistic, and both the people who haven't witnessed that kind of thing outside of fiction, and the people who have personally lived it will just go "yeah, yeah, tragic childhood, misery, darkness, we've all seen it", and being nothing but negative makes the character both uninteresting and unlikeable.

If you're planning on submitting them for publication, I recommend not posting them anywhere publicly b/c most publications are going to demand first worldwide rights and posting them on your blog or Ao3 or what have you counts as publication, so you'll be selling them as reprints and it can be tricky to find a market that buys reprints.

If you're going indie and/or you just want to put them where people can read them, I'm afraid you still don't have a lot of options. Most sites that advertise themselves as places to upload original fiction run the gamut from "just kinda bad" to "outright predatory." There's an expansive original fiction section on Archive Of Our Own, but they also have a yuge plagiarism problem so you'll have to keep an eye out for that; I've never been a very big fanfiction person myself so you'd have to ask somebody else for tips on how Ao3 actually, like, works.

What y’all think they mean: fill your book with unnecessary factual details about your fantasy world that no one cares about 

Thanks! Uhh it generally shifts based on the texture & shape I’m going for, but here’s my general process / rule of thumb:

Or if you lock layer transparency — or however its called in Photoshop — you can use a textured brush to quickly pepper in some highlights & shadow to add a gold-ish effect:

You can make shiny & glittery gold pretty easily when you use a dappled airbrush. It’s the same process as above, but with a spray of large-to-fine dots. It takes a little more time, but the result is cool.

The standard version of ClipStudo comes packaged with the saturated line tool, which generates sunburst effects. And so we wind up with something like this:

Hey!  Usually when I start a sketch of a person, I begin with their face–some artists like Kim Jung Gi can begin with any body part and just continue from there, but it’s easier for me to work on the head first.  Now I don’t use a circle, but I do use some form of construction to start the face, such as a double trapezoid (explained in this post). I always try to establish three main things at the beginning; in order of priority:

1, angle of the head.  I need to know first and foremost if the head is looking up, turned to the right, angled down, cocked to the side, staring straight ahead, etc.   Angle affects the shape of the features massively and adds a lot of personality to a sketch, which will be important down the line.

2, sex of the subject.  Very useful in the beginning–you want to know what the eye sockets look like  (I personally use the outlines of the eyebrows to place the eyes, see the pic below), how the jaw is shaped, so on.  If you’re still getting used to visualizing faces, it can be helpful to learn the characteristics of the two sexes.  As you get better, you learn to branch out from stereotypical ‘male’ and ‘female’ looks (to more accurately mimic reality), and how to mix and match them without pushing your sketches into the uncanny valley.

3, the placement and proportion of features.  If you look below, you’ll see that with only a few lines in the sketch on the far left, I convey a lot of information (mostly to myself, for future reference).  The person is facing left, and the high arch of the eyebrow and smooth curve of the forehead suggest that it’s a woman.  

In the next step, I sort of ‘connect the dots’ by further developing the eyes, nose, and lips, and I draw a line or two to hint at the rest of the head and the neck.  I clean up some of the features in the penultimate step, and I add shape to the neck and shoulder area.  Midtone values add dimension to the face.  Lastly, some simple blocks of darker value hint at clothing and hair, and I add more midtown values to the face to give it volume.

((If you’re getting a bit of a “draw the rest of the fucking owl” vibe from that picture, just know that going from the third pic to the fourth pic is much easier than going from the first to the second or the second to the third.  The more of a foundation that you have laid down for yourself, the easier it is to keep going.))

I’d recommend that you look at drawing processes for other artists and just test out a bunch of them (examples: full Loomis construction with a sphere and cross, the whole nine yards; laying down values to establish shapes and an overall composition; jumping right into details; blocking out shapes as with a Bargue plate).  Also remember that starting a drawing traditionally may call for different techniques than drawing digitally.  Oftentimes I just paint random values when I begin sketches in Photoshop (knowing I can easily undo or erase them), whereas I’m much more cautious on a physical piece of paper.

That’s a fair amount to take in, but hopefully it’s of use!

reduxy by @mtfuji / @ps1

previews: one, two and code.

Digital pets!

preview + install

A theme based on tamagotchis. 

Features:

Fully customizable tamagotchi sidebar.

Responsive

Custom colors

Google Fonts

Optional full size or repeating background

The background image in this demo was made specifically for this theme! Here it is if you would like to use it: