If this is your first visit, be sure to check out the FAQ by clicking the link above.
You may have to register before you can post: click the register link above to proceed.
To start viewing messages, select the forum that you want to visit from the selection below.
Madame Malkin's (Graphics & Art)Come on into to the mad workshop where SS's finest avvy and siggy makers are hard at work! Make requests here. Also includes SS's art work and portfolios.
Welcome to all SSers with an interest in graphics to Madam Malkin's very own Tutorial centre! Keeping with the Madam Malkins theme, we have decided to name the thread Sewing Lessons.
The objective of this thread is to share. It is for anyone with any background or knowledge of making graphics to give tutorials, tips and certain "cheats" that will help each other as well as anyone who is interested in giving this addictive hobby a try.
It is completely voluntary, that is to say that anyone and everyone is allowed to post a tutorial here. ALSO, we welcome requests from fellow makers who wish to know how to use a function, or to create a certain effect, or simply anything to do with making graphics.
Our purpose? To make sure we're all lookin' spiffy with our snazzy graphics! lol
Rules:
For requesters:
1. Do not post graphics or graphics requests here. We don't make siggies or avvies, we only teach how to make siggies or avvies.
2. Be patient. If you've asked a question, just wait until someone who knows the answer comes along and answers. We don't know everything, but hopefully the accumulated knowledge should be enough.
3. The main thing you should know is that we are here to answer questions starting with "How can I make..." and not "Where can I find...".
4. Before posting, read and make sure your question hasn't already been answered.
5. If you want to duplicate an effect you saw in a certain graphic... ask the maker of that graphic!
For tutors:
1. Try to be CLEAR with your instructions. Make it so that everyone knows what you're talking about.
2. State what program you are using.
3. Name your resources (textures, brushes, fonts, patterns, etc.).
4. Try to post your tutorials in proper English.
We are here to:
- Share tips and tricks of the trade (trade... except we're not making moolah!)
- Learn how to use graphic design programs.
- Tutor and answer.
We sure aren't here to:
- Share icons or banners.
- Share resources (like textures or brushes you may have made).
- Make requests.
- Give feedback on what you may have done.
- Advertise your own graphics thread.
After sales service (lol):
- When using a specific effect taught by someone, be sure to (if not credit) at least give some recognition to the person you learned the technique from.
- This thread is only for posting tutorial requests and tutorials. Comments should be PMed to the specific Tutor.
How do you get animated graphics?
Can someone help me in doing this?
Ever try this site? LunaPic Online Photo Editor
It's super easy to do, and they have all kinds of animation effects you can add right in. Give it a look!
They have other cool stuff, too, including glitter and sparkle effect as well as the animations.
Okay, so it took ME a while to work this out in GIMP, and since Whit's been asking about how to re-size images, I figured I'd share this knowledge with the world It's 11 simple steps, as follows
Sorry about the blurry pics
SPOILER!!: Step 1
First, we need to find the scale tool. I've put an arrow to it so it's clear
SPOILER!!: Step 2
Select the scale tool, click on the image and then a box will appear with the current size of the image.
SPOILER!!: Step 3
Click on the small link next to the image size to keep the proportion the same and then change the size to whatever size you want. Click Scale.
SPOILER!!: Step 4
Now the image will be tiny if it was big in the first place, so go to the zoom (magnifying glass) and click.
SPOILER!!: Step 5
Make a square around the small image with your mouse and then let go of the mouse button, it'll zoom automatically.
SPOILER!!: Step 6
Now your image will be bigger to you, but also blurry.
SPOILER!!: Step 7
Okay, so it's time to crop your image to the size you want. Use the crop tool to get rid of the chequered part at the back of the image by making a square around your image. The outside lines are where the image is going to be cut to. And if you look to the bottom left of your screen, you can check the size too.
SPOILER!!: Step 8
Zoom out to see how it looks, and you have a blurry, but smaller image.
SPOILER!!: Step 9
The blur is annoying, right? Okay, so go to Filters >> Enhance >> Sharpen.. and click!
SPOILER!!: Step 10
Another mini box will come up, and you can play with the strength of the sharpen by moving the little button over the line, or by changing the number. When you're happy, click Ok.
SPOILER!!: Step 11
Now your image should be ready for you to play around with as you wish
you live your life just once, so don't forget about a thing called love.
Word Signatures 101
Hey guys, Tailz here with a new tutorial for you guys. A while back a made a signature that looked a little something like this. I got my inspiration from Sierra, who had been wearing something like this before. (ILOVEYOU). The response was phenomenal and I had quite a few people ask how I did it. So, here is a tutorial for you!
Software: Photoshop CS5
Translatable: Depending on knowledge of other PSes, it should be.
Difficulty: Depends on knowledge of one's own software, easy - medium.
Text Cut: Instructions & Pictures underneath
Step One. Create a new document with desired signature size settings. Do keep in mind any restrictions. Since this signature is for SS, I created a new document 450 px wide by 200 px high with a transparent base.
Photos!: Step One
Step Two. Type your words. Choose a font that is bold and blocky, such as Arial Bold. You may use any solid blocking that you prefer, and in this case I decided to go with a font called OldSansBlack. I'm making a Chad signature, so I then type out the words "Chad Stryker in a dark grey colour so that I can see it. Make sure it's bolded!
Photos!: Step Two
Step Three. Change the font size so that it is BIG and BEAUTIFUL, as well as filling up your canvas. Keep in mind that it does not have to be on ONE line. Two lines. Three lines. Whatever makes your heart happy. Also, if you split your text up into two/more lines, make sure that those lines are as close together as possible. Just touching, preferably.
Photos!: Step Three
Step Four. Choose an image! I went with Eric Bana 'cause Bana = Stryker.
Photos!: Step Four
Step Five. Place it onto your canvas through copy/paste, underneath the text layer.
Photos!: Step Five
Step Six. Resize the image so that the subject will be seen in your text. For this, I suggest changing the blending style OR transparency of the text layer. I changed mine to screen and resized. There will be a bit of trial and error, so be patient!
Photos!: Step Six
Step Seven. Once satisfied, place your cursor over the TEXT layer, over that little box with the "T" in it. Press ctrl (control) on your keyboard and then CLICK! You should get the cute "marching ants".
Photos!: Step Seven
Step Eight. Go to SELECT > INVERSE (or just hit shift+ctrl+i on the keyboard).
Photos!: Step Eight
Step Nine. With your image layer highlighted, hit DELETE!
Photos!: Step Nine
Step Ten. You may now remove the text layer. Delete it, hide it, don't care, just get rid of it!
Photos!: Step Ten
Step Eleven. Do your colouring.
Photos!: Step Eleven
Step Twelve. You can stop here if you want, but you can also add an outline. Troubleshooting: if your stroke outline goes around the edge of the canvas, delete the outline and crop the entire canvas.
Photos!: Step Twelve
Step Thirteen. You can also stroke outline your outline. Heh. NOTE: in the screencap, you notice that I used a dark grey. I ended up opting for a lighter grey instead.
Photos!: Step Thirteen
Step 14: Save! (with setting seen in screencaps)
Photos!: Step Fourteen
How they look:
Photos!: PNG-8
Photos!: GIF
Step Fifteen: Go show off your new skill!
Andddddddd, that's it. : ) I hope you are able to complete a signature like this. Let me know if something's throwing you off through PM/MSN. Also, I'd love to see what you create with this!
Pick any picture of Julianne Hough or another actor/actress or singer or anyone famous. I’ve only tried it only with Julianne Hough pictures. I’m using this one
Step Two:
SPOILER!!: ”Step Two”
Open the picture, then go down to your layers and duplicate the background layer. Click Image Adjustments Curves enter this below
RBG:
Imput: 64
Output: 62
Red:
Imput: 136
Output: 85
Green:
Imput: 76
Output: 72
Blue:
Imput: 136
Output: 50
Should look something like this
Step Three:
SPOILER!!: ”Step Three”
Now go to Edit Fade Curves enter this below
Opacity: 50%
Mode: Overlay
Like this
Step Four:
SPOILER!!: ”Step Four”
Now we need to resize the image. Image Image Size
Width: 250
Height: 350
Now look through your brushes for either a grungey looking brush or fancy looking brush. Set the color to a light or medium gray. Now make a new layer.
Now it should look something like this Then put the Opacity: 60% and Mode: Soft Light should now look like this
Step Five:
SPOILER!!: ”Step Five”
Now click on your background layer. Go to Image Adjustments Exposure
Exposure: +1.13
Offset: -0.0100
Gamma: 2.06
Now you can put any kind of text you want on it. Here is the finished product.
SPOILER!!: DONE
Any questionsjust PM me!!!
__________________
_________ The: AWESOME James Nickolas Heywood : Ravenclaw; Fourth Year. [[ I'm up to RP just ask. ]]
We'll be going from this to this in only TWO selective coloring layers!
First of all, this works best on photos with dulled colors and gray, blue, or white backgrounds.
All I do is a little selective coloring. If I don't show the selective coloring layer, then you can rest assured that I made no changes to that layer.
Selective Coloring Layer One:
SPOILER!!: Adjustments on Reds, Yellows, Cyans, Blues, Whites, and Neutrals
Selective Coloring Layer Two:
SPOILER!!: Adjustments on Reds, Yellows, Cyans, Blues, Whites, Neutrals, and Blacks
And your end product............
It's beautiful!
Other things I have used this on:
.....and pretty much everything in my shop.
I adjusted the reds and magentas on that one, I believe. Try it out for yourself! You can also add a light yellow or orange-ish fill layer (set it to "soft light" or "darken) before you selective color, and top it all off with a navy blue or maroon fill layer set to "exclusion."
__________________
Fancy a little excitement in your life? Then spice it up and join Level Two today.
Your new Department Head will be watching waiting. ;]
Program: Photoshop CS4 Transferable: Only to CS5 and CS6 (vibrance layers, yo)
So basically, this started out as me attempting to try to recreate coloring used on SNL promos which include a nice contrast of really soft colors and really vibrant/bold colors. I didn't quite get that, but it looks pretty good in my opinion. Anyway, HERE WE GOOOOO!!!
By the way, this is more of a GUIDE than a set-in-stone-this-works-every-time kind of thing. It will vary based on the image, but I'll try to help you understand how each took I used works so you can modify the tutorial to your needs.
Step 1.
I wanted to start out by washing out the colors so I could work on messing with the things I wanted to highlight later. I always work with the image as a whole before getting down to the nitty gritty. So what I did first was I copied the original image and set the layer to Screen.
Photos!: Screen 100%
I thought it looked a little TOO bright, so I took the opacity down to 50%
Photos!: Screen 50%
Much better! It's not as washed out as I would like, but it's also not blindingly bright.
Step 2.
Since it WASN'T as washed out as I wanted, I decided to mess with a Vibrancy layer. SNL promos are always really vibrant but also look a little washed out in the colors, and I thought this adjustment layer would help achieve that well.
So create a new Vibrancy layer. I turned up the vibrancy to 100% so the colors would become brighter. Then I turned down the saturation to -37,
Photos!: Vibrancy Layer
There we go! It's starting to get closer to what I wanted.
Step 3.
The image was a little too dark, still for my taste. The colors are washed out the way I want, but the darks are too dark. I decided to add a Levels layer.
Levels is a really cool feature that allows you to work with the highlights, shadows, and neutrals of an image. Or at least, I think that's what it does. lol. It's a little confusing at first, but once you figure out how it works, it's REALLY useful and versatile. I use it a lot, actually.
Anyway, when you make a new Levels layer, it will have three input values and two output values. Honestly, I never mess with the output values because I have no idea what they do.
Each of the input values deals with a different feature of the image. The leftmost deals with shadows, the middle with neutrals, and the rightmost with highlights. The default entries for these are 0, 1.00, and 255. If you slide the shadows to the right, it will make them darker. If you slide the neutrals left, it will make them lighter, and right will make them darker. If you slide the highlights to the left, it will make them brighter
So anyway, create a new Levels layer. I decided I was satisfied with how washed out everything was, so I decided to not mess with the highlights (the rightmost one). Next I decided to mess with the neutrals. I knew I wanted to LIGHTEN the image, so I slid the neutrals one to the LEFT until I liked it. Ultimately, the value ended up at 1.59. Then I decided that I had messed with the shadows too much, so I wanted to darken them back up again. The value ended up being 11.
Final values: 11, 1.59, 255.
Photos!: Levels Layer
Cool! That's pretty much how I wanted it to look, so now it's time to make the colors POP!
Step 4.
In order to make colors stand out, I ALWAYS use Selective Coloring. So create a new SC layer.
WOO! It looks pretty good. It has some nice pastel colors, but the reds don't pop QUITE as much as I want them too. Time for more selective coloring!
Step 5.
Since the reds didn't pop as much as I wanted them to, it's time for one last selective coloring layer. And since I want the reds to pop, I'm only going to mess with the Reds and Yellows channels.
Magical Menagerie Mod Madame Malkins Mod SS 100 Triumphant NLFC Mod
Basilisk
Join Date: Jul 2003
Location: Middle Earth (GMT-6)
Posts: 48,747
Hogwarts RPG Name: Alex Greingoth
Fifth Year
x9
Ministry RPG Name:
Gabriela Schultz
Accidents & Catastrophes
Haaaaave you met Ted? || Elle Woods | | Go Go White Sox! || Potterwatch Enthusiast
Yet ANOTHER Coloring Tutorial
Program: Photoshop CS5 Translatable? Nope, sorry kiddos. Difficulty: Pretty easy/moderately difficult if you're JUST starting PS
Hello again, did y'all miss me in here?? Today I've got a very simple coloring tutorial for you that a few people have been asking me about SO I'm here to share the love. Much like Roro's just a few posts above, it's simply a little bit of selective coloring here and there and VIOLA!
We're going to go from to in just FIVE short steps.
1. So first things first--pick your image. Today we'll be using a picture of Magneto from X-Men: First Class for two reasons. One: Michael Fassbender is awesome. Two: This picture has lots of dull reds, yellows, and a teensy bit of cyan and blue mixed in there, which are the ideal colors your base should have when working with these settings.
SPOILER!!: Behold, Magneto
2. Obviously Magneto is looking a little dark and dull at the moment. If your base image is a bit dark, like mine is, go ahead and DUPLICATE that layer and set that layer to SCREEN. I kept mine at 100%, but feel free to tweek that to fit your particular tastes. Sometimes you may need TWO screen layers, or none at all. It all depends on the base!
SPOILER!!: Let's get some LIGHT up in here
3. Now that we have some brightness in our image, I went ahead and added a Hue/Saturation layer to add some more color to our old buddy Fassy. This is another step that may not be necessary depending on your image--remember, the selective coloring is going to brighten things up a LOT as well. I myself only did +10 on the SATURATION slider for this particular icon so Magneto doesn't look like a fried lobster in the next few steps. It's a subtle difference, but I liked it
SPOILER!!: More colorrr
4. Now we've gotten to everyone's favorite part...SELECTIVE COLORING! It can either be your best friend or your worst enemy depending on what picture you're using. As I said above, the best pictures to use for this tutorial are pictures that have lots of yellows, reds and cyans (but mostly YELLOWS. That's where we'll be making the most change).
Basically, to achieve this coloring, I make the reds brighter, the yellows more diluted, and the cyans, whites and neutrals brighter and bluer. See the spoiler cut for specific numbers:
SPOILER!!: WHOA lookin good there Magneto!
REDS
Cyan: -100
Black: +37
YELLOWS
Yellow: -100
CYANS:
Cyan: +100
Black: +32
WHITES:
Cyan: +100
NEUTRALS:
Cyan: +12
As you can see, the goal of this layer is to add more cyan to the picture and dilute the yellow so it appears more peach-ish in the picture. BE CAREFUL WITH THE REDS because if you have a lot of red in your icon to begin with, you won't want to use the settings I used on this icon or your poor RP character is going to look like they just got back from the surface of the sun.
5. Usually, the one selective color layer is enough to give you the results you want. However, I wanted a bit more red in my icon and created one more selective coloring layer.
SPOILER!!: The finishing touches
REDS:
Cyan: -18
Black: +29
And that's that! This coloring tutorial also works GREAT on screencaps made from cartoons...here's a few of my Beauty and the Beast icons that I made with this same tutorial:
And here are a few more X-Men icons, with variations to the tutorial:
<--Added an extra screen layer set at 58%
< -- Used the same settings for the CYAN level in the first selective coloring layer on the second coloring layer as well.
As always, this tutorial WILL NOT WORK FOR ALL PICTURES. You must tweek these settings to fit the base that you are using otherwise it could look like someone dumped a big blob of red paint on your icon. Focus on the levels I used and adjust the settings to fit your particular image.
Example of a picture that will NOT work:
Poor James McAvoy. His screencap was simply not bright enough to look good with this coloring. As you can see, there just aren't enough reds and yellows in this picture, and when you mess around with the cyan/white/neutral levels in the selective coloring layer, it just dulls it out and just doesn't look very nice. This can be remedied in a number of different ways by adding fill layers and such, but for the sake of this tutorial, best to stick to the brighter images.
Any questions, feel free to PM or VM me!
__________________
This is my family. It's little and broken, but still good.
Last edited by Lissy Longbottom; 01-24-2012 at 01:22 AM.
Defy Gravity | ★♀ | Hunger Games ❤ | Mrs. Criss | I ❤ NY
Guess what... Another colouring tutorial!
Specifically, making bright colours POP!
Program: Photoshop CS5 Translatable? No... that darn selective colouring! Difficulty: Moderate as there's a lot of playing around depending on image.
Hiyaaa! I have a quick tutorial for you. Roro and Kelvin often ask me how I get the colours in my graphics to really pop out, yet (hopefully) not look over coloured or gaudy. So I decided to show you!
We shall be going from this:
To this:
1. Choose your image. Crop/resize to your hearts content. This image works especially well because it's very colourful with no one colour being dominant. However, this tutorial can be used on any image at all. You just have to play around with the Selective Colouring layers to make sure everything looks balanced.
SPOILER!!: New York City babehhh!
2. The image is a bit dark, so I DUPLICATE the layer and set it to SCREEN 100%. Then go to Filter --> Sharpen --> Smart Sharpen. Set the amount to 57% and the Radius to 1.1 pixels.
Again, this step depends on the image. If the image is super bright to start of with, this will probably be unnecessary.
SPOILER!!: Let there be light!
3. Next step is to go to PHOTO FILTER. Click on the drop down filter list and click 'Cyan.' Set the density to 25%.
SPOILER!!: Little bit blue
4. Now. SELECTIVE COLOUR! I LOVE YOU! Enter the values below:
5. Next. Exclusion layer. How I love these babies. Create a new fill layer using the colour #695948. Set it to Exclusion at 60% opacity.
SPOILER!!: Excluded
6. Next, MOAR SELECTIVE COLOURING! This bit is what makes the colours go POP. The exclusion layer stops the crazy insane brightness that makes your eyes hurt.
7. This step is slightly unnecessary but I do it anyway. Click in Vibrance and set the levels to +12 for both Vibrance and Saturation.
SPOILER!!: Vibrantttt
Et voila! Bright, poppy colours. If you want to make the colours a bit less bright, reduce the opacity of the second selective colour layer or increase the opacity of the exclusion layer.
As I said, this tutorial is subjective depending on image. The basic technique is SC, Exclusion, SC. The values will differ every time.
Hope this is easy to understand! And I hope people find it useful
__________________
with patience and faith
we remain unafraid
i'm home ❤
Sewing Lessons (Tutorials) 
It's 11 simple steps, as follows 
Use the crop tool to get rid of the chequered part at the back of the image by making a square around your image. The outside lines are where the image is going to be cut to. And if you look to the bottom left of your screen, you can check the size too.
Then put the Opacity: 60% and Mode: Soft Light should now look like this 
x9
to 
in just FIVE short steps.
<--Added an extra screen layer set at 58%
< -- Used the same settings for the CYAN level in the first selective coloring layer on the second coloring layer as well.
