FaceoffFembot's damage tutorial for Paint.net: Difference between revisions

From FWiki
Jump to navigation Jump to search
mNo edit summary
No edit summary
Line 1: Line 1:
=Requirements=
 
This tutorial assumes you have a basic familiarity with Paint.NET, such as knowing how to use tools, layers, resizing, rotating, etc.
 
=What you'll need=
*[https://www.getpaint.net/ Paint.NET]
*[https://www.getpaint.net/ Paint.NET]
**[https://forums.getpaint.net/topic/1854-alpha-mask-import-plugin-20/ Alpha Mask Import Plugin (2.0)]
**[https://forums.getpaint.net/topic/1854-alpha-mask-import-plugin-20/ Alpha Mask Import Plugin (2.0)]
Line 8: Line 11:
***Outline Object
***Outline Object
***Trail
***Trail
**[https://forums.getpaint.net/topic/15828-color-balance-works-like-photoshop/ Color Balance +]
*Source pictures
*Source pictures
**[[Photo manip workshop]]
**[[Photo manip workshop]]
Line 19: Line 21:
{|border="1"
{|border="1"
|-! style="background:#A0A0A0;"  
|-! style="background:#A0A0A0;"  
|'''Tip 1:''' [https://www.textures.com/ textures.com] requires you to create an account that only give you 15 points per day. Come back even when you're not working on a manipulation to increase your stock.  
|'''Tip 1:''' [https://www.textures.com/ textures.com] requires you to create an account that only give you 15 download points per day. Come back even when you're not working on a manipulation to increase your stock.  
|-
|-
|}
|}
Line 30: Line 32:


=Preparing the workspace=
=Preparing the workspace=
Create a folder for your project, and copy every file you'll use in it. At the end, feed the files through [https://nikkhokkho.sourceforge.io/static.php?page=FileOptimizer FileOptimizer], and use [https://www.win-rar.com/start.html?&L=10 Winrar] or [https://www.izarc.org/ IZArc] to compress and archive your project.
==Optimizing the original picture==
Let's optimize our original picture. Feed it to Google's [https://www.google.fr/imghp Search by image] or the reverse image search of your choice. Select the largest, cleanest version returned (no compression artifact, no nearest-neighbor upscaling, etc.) and feed it again. Do this a couple times. This will allow you to:
*Work with the best foundations possible
*Source the model
We now have a cleaner, larger version of our picture, but it is still too small. I prefer working more in the 2000x3000 range, which we're currently at half. We could use Paint.NET's ''Image > Resize'', but this will make any compression remaining in our picture pop. Feet it to [http://waifu2x.udp.jp/ waifu2x] instead, saving the lowest comfortable noise reduction setting result. This will double the size of the picture while keeping it somewhat clean.
{|border="1"
|-! style="background:#A0A0A0;"
|'''Tip 3:''' Bookmark any website you may have a recurring need for.
|-
|}
==Preparing the alpha mask sources==
Download a couple masked [https://www.textures.com/browse/plaster-exposed/62270 exposed plaster] pictures off textures.com. Save them in your project folder. Look for a variety of shapes: circular, jagged, smooth, cracks...
Let's turn these pictures into something that can be used for alpha masking. Open them with Paint.NET. Use ''Effects > Hue / Saturation'', lightness set to -100, to turn them uniformly black. Since we won't have any use for the originals, you can save over them (Ctrl + S).
=Making the alpha mask=
We now have the best original picture we can, and several .png files of cracked and damaged shapes. Time to create the [https://en.wikipedia.org/wiki/Mask_(computing)#Image_masks alpha mask].
Open the original picture in Paint.net. Create a new layer, and rename the two.
On this new, empty layer, we're going to paste various shapes of our liking from our alpha mask sources. Each time you add a new element, create a new layer before pasting, and merge the layers once you're satisfied with the placement. Think about the kind of damage the fembot received and the direction it came from.
{|border="1"
|-! style="background:#A0A0A0;"
|'''Tip 4:''' Duplicate a layer containing a transparent element to thicken the more transparent parts.
|-
|}
You might want to change the dimension and rotation of your elements. Ideally, using ''Image > Resize'' and ''Layers > Rotate / Zoom'' in conjunction with ''Crop to selection'' will give you a better quality over the ''Move Selected Pixels'' tools. However, this will increase your workload significantly and will barely be visible in the end. Prefer it only when working with very small size.
Once you feel done with your shapes, you might notice it has a much sharper quality than the original picture, and elements vary in quality. Use ''Effects > Blurs > Gaussian Blur'' on a low setting to tie it together.
=Making the damage=
==Alpha masking, at last==
We now have our damage alpha mask. Time to apply it.
Select and duplicate the original picture's layer. Rename the new layer and hide the old. Go to the damage alpha mask layer, select it entirely (Ctrl + A), and copy it (Ctrl + C).
{|border="1"
|-! style="background:#A0A0A0;"
|'''Tip 5:''' Always duplicate a layer you're going to alter, but may need to come back to.
|-
|}
Hide the damage alpha mask layer. Select your base layer and use ''Effects > Alpha Mask''. Every pixel under a black pixel will be made inversely more or less transparent depending on the alpha value of its corresponding pixel on he alpha mask layer.
{|border="1"
|-! style="background:#A0A0A0;"
|'''Tip 5:''' Always check ''Mix Alpha'' when using ''Effects > Alpha Mask''.
|-
|}
==Adding depth==
Let's give some depth to this hole. Duplicate your base layer, then use ''Effects > Object > Bevel Object''. Set the strength to maximum and check off "Keep original image".
''Effects > Object > Bevel Object'' will produce unnecessary beveling on the picture's border. Use the ''Rectangle Select'' tool to delete them.
Rename your layer, set its blending mode to ''Overlay'' and reduce its opacity.
Go to your base layer and duplicate it. Rename it, and use ''Effects > Blurs > Surface Blur'' on its default settings. Then, use ''Adjustments > Brightness / Contrast'' with "Brightness" between -25 and -50.
Move the depth layer at the bottom, and use ''Effects > Object > Trail''. Check off "Fade out" and reduce "Length" to between 5 and 10. Adjust the angle relative to the angle of the camera and of the surface.
==Adding texture==

Revision as of 17:28, 18 November 2018

This tutorial assumes you have a basic familiarity with Paint.NET, such as knowing how to use tools, layers, resizing, rotating, etc.

What you'll need

Tip 1: textures.com requires you to create an account that only give you 15 download points per day. Come back even when you're not working on a manipulation to increase your stock.
Tip 2: After getting pictures for a manipulation, keep them in a personal library.

Preparing the workspace

Create a folder for your project, and copy every file you'll use in it. At the end, feed the files through FileOptimizer, and use Winrar or IZArc to compress and archive your project.

Optimizing the original picture

Let's optimize our original picture. Feed it to Google's Search by image or the reverse image search of your choice. Select the largest, cleanest version returned (no compression artifact, no nearest-neighbor upscaling, etc.) and feed it again. Do this a couple times. This will allow you to:

  • Work with the best foundations possible
  • Source the model

We now have a cleaner, larger version of our picture, but it is still too small. I prefer working more in the 2000x3000 range, which we're currently at half. We could use Paint.NET's Image > Resize, but this will make any compression remaining in our picture pop. Feet it to waifu2x instead, saving the lowest comfortable noise reduction setting result. This will double the size of the picture while keeping it somewhat clean.

Tip 3: Bookmark any website you may have a recurring need for.

Preparing the alpha mask sources

Download a couple masked exposed plaster pictures off textures.com. Save them in your project folder. Look for a variety of shapes: circular, jagged, smooth, cracks...

Let's turn these pictures into something that can be used for alpha masking. Open them with Paint.NET. Use Effects > Hue / Saturation, lightness set to -100, to turn them uniformly black. Since we won't have any use for the originals, you can save over them (Ctrl + S).

Making the alpha mask

We now have the best original picture we can, and several .png files of cracked and damaged shapes. Time to create the alpha mask.

Open the original picture in Paint.net. Create a new layer, and rename the two.

On this new, empty layer, we're going to paste various shapes of our liking from our alpha mask sources. Each time you add a new element, create a new layer before pasting, and merge the layers once you're satisfied with the placement. Think about the kind of damage the fembot received and the direction it came from.

Tip 4: Duplicate a layer containing a transparent element to thicken the more transparent parts.

You might want to change the dimension and rotation of your elements. Ideally, using Image > Resize and Layers > Rotate / Zoom in conjunction with Crop to selection will give you a better quality over the Move Selected Pixels tools. However, this will increase your workload significantly and will barely be visible in the end. Prefer it only when working with very small size.

Once you feel done with your shapes, you might notice it has a much sharper quality than the original picture, and elements vary in quality. Use Effects > Blurs > Gaussian Blur on a low setting to tie it together.

Making the damage

Alpha masking, at last

We now have our damage alpha mask. Time to apply it.

Select and duplicate the original picture's layer. Rename the new layer and hide the old. Go to the damage alpha mask layer, select it entirely (Ctrl + A), and copy it (Ctrl + C).

Tip 5: Always duplicate a layer you're going to alter, but may need to come back to.

Hide the damage alpha mask layer. Select your base layer and use Effects > Alpha Mask. Every pixel under a black pixel will be made inversely more or less transparent depending on the alpha value of its corresponding pixel on he alpha mask layer.

Tip 5: Always check Mix Alpha when using Effects > Alpha Mask.

Adding depth

Let's give some depth to this hole. Duplicate your base layer, then use Effects > Object > Bevel Object. Set the strength to maximum and check off "Keep original image".

Effects > Object > Bevel Object will produce unnecessary beveling on the picture's border. Use the Rectangle Select tool to delete them.

Rename your layer, set its blending mode to Overlay and reduce its opacity.

Go to your base layer and duplicate it. Rename it, and use Effects > Blurs > Surface Blur on its default settings. Then, use Adjustments > Brightness / Contrast with "Brightness" between -25 and -50.

Move the depth layer at the bottom, and use Effects > Object > Trail. Check off "Fade out" and reduce "Length" to between 5 and 10. Adjust the angle relative to the angle of the camera and of the surface.

Adding texture