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 flambeau » Nov 24, 2010 5:20 pm

Tutorial #89 - 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 began by painting around Caspian with color #fedbca.
Image
Add a fill layer of color #d7e4f1, set it to Burn at 75%.

Add this: Image set it to Soft Light at 25%.
Add this: Image set it to Soft Light at 100%.
Add this: Image set it to Soft Light at 100%.

Flatten your image.
Image

Duplicate, go to Colors>Components>Channel Mixer and input these settings...
Red: 100, -5, -5.
Green: -5, 105, +5.
Blue: -50, +85, +90.
Make sure Preserve Luminosity is unchecked.

Set that layer to Multiply at 25%.
Duplicate that layer (the channel mixer layer that you just set on Multiply) and move it below the Multiply layer. Set it on Normal at 35%, and erase everything except Caspian.
Image

Flatten your image.

Go to Colors>Hue-Saturation, and input these settings in the Master channel: -2, 0, +15.

Image

This step is optional. I added a transparent layer, set it on Soft Light at 100%, and added some highlights to my avatar with color #ffffff (white).

Add this: Image set it to Lighten Only at 100%.
Add this: Image set it to Lighten Only at 75%.
Add this: Image set it to Screen at 100%.

Add whatever else you want. You're done!
Image

Please do not copy exactly.

----------------

Tutorial #90 - 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 began by extending my base so it was tall enough.
Image

Duplicate your base layer and go to Colors>Auto, and select White Balance. Set that layer on Soft Light at 100%.
Duplicate the above layer and set it on Screen at 100%. Duplicate the Screen layer two more times (you should have 3 Screen layers). Add a layer mask to the top Screen layer, and copy and paste the background layer into it. Invert the layer mask (Colors>Invert).

Flatten your image.
Image

Add this: Image set it to Soft Light at 50%. Add a layer mask to this texture, and copy and paste this same texture into it. Invert the layer mask (Colors>Invert).
Add this: Image set it to Soft Light at 75%.
Add this: Image set it to Burn at 100%.

Flatten your image.
Image

At this point, I added a transparent layer on Soft Light and added some subtle highlights to my image with a few light colors (white, cream, and light pink, I believe).
Image

Flatten your image again.

Go to Colors>Components>Channel Mixer and input these settings...
Red: 100, 0, -6.
Blue: -44, +85, 100.
Make sure Preserve Luminosity is unchecked.
Set that layer on Screen at 25%. Add a layer mask, and copy and paste the background layer into it. Invert the layer mask (Colors>Invert). Merge that layer down.
Image

I then added a transparent layer on Soft Light again, but this time I concentrated on darkening a couple of areas (specifically the shadows on the ground).
Image

Go to Colors>Hue-Saturation and input these settings in the Master channel: +2, +5, +10.
Image

I added a couple of lighten textures on Lighten Only and Screen, and then I was done!
Image

Please do not copy exactly.

----------------

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

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

Duplicate your base layer and go to Colors>Curves. Plot these points...
Value: x: 0. y: 12. | x: 105. y: 174. | x: 236. y: 255.
Red: x: 124. y: 137.
Blue: x: 21. y: 27.

Image

Set that layer on Screen at 100%. Duplicate it and set it to Soft Light at 100%.
Flatten your image.
Image

Go to Colors>Auto and select White Balance.
Image

At this point, I extended the base by taking the rectangle select tool, drawing a selection around the window and inverting it, and then filling the selection with solid black.
Image

Add this: Image set it to Soft Light at 100%. Flip it vertically. Merge it down.
I added a transparent layer on Soft Light, and added some highlights to select areas with color #fff0c8.
Image

Add this: Image set it to Lighten Only at 100%.
Add this: Image set it to Screen at 100%.

Flatten your image.

Go to Colors>Hue-Saturation and input these settings in the Master channel: 0, +5, +35.

I added another transparent layer and added a few more highlights over her face.
Image

Add whatever else you want! I added text on the original.

Please do not copy exactly.

----------------

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

Add your text in whatever font you wish (I used 'Folks', or a variation of it), and then duplicate your text layer so you have two layers of the same thing. In the layers dialog, right click on the bottom layer and select 'Layer to Image size'.

With that layer selected, go to Filters>Blur, and select Blur. Your text should now have that fuzzy 'glow' look around it. You can fiddle with the opacity of the blurred layer if you wish; I sometimes lower it to around 50-65%.

That's all there is to it!

----------------

Phew!! That's all, folks! I hope these were helpful! None of these textures are mine (except the final tutorial), and I cannot take credit for them.

