Leave a comment

How To Make A Romantic Effects With Coloured Aura Using Paint.Net

Tutorial7Intro

 

Intro :

Like many other photo-editing tutorials for Paint.Net in this blogs, this tutorials also inspired and motivated by GIMP and Photoshop tutorials- by both Eric R. Jeschke ( The GIMP Guru ) and Hannah Hathaway ( We Live Happily Ever After ). This tutorial will show you how to make a picture that not only having a feeling of soft, romantic and dreamy ( or ethereal, to some of you ) quality, but also having slightly coloured vintage tints and coloured ‘ aura ‘. By using multiple layering technique, the original picture will remain untouched until the time you flattened the image and saved it into jpeg or png format. And if you save it in pdn (Paint.Net native file ) format, you can always fine-tuning or replacing any layer to suits your need; and so, can turns it into a massive photo-editing template that make your life easier- in case you’re editing tons of pictures in a month.

 

Process :

1. Open/load the image with Paint.Net.  Resize the picture if necessary.

2. Set a new layer. Name it ‘Tinted’. Then paint the layer with white colour- either with solid colour fill or gradient fill.

Tutorial7A

If you choose to paint the layer with gradient fill options, set the secondary colour to transparent/alpha white.

 

Set the layer blending mode to ‘Screen’, with opacity set to 71.

Apply Gaussian Blur to the layer, in a range of 100-150.

After that, select Effects> Photo>Glow, and set the glow with Radius = 7, Brightness= 65 and Contrast =78. Repeat the option twice, right after the first application; if you opted for solid colour filling. There are no repetition for gradient filling options.

( Side note : Interested with the rose bouquet picture ? The picture can be found right here )

3. Set a new layer. Name it ‘White Vignette’

Tutorial7B

Draw a selection area ( preferably an oval ). Go to ‘Invert Selection’ right after finishing it.

Tutorial7C

Paint the selected area with your favourable colour.

Tutorial7D

Blur the selected area with Gaussian Blur. Set it in 120-150 range. Then glow it using ‘Glow’ option ( Radius = 7, Brightness = 7, Contrast = 78 ). Here are how the layer looked like after blurring and glowing :

Tutorial7E

Invert the selected area with ‘Invert Selection’ – one of the options from ‘Edit’ menu. Resize the area into a smaller size after that. And then choose ‘Invert Selection’ again.

Tutorial7F

Go to Effects >Distort and choose ‘Wobble’, set the value as seen in the picture above. Blur it with Gaussian Blur. Set the blur strength to 50. Deselect the area afterwards and repeat Gaussian Blur with the same value. You will get something like this :

Tutorial7G

Set the layer blending mode to ‘Glow’, with opacity 225.

4. Set another layer, name it ‘Aura’. Draw an oval with 7 pixels line.

Tutorial7H

Apply Gaussian Blur to the layer. Set the strength to 25 and do the blurring twice. Glow the aura with ‘Glow’. Set the glow until you get hazy ring ( in this case purple hazy ring ) or coloured haze at the area where the shape line used to be.

Adjust the colour with any saturation altering options available ( build-in or optional plug-in ).

Adjust the layer opacity to 186, or just left it in full opacity ( for those who opted for using gradient filling in ‘Tinted’ layer.

Apply the wobble effect to the aura if you like.

5. This step is optional. Duplicate the picture and make that duplicated layer into contrast mask, so that the picture will have a better contrast. How to do so can be found right here.

6. Fine tuning any layers you want until you satisfy with the outcome. Then save the picture.

Here are the same picture after some fine tuning, and a replacement at ‘Tinted’ layer ( On that moment I replaced the solid colour filling with gradient filling, on an experiment with options that I can try until geting the right one )

 

BeautifulBouquet

 

Here are some more examples :

BeautifulBouquet2Lemon yellow in ‘White Vignette layer, peach for the aura. Then layering the top with lemon yellow tint layer. Original picture can be found right here.

BeautifulBouquetMonochrome2

BeautifulBouquetMonochrome1

These two pictures’ background layer were set to monochrome. Original picture can be found right here )

 

So, all the best !

NaiSiggie3

 

 

 

 

 


Leave a comment

How To Change The Colour Of PNG Stampbrushes In Paint.Net ( Part II )

Tutorial6FeaturedIntro

