This forum has been archived. Please visit the new forum at https://community.narniaweb.com/

Fan Art Tutorials

Post your Narnia-inspired pictures or poems here.

Moderators: wild rose, SnowAngel

Re: Fan Art Tutorials

Postby NothinButNarnia » Nov 03, 2009 8:17 am

Made in GIMP, translatable

From this: Image to this: Image, a recreation of this Image

Requested by ForNarniaAndAslan, more detailed pictures can be viewed here

1) Open your base and prep it (crop, scale, sharpen, etc.) I used a resized screencap from Home of the Nutty.

2) Duplicate the image and white balance (color > auto > white balance) the top layer. Then set the white balanced layout to "screen" 100%

3) Duplicate the top layer and set it to Soft Light 100%. Flatten your image

4) Use the blur/sharpen tool to blue her skin and sharpen her eyes and lips.
Image

5) Make a fill layout of 2f1407 and set it to subtract 100%. Flatten your image

6) Duplicate the layer and Mix the Colors (Colors > Components > Channel Mixture) at Red: +120, -40, +20; Green: -10, +55, +65; Blue: -30, +40, +100. (Make sure Preserve Luminosity is unchecked) Set the layout to "soft light" 100%

7) Add a mask layer and paste the base layer into it. Then, duplicate that layout, set it to screen 100% and invert the layer mask
Image

8) Add a fill layout of ffffff and set it to soft light 50%. Add a mask layer, insert the background image, and invert it. Next, add two fill colors at 2f1407, the first set at Screen 100% and the second Soft Light 100%

9) Flatten the image. Blur the skin and sharpen the eyes

10) Color balance (Colors > Color Balance) at Shadows: -8, 0, +10; Midtones: +15, 0, -8; Highlights: +5, 0, 2
Image

11) If you are satisfied with the coloring, begin adding brushes. But for this picture, I personally think setting the contrast (Colors > Brightness and Contrast) down to -14 will suit the avie better.

12) Add a Circle Fuzz Brush with color bf9191 on the left side.

13) Add brushes and text, and viola! You're done!
Image
Image
av / sig by me, PM if you want one
saw the movie opening weekend and cried at the end!
Jesus DIED for ME and YOU!
User avatar
NothinButNarnia
NarniaWeb Nut
 
Posts: 322
Joined: Sep 04, 2009
Location: Experiment House

Re: Fan Art Tutorials

Postby flambeau » Nov 03, 2009 11:13 am

Tutorial #53 - This: Image to this: Image recreating this: Image using Gimp. Translatable.
Requested by lover of narnia.

Open and prep image/base (crop, scale, etc.). I'm using a base from spareoom.net

Duplicate the base layer and go to Colors>Auto>White Balance.
Duplicate that layer and set the layer mode to Screen at 100%.
Duplicate that layer, set the layer mode to Soft Light at 100%.

Add a fill layer of color #2a1409, set it to Subtract at 100%.

Flatten the image.

Duplicate the base layer and go to Colors>Components>Channel Mixer and input these settings...

Red channel: +120, -40, +10.
Green channel: -10, +50, +70.
Blue channel: -40, +50, +100.

Make sure that Preserve Luminosity is unchecked. Click ok.

Set that layer to Soft Light at 50%. Add a layer mask, copy and paste the background layer into it.
Duplicate the above layer and set it to Screen at 100%. (It should already have a layer mask on it. Invert the layer mask.)

Add a fill layer of color #ffffff, set it on Soft Light at 100%. Add a layer mask, copy and paste the background layer into it. Now invert the layer mask.
Add a fill layer of color #2a1409, set it to Screen at 100%.
Add a fill layer of color #2a1409, set it to Soft Light at 50%.
Add a fill layer of color #000d2f, set it to Soft Light at 50%.

Flatten the image.

Go to Colors>Color Balance and input these settings...

Shadows: -10, 0, +10.
Midtones: +15, 0, -5.
Highlights: +5, 0, -5.

Make sure that Preserve Luminosity is unchecked.

If you're happy with that, click ok.

Duplicate the base layer and set it to Soft Light at 100%. Add a layer mask, copy and paste the background layer into it.

It currently looks like this: Image

I added this: Image and set it to Soft Light at 100%.

