Alright, this is my first time ever attempting to do a tut, so here goes! (This was requested by lover of narnia by the way)
Going from this: to this: recreating this:
Alright, so you start out with the base, then go to Colors-Curves, and the Value setting should already be selected. (I'm doing this on GIMP, by the way).
Click the first dot for value somewhere around x:171 and y:223, and the other dot to x:120, y:149.
Select the Red in the scroll-down box. Set the curves to x:192, y:200, and the other dot to x:90, y:83(ish).
Then, select the Blue value, and set the first dot to x:210, y:180 and the other dot to x:35, y:80.
Then, if you want, you can lighten in a little bit more, just until you like it.
Now, you should have this:
Then I went and sharpened it a little (about 10); you can do that to your liking.
For her eyes, I zoomed in like 3 or 4 times, so you could make out each pixel clearly, and used the color picker tool, and lightened all the shades of blue in her eyes, brushing them on as I went. If you like, you can sharpen her mouth and eyes a little. Then I think I used the dodge tool for her earrings just a little.
Then, I used this text brush: (It's not exactly the same as on my original banner because I had to recreate it. sorry)
And then flatten the image, and save it!
You should now have this:
av/sig me
Narnia Nuts in NH Club
Aim at heaven and you will get earth thrown in. Aim at earth and you get neither. ~C.S. Lewis
>>
Few notes: Done in Photoshop CS2 and uses Selective Color. Trying to recreate this icon:
1
First I opened up the picture of Edmund, copied it, pasted into new canvas. Resized and positioned it until I got a 'cropping' I was satisfied with.
2
Now we, obviously, have to make it lighter. A lot lighter. For that, the Curves are here (Layer>New Adjustment Layer>Curves). I did a big curve to the top and it should look like this:
The uppest point will make it light, the midle point will balance it and the lowest point will add a bit contrast that is needed.
3
Now it's time to decide what we're going for. As you can see in the original icon, the trees were enhaced. So we want to achieve nice green trees that are in Narnia, but we still want Edmund to look human.
We'll start with the trees and Color Balance will help (Layer>New Adjustment Layer>Color Balance). Keep in mind the result should be greener trees.
I always start with Shadows: Let's take more to Cyan, but don't go over 30. Than, a little bit towards Green (not over 25), and tiny towards Yellow (not over 15), because we want it green.
Now with the Midtones I always balance Shadows out, so: a bit towards Red, Green and Blue (keep Red and Blue around 10 and Green around 5).
Keep the Preserve Luminosity checked on both, Shadows and Midtones.
4
To enhance it more, I used Selective Color (Layer>New Adjustment Layer>Selective Color). I did almost the same as in the previous step:
Reds: Cyan, Magenta, Yellow all around +10%
Yellows: Cyan around +20%, Magenta and Yellow around +7%
Greens: Cyan around +20%, Magenta +7%
Neutrals: Cyan around -20%(makes it redder), Magenta and Yellow around +5%.
Keep Relative Method on all colors.
5
We're going close to what we want. Levels layer always helps me with finishing (Layer>New Adjustment Layer>Levels). Adding contrast on RGB channel by taking the left arrow somewhere around 15 and
adjusting the colors on Red channel by taking the left arrow to around 30,
on Green channel by taking left arrow to around 5 and
on Blue channel by taking left arrow to around 5 and middle to 1,05.
Change only the Input Levels(first graph) on all color channels.
6
Now the last thing that will bring us closer to the original, is Brightness/Contrast (Layer>New Adjustment Layer>Brightness/Contrast). After playing with the values, I came to this conclusion:
Adding the Brightness to 2 and
lowering the Contrast to -10 is the best.
Now we only have to sharpen the icon and we're done
Let's compare the results:
Recreated / Original
/
We're very close, aren't we?
"Things never happen the same way twice, dear one."
LiveJournal
Tutorial #52 - This: to this: recreating this: using Gimp. Translatable.
Requested by lover of narnia, H.M. Swanwhite, and MissAdventure.
Open and prep image/base (crop, scale, etc.).
Add a fill layer of color #ffffff, set it on Soft Light at 50%. Add a layer mask, copy and paste the background layer into it. Now invert the layer mask (Colors>Invert).
Duplicate the base layer, bring it to the top and set it to Soft light at 100%. With that layer selected, go to Colors>Color Balance and input these settings...
Shadows: +25, -15, +15.
Midtones: -75, -25, -25.
Highlights: +25, +20, +20.
Make sure that Preserve Luminosity is unchecked.
If you're happy with that, click ok.
Flatten the image.
Go to Colors>Curves and input these settings...
In the Value channel - X: 134, Y: 97.
In the Red channel, grab in the bottom left corner and move it to X: 0, Y: 28. Now grab in the upper right corner and move it to X: 253, Y: 232.
In the Green channel, grab in the upper right corner and move it to X: 243, Y: 255.
In the Blue channel, grab in the bottom left corner and move it to X: 0, Y: 50. Now grab in the upper right corner and move it to X: 243, Y: 255.
Click ok.
Go to Colors>Hue-Saturation...
Master: 0, 0, +20.
Yellow: -5, 0, -15.
Click ok.
Go to Colors>Levels and input these settings...
Value: (Input) 15, 1, 240. (Output) 0, 255.
I decided that it looked a little bland, so I added some text (the font is Mosquito Italic, available at dafont.com), a fill layer of color #324040 and set it to Lighten Only at 50%, and this red dot set to Screen at 100%.
I ended up with this:
You're done!
Please do not copy exactly.
--- flambeau
President of the Manalive Conspiracy
Founder of Team Hoodie
Icon by me
>>
Few notes: Done in Photoshop CS2. Trying to recreate this icon:
1
First I opened up the picture of Lucy, copied it, pasted into new canvas. Resized and positioned it until I got what I liked best.
2
Now we, obviously, have to make it lighter. A lot lighter. Using Curves is the best for such dark bases. I did a big curve to the top and it should look like this:
The uppest point will make it light, the midle point will balance it and the lowest point will add a bit contrast that is needed.
3
After lightening the icon is dull. It needs some life For this I play with Channel Mixer (Layer>New Adjustment Layer>Channel Mixer). For the natural look I never go too wild, because with Channel Mixer 1% can make a difference between natural and alien look.
This is how my values look:
Red: Red: 108%, Green -16% and Blue 8%
Green: Red: -6%, Green 104% and Blue 6%
Blue: Red: 10%, Green 0% and Blue 90%
4
Still not alive enough, but the look is good. To make colors vivider, we'll use Hue/Saturation.
Here I took the Saturation up to 10. Already looks a lot better.
5
And my finishing touch: Levels. Now change at the RGB channel only Input Levels(first graph):
left arrow somewhere around 30,
middle arrow to 1,02 and
right arrow to 240
6
After sharpening I didn't like how visible some hair were, so I erased the in the layer mask. And voilá, we're done
Let's compare the results:
Recreated / Original
/
The same, right?
"Things never happen the same way twice, dear one."
LiveJournal
Made in GIMP, translatable
From this: to this: , a recreation of this
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.
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
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
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!
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!
Tutorial #53 - This: to this: recreating this: 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:
I added this: 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: (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: (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:
Add whatever else you want! I added text (the font is Mailart Rubberstamp) and a black frame.
I ended up with this:
You're done!
Please do not copy exactly.
--- flambeau
President of the Manalive Conspiracy
Founder of Team Hoodie
Icon by me
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 )
going from this:
to this:
a recreation of this:
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, by Flambeau set to screen.
and This, 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.
to this:
a recreation of this:
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!!
Loyal supporter of Caspian/Susan.
NW Family: Aunty Vi, LadyC, Rose, Chloe
Secret Order of the Swoosh.
Keeper of the Secret Magic
L6
Tutorial #25—Red Hair and Green Eyes
Made in GIMP, fully translatable
Requested by lover of narnia.
Going from this: to this:
a recreation of this:
*throws confetti* My 25th tutorial!
PM me if you have any questions!
~Wunder
"The task of the modern educator is not to cut down jungles but to irrigate deserts." ~ C. S. Lewis, The Abolition of Man
Forum 1.0: 1303 posts
WC: 48
Tutorial #26—Stock Coloring
Made in PSP X, translatable
Requested by flambeau
Going from this: to this:
PM me if you have any questions!
~Wunder
"The task of the modern educator is not to cut down jungles but to irrigate deserts." ~ C. S. Lewis, The Abolition of Man
Forum 1.0: 1303 posts
WC: 48
Tutorial #1 - Going from this to this:
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: 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 and resize/gaussian blur. Set to Soft Light and posistion to your liking.
Open up and resize/gaussian blur. Set to Lighten Only and position to your liking.
Sharpen, then I just added text.
Tutorial #2 - Getting this coloring:
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: 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: desaturate it, and set it on Overlay at 50%.
Add this texture: 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: DON'T desaturate it, just set it on
Overlay at 50%.
Add this texture: 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: , 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:
Using this texture:
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
Council of Elrond - Best LOTR forum
Aliit ori'shya tal'din. ~ Mandolorian Proverb
Auta i lóme; Aurë entuluva. ~ Quenya
Tutorial #27—Animated Snow
Made in GIMP, fully translatable
Requested by Frodo B
Going from this: to this:
or this:
PM me if you have any questions!
~Wunder
"The task of the modern educator is not to cut down jungles but to irrigate deserts." ~ C. S. Lewis, The Abolition of Man
Forum 1.0: 1303 posts
WC: 48
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 to this , recreating this .
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:
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:
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
Tutorial #54 - This: to this: recreating this: 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:
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:
You're done!
Please do not copy exactly.
--- flambeau
President of the Manalive Conspiracy
Founder of Team Hoodie
Icon by me
Tutorial #28—Light Blue Coloring
Made in PSPX, fully translatable.
Requested by lover of narnia.
Going from this: to this:
PM me if you have any questions!
~Wunder
"The task of the modern educator is not to cut down jungles but to irrigate deserts." ~ C. S. Lewis, The Abolition of Man
Forum 1.0: 1303 posts
WC: 48
Tutorial #55 - This: to this: recreating this: 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: 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:
--- flambeau
President of the Manalive Conspiracy
Founder of Team Hoodie
Icon by me