Keen:Schematic Icons - Revision history

CptTwinkie at 10:53, 29 June 2018

2018-06-29T10:53:35Z

← Older revision		Revision as of 10:53, 29 June 2018
Line 1:		Line 1:
	{{SEO\|image_url=http://www.medievalengineerswiki.com/images/7/73/Schematics34.jpg\|description=This document Describes the workflow to create the style of our research icons.}}		{{SEO\|image_url=http://www.medievalengineerswiki.com/images/7/73/Schematics34.jpg\|description=This document Describes the workflow to create the style of our research icons.}}
	{{:~~Official Content/~~OCH}}		{{Keen:OCH}}

CptTwinkie: CptTwinkie moved page Official Content/Schematic Icons to Keen:Schematic Icons

2018-06-29T10:39:02Z

CptTwinkie moved page Official Content/Schematic Icons to Keen:Schematic Icons

← Older revision		Revision as of 10:39, 29 June 2018
(No difference)

CptTwinkie at 21:34, 1 June 2018

2018-06-01T21:34:34Z

← Older revision		Revision as of 21:34, 1 June 2018
Line 1:		Line 1:
			{{SEO\|image_url=http://www.medievalengineerswiki.com/images/7/73/Schematics34.jpg\|description=This document Describes the workflow to create the style of our research icons.}}
	{{:Official Content/OCH}}		{{:Official Content/OCH}}

CptTwinkie at 15:00, 30 May 2018

2018-05-30T15:00:45Z

← Older revision		Revision as of 15:00, 30 May 2018
Line 1:		Line 1:
			{{:Official Content/OCH}}


	{{Version <!-- Do not change the version until the entire page is up-to-date -->		{{Version <!-- Do not change the version until the entire page is up-to-date -->
	\|release=0\|major=4\|minor=X\|suppress=true}}		\|release=0\|major=4\|minor=X\|suppress=true}}

CptTwinkie at 17:56, 27 December 2017

2017-12-27T17:56:36Z

← Older revision		Revision as of 17:56, 27 December 2017
Line 1:		Line 1:
	{{Version <!-- Do not change the version until the entire page is up-to-date -->		{{Version <!-- Do not change the version until the entire page is up-to-date -->
	\|release=0		\|release=0\|major=4\|minor=X\|suppress=true}}
	\|major=4
	}}
	This document Describes the workflow to create the style of our research icons.		This document Describes the workflow to create the style of our research icons.
	==Template Files==		==Template Files==

CptTwinkie at 15:47, 17 December 2017

2017-12-17T15:47:42Z

← Older revision		Revision as of 15:47, 17 December 2017
Line 1:		Line 1:
			{{Version <!-- Do not change the version until the entire page is up-to-date -->
			\|release=0
			\|major=4
			}}
	This document Describes the workflow to create the style of our research icons.		This document Describes the workflow to create the style of our research icons.
	==Template Files==		==Template Files==

CptTwinkie at 17:20, 14 April 2017

2017-04-14T17:20:11Z

← Older revision		Revision as of 17:20, 14 April 2017
Line 3:		Line 3:
	http://www.medievalengineerswiki.com/uploaded_files/Schematic_Template.zip		http://www.medievalengineerswiki.com/uploaded_files/Schematic_Template.zip

	==Screenshot==		==Make Screenshot==
	Take a screenshot of the desired asset.		Take a screenshot of the desired asset.
	[[File:Schematics01.jpg\|600px\|none]]		[[File:Schematics01.jpg\|600px\|none]]

CptTwinkie: added template

2017-04-14T17:19:48Z

added template

← Older revision		Revision as of 17:19, 14 April 2017
Line 1:		Line 1:
	This document Describes the workflow to create the style of our research icons.		This document Describes the workflow to create the style of our research icons.
			==Template Files==
			http://www.medievalengineerswiki.com/uploaded_files/Schematic_Template.zip

	==Screenshot==		==Screenshot==
	Take a screenshot of the desired asset.		Take a screenshot of the desired asset.

CptTwinkie: Protected "Official Content/Schematic Icons" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))

2017-04-14T17:11:52Z

Protected "Official Content/Schematic Icons" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))

← Older revision		Revision as of 17:11, 14 April 2017
(No difference)

CptTwinkie: First layout

2017-04-14T17:10:55Z

First layout

New page

This document Describes the workflow to create the style of our research icons.
==Screenshot==
Take a screenshot of the desired asset.
[[File:Schematics01.jpg|600px|none]]