--- 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 Beginte » Dec 04, 2010 6:34 am

A 'tiny text' tutorial, requested by MrsHolmes - several uses of a text texture in avs.

Done in Photoshop but very basic, so easily convertable for GIMP :) (At least I hope so :-s )

Let's say you're on some level of working on your graphic and you decide to add the text texture. I usually do it near the end, here is one of my avs with white text: Image

Step 1: Open up a texture (I used this one: Image). This one is black on white background, so it's necessary to invert the colors. You can do it with your brush - pick the pure white color and set your brush on 'difference', opacity 100% and color the texture (don't take your finger off the mouse key until the clors are inverted completely). Or you can open a 100x100 layer of white and blend it with the texture, setting it on 'difference'. Merge the layers together.

Step 2: Drag the inverted texture onto your pic, place it to your liking and go to blending options (in Photoshop you find them in layer menu), choose 'screen' and set the opacity (it defines how 'strongly' the text will appear on the graphic, the smaller the opacity the more faded the text will be) you like. On this av I chose 100%.

And done! :)

Now for the dark text, on example of this av: Image

Step 1: Open your texture (I used this one: Image). Because you want dark text, you don't have to do anything to the texture.

Step 2: Drag texture onto your graphic, position to liking. Blend, choose the option 'multiply' and choose your opacity. In here I think I chose about 80%, though I can't be sure. And done :)

Those were two simplest examples, I hope I managed to be clear! :-s If anything was confusing due to my scatty prattle, just let me know and I'll do my best to clarify! I'll PM you some text textures, and if you want I can also post some other tuts on other sorts of text use in graphics. You can also make your own text textures very easily by writing random or nonexistent words with lots of space in between them and shrinking them to unreadable size :) Here's one of mine: Image

Once again, I hope I managed not to be too muddy!
Image
I've seen the movie 9 times!!! (PC)
I've seen the movie 7 times!!! (VoDT) And loved it!
Proud member of the C+S club
Av & sig by me
User avatar
Beginte
NarniaWeb Guru
 
Posts: 1619
Joined: Mar 12, 2008
Location: Dawning Lands
Gender: Female

Re: Fan Art Tutorials

Postby Wunderkind_Lucy » Dec 04, 2010 9:22 am

Tutorial #70

A Banner Tutorial

Made in Photoshop CS5

Requested by Adeona

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 » Dec 04, 2010 1:12 pm

Tutorial #93 - How to get this: Image recreating this: Image using Gimp. Translatable.
Requested by lover of narnia.

Open and prep image/base (crop, scale, etc). I used a base from don't be so base.

Duplicate your base layer and go to Colors>Auto, and select White Balance. Set that layer on Screen at 100%.
Duplicate the Screen layer twice. Leave the first duplicate (the lower layer) on Screen at 100%, and set the second duplicate (the top layer) on Soft Light at 100%.

Add this: Image set it to Soft Light at 100%.

Flatten your image.

Go to Colors>Levels, and input these settings...
Value: 20, 1.20, 255. | 0, 255.
Red: 20, 1.50, 255. | 0, 255.
Green: 20, 1.20, 255. | 0, 255.
Blue: 30, 1.25, 255. | 0, 255.

Duplicate your base layer and go to Colors>Components>Channel Mixer, and input these settings...
Red: 100, -5, -5.
Green: -5, 105, +5.
Blue: -50, 85, 90.
Make sure that Preserve Luminosity is checked.
I liked the coloring that this gave to Peter, but it made the trees in the background cyan blue, so I erased them from this layer so they were still a more natural color.

Add this: Image set it to Soft Light at 100%.

Flatten your image.

Go to Colors>Brightness-Contrast: +15, +15.

Add this: Image flip it vertically, and erase the black part.
I added another texture on top of that one in the original, but I was unable to figure out what one it was when I recreated it.
Add this: Image set it to Lighten Only at 100%.
Add this: Image set it to Screen at 100%. I smudged out the part over Peter because it made him too light.

Image

Add whatever else you want!

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 » Dec 08, 2010 10:48 am

Tutorial #71

Vibrant Coloring

Made in Photoshop CS5, not 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 hyaline12 » Dec 10, 2010 5:22 pm

So I made this tut ages and ages ago and totally forgot to post it here! :S

Going from this: Image to this: Image
Requested by Wunderkind_Lucy

Also, flambeau requested a tut for this icon: Image, which follows the above tut exactly but for the texture.
User avatar
hyaline12
NarniaWeb Junkie
 