I thought the sky was looking a little blah, so I decided to add some different clouds!
Add this: Image (by me) flip it horizontally, turn the opacity down to 75%, and erase the parts that you don't need (i.e. anything that's not sky).
Add this: Image (also by me) and set it to Darken Only at 100%.

I then selected color #f00d0d, created a transparent layer set to Screen and added some red highlights to the lower part of the image.

Add a fill layer of color #2a1409, set it to Screen at 100%.
Add a fill layer of color #404040, set it to Lighten Only at 100%.

It now looks like this: Image

Add whatever else you want! I added text (the font is Mailart Rubberstamp) and a black frame.

I ended up with this: Image

You're done!

Please do not copy exactly.

--- flambeau
"It. Doesn't. Have. To. Match."

President of the Manalive Conspiracy
Founder of Team Hoodie
Icon by me
User avatar
flambeau
Moderator Emeritus
A Concerned Third Party
 
Posts: 1774
Joined: Mar 25, 2008
Location: Wandering the streets of Merit

Re: Fan Art Tutorials

Postby lover of narnia » Nov 04, 2009 5:09 pm

tutorial #2. Made in Photo Shop CS3. Not sure if it's translatable. ( I forgot who requested it...but I'm REALLY osrry it's taken me so long :ymblushing: )

going from this: Image

to this: Image

a recreation of this: Image

First, open base image, I used a LWW base of Edmund from Spareoom.net.

Go then to, Image - Adjustments- Auto Levels. This will make the image whiter.

Next, select your blur tool, I had strength set on 70%. Blur his face and neck. Next select your sharpen tool, and run it over his eyes and lips to your liking.

Now go to, Image- Adjustments- Channel mixer and imput these settings

output channel: RED.

Red: 195%

Green: -97

Blue: 0

Then press okay. Then go into: Image- Adjustments- Brightness/Contrast.

Brightness: +11

Contrast: +23

Next add, Image by Flambeau set to screen.

and This, Image by Proverbial Sun @ Devaint art. Also set on screen.

Alright....your done....I"m SOOOOO very sorry, it isn't my best recreation. I tried.. :| ..sorry. I hope you like it!!!



Tutorial #3

Requested by H.M.Swanwhite.

Made in Photo Shop CS3. not sure if Translatable.

going from this. Image

to this: Image

a recreation of this: Image

Alright...open your pick, I used a base from spareoom.net.

( optianal step...NOT NEEDED ((Go to....Image- Adjustments- Auto Levels. This makes the image whiter.))

Copy your base layer and set the copy to soft light. Then go to, Filter- Other- High Pass and 10.0.

Duplicate your copy, and set it to screen. Then DELETE your orignal base for it is un-needed. You may choose to sharpen and OR blur her face. I added some of my own text and your done!!

QUESTIONS or problems PLEASe PM me!!! I hope you guys enjoy them!! :D
Image

Loyal supporter of Caspian/Susan.
NW Family: Aunty Vi, LadyC, Rose, Chloe
Secret Order of the Swoosh.
Keeper of the Secret Magic
L6
User avatar
lover of narnia
NarniaWeb Fanatic
 
Posts: 2636
Joined: Mar 31, 2009
Location: The world of plotting...where else?
Gender: Female

Re: Fan Art Tutorials

Postby Wunderkind_Lucy » Nov 05, 2009 10:21 am

Tutorial #25—Red Hair and Green Eyes

Made in GIMP, fully translatable

Requested by lover of narnia.

Going from this: Image to this: Image
a recreation of this: Image

Click here!

*throws confetti* My 25th tutorial! :D

PM me if you have any questions!

~Wunder
User avatar
Wunderkind_Lucy
NarniaWeb Fanatic
 
Posts: 2992
Joined: Jan 05, 2007
Location: The Library at Cair Paravel
Gender: Female

Re: Fan Art Tutorials

Postby Wunderkind_Lucy » Nov 06, 2009 10:35 am

Tutorial #26—Stock Coloring

Made in PSP X, translatable

Requested by flambeau

Going from this: Image to this: Image

Click here!

PM me if you have any questions!

~Wunder
User avatar
Wunderkind_Lucy
NarniaWeb Fanatic
 
Posts: 2992
Joined: Jan 05, 2007
Location: The Library at Cair Paravel
Gender: Female

Re: Fan Art Tutorials

Postby Erucenindë » Nov 09, 2009 6:29 pm

Tutorial #1 - Going from this to this:Image

Requested by Wunderkind_Lucy. For GIMP 2.0, should be translatable.

Based on MissAdventure' 10th tut :)

Prep cap (crop, scale, ect.).

Then, I blended this cap into the first one by flipping it around, and erasing the parts I didn't want.

Duplicate the base and set to Screen 40%. Add a new layer from Visible. (Layers/New from Visible) and set to Soft Light 100%. Flatten image.

Add a fill layer of 2b0924 and set to Screen, Screen, Subtract (three layers). This is equal to a single layer of Exclusion in other programs. Add another fill layer of 2b0924 and set to screen 100%. Add yet another and set to Screen 20%.

Add a layer of 808080 and set to Lighten Only 20%. Flatten Image.

Go to Hue/Saturation and set to Brightness to -20 and Contrast to 10.

Open up this: Image texture. I resized it to 400x400 and used Gaussian Blur at 5. Set it to Lighten Only and position is to your liking.

Open up this texture Image and resize/gaussian blur. Set to Soft Light and posistion to your liking.

Open up Image and resize/gaussian blur. Set to Lighten Only and position to your liking.

Sharpen, then I just added text. :)