Cut out the asset (I used the polygonal lasso tool).
[[File:Schematics02.jpg|600px|none]]

Also, if you take a screenshot of a block, you can be fancy about the cutout, to break the square shape. For instance, cut out along the stones, or fade out less important parts.

[[File:Schematics03.jpg|300px|frameless]][[File:Schematics04.jpg|300px|frameless]]

==Photoshop==
Open the Schematic icon template.
[[File:Schematics05.png|600px|none]]

Copy the cutout asset layer, and paste it into the template file, then resize it appropriately (preferably, create a folder for the icon in the layer panel).
[[File:Schematics06.jpg|600px|none]]

Duplicate your asset layer, but always keep an intact copy until the end of the process (hide this one).
[[File:Schematics07.jpg|300px|none]]

Select the copied layer, go to filter rollout > Stylize > Find Edges then desaturate the layer (Ctrl+Shift+U).
[[File:Schematics08.jpg|600px|none]]

Put this layer in multiply mode and turn the opacity around 75%.
[[File:Schematics09.jpg|600px|none]]

Duplicate the hidden layer, move it on top of the stack and make it visible.
[[File:Schematics10.jpg|300px|none]]

With this layer selected, go to Filter rollout menu > Filter Gallery…
[[File:Schematics11.jpg|600px|none]]

Use the charcoal filter, and tweak as you feel looks best (try not to overload it with details, this process is going to be repeated several times, and each layer will add on top).

[[File:Schematics12.jpg|600px|frameless]][[File:Schematics13.jpg|300px|frameless]]

Set this layer also in multiply blending mode and around 75% opacity.
[[File:Schematics14.jpg|300px|none]]

Duplicate the hidden layer again, make it visible, move it on top of the stack, go to Filter > Filter gallery, and apply Photocopy filter, then put this layer on Multiply blending mode and around 75% opacity.

[[File:Schematics15.jpg|300px|frameless]][[File:Schematics16.jpg|300px|frameless]]

Repeat the step 12, but apply a conté crayon filter instead.

[[File:Schematics17.jpg|300px|frameless]][[File:Schematics18.jpg|300px|frameless]]

Repeat this step one last time, with a graphic pen filter, but you will also apply a Filter > Blur > Gaussian blur at 0.4 pixels. This step is used to break the padding effect of the pixels.

[[File:Schematics19.jpg|300px|frameless]][[File:Schematics20.jpg|300px|frameless]][[File:Schematics21.jpg|300px|frameless]]

Duplicate the hidden layer, make it visible, but leave it on the bottom of the stack. Put its opacity to about 20-30%, this is to give some pale color.

[[File:Schematics22.jpg|300px|frameless]][[File:Schematics23.jpg|300px|frameless]]

Copy the background paper layer, place it on the bottom of your icon folder layer stack.
[[File:Schematics24.jpg|300px|none]]

Ctrl+click on your hidden layer to make a selection out of its content. Then press Ctrl + Shift + I to invert the selection. Select the background copy, and press Delete.
You should end up with something like this (duplicated background layer now has the shape of the asset). The background is invisible so that you see the paper texture only on the skull.

[[File:Schematics25.jpg|300px|frameless]][[File:Schematics26.jpg|300px|frameless]]

'''''Optional''''' You can merge all your asset layers except the copied paper background, and apply an irregular eraser tool with very low opacity, this will give an older look. Do it with slight, subtle strokes.

[[File:Schematics27.jpg|300px|frameless]][[File:Schematics28.jpg|600x600px|frameless]]
[[File:Schematics29.jpg|300px|none]]
Before:[[File:Schematics30.jpg|300px|frameless]] After:[[File:Schematics31.jpg|300px|frameless]]

Now delete the original hidden layer, and merge all layers in your icon folder.

[[File:Schematics32.jpg|300px|frameless]][[File:Schematics33.jpg|300px|frameless]]

'''''Optional''''' You can add some text around the asset image, this gives a more authentic feel.
Set it to 75% opacity. It does not matter what you type, it will not be readable at icon size and resolution.
You can also apply the light eraser from step 17-optional to the text. In order to do that, create an empty layer under the text layer, and merge it with the text layer. The text layer will then become a
standard layer that you can use the eraser on.
[[File:Schematics34.jpg|300px|none]]

You now have a schematic icon :D

(do not forget to hide the background before saving the .DDS file)

[[Category:Keen_Modding_Guides]]