Posts: 910
Joined: Mar 02, 2007
Location: Canada
Gender: Female

Re: Fan Art Tutorials

Postby flambeau » Dec 23, 2010 4:05 pm

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

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

Duplicate your base layer and go to Colors>Levels, and input these settings...
Value: 50, 1.25, 210 | 0, 255.
Red: 0, 0.70, 255 | 25, 210.
Green: 0, 1, 255 | 25, 235.
Blue: 0, 1.15, 255 | 25, 220.

Image

Duplicate your base layer, bring it to the top and set it to Screen at 100%. Duplicate that layer and set it to Soft Light at 100% (this layer should be on the top).

Image

Go to Colors>Levels, and input these settings...
Value: 20, 1.20, 255. | 0, 255.
Red: 20, 1.50, 255. | 0, 255.
Green: 20, 1.20, 255. | 0, 255.
Blue: 30, 1.25, 255. | 0, 255.

Image

Add a fill layer of color #00b5ff, set it to Soft Light at 100%. Add a layer mask and copy and paste the background layer into it. Invert the layer mask (Colors>Invert).

Image

Add this: Image set it to Soft Light at 100%.
Add this: Image set it to Soft Light at 100%.
Add this: Image set it to Soft Light at 50%.

Flatten your image.

Image

Go to Colors>Components>Channel Mixer and input the following settings...
Red: +100, -5, -5.
Green: -5, +105, +5.
Blue: -50, +85, +90.
Make sure that Preserve Luminosity is checked.

Image

Go to Filters>Enhance>Sharpen, and sharpen the icon to your liking.

Go to Colors>Hue-Saturation, and input this in the Master channel: 0, +5, +10.

Image

I wanted to draw a bit more of the focus to Edmund, so I added a transparent layer, selected a large fuzzy brush and darkened the area above and around him. I then set it to Soft Light at 65%.

Image

I added a couple of lighten textures, and ended up with this: Image

That's it! :)

I used almost exactly the same coloring on this icon, I just brightened a few areas on it instead of darkening them: Image

Please do not copy exactly.

--------------------

Edit: another one! :) I made this avie a while back, and liked the coloring, so I wrote a tut for it, I just never got around to posting it.

Tutorial #95 - This: Image to this: Image using Gimp. Translatable.

Open and prep image/base (crop, scale, etc). I'm using an image from the cover of The Thief, and I began by extending it to fill the whole avatar.

Add this: Image set it to Soft Light at 100%.
Duplicate your base layer, bring it to the top and set it to Soft Light at 100%.

Flatten your image.

At this point the whole icon was pretty much the same lightness, but I wanted to draw more attention to the hands, so I added this gradient and set it to Soft Light at 75%.

Add this: Image set it to Lighten Only at 100%. Duplicate this layer so you have two of them, and flip the duplicate horizontally.
Add this: Image set it to Soft Light at 100%.

Flatten your image.

Duplicate your base layer and go to Colors>Components>Channel Mixer. Input the following settings...
Red: +100, -5, -5.
Green: -5, +105, +5.
Blue: -50, +85, +90.
(I can't remember if I had Preserve Luminosity on or not, so just do whichever you prefer) Set that layer to Color at 25%. Duplicate that layer and set it to Screen at 25%, and then duplicate it one more time and set it to Soft Light at 25%.

Flatten your image.

Go to Filters>Enhance>Sharpen, and sharpen the icon to your liking. I then selected the Blur/Sharpen tool and selectively blurred a couple grainy spots on the hands.

Go to Colors>Hue-Saturation and input these settings...
Master: +25.
Red: +5, 0, -10.
Blue: +5, 0, -10.

Image

Next, I added the following text brush (which I cropped from the book cover) and set it to Soft Light at 100%. Duplicate it and lower the opacity to 50%. I then blurred the area behind the text brush.

Image > Image

Add this: Image set it to Lighten Only at 100%. Duplicate it, and set it to Screen at 75%.

Image

... and that's it! :)

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 » Dec 28, 2010 1:20 pm

Tutorial #72

Made in Photoshop CS5, not translatable

Requested by campgirl

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 MissAdventure » Dec 29, 2010 11:55 am

Here's a bunch of tutorials I've made and forgotten to post here. :)

GIMP Tutorial #37
Requested by Wunderkind_Lucy

Translatable.

From this Image to this Image, recreating this Image.

HERE @ my livejournal! :)

---------------------------------
GIMP Tutorial #38
Requested by Wunderkind_Lucy