Tutorial #2 - Getting this coloring: Image

Requested by Wunderkind_Lucy. For GIMP 2.0, should be translatable.

based on flambeau's 1st tutorial.

Open and prep image/base (crop, scale, ect.).Go to Colors>Auto and select White Balance.

Add this texture: Image set it on Multiply at 50%. Position it to your liking, I put it up at the top of my image. (I resized all of these for my banner, as well as used Gaussian Blur)
Add this texture: Image desaturate it, and set it on Overlay at 50%.
Add this texture: Image desaturate it, and set it on Overlay at 50%.

Add a fill layer of color #dcedf6, set it to Burn at 100%.
Add a fill layer of color #fff0c8, set it to Multiply at 100%.
Add a fill layer of color #808080, set it to Divide at 50%.
Add a fill layer of color #dcedf6, set it to Divide at 100%.
Add 3 fill layers of color #000d2f, set them to Screen, Screen, and Subtract all at 100% (the Subtract layer should be on the top. On other programs, you can add one layer and set to Exclusion.).
Add a fill layer of color #290f02, set it to Overlay at 100%. Right click on the layer and select 'Add layer mask'. Select 'White (full opacity)' and click 'ok'. Copy and paste the background layer into the layer mask. (this is so it only effects part of the image.)

Flatten image.

Add another one of these textures: Image DON'T desaturate it, just set it on
Overlay at 50%.
Add this texture: Image set it to Burn
at 100%.
Add a fill layer of color #000000 (solid black), set it on Overlay at 100%. Add a layer mask, copy and
paste the background layer into the layer mask (same as we did with the other layer mask)

Add a layer of 808080 and set to Lighten Only 50%. Flatten image.

Open up this texture: Image, and set to Addition 60%. (I resized it to 300x300 for this banner). Repeat this 3 times, I positioned it first in the middle, and the rest on each sides.

Sharpen and then I added text.

Tutorial #3 – How to make burnt edges

I've been asked how to do this several times so I made a tut.

For GIMP 2.0 should be translatable.

Examples: Image
Image

Using this texture: Image

Prep your base, then add the coloring you wish for your banner. Then, add the above texture to your banner.

Make a new transparency the size you need it to be. (Whether for banner or avatar, etc)