For those who are newly arrived from Google, StumbleUpon or anywhere else, this tutorial is another part of the previous tutorial. In this part I’m going to show how to change the colour of PNG Stampbrushes from black to dual-coloured or multi-coloured.

 

The plug-ins needed for this tutorial :

i) Gradient Galore OR Multi-coloured Gradient

ii) Alpha Mask.

 

 

Process :

 

1. Generate a new file or open up the existing file of your choice.

2. Go to Layers>Import From Files>Select PNG File. Move  the stampbrush to desirable area. You can rename it but I’d rather keep the layer name the same.

Tutorial6A

This time I choose another PNG image :

Tutorial6B1

And I renamed the layer as ‘Outline’.

( Note : The brushstamp that I use can be found right here as a collection of vector images.  I’ve converted the vector image to  PNG at the first place before using it. )

3. Copy the current layer to the clipboard.

4. Build a new layer, name it ‘Gradient-filled’ or anything. Then open gradient tool or plug-ins  that you like. I choose Gradient Galore.

Tutorial6B2

This is my settings for the gradient fill :

Tutorial6B3

5. After the gradient filling done, go to Effects>Alpha Mask.

Tutorial6A5

Select both ‘Invert Mask’ and ‘Paste From Clipboard’ options.

Tutorial6A6

You’ll get something like this after that :

Tutorial6B4

6. Back to ‘Outline’ layer and make the layer a contrast mask. How to do that, can be found right here.   If this is your final step, just flatten the image and save. The final image : Dualhues   Examples :

 

MulticolourGradient   ( This one made with Multicoloured Gradient )

 

MulticolourGradient2

 

Using Multicoloured Gradient with Rainbow Settings

 

Rainbowhues Rainbow setting at Gradient Galore, and the background  was set to black to add the luxurious feeling.

 

All The Best !

 

 

NaiSiggie3

 

 

 

 

 

 


Leave a comment

How To Change The Colour Of PNG Stampbrushes In Paint.Net ( Part I )

Tutorial6Featured

 

Intro

This tutorial is a combination of adaptations from Hannah Hathaway’s tutorial at We Lived Happily Ever After blog and Ribbon-making tutorial at Paint.Net Forums. There’re two parts for this tutorial : Part I is to show how to change the colour into another one single colour and Part II is to show how to change the colour to dual-coloured or multi-coloured.

The plug-ins needed for this tutorial :

i) Gradient Galore OR Multi-coloured Gradient ( For Part II ).

ii) Alpha Mask.

 

Process :

1. Generate a new file or open up the existing file of your choice.

2. Go to Layers>Import From Files>Select PNG File. Move  the stampbrush to desirable area. You can rename it but I’d rather keep the layer name the same.

Tutorial6A

Tutorial6A1

Tutorial6A2

( Note : Make sure that the PNG image/brush stamp that you use is black-coloured or in greyscale. If it’s not, change the colour by using Black and White option at the first place. The brushstamp that I use can be found right here. )

3. Copy the layer to the clipboard.

4. Build a new layer, name it ‘Paint-filled’ or anything. Set your favourite colour at the colour palette then choose Paint-Bucket tool to fill the layer.

Tutorial6A3

 

You’ll get something like this :

Tutorial6A4

5. Go to Effects>Alpha Mask.

Tutorial6A5

Select both ‘Invert Mask’ and ‘Paste From Clipboard’ options.

Tutorial6A6

You’ll get something like this :

Tutorial6A7

 

6. Delete the layer ‘Inky3 : Background’ layer and keep ‘Paint-filled’ layer. Your image will get lighter in colour :

Tutorial6A8

If this is your final step, flatten the image and save.

( Tip : You can choose for not deleting the  ‘Inky3 : Background’  layer, and convert it into contrast mask, and so improving the brightness/contrast of your newly-generated image. The tutorial can be found right here.)

 

Examples :

RedPandaSleeping2

 

( Source )

quotes1

 

 

To be continue…

NaiSiggie3

 

 

 

 

 

 


Leave a comment

10 Favorite Fonts ( Handwritings & Scripts )

Fonts was among my favourite topics in computer classes that I attended during my Secondary School ( Junior High School) time period. I got attracted to certain characters and the shapes of the fonts, and also interested in how they influencing my mood.

And I believe that fonts are one of the essential parts in projects designing. The suitable font influencing the whole look of a website or printed documents and how people reacted on it.