Translatable.

From this Image to this Image, recreating this Image.

HERE @ my livejournal! :)

---------------------------------
GIMP Tutorial #39
Requested by Wunderkind_Lucy

Translatable.

From this Image to this Image, recreating this Image.

HERE @ my livejournal! :)

---------------------------------
GIMP Tutorial #40
Requested by Wunderkind_Lucy

Translatable.

From this Image to this Image, recreating this Image.

HERE @ my livejournal! :)

Feel free to PM me with any questions about any of these.
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 » Jan 05, 2011 4:08 pm

Tutorial #96 - This: Image to this: Image using Gimp. Translatable.

This tutorial was not requested by anyone, I just had some free time and wanted to waste it. :P

Open and prep image/base (crop, scale, etc). I masked out the background behind Peter in my main image, and then selected a background image to place behind it.
Image > Image > Image > Image

After I had my base all ready, I headed over to Curves (Colors>Curves) and tweaked the coloring a bit. I didn't save the coordinates that I used, unfortunately, but I raised the Value channel a bit, added a little Red, and little Green, and lowered the Blue channel a bit to give it a bit more yellow. Basically, just do whatever you want. :P
Image

I duplicated my base layer and opened up the Channel Mixer (Colors>Components>Channel Mixer).
Red: 100, -5, -5.
Green: -5, 105, +5.
Blue: -50, +85, +90.
I left Preserve Luminosity unchecked, and clicked okay. I set that layer on Normal at 35%, and then duplicated it twice. I set the first duplicate on Screen at 35%, and the second duplicate (the one on the top) to Soft Light at 35%. The sky ended up too bright after I did that, so I added a layer mask to the Screen and Soft Light layers (that ensured that I still had the lightness I wanted on Peter, but the sky was still blue and not stark white).
Image

I flattened my image, and then added a transparent layer, which I filled with color #dcedf6 and set on Burn at 100%. It was too dark over Peter, so I masked out the part over him.
I also added this texture: Image and set it to Burn at 50%. Once again, Peter was too dark, so I masked him out.
Image > Image > Image > Image

I flattened my image again, and then decided that the coloring was looking a little drab, so I opened up one of my favorite coloring tools: Levels (Colors>Levels).
Value: 20, 1.20, 255. | 0, 255.
Red: 20, 1.50, 255. | 0, 255.
Green: 20, 1.20, 255. | 0, 255.
Blue: 30, 1.25, 255. | 0, 255.
(I borrowed these numbers from one of MissAdventure's tutorials)
Image

That's looking better! :)

I threw a couple more textures into the mix...
Image set to Soft Light at 50%.
Image set to Soft Light at 25%.

Image

Then I added a few lighten textures to give it some highlights (ish)...
Image

I was really liking it so far, but Peter was looking a bit too yellow for my tastes, so I flattened my image, duplicated the base layer, and back I went to the Channel Mixer, where I input the following numbers (leaving Preserve Luminosity unchecked).
Red: 100, 0, -6.
Green: 0, 100, 0.
Blue: -44, +85, 100.

Once I had that done, I set the layer I had just done the Channel Mixer on to Normal at 25%, but I just wanted this coloring to affect Peter, not the sky, so I added a layer mask as well, and erased everything but Peter.
I duplicated the Channel Mixer layer (as I have decided to call it), and set it to Screen at 15%, then duplicated it again and set it to Soft Light at 15% (this layer should be on the top).
Image > Image

After flattening my image one last time, I selected the Blur/Sharpen tool, and selectively blurred some grainy sections in the sky.
Lastly, I added a text texture that I downloaded from somewhere, and that was it!

Image

I hope someone finds this helpful! Please PM me if you have any questions.

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 Djaq » Jan 05, 2011 7:36 pm

Tutorial #35: How to get this: Image From this: Image A recreation of this: Image

Requested by lover of narnia. :)

Open your base. Crop the image, if needed, and scale to 100x100.