On your original banner, using the Select By Color tool, click on the black of the texture you have pasted. Then Invert selection. (You may have manually deselect some selected areas within the banner that you don't want. Only the texture needs to be highlighted.)

Now copy the original and paste into the new Transparency.

Now, take the blur tool, set to 20%, and blur the edges where some of the black is left. Be careful not to blur too much.

And you're done. :)
My Graphics Site
Image
Council of Elrond - Best LOTR forum
Aliit ori'shya tal'din. ~ Mandolorian Proverb
Auta i lóme; Aurë entuluva. ~ Quenya
User avatar
Erucenindë
NarniaWeb Guru
 
Posts: 1836
Joined: Jan 06, 2009
Location: Texas
Gender: Female

Re: Fan Art Tutorials

Postby Wunderkind_Lucy » Nov 10, 2009 6:50 pm

Tutorial #27—Animated Snow

Made in GIMP, fully translatable

Requested by Frodo B

Going from this: Image to this: Image
or this: Image

Click here!

PM me if you have any questions!

~Wunder
User avatar
Wunderkind_Lucy
NarniaWeb Fanatic
 
Posts: 2992
Joined: Jan 05, 2007
Location: The Library at Cair Paravel
Gender: Female

Re: Fan Art Tutorials

Postby MissAdventure » Nov 10, 2009 8:27 pm

GIMP Tutorial #12, requested by lover of narnia.
May be translatable, I don't know that Subtract is a layer mode in PhotoShop...

From this Image to this Image, recreating this Image.

Open up your image, crop/scale if necessary.

Duplicate the base layer. Go to Colors>Auto>White Balance. (In Photoshop, I think this is called Auto Levels, but I'm not 100% sure of that.) Set that layer to Screen 100%. Duplicate it and set to Soft Light 100%.
Add a fill layer of #2a1409 and set to Subtract 100%.
Flatten image.

^ This beginning part was borrowed from flambeau's 45th tutorial but I think that I deviated from that somehow. I'm pretty sure that I messed with the opacity of one or more layers but I can't figure out which!! :(

Duplicate the base layer and go to Colors>Components>Channel Mixer. Input these settings:

Red Channel: 140, -50, -15
Green Channel: -15, 100, 0
Blue Channel: -5, -10, 85

Make sure Preserve Luminosity is UNchecked.

Set that layer to Color 100%. Add a layer mask and copy/paste the base layer into the mask.
Duplicate that layer and set to Normal 70%. Delete the layer mask.
Flatten image.

Here's what I have now: Image

This is where it gets tricky... it doesn't look the same as the original, but I'd written down my changes up till that point. So either I changed the beginning or I changed it at the end and didn't write it down. :-\

To get it more like the original this is what I did:

Add a fill layer of #ffffff and set to Soft Light 100%.
Add a fill layer of #04041d and set to Soft Light 100%. Add a fill layer and copy and paste the background into the mask.
Flatten image.

And this is what I ended up with: Image

And that's it! It's not perfect by any means, but it's fairly close.

Please PM me if you have any questions!
Please do not copy exactly.
She hoped to be wise and reasonable in time; but alas!
She must confess to herself that she was not wise yet.

Call me Maddy! | my livejournal
Proud Attolian Recruiter
User avatar
MissAdventure
NarniaWeb Junkie
 
Posts: 550
Joined: Dec 13, 2008

Re: Fan Art Tutorials

Postby flambeau » Nov 20, 2009 2:49 pm

Tutorial #54 - This: Image to this: Image recreating this: Image using Gimp. Translatable.
Requested by Wunderkind_Lucy.

Sorry that it's taken me so long to post this! I've been crazy busy!

Open and prep image/base (crop, scale, etc.).

Duplicate your base layer and go to Colors>Hue-Saturation, set the Master Saturation to +100.
Now, duplicate that layer (the one that you just did the Hue-Sat on) and set it to Screen at 100%. Duplicate the Screen layer and lower the opacity to 25%.

Flatten your image.

Go to Colors>Brightness-Contrast and set the Contrast to +10. Click ok.

Add a fill layer of color #f0e7ee, set it to Divide at 100%.
Add a fill layer of color #f0e7ee, set it to Burn at 100%.
Add another fill layer of color #f0e7ee, set it to Burn at 100%.

Add a transparent layer and set it to Screen at 100%. Select a large fuzzy brush and color #f00d0d. Now, add red highlights to any areas of your image that you like (I just like to do this because it adds another color to my avatars. You don't have to do it if you don't want to).

Add a fill layer of color #404040, set it to Lighten Only at 50%.

Flatten your image.
Go to Filters>Enhance>Sharpen and sharpen it to your liking.

It now looks like this: Image

Add whatever else you want! I added text (the font is Georgia Bold), and tiny text in the same font.

I ended up with this: Image

You're done!
Please do not copy exactly.

--- flambeau
"It. Doesn't. Have. To. Match."

President of the Manalive Conspiracy
Founder of Team Hoodie
Icon by me
User avatar
flambeau
Moderator Emeritus
A Concerned Third Party
 
Posts: 1774
Joined: Mar 25, 2008
Location: Wandering the streets of Merit

Re: Fan Art Tutorials

Postby Wunderkind_Lucy » Nov 21, 2009 10:12 am

Tutorial #28—Light Blue Coloring

Made in PSPX, fully translatable.

Requested by lover of narnia.

Going from this: Image to this: Image

Click here!

PM me if you have any questions!

~Wunder
User avatar
Wunderkind_Lucy
NarniaWeb Fanatic
 
Posts: 2992
Joined: Jan 05, 2007
Location: The Library at Cair Paravel
Gender: Female

Re: Fan Art Tutorials

Postby flambeau » Nov 26, 2009 6:23 pm

Tutorial #55 - This: Image to this: Image recreating this: Image using Gimp. Translatable.
Requested by lover of narnia.

It's not perfect, sorry.

Open and prep image/base (crop, scale, etc.). I'm using a base from don't_be_so_base.
Duplicate the base layer and go to Colors>Auto>White Balance.
Duplicate that layer and go to Colors>Components>Channel Mixer and input these settings...

Red channel: +120, -40, +10.
Green channel: -10, +50, +70.
Blue channel: -40, +50, +100.

Make sure that Preserve Luminosity is unchecked. Click ok.

Set that layer to Screen at 100%. Then duplicate that layer and set it to Soft Light at 100%.

Flatten your image.

Duplicate your base layer and go to Colors>Components>Channel Mixer, use the same settings we did last time and click 'ok'. Now, do the Channel Mixer again on that same layer.
Set that layer to Screen at 100%. Add a layer mask, copy and paste the background layer into it. Invert the layer mask (Colors>Invert).

Flatten your image.

Go to colors>Hue-Saturation, input these settings...
Master: +3 (Hue), 0 (Lightness), +15 (Saturation).

Click 'ok'.

Go to Filters>Enhance>Sharpen and sharpen it to your liking.
Select the Blur/Sharpen tool and selectively blur his face and sharpen his eyes.

Add this: Image set it to Soft Light at 100%. I rotated it 90 degrees to the left.
Add a fill layer of color #404040, set it to Lighten Only at 100%.
Add a transparent layer and set it to Screen at 100%. Select a large fuzzy brush and color #f00d0d. I added a red dot near his shoulder.

Add whatever else you want! You're done!

Please do not copy exactly.
I used similar coloring on this avatar: Image

--- flambeau
"It. Doesn't. Have. To. Match."

President of the Manalive Conspiracy
Founder of Team Hoodie
Icon by me
User avatar
flambeau
Moderator Emeritus
A Concerned Third Party
 
Posts: 1774
Joined: Mar 25, 2008
Location: Wandering the streets of Merit

Re: Fan Art Tutorials

Postby Wunderkind_Lucy » Nov 28, 2009 9:19 am

Tutorial #29—Royal Four

Made in PSPX, fully translatable.

Requested by fornarniaandaslan and lover of narnia.

Going from this: Image to this: Image

Click here!

PM me if you have any questions!

~Wunder
User avatar
Wunderkind_Lucy
NarniaWeb Fanatic
 
Posts: 2992
Joined: Jan 05, 2007
Location: The Library at Cair Paravel
Gender: Female

Re: Fan Art Tutorials

Postby Djaq » Dec 01, 2009 3:20 pm

Tutorial #19: How to get this: Image From this: Image

(This tutorial works best on pictures with a fair amount of green in them. :) )

Requested by Wunderking_Lucy. :)