Nowadays, fonts are also available for free downloading, and most of it are level and equal with the paid league counterparts in artistic qualities.

Here are my 10 favourite  free fonts in handwritings and scripts categories :
10FavoriteFonts

 

( Note : This image was made with Photoscape few months before migrating to Paint.Net. )

Here are the download links to those fonts :

Great Vibes | Xiomara | Learning Curve | FreeHand 591 | Honey Script

Invitation Script | Jellyka Delicious Cake | Adine Kindberg Script

Respective | Bilbo Swash Caps

 

All The Best !

NaiSiggy2

 

 

 

 

To all Muslim readers/visitors, I’m wishing you a comfortable and easy-going Ramadhan.


Leave a comment

How To Do A Smart Sharpening With Layering Technique

Introduction :

In my first tutorial post right here, apart from showing you how to reduce the noise caused by JPEG artifacts in an internet-saved pictures I’m also showing you how to do an edge sharpening without making noise more noticable using Sharpen+ plug-in. In this tutorial, I’ll share with you how to do the same type of sharpening- sharpen the picture edges at Luminosity channel without clipping to colour channels- this time by using layering technique called ‘ Smart Sharpening’.

This technique is well-known among experienced Photoshop and GIMP users. They used a channel mask to guard the area apart from the edges, clipping the mask to Luminosity channel layer and do the sharpening exclusively at the same channel before clipping all layers to make a new composite image.

Since Paint.Net got different features from both softwares, can we do  this technique in Paint.Net ?

This question whirled in my mind since my first day with Paint.Net. I love Paint.Net and preferring smart sharpening technique  to other sharpening techniques at the same time, but I can’t see the possibilities in Paint.Net. But I keep thinking positive and believing there’re will be some way to do it.

After following other photo-editing tutorials in Paint.Net forums, especially about solving compose-decompose issues and how to manipulate ‘merge down layer’ command, the bulb lightened up again. I can see the way to do it and starting to experiment with the plug-ins suggested for composing-decomposing pictures. This tutorial is  a result from the experiment I did and also an evidence that Paint.Net also can accomplish what Photoshop and GIMP usually did and doing, but in a slightly different way.

This tutorial was adapted from GIMP tutorial by Eric. R. Jeschke.

For this tutorial, you’ll need three plug-ins installed in your Paint.Net ( with download links for downloading ):

1. Extract Channel

2. High Pass Filter

3. Alpha Mask

 

Process :

1. Load the image/picture to Paint.Net.

Tutorial5

 

Still remembering this picture ? This picture is the one I used in contrast mask tutorial, with the contrast mask being flattened and saved.

 

2. Duplicate the layer twice.

Tutorial5b

 

And then rename that two layers. The top one as ‘Sharpening Mask’ .

Tutorial5c

 

This layer is for the making of sharpening channel mask -to guard the area but the edges of the picture from sharpening effects.

Then, rename the below one as ‘Channel-L’.

Tutorial5d

This layer will going to be our smart sharpening layer, the luminosity channel. And will be clipped/merged with the sharpening ‘channel’ mask after the final step in the making of channel mask.

After renaming both layers, simply extracting the channel for both layers with ‘Extract Channel’ command.

Tutorial5e

Choose ‘CIELAB-L’.

Tutorial5f

And look at the changes happened to your editing history board.

Tutorial5g

Both layers successfully being changed to Luminosity channel. Now, we are ready for the making of sharpening ‘channel’ mask and smart-sharpening layer.

3. Making sharpening ‘channel’ mask.

i) Keep staying in Sharpening Mask channel and then go for edge detection :

Tutorial5h

 

This is how the layer looked like after being manipulated :

Tutorial5i

Use ‘Level’ command to adjust the black and white area, so that you can do your best to exclude noises from being sharpened too.

The black area is the area that being guarded from sharpening effect that happened later on and the opposite area ( the edges ) is the desirable area.

ii) Go for ‘High Pass’ Filter. This filter needed for feathering the edges.

Tutorial5j

Adjust the setting like this :

Tutorial5k

Different pictures, different needs so it’s depending on your settings. Make sure Sharping image and Greyscale box being ticked and High Pass Sharpen pane being set before clicking OK.

And then adjusting the black and white area again with Level command.

