User:AzlanOnPC/guide to spriting style - Revision history

AzlanOnPC at 21:05, 3 November 2020

2020-11-03T21:05:23Z

@@ Line 1: / Line 1: @@
-'Alright, if you're here, it means you want to get started on contributing to Beestation with sprites! but, as you may have seen, our server aims for a relatively specific style, so if you want your new fancy thing to get it, it has to comply with it! this guide exists for that reason, teaching people how to follow our style, and more clean spriting overall:
+'Alright, if you're here, it means you want to get started on contributing to Beestation with sprites! but, as you may have seen, our server aims for a relatively specific style, so if you want your new fancy thing to get it, it has to comply with it! this guide exists for that reason, teaching people how to follow our style, and more clean spriting overall.
 . COLORS: turning your color smoothie into something usable
-main difference between a proper graphic and a 'codersprite' (placeholder sprite made by coders quickly, usually of bad quality) is the usage of colors and noise.
+main difference between a proper asset and a 'codersprite' (placeholder sprite made by coders quickly, usually of bad quality) is the usage of colors and noise.
 [image]
 for starters, we need to know what a 'color pallete' is, its pretty simple, really: a selection of colors used to color each sprite and keep it consistent, such as the four exact yellow colors used on a welder, also are used on the RCD, or RPED.
@@ Line 51: / Line 55: @@
 . SHAPE: making your potatoes look good.
 . LIGHT SOURCES: you have one lamp, and 0 moths.
 . TERMINOLOGY: What do these magic words mean???
 . SINS OF SPRITING: how you fucked up, and what to do

AzlanOnPC at 13:03, 3 November 2020

2020-11-03T13:03:19Z

← Older revision		Revision as of 13:03, 3 November 2020
Line 1:		Line 1:
	'Alright, if you're here, it means you want to get started on contributing to Beestation with sprites! but, as you may have seen, our server aims for a relatively specific style, so if you want your new fancy thing to get it, it has to comply with it! this guide exists for that reason, teaching people how to follow our style, and more clean spriting overall:		'Alright, if you're here, it means you want to get started on contributing to Beestation with sprites! but, as you may have seen, our server aims for a relatively specific style, so if you want your new fancy thing to get it, it has to comply with it! this guide exists for that reason, teaching people how to follow our style, and more clean spriting overall:



Line 26:		Line 25:

	[image]		[image]



Line 32:		Line 30:

	outlines, for those who dont know, are the pixels that separate your inner sprite from the background and rest of the sprite, and remarks the shape and color of the asset. More specifically, outlines are not a solid color: with our style, they have two colors: dark, and light, for preventing a "solid" outline, wich is a single color; stands out better, but makes the sprite look too... Cartoony.		outlines, for those who dont know, are the pixels that separate your inner sprite from the background and rest of the sprite, and remarks the shape and color of the asset. More specifically, outlines are not a solid color: with our style, they have two colors: dark, and light, for preventing a "solid" outline, wich is a single color; stands out better, but makes the sprite look too... Cartoony.

			Other styles of outlining include:

			sensitive outlining, wich is based on the outline changing with every change of tone inside the sprite. This usualy looks too soft, and mushy, even for a pillow. Avoid it.

			Hard outlines: the sprite uses a single color of outline across the entire sprite, giving it that 'sticker-like' look, but making it completely bidimensional. Avoid it.

			dark outlines: same as above, but using #FFFF black. please avoid it.

			Outlineless: yes! sprites without outlines are neat, complex, and if done right, very good looking, some games use this style, such as Enter The Gungeon or Hyper Light Drifter, but we dont use that here, sadly. Avoid it.

	[image]		[image]
Line 40:		Line 48:

	pictured: examples of incorrect outlining!		pictured: examples of incorrect outlining!



	3. SHAPE: making your potatoes look good.		3. SHAPE: making your potatoes look good.



	4. LIGHT SOURCES: you have one lamp, and 0 moths.		4. LIGHT SOURCES: you have one lamp, and 0 moths.



	5. TERMINOLOGY: What do these magic words mean???		5. TERMINOLOGY: What do these magic words mean???



	6. SINS OF SPRITING: how you fucked up, and what to do		6. SINS OF SPRITING: how you fucked up, and what to do

AzlanOnPC at 12:50, 3 November 2020

2020-11-03T12:50:06Z

AzlanOnPC: Created page with "Alright, if you're here, it means you want to get started on contributing to Beestation with sprites! but, as you may have seen, our server aims for a relatively specific styl..."

2020-11-03T12:44:17Z

Created page with "Alright, if you're here, it means you want to get started on contributing to Beestation with sprites! but, as you may have seen, our server aims for a relatively specific styl..."

New page

Alright, if you're here, it means you want to get started on contributing to Beestation with sprites! but, as you may have seen, our server aims for a relatively specific style, so if you want your new fancy thing to get it, it has to comply with it! this guide exists for that reason, teaching people how to follow our style, and more clean spriting overall:

1. COLORS: turning your color smoothie into something usable
main difference between a proper graphic and a 'codersprite' (placeholder sprite made by coders quickly, usually of bad quality) is the usage of colors and noise.
[image]
for starters, we need to know what a 'color pallete' is, its pretty simple, really: a selection of colors used to color each sprite and keep it consistent, such as the four exact yellow colors used on a welder, also are used on the RCD, or RPED.
[image]
Most 'old' and 'coder' sprites have tons, and tons of tones per color, from 5 to a whooping 20, for stuff like metal sheets! this, on our case, is bad; we want to keep 4 tones per color, at most, 5 on edge cases such as reflective glass, or mobs:

Darkest: used solely for being the darkest 'outline' of the parts wich use the 'dark' tone.
[image]
Dark: shadows and dark spots of the sprite use it, it is also used as the 'outline' of the lighter parts!
[image]
midtone: your base color! and the middle ground between dark and light. This color will compose the majority of the piece.
[image]
light: this color is used for accentuating light sources, making reflections, and overall making the sprite more flashy! be careful, if overused, you'll end up lowering the quality very heavily.
[image]

2. OUTLINES: This is not Hyper Light Drifter
outlines, for those who dont know, are the pixels that separate your inner sprite from the background and rest of the sprite, and remarks the shape and color of the asset. More specifically, outlines are not a solid color: with our style, they have two colors: dark, and light, for preventing a "solid" outline, wich is a single color; stands out better, but makes the sprite look too... Cartoony.
[image]
pictured: examples of correct outlining.

[image]
pictured: examples of incorrect outlining!

3. SHAPE: making your potatoes look good.

4. LIGHT SOURCES: you have one lamp, and 0 moths.

5. TERMINOLOGY: What do these magic words mean???

6. SINS OF SPRITING: how you fucked up, and what to do

← Older revision		Revision as of 12:50, 3 November 2020
Line 1:		Line 1:
	Alright, if you're here, it means you want to get started on contributing to Beestation with sprites! but, as you may have seen, our server aims for a relatively specific style, so if you want your new fancy thing to get it, it has to comply with it! this guide exists for that reason, teaching people how to follow our style, and more clean spriting overall:		'Alright, if you're here, it means you want to get started on contributing to Beestation with sprites! but, as you may have seen, our server aims for a relatively specific style, so if you want your new fancy thing to get it, it has to comply with it! this guide exists for that reason, teaching people how to follow our style, and more clean spriting overall:



	1. COLORS: turning your color smoothie into something usable		1. COLORS: turning your color smoothie into something usable

	main difference between a proper graphic and a 'codersprite' (placeholder sprite made by coders quickly, usually of bad quality) is the usage of colors and noise.		main difference between a proper graphic and a 'codersprite' (placeholder sprite made by coders quickly, usually of bad quality) is the usage of colors and noise.
	[image]		[image]
Line 9:		Line 12:

	Darkest: used solely for being the darkest 'outline' of the parts wich use the 'dark' tone.		Darkest: used solely for being the darkest 'outline' of the parts wich use the 'dark' tone.

	[image]		[image]

	Dark: shadows and dark spots of the sprite use it, it is also used as the 'outline' of the lighter parts!		Dark: shadows and dark spots of the sprite use it, it is also used as the 'outline' of the lighter parts!

	[image]		[image]

	midtone: your base color! and the middle ground between dark and light. This color will compose the majority of the piece.		midtone: your base color! and the middle ground between dark and light. This color will compose the majority of the piece.

	[image]		[image]

	light: this color is used for accentuating light sources, making reflections, and overall making the sprite more flashy! be careful, if overused, you'll end up lowering the quality very heavily.		light: this color is used for accentuating light sources, making reflections, and overall making the sprite more flashy! be careful, if overused, you'll end up lowering the quality very heavily.

	[image]		[image]



	2. OUTLINES: This is not Hyper Light Drifter		2. OUTLINES: This is not Hyper Light Drifter

	outlines, for those who dont know, are the pixels that separate your inner sprite from the background and rest of the sprite, and remarks the shape and color of the asset. More specifically, outlines are not a solid color: with our style, they have two colors: dark, and light, for preventing a "solid" outline, wich is a single color; stands out better, but makes the sprite look too... Cartoony.		outlines, for those who dont know, are the pixels that separate your inner sprite from the background and rest of the sprite, and remarks the shape and color of the asset. More specifically, outlines are not a solid color: with our style, they have two colors: dark, and light, for preventing a "solid" outline, wich is a single color; stands out better, but makes the sprite look too... Cartoony.

	[image]		[image]

	pictured: examples of correct outlining.		pictured: examples of correct outlining.

	[image]		[image]

	pictured: examples of incorrect outlining!		pictured: examples of incorrect outlining!



	3. SHAPE: making your potatoes look good.		3. SHAPE: making your potatoes look good.



	4. LIGHT SOURCES: you have one lamp, and 0 moths.		4. LIGHT SOURCES: you have one lamp, and 0 moths.



	5. TERMINOLOGY: What do these magic words mean???		5. TERMINOLOGY: What do these magic words mean???



	6. SINS OF SPRITING: how you fucked up, and what to do		6. SINS OF SPRITING: how you fucked up, and what to do