Open your base/image/whatever.
Add two layers of #ffffff on Overlay. Add a layer mask to both layers, copy and paste the base image into it. Set one of the layers on 100% opacity, and the other one on 75%.

Flatten.

Duplicate your base layer, go to Colors>Levels
Leave the Value channel as it is but use these coordinates on the other channels.
Red - Input: 0, 0.45, 255. Output: 0, 220.
Green - Input: 30, 1.01, 255. Output: 0, 255.
Blue - Input: 0, 2.50, 255. Output: 0, 175.
Click 'ok' and set that layer on Screen at 35% opacity.
Merge the layer down.

Sharpen and blur the image to your liking.

Add this texture: Image
Duplicate it and set it on Overlay, then merge it down. (this eliminates most of the gray/brown in the texture while bringing out the sparkles.) Set the new version on Screen.

Optional: To give your icon a more vibrant look, go to Colors>Hue-Saturation and set the Master saturation to +15.

Modify it to whatever you please and do enjoy it! :)

You're done!

Please do not copy exactly. :)

~Djaq
When things fall apart, be glue.

Team Hoodie!!
User avatar
Djaq
Moderator Emeritus
Djaq Of All Trades
 
Posts: 1410
Joined: Feb 05, 2008
Gender: Female

Re: Fan Art Tutorials