iii) Set the Sharpening mask as invisible ‘channel’ mask by using alpha mask.

Copy the sharpening mask to the clipboard before going to ‘Alpha Mask ‘

Tutorial5l

A prompt box will comes up and looks like this :

Tutorial5m

Make sure there’re a tick at ‘Paste from Clipboard’ options before clicking OK. Now, the black area disappeared from the sharpening mask layer, and only white area/the edge was left.

We’re done with Sharpening ‘channel’ mask layer, and now a time to clip/anchor the mask with Channel-L layer.

4. Clipping the ‘channel’ mask.

Choose ‘Merge Down’ command at Layers box ( the fourth from lower right /left  ), and the ‘channel’ mask disappears because it was merged with Channel-L layer in the process.

Tutorial5n

Set the blending mode to Overlay and adjusting the transparency of the layer. This time you can see the layer blending with the background.

( Notes : a) To make sure that the ‘Merge Down’ command is successful in clipping the ‘channel’ mask, the ‘channel’ mask ( Sharpening Mask ) layer should be placed on the top of Channel-L layer. b) If you want to save the image file in .pdn format so that you can edit the image file layers at any time, it’s recommended that you rename the Channel-L layer  to ‘Smart Sharpening’ -especially when your image file is multi-layered. )

5. Apply sharpening effect on the Channel-L/smart-sharpening layer. Choose build-in sharpening effect or unsharp mask to the layer. I’m choosing build-in sharpening effect, with the maximum value settings ( 20 ) for three times.

 

And now, here are the picture after applying the smart-sharpening layer :

LovelyRed7

( I have applied Color Balance+ to background layer before flattening and saving the image. )

The original image :

LovelyRed4

The original image after applying Sharpen+ command :

LovelyRed2

The original image after applying build-in sharpening effect without smart-sharpening layer ( Value set to 20 ) :

LovelyRed8

 

Some more examples :

Before picture

sweet cupcake

( Source : wallpapergang.com)

After picture :

Cupcakes

Before picture :

kitten bunny cat rabbit friends love

After picture :

BFF

Before picture :

File:McDonnell Douglas DC-10-30, Malaysia Airlines JP5943874.jpg

( Source : Commons.wikimedia.org )

After picture :

MASDC-10

( This picture is also being edited with Color Balance+ at the background layer, and a contrast mask that being touched with linear dodge options from Blend Mode Plus plug-in. )

 

So which sharpening method will be your choice ?

All the best !

NaiSiggy2

 

 

 

 

Side Note :

1. Another alternative for sharpen L-Channel is sharpen HSV V-Channel. Just replacing the option for the channel when you extracting the layers.

2. Photoshop interesting articles/Tutorials :

a) Sharpen A Selection- Photoshop Help 

b) The Ultimate Sharpening Technique by Fred Miranda

 


Leave a comment

How To Make A Contrast Mask

Introductions :

This tutorial is an adaptation from a tutorial for GIMP by Eric R. Jeschke. I have tested that tutorial in the Paint.Net environment and the results are awesomely stunning, in comparison to built-in Brightness/Contrast. Since reading and doing that tutorial, this technique becomes my favourite and a staple each time I’m doing a picture editing and so, never turned back. The reason ? You can read that material and see the examples shown in this tutorial to know why.

In this tutorial, I’ll show you the process, the plug-ins needed to complete the task, and several picture examples also comparisons between pictures so that you can choose between applying a contrast mask or just using the conventional way to enhance your pictures.

Here are the original picture that I’m going to use for this tutorial :

LovelyRed6

I just want to show up the details at the flower petals clearly while make whole picture brighter and rich in colour. And lets see how this technique popping my intentions out.

 

The Process :

1. Load the image to Paint.Net- By copy-pasting or just conventionally opening up it.

2. Duplicate the image by copy-pasting the image. To make you life easier, JUST using ‘Paste into New Layer’ command and then rename the layer.

Tutorial3a

OR, following the steps in the picture below :

Tutorial3b

 

I renamed the layer as ‘Contrast Mask’. This step is not really important if the contrast mask is simply just one technique applied to your picture. Somehow, if you want to apply several layering techniques to make your picture looks great, just rename it so that you’ll know what you have done to your picture and not accidentally deleting the layer.

3. Go to ‘Adjustments’ and choose ‘Black And White’ to desaturate the picture.

