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

Fan Art Tutorials

Postby Gymfan15 » Aug 18, 2009 7:55 pm

Welcome to the Tutorials thread! Here you can post specific tutorials relating to various graphic tools and styles, for all different kinds of programs. This thread is designed to go hand in hand with the "Got a Question? Ask Here!" thread, however there are some basic differences/guidelines.

  • This thread is for tutorials only. Please do not post asking questions on this thread. Your comments will be removed off of the forum and questions will be moved to the Got A Question thread. Make life easy for the mods, just don't post comments/questions here.
  • Please put a title at the top of your tutorials stating what they are. To make it easy to find, put this in bold.
  • If someone asks a question in the Question thread, feel free to link to various tutorials in this thread.
  • Have fun! That's what fan art is all about, and we hope this thread helps everyone to become better artists.

Frequently Requested Tutorials:
How to make an animated avatar in Photoshop
How to upload and thumbnail images

Enjoy! :)
User avatar
Gymfan15
Moderator Emeritus
Giver of Prestigious NarniaWeb Taglines™
 
Posts: 8314
Joined: Jun 28, 2005
Location: The heart and mind of God
Gender: Female

Re: Fan Art Tutorials

Postby Wunderkind_Lucy » Sep 04, 2009 1:32 pm

Tutorial #1—Simple Moving Avie

Requested by Narnia Fanatic

Made in GIMP, fully translatable

Going from this: Image this: Image this: Image and 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 Daylight » Sep 04, 2009 5:23 pm

TUT #4
USING COREL PAINT SHOP PRO X
TRANSLATEBLE
This tut was requested by flambeau. :)
(Sorry it's not exactly the same... I tried but I could not for the life of me remember how I did it the first time... this is the best I could do...) :|

Going from this:Image To this:Image
Trying to recreate this:Image
1. Duplicate your base and set to screen

2. New Channel Mixer layer
Red channel:
Red~ 107
Green~ -13
Blue~ -14
Constant~ 9

Green channel:
Red~ 0
Green~ 100
Blue~ 0
Constant~ 0

Blue channel
Red~ 6
Green~ 3
Blue~ 99
Constant~ 0

3: Duplicate your base, bring to the top, and set to Luminance(legacy)

4: New hue/saturation/lightness layer
Reds: -20

5. Add this texture Image and set it to lighten at 35% opacity. Add this texture Image rotate it to the left once and set to lighten at 15% opacity. Add this texture Image and set it to 25% opacity. Add this last texture Image rotate it to the right twice and set to 15% opacity.

6. Merge everything, duplicate the base and set to screen 40% opacity.
Your done! :)
Proud member of the Hawk Nelson Club!
Avi by filmowe on livejournal.
User avatar
Daylight
NarniaWeb Junkie
 
Posts: 696
Joined: Apr 15, 2008

Re: Fan Art Tutorials

Postby Wunderkind_Lucy » Sep 04, 2009 7:54 pm

Tutorial #2—Button-Style Avie

Requested by Narnia Fanatic

Made in GIMP, should be translatable.

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 TheChronicler » Sep 04, 2009 8:41 pm

Tutorial #1~ requested by Wunderkind_Lucy
Made for GIMP but should be translatable. Please DO NOT copy exactly!


Going from this:Imageto this:Image
trying to re-create this:Image

    1. Crop and resize pic to 100x100.
    2. Go to Filters>Enhance> Sharpen 40.
    3. Duplicate Base Image twice.
    4. Set the first layer to screen 40, and the second layer to soft light 100.
    5. Flatten Image.
    6. Use the blur/sharpen tool with a circle (05) brush (Opacity: 100% Rate: 75) to carefully smooth her face.
    7. Go to Colors>Hue-Saturation and set the Master Saturation to 25.
    8. Make a new layer and fill it with #d2b48c and set it to Multiply 25.
    9. Make two more layers and fill them with #ffffff. Set the first layer to Overlay 100, and the second to Overlay 75. Add a layer mask to both these layers (Layer>Mask>Add Layer Mask). Copy the Base Image and paste into the Layer Mask. (Make sure you have the mask selected not the layer) Delete the floating layers. Then invert the masks (Colors>Invert).
    10. Duplicate the Base Image, and the fill the bottom image with #000000.
    11. To the Background Copy (in this case Lucy) add a layer mask (Layer>Mask>Add Layer Mask). On the mask, paint with a Circle Fuzzy (15) brush using #000000 along the left side along the edge. Don't go to far into the pic.
    12. Add this texture>Image< Rotate it 90 degrees to the right. Set it to Multiply 100. Erase the top part of the texture with a Circle Fuzzy (15) brush till you get to the part of the texture going down.
    13. Now I added the text using Gulim (Size:15) on "so very" and Garamond Italic (Size: 31 and I changed the distance between the letters to -1.0) for "alone".
    14. For a simple light texture: Fill a new layer with #000000 and set it to Normal. Using a Circle (19) brush, paint a single dot over the words in #d51b00. Go to Filters>Blur>Gaussian Blur, and use a blur radius of 30. Set the layer to Screen 100.