Duplicate the base layer twice (I always do this as the first step. I'm a creature of habit :P ). Set the top layer on Screen at 30% Opacity. Merge that layer down.
Duplicate the base layer again. Go to Colors>Curves. Click on these points on the Value channel - x:198, y:222. And, x: 43, y:47.
Click 'OK'.

Go to Colors>Levels, and input these coordinates.
Value: 30, 1.20, 255
Red: 10, 1.50, 245
Green: 15, 1.20, 255
Blue: 30, 1.25, 255
Click 'OK'.

Colors>Brightness-Contrast: Brightness: +25, Contrast: +20.

Go to Hue-Saturation, and set the Master saturation to +25.

Brightness-Contrast again: -10, +5. (this step may not be completely necessary, but I was trying to make it more accurate to the original)

Now you can merge any extra layers you have, and sharpen your image. (Filters>Enhance>Sharpen) I sharpened it to 15. I also blurred his face to remove the pixel-y-ness.

Duplicate the base layer one more time and set it on Screen at 15%.

I added these two textures as a finishing touch:

Image On Soft Light at 100%.

Image On Lighten Only at 100%.

That's all, folks! :D

Please do not copy exactly. :) PM me if you have any questions. :)

~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 flambeau » Jan 06, 2011 1:48 pm

Tutorial #97 - This: Image to this: Image using Gimp. Translatable.

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

I started out by opening up Curves (Colors>Curves) and using a preset coloring that I had saved from a previous icon.
Value - x: 16, y: 28. | x: 112, y: 171.
Red - x: 112, y: 121.
Green - x: 86, y: 84.
Blue - x: 68, y: 67.
This lightened my image, and also gave it a slightly reddish tone.
Image

After duplicating the layer I just did the Curves on, I went back to Curves, and used the exact same settings as before. My image was looking rather washed out after that, so I set that layer on Soft Light at 100%, and then merged it to the layer beneath it.
Image

Next came the fun part; extending the image so that it was tall enough. I duplicated my base layer, selected the Rectangle Select tool, and drew a 100x3 pixel selection at the top of the Susan image, making sure that the selection did not include Susan. (Screenshot. The size of the selection will vary depending on how much empty space you have on your image.) After that, I selected the Scale Tool (Image) and scaled the selection so that it was sized 100x200. (Screenshot. Make sure that the layer you are scaling is not linked with any other layers, because if so it will scale all the linked layers.) Click the 'scale' button, and then click the new layer button in the Layers Dialog.
Image
(I did a light Guassian Blur on it after I scaled it to give it a softer look.)

I added a layer mask to the stretched sky layer, and haphazardly erased the part over Susan.
Image > Image > Image

It looks kinda lame right now, I know, but I decided to work with it, and in the end I was glad that I did because this was what gave the sky that streaky effect at the end.

I now wanted the sky to look more like sky instead of a streaky pinkish thing, so I selected a cloud texture, and began playing around with various effects, finally ending with three different edits of the same texture.

This: Image set to Soft Light at 50%. I added a layer mask to the lower half of the texture so that it didn't effect Susan at all.
This: Image set to Soft Light at 100%.
This: Image set to Burn at 100%.

After I added all of those, I flattened my image.
Image
Aha! It's bluer now, and the sky is looking like actual sky. However, it was still lacking a bit...

I duplicated my base layer and set it to Burn at 75%. I added a layer mask and masked Susan out because this made her too dark.
I then duplicated the above layer and set it to Soft Light at 75%. (this step is optional, and you can fiddle around with the opacity if you wish.)
Image

That added some more definition, and made the sky pop a bit more.

Next, I sharpened my image (Filters>Enhance>Sharpen).
Image

As a final step, I added a two more textures...
This: Image set to Soft Light at 35%.
This: Image set to Screen at 25%.

I ended up with this...
Image

Ta-da! That's all there is too it.

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 LucyP0104 » Jan 18, 2011 10:08 am

Tutorial #1 (on the new forum)
For Photoshop, probably translatable (please let me know if it is not)