Postby Wunderkind_Lucy » Dec 03, 2009 12:49 pm

Tutorial #30—Blue and Pink Coloring

Made in PSPX, fully translatable.

Requested by NarnianQueen10.

Going from this: Image to this: Image

Here are some other examples:

ImageImage Image Image Image

Click here!

PM me if you have any questions!

~Wunder
User avatar
Wunderkind_Lucy
NarniaWeb Fanatic
 
Posts: 2992
Joined: Jan 05, 2007
Location: The Library at Cair Paravel
Gender: Female

Re: Fan Art Tutorials

Postby Lucy P. » Dec 04, 2009 11:04 am

Here's the tut that lover of narnia & H.M. Swanwhite requested:

-for GIMP
-sorry if it's a little vague, but I originally intended it to be a wallie so I can't remember much of the first bit. :-s

first you'll need this pic:
http://www.spareoom.net/gallery/images/ ... sword2.jpg

and this pic:
http://www.spareoom.net/gallery/images/ ... sword1.jpg

Now you'll need to open the first picture in GIMP. Click Layer-transform-flip horizontally.

Open the second pic as a layer onto the first one. Flip it horizontally just like you did with the first.

Then comes the tricky part. Set the second pic on a low opacity so you can see through it and c a r e f u l l y erase around it so that the first pic is visible through it.

After you're finished erasing, return the second pic to its normal opacity and click Layer-Merge Down. Use your blur tool to taste to remove the noise from the faces.

Now you should have something like this:

http://2.bp.blogspot.com/_gFikja8HyFc/S ... sword2.jpg

Mine is cropped like a wallie but since is going to be an avatar yours doesn't have to be.

Now, crop your image and scale it down so it looks like this:

Image

Duplicate the image and set the new layer to Screen 65.6%. Merge down:
Image

Use this font http://www.mundonarnia.com/portal/downloads/tag/fontes/ to write "courage". Click Filters-Light and Shadow-Drop Shadow. Set offset X and Y to 0, the Blur radius to 3, the opacity to 100, and don't allow resizing. Drop your shadow and you will have something like this:
Image

Now use this layer:

Image

Open it over the avatar and set it to Multiply at 100%. Using your fuzzy eraser to erase a tiny bit from the upper right corner so Peter's face won't look yellow.
Voila!

Image

Please don't copy exactly. :)
Image
Quod Erat Demonstrandum
User avatar
Lucy P.
NarniaWeb Guru
 
Posts: 2450
Joined: Nov 22, 2007
Location: Bletchley Park

Re: Fan Art Tutorials

Postby MissAdventure » Dec 04, 2009 11:54 am

Since I have a Livejournal now, I'm just going to link to it there. :)

GIMP Tutorial #13
Should be fully translatable.
Requested by Wunderkind_Lucy.

From this Image, to this Image, recreating this Image.

Here at my LJ!

Please PM me if you have any questions! :)
She hoped to be wise and reasonable in time; but alas!
She must confess to herself that she was not wise yet.

Call me Maddy! | my livejournal
Proud Attolian Recruiter
User avatar
MissAdventure
NarniaWeb Junkie
 
Posts: 550
Joined: Dec 13, 2008

PreviousNext

Who is online

Users browsing this forum: No registered users and 11 guests