And you're done!
If you have any questions/comments feel free to PM me :)

More Examples:
Image Image Image

Tutorial #2 ~ requested by Wunderkind_Lucy
Made for GIMP but should be translatable. Please DO NOT copy exactly!

Going from this:Imageto this:Image
trying to recreate this:Image


    1. Crop and resize to 100x100.
    2. Go to Colors> Levels and put in: 77 1.01 237
    3. Go to Filters>Enhance>Sharpen 40.
    4. Go to Colors>Hue-Saturation and set the Master Saturation to 50 and Master Hue to 5, and the Red Saturation to -30.
    5. Using the blur/sharpen tool with a Circle (07) brush carefully smooth out her face.
    6. Fill a new layer with #00084c and set to Overlay 25.
    7. Duplicate Base Image twice and bring the layers to the top. Set the first to Soft Light 25, and the second to Screen 25.
    8. I then added some tiny text using Vrinda (Size: 5 and #6d1735).
And there you go... feel free to PM me with any questions/comments :)
Image
Av/Sig:Me
User avatar
TheChronicler
NarniaWeb Junkie
 
Posts: 770
Joined: Aug 15, 2008
Location: Cair Paravel

Re: Fan Art Tutorials

Postby Wunderkind_Lucy » Sep 05, 2009 8:27 am

Tutorial #3—Animated Rain

Requested by Jay

Made in GIMP, should be translatable

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 narniagirl90 » Sep 05, 2009 10:34 am

Tutorial #1 made in GIMP. translatable.

Going from this: Image to this: Image
trying to recreate this: Image


Click here to see the tutorial in my LJ

If you have any questions just pm me :)
Image

My Livejournal

NW sibs: Pevensie#5 & georgiefan1
avatar and sig made by me.
User avatar
narniagirl90
NarniaWeb Nut
 
Posts: 304
Joined: Feb 12, 2007
Location: North Carolina
Gender: Female

Re: Fan Art Tutorials

Postby Wunderkind_Lucy » Sep 05, 2009 10:52 am

Tutorial #4—Blue Coloring

Requested by Djaq

Made in GIMP, fully translatable

Going from this: Image to this: Image
a recreation of 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 » Sep 06, 2009 7:26 pm

Ok, so I really didn't feel like re-posting all 43 of my previous tutorials individually (it would take wayyyy too long!), so here they are in PDF format! :)

Click to download the tutorial files!

Please let me know if you have any trouble downloading it, viewing it, ect.

Enjoy! :)

--- 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 TheChronicler » Sep 07, 2009 9:14 pm

Tutorial #3 ~ requested by Wunderkind_Lucy
Made for GIMP but should be translatable. Please DO NOT copy exactly!