Going from this:Imageto this:Image, recreating this:Image
Requested by Wunderkind_Lucy
1. After you have cropped and prepared your base, duplicate the layer and auto-level it (image>adjust>auto-levels). Set this layer to screen.
Image
2. Duplicate your base again and bring it to the top. Set this layer to soft light.
3. At a low opacity, erase the screen layer around her face to make it less washed out.
Image
4. Make a Channel Mixer layer and imput these settings:
Output channel: Red
Red: +110
Green: -10
Blue: -10
Constant: +3
Image
There you have it!
-----------------------------
Going from this: Image to this: Image, recreating this:Image
(also requested by Wunderkind_Lucy).
Since it's quite similar to the one above, I'll just write the extra steps:
I did the first three steps from the tutorial above, and then flattened the image, duplicated the layer, and set it to screen (at 32% opacity). Then I did the channel mixer layer with the settings:
Output channel: Red
Red: +110
Green: -12
Blue: -10
Constant: +2
That's all.
Please do not copy exactly
Feel free to PM me if you have any questions!
LP0104 :D
Graphics | Youtube
Image
signature by MountainFireFlower
Keeper of Mrs. Beaver's sewing machine.
Hoot Owl of Narniaweb! I met Adam Young once(:
User avatar
LucyP0104
NarniaWeb Junkie
 
Posts: 859
Joined: Nov 19, 2006
Location: Umbrella Beach
Gender: Female

Re: Fan Art Tutorials

Postby Beginte » Jan 23, 2011 9:12 am

Image sharpening tutorial requested by Silver the Wanderer.

Designed specifically in Photoshop, so I don't know if translatable.

1. Once you're at the stage you decide to sharpen your graphic, make sure your image is flat (either by flattening the image or merging together the layers that make the image you want to sharpen).

2. Copy the image you want to sharpen. Set the top layer on small opacity(20%-30% or so). The more bright/white elements in image the lower opacity advised, but it all comes out individually.

3. Go to menu stripe at the top: Filter --> Others --> Other.

4. Input these settings ('x' means a box left empty):
x, x, x, x, x
x, x, -1, x, x
x, -1, 5, -1, x
x, x, -1, x, x
x, x, x, x, x
Scale: 1, Movement: x.

5. Merge the layer down.

6. With a small sized blur tool set on opacity 38% (or adjust it to your own liking) smoothen out the desired parts.

7. And done :D

I hope it was comprehensible, let me know if something seems fuzzy :)
Image
I've seen the movie 9 times!!! (PC)
I've seen the movie 7 times!!! (VoDT) And loved it!
Proud member of the C+S club
Av & sig by me
User avatar
Beginte
NarniaWeb Guru
 
Posts: 1619
Joined: Mar 12, 2008
Location: Dawning Lands
Gender: Female

Re: Fan Art Tutorials

Postby flambeau » Jan 25, 2011 2:14 pm

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

Open and prep image/base (crop, scale, etc).
I went to Colors>Desaturate and selected the Luminosity option.
Image

After that I went to Curves, and plotted these two points in the Value channel...
x: 88, y: 242. | x: 7, y: 8.
Image

After that I did a little smudging around the top of her head, and then sharpened my icon (Filters>Enhance>Sharpen).
Image

Lastly, I added this texture and set it on Lighten Only at 100%: Image
Image

Add whatever else you want. I added text on the original in a font called Prophecy (you can get it at dafont.com).

Please do not copy exactly.

----------------

Tutorial #99 - This: Image to this: Image using Gimp. Translatable.

I really liked how this avatar turned out, and so I went ahead and wrote down the steps to it for future reference.

Open and prep image/base (crop, scale, etc). For this icon, I used a screencap from Josh Wilson's Before the Morning music video (screencap taken by me).
Image

I went to Colors>Auto, and selected White Balance. This brightened my image up and gave me a good base to work from.
Image

After that, I went to Colors>Hue-Saturation and raised the saturation in the Master channel to +50. This helped to bring out the colors in the image.
Image

(I sort of borrowed the idea for the next bit from a tutorial by hyaline12, though I used different fill layers.)

Fill layer: #fff0c8 - set to Multiply at 10%. (adds a slight golden tone)
Fill layer: #959e5b - Soft Light at 50%. (brightens the image and adds some green)
Fill layer: #2a093b - Addition at 15%. (I can't think of how to describe what this does, but I just like how it looks. :P )
Fill layer: #ff8ea1 - Soft Light at 25%. (brightens the image and adds some pink)

I duplicated my base layer and brought it to the top, setting it on Soft Light at 75%.
The sky was way too bright now, so I added a transparent layer on Soft Light at 100% and painted over the over-bright parts with a large fuzzy brush and color #2a093b.

After all of that, I flattened my image.
Image

I added a pop of red on Lighten Only.
I added this: Image set to Soft Light at 100%.
I added this twice: Image I set the first one (the one on the bottom) to Soft Light at 25%, and set the second one (the one on the top) on Screen at 15%.

And then I flattened my image again. Don't you just love textures? I sure do!
Image

The colors were looking a bit flat (due to the blue texture that I used), so I went back to Hue-Saturation, and set the Master saturation to +25.
Image

And lastly, after a little sharpening (every image needs it to some degree), I did some blurring and smudging on the sky because it was a bit grainy.
Image

That's all there is to it!

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 » Jan 26, 2011 8:01 am

Tutorial #73

Made in Photoshop CS5, translatable

Requested by Ithilwen

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

PreviousNext

Who is online

Users browsing this forum: No registered users and 13 guests

cron