Tutorial3c

 

Then go to ‘Effects’ and choose Color>Invert Intensity :

Tutorial3i

And your picture will looked like this afterwards:

Tutorial3e

 

This negative layer will combined with the background layer to create a combination that been mentioned by Mr.Jeschke as ‘ light with dark, dark with light to reduce the overall contrast’.

4. Go to ‘Effects’, choose Blur>Gaussian Blur+

Tutorial3h1

( Note : You can use build-in Gaussian Blur too, but for this tutorial I choose Gaussian Blur+ )

Here are my settings :

Tutorial3h2

 

For those who used build -in Gaussian Blur, I suggest to pick a value range between 20-40.

The application of Gaussian Blur is for increasing the overall sharpness. After applying the contrast mask, the overall sharpness in the pictures are always decreased.

5. Go to layer properties and set the contrast mask blending setting option to ‘Overlay’. Adjusting the opacity of the layer ( by using the slider ) to see how the background layer blends up with the contrast mask layer.

Tutorial3f

 

Click OK and you’ll get the picture like in the screenshot below :

Tutorial3g

Here are the picture after flattening and saving :

LovelyRed6

Compare it with the original picture :

LovelyRed6

And compare it with conventional ‘Brightness and Contrast’ :

LovelyRed5(  Brightness : 0, Contrast : 14 )

Which one your prefer the most ?

Here are some more examples :

MASRetroLiveryCmp

Kitty

But nothing more stunning than this comparison :

Before

File:Tawau Sabah Twin-Town-Memorial-04.jpg

( Source : Wikimedia Commons )

After :

TawauParePareMetalPlat

Before applying the contrast mask, it is so hard to read what had been written on this metal plat !

The setting for each cases are different because different pictures, different needs.

 

So, all the best !

NaiSiggy2

 

 

 

 

Side Note :

1. ‘Invert Intensity’ and ‘Gaussian Blur+’ are separate plug-ins for Paint.Net. Download link can be found right here and here.

2. To decrease the shadows or reducing the highlights, just applying ‘Curve’ or ‘Level’.

3. For those who’re using ‘Gaussian Blur+’ plug-in, you can set the blending mode in the prompt box to ‘Overlay’. It’s better, trust me !

4. Apply ‘Shadow/ Highlight Recovery’ or ‘Local Contrast Enhancement’ to contrast mask layer. Both are also separate plug-ins available for downloads. Here are the download links : 1. Shadow/Highlight Recovery 2. Local Contrast

5. If you want to apply contrast mask effect to selected area, just applying a layer mask to cover the unselected area.

 


Leave a comment

How To Make A Layer Mask ( Part II )

Introductions :

How to do a layer mask in the small area had been covered in Part I, and now is the time to show how to do it in a big area. Actually, we can do the same process in the Part I for a big area, but in this post I’ll show you a process that slightly different from what you read and see previously.

 

The Process :

1. Load up the picture into Paint.Net.

Tutorial3Aa

 

2. Add up a new layer. Like in Part I, just rename the new layer and set the opacity to semi-transparent. Leave the blending mode as ‘Normal’ .

Tutorial3Ab

Fill in layer using Paint Bucket tool.

Tutorial3Ac

Tutorial3Ad

 

3.  Make the layer mask invisible and then back to the background layer. Select the area that you don’t want to cover by using Magic Wand.

Tutorial3Ae

4. Back to layer mask. Go to ‘Effects’ and select ‘Color to Alpha’.

 

Tutorial3Af

Turn on the layer mask. You’ll see something like in the below picture :

Tutorial3Ag

5. Testing the layer mask.

Tutorial3Ah

Back to the background layer before choosing this command. Turn off the layer mask after doing it.

Tutorial3Ai

 

So, the process in the Part I and Part II will producing the same results after all. Somehow, I must admit that following and doing the process in Part II is slightly difficult and I’d rather choosing Part I -even for a big block ! Anyway, the choice is yours.

All the best !

 

Side note : 

1. ‘Color to Alpha’ command is available through installations of the specific plug-in for Paint.Net. The download link can be found right here. Please refer to the instructions so that the plug-in will work for you. If you don’t want to use this command, just pressing ‘delete’ key.

2. Picture credit : Commons.Wikimedia.Org

NaiSiggy2

Follow

Get every new post delivered to your Inbox.