Going from this:Image to this:Image
trying to recreate this:Image


    1. Crop/resize to 100x100.
    2. Go to Filters>Enhance>Sharpen 40.
    3. Use Blur tool (75 opacity) to carefully smooth her face.
    4. Go to Colors>Hue-Saturation and set Master saturation to 25.
    5. Duplicate Base Image twice. Set the first layer to Screen 100 and the second layer to Soft Light 100.
    6. Flatten Image.
    7. Fill new layer with #d2b48c and set to Multiply 50.
    8. Fill three new layers with #ffffff.
    9. For the first layer set to Overlay 100. Go to Layer>Mask>Add Layer Mask. Copy base image and paste into the mask. Invert the mask.
    10. For the second layer set to Overlay 35. Go to Layer>Mask>Add Layer Mask. Copy base image and paste into the mask. Invert the mask.
    11. For the third layer set to Overlay 75. Go to Layer>Mask>Add Layer Mask. Copy base image and paste into the mask, but don't invert it.
    12. Fill new layer with #000000 set to Normal 75. Paint #ff251a with a Circle 19 (Scale: 2.50) on the right side. Go to Filters>Blur>Gaussian Blur 30. Set layer to Screen 100.
    13. Fill new layer with #305283 set to Soft Light 100.
    14. Duplicate base image and bring to top. Set the layer to Overlay 35.
    15. Add tiny text using Calibri (Size: 7 Color: #ffffff) and set the space between the lines to -3.0.
And you're done... feel free to PM me with any questions/comments :)

More Examples:
Image Image Image
Image
Av/Sig:Me
User avatar
TheChronicler
NarniaWeb Junkie
 
Posts: 770
Joined: Aug 15, 2008
Location: Cair Paravel

Re: Fan Art Tutorials

Postby Wunderkind_Lucy » Sep 08, 2009 6:36 am

Tutorial #5—Using Layers to Color

Requested by Djaq

Made in GIMP, fully translatable

Going from this: Image to this: Image

Another example of this coloring: 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 » Sep 08, 2009 7:55 am

Tutorial 1: requested by AncientEgyptFan

How to get this Image in GIMP. (I don't have the base saved, sorry!)

First I opened the image (a screencap from SpareOom.net) and cropped and scaled it.

Then I blurred the background with the tool set on 100. I blurred her face some too and sharpened her eyes and mouth.

Then go to Colors>Color Balance.
Midtones: yellow -15

Colors>Color Balance again (I decided it had too much yellow, and I don't know if combining the two will have the same effect.)
Shadows: -12, 0, 0
Midtones: -5, 0, 0
Highlights: 0, 0, -6

Open up Colors>Hue-Saturation and set the Master Saturation to 30.

Open up Colors>Brightness/Contrast:
Set the brightness to 8 and the contrast to 18

I added this texture Image (by ?). I rotated it 90 degrees counter-clockwise and set it to Screen 100%

Then I added this texture Image (by ?). I set it to Screen 60%

I added this tiny text Image (by ?), set it to Screen 100%, and moved it where I wanted it.
Flatten image.

That's it! If you have any questions, please PM me!
Please don't copy exactly.

-------

Tutorial #2 requested by Wunderkind_Lucy.
For GIMP, may be translatable.


From this Image to this Image, recreating this Image.

Crop/scale your image (I used a base from SpareOom.net).

I duplicated it and white-balanced the top layer (Color>Auto>White Balance), then set the top layer on Soft Light.

Then I added a fill layer of e3dacb in between the two layers and set it on Divide 100%

On top of the three layers I added a fill layer of dcedfe and set it to Divide 100%. I duplicated it 3 times (4 layers of blue) and set the top middle layer (#3) on Multiply 50% and the layer directly underneath it (#2) on Multiply 100%

Flatten image (If your image is too dark, you may want to duplicate the e3dacb layer, or do other lightening effects).

Add a fill layer of 000228 and set it on Screen 100%. Duplicate it twice (3 layers) and set the top one on subtract. In other programs, this is equal to a single layer of Exclusion.

Add a fill layer of e3dacb and set it on Divide 100%. Flatten the image.

Take this texture Image (by ?) and set it to Multiply 100%

Take this texture Image (by NL101) and set it to Screen 70% (When recreating it, I used 75% and I think that made it look a little too foggy.) Smudge the text and boxes so you can’t see them.

Take this texture Image (by me) and set it to Addition 50%. Move it so it’s over his head. It just makes it look a little foggier.

Add this text texture Image (by ibelonginnarnia) Invert the colors and set to Screen 100%. Position wherever you'd like.
Flatten image.

That's it! 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

Re: Fan Art Tutorials

Postby narniagirl90 » Sep 08, 2009 9:02 am

Tutorial #2. Made in Gimp, translatable.
Requested by Eruceninde

Going from this: Image to this: Image
trying to recreate this: Image

Click here to go to the tutorial

if you have any questions just pm me :)
Image

My Livejournal

NW sibs: Pevensie#5 & georgiefan1
avatar and sig made by me.
User avatar
narniagirl90
NarniaWeb Nut
 
Posts: 304
Joined: Feb 12, 2007
Location: North Carolina
Gender: Female

Re: Fan Art Tutorials

Postby Wunderkind_Lucy » Sep 08, 2009 11:50 am

Tutorial #6—Purple Coloring

Requested by TheChronicler

Made in GIMP, fully translatable

Going from this: Image to this: Image

Other examples of this coloring:
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 hyaline12 » Sep 08, 2009 7:20 pm

How to go from this: Image to this: Image

HERE
User avatar
hyaline12
NarniaWeb Junkie
 
Posts: 910
Joined: Mar 02, 2007
Location: Canada
Gender: Female

Re: Fan Art Tutorials

Postby Wunderkind_Lucy » Sep 08, 2009 7:29 pm

Tutorial #7—White Vintage Coloring

Requested by MissAdventure

Made in GIMP, fully translatable

Going from this:Image to this: Image

Other examples of this coloring or similar coloring:
Image 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

Next

Who is online

Users browsing this forum: No registered users and 7 guests