Signature Tutorial 2.0 feat. Yawa Kasumi

May 15, 2012 02:52

Signature 2.0 Tutorial feat. Yawa Kasumi from Pokemon

Note: This entry is majorly image heavy, so please proceed with caution. <3


I'm dumping this macro here to make everyone giggle. xD

So another tutorial! I made this one in about 15 minutes, which goes to show that art can take anywhere to a minute to a hundred years. <3 Or really in my case, it had to be quick because it's late, I'm sleepy, and I know that if I delay this, I'll wind up not ever writing it. It's likely that I'll have a duplicate tutorial available on my Gaia Online, so if you're friends with me there or want to be, or I think it's just public, go ahead and check it. The images are all the same, though here it's better to reference people and give out shoutouts to whomever's beautiful textures have been used.

As since of over 9000 years ago, I am obsessed with Pokemon, and while I actually ship Satoshi x Kanon (for you Latias fans out there! xD) since I was like eleven years old when the 5th film came out, I also adore Kasumi as my second choice, and through lolol derp research from last week and onward, it's highly likely that the scriptwriters have already put Satoshi with Kasumi there together. Ironically, I am an Orangeshipper (I think that's the term?) where I believe in Kasumi x Kenji, because they're so cute together in the Broadcasting Station series. <3

Anyway, this tutorial is more focused on color manipulation than anything, given that when I made the previous tutorial with Honda Tohru, I had only a couple of years under my belt, and not to say that it isn't cute, it definitely focuses more on the brushes and the overall work with them and kind of mix and matching them together. I'm all for brushes still (totally!) but I definitely throughout the years, especially through LiveJournal communities, have come to learn about color manipulation, focusing on lighting, and working more with textures to make the brushes the "sprinkles" of a beautiful creation. Since each creation is totally different, expect results to be different, or may be born out of absolute chaos and complete accidents!

This tutorial is mainly for people to get started on some color ideas and how to take a lovely picture and use it for their personal use. With that in mind, all textures/brushes/images mentioned here are credited to their respective owners. If you see any of your goodies and I've made a mistake on whom to credit, please let me know and I'll be glad to fix any errors. If you would like to visit the owners of such goodies, I'll be listing them through names, but be sure to visit them and check out and or comment on their nice items. <3 Feel free to ask any questions, leave comments, but please refrain from taking the final product or the entire tutorial completely without my notification/permission.

Tutorial is placed under the cut since it's really image heavy!


I'm assuming that because this is relatively beginner's work, that the color manipulation settings are translatable. This was done in Photoshop 7.0, which I still use, even though I have other versions. I'm old school, or just too accustomed to change, or lazy. xD

1. CHOOSE AN IMAGE
Choosing your image really is self-explanatory; pick an image that you'd like to work with, preferrably something that's large (400px+) enough to be used and moved around and can fill out your space nicely. If you have a smaller image that you just can't bear to part with, go ahead and choose it, but be sure to keep a close eye on how to blend and resize it carefully without pixelating it too far.

A good place to start finding pictures that are nice and large and of anime/manga art is http:www.zerochan.net/.
That's where I usually look around for any possible good pictures, nicely done fanart, and even good cosplay references. ^_^-

Like I said before, since I'm obsessed with Kasumi (and water/ice Pokemon), I chose this pretty picture:


Resized from 682x1023 because my journal layout is small as beans. This was found at zerochan.net! And obviously here's a disclaimer that I don't Pokemon, and it belongs to its respective owners. If you're the artist of this and you're reading this, please let me know and I will credit you! This is a beautiful picture and it belongs to its respective owner. <3

2. PREPARE YOUR CANVAS


Start your new canvas by going to FILE > NEW and set up your new custom settings to 400x150, make sure that it's solid and not transparent in that drop-down menu, and it's typically set to RGB Mode, so unless it's in Grayscale, leave it alone.

The canvas that I currently use for most signatures is 400x150, though it can definitely go larger and smaller as you please. Thankfully, Photoshop and I believe other programs can self adjust, meaning that if you try to make a new custom size, it's likely that it can autofill a good number when you use the Image Size option under IMAGE > IMAGE SIZE.

I outlined the border just so you can see the overall size of it. <3 Since it's up to you, this is a completely optional step since you can choose to add a cute border at the end of it in white or another color.

3. RESIZE YOUR IMAGE AND INSERT INTO CANVAS



Now, there's probably dozens of ways to get that picture inside, but at this point, it's assumed that you've got your canvas set up, you can open up your image via the FILE > OPEN > FOLDER NAME HERE, or how I usually do it now is that I have my picture's original folder at hand opened already on my desktop, select the image, and drag it down to the Photoshop icon. From what I know, this works for Windows XP, Vista, and 7 (my current). This little trip also helps me typically drag in textures and other items from my original folder and keeps it in handy without having to dig through the folders in the little OPEN menu.

So this image is enormous compared to your tiny canvas, so you can use your IMAGE SIZE selection or I typically use, Edit > Free Transform. Hold shift down and resize the image to your liking. Some people usually like their items either oversized or off-centered, and that's totally fine, depends on your style. Since this picture has the two characters together, I made it about center, and made sure that it fit entirely into the full height and width.

Usually what I do is resize it down to a semi-more-workable screen-friendly size, in this case, I had originally resized it a little to 700px or so, and then CTRL+A, CTRL+C, went to my canvas, CTRL+V, and there we go, and then once again, used the Free Transform to resize and re-adjust the image to my liking. <3

4. OVERLAY YOUR IMAGE


So all I did was create right-click on my current Layer, selected Duplicate Layer, and set that little guy to Overlay 100%. Looks a lot brighter now, but we're only just getting started! <3

5. CURVES #1


It's not a completely big difference, but I went to Layer > New Adjustment Layer > Curves.
Here are the RGB settings that I used to get the little color effect going:
      > Input 100
        > Output 85
And it makes a little change! Let's keep on truckin'!

6. CURVES #2


I repeat the same motions as Step #5 but add these following settings (still in RGB Mode)
      > Input 196
      > Output 156
And you set that layer's opacity to 59% to make sure that it's not too dark. But now, you can see a major contrast in the pictures, especially in some of the elements in her hair and of the Tosakinto, whose eyes are amazingly beautiful here. <3

7. SELECTIVE COLORING


Holy Rodeo Clown Batman, this step will take your image from just being cuteeeee to zomg. <3

Selective Coloring is such a wonderful feature that allows you to manipulate with the basic element colors within the image, and gives you the ability to heighten some of the color opacities, lighten them, darken them, and even omitt some colors. This is an excellent feature for getting a particular color to shine through, especially colors such as reds and blues, that you want to just pop! in an image. In this case, we used this feature to heighten the colors especially in Kasumi's beautiful orange hair.

Similar to curves, you go to Layer > New Adjustable Layer > Selective Color.
Now go through the tabs and use the following settings:

Selective Color:

Reds -
    Cyan: -100
    Magenta: -22
    Yellow: +100
    Black: +58

Cyans -
    Cyan: 0
    Magenta: +51
    Yellow: 0
    Black: +76

Neutrals:
    Cyan: -34
    Magenta: +2
    Yellow: -17
    Black: +16

While there are also other tabs for magentas, greens, and blacks, these are the ones that I used for this particular picture. Depending on your image of choice, and or your overall objective for the image, feel free to play around with the other colors to get even more interesting new effects.

8. SATURATION


After coloring, I made a new layer using Layer > New Adjustable Layer > Hue and Saturation.
I set the Saturation Level to 13+. And it's adding more saturation to some of the new colors we popped out earlier using the Selective Color. <3

9. TEXT


NOTE: I USUALLY SAVE THIS FOR LAST, BUT GIVEN THAT THE IMAGE HAD A PERFECT SPOT FOR THE TEXT, I WENT AHEAD WITH IT AND GOT AHEAD. THERE IS NO SET STEP FOR ADDING TEXT AND GOODIES. ADD AT YOUR OWN OPTION. <3

So, I saw the lovely white area from the Tosakinto's back that I decided to just head on and add the text earlier than usual. Usually it's saved for last, when the coloring and effects are all said and done, and can be adjusted to the text's visibility. This time, I added my first set of text, using the Jellyka's Saint Andrews Queen font, which can be found at http://www.dafont.com/. Search for other good personal use fonts there too!

I added a little gradient to my text since I'm not overtly fond of adding shadows underneath (sometimes glows yes though xD), so you can just do that by right-clicking on your text layer and selecting Blending Options, and going to the Gradient Overlay tab and fiddling with a new choice gradient there. For the color selection, it's all up to you, but I wound up choosing colors actually from the image's blues itself, using the dropper tool on your tools palette. <3 It's very handy for getting some nice, matching colors. Or, you can be bold and try something new!

9. TEXT #2


So I didn't just want to leave it as ESCAPE! on my image; I usually like a little subtext, and most of the time, it's in a different font. While I'm not geeking out with the Prometheus font and other font choices I have in my stash, I looked around and found the (LOL) Alien League font to get a nice, thin clear font. This font can also be found on DaFont under the Sci-fi styles. <3
So I resized the text (I think this one ran a little big so the ESCAPE's around 16-18, and the TO THE SEA is around 12 or so), but you're free to adjust your own sizes to your texts, change the words, or omitt any steps. <3

10. BRUSHES!


And here's where the brushes come (lol towards the middle-to-the-end this time over the last tutorial's, "Let's start Step 1 with a brush! <3" And while it's totally fine to do that, I decided to try something different for myself too, and nowadays, brushes are usually saved for this step, or depending on the brush and creative ideas and objectives really.

NOTE: MAKE SURE THAT YOUR BRUSHWORK IS IN A DIFFERENT LAYER FROM YOUR IMAGE.

And if you're going to use multiple brushes, try using a layer per each set of brushwork that you're going to do. This helps you stay organized when you have to edit any of your brushwork. Also, it's HIGHLY important to work with brushes on the separate layer from the image so that if you need to ERASE, you will erase the brush properly without erasing the image itself! <3

I chose a beautiful sparkle brush from Anime Rain, which I believe it still up and running, though it's little-to-no-longer updated. Its brush section however is still intact from what I know, so if you like this brush's effect or are curious to see other cute brushes too, visit Anime Rain. That is actually where I got some of my very first brushes to play around with when I first got Photoshop, and to this day, I treasure them and use them frequently for my own personal work. <3

The sparkle brush here is used by its corners, meaning that I didn't slab the whole brush over the image but instead just stamped the brush along the corners. The fun part about this sparkle brush by Anime Rain is that it's already preset to having a nice outer glow to the sparkles. <3 Other brushes you can find online also can have a breset airbrush effect to them, while others are simply the vector shapes of the sparkles and it's up to you to go add that glow in the Blending Options layer menu.

Anyway, I used this brush around on the corners of the image to give it a nice, magical effect. It looks very vibrant and magical alright. <3

11. ADDING TEXTURE


So while this image definitely has less textures than other images you may have, I wanted to add a little more texture to the current project. Therefore, I have this little gem of a texture:


Resized from 1024x768 to fit my journal layout. This texture image is credited to eiencafe, whom I believe that's their Livejournal name. Major credits to them, and I believe their set is available with other colors. <3

So similar to how I got the image into the canvas, I copied the previous steps of setting the image down onto the canvas: CTRL+A the texture, CTRL+C, went to my canvas, CTRL+V, and voila! It's now your most current layer. Now set that bad boy to OVERLAY at 100%.

In order for my to be able to get the picture the way that I wanted it, I took the airbrush eraser at around 30px-70px and kind of went around erasing parts of the texture on the face or any other areas that looked a little too texture heavy. The rest is left as is, and that's the product you see up there. <3

12. AIRBRUSHING AND BRUSH RETOUCHING


This next step really is optional, but I liked this effect on other signatures, so I decided to keep it. <3 This is basically a little fading and white airbrushing effect along the buttom of Kasumi's body, which as I look, in retrospect makes her look naked. xD Thank goodness that you can still see the faint lines of her top. xDD But otherwise, I made a NEW LAYER, took around a 3px-70px airbrush in white color and began to dab a little along the bottom to get a nice seafoamy effect and a little dreamy effect. It made the OPACITY 70%.

Also, I added some little brushes here and there, by adding some very, very faint bubble brushes from the ever-amazing Hanako-Lovely, and some swirl brushes along the top. I also just added and omitted a few sparkles by going back to the Sparkles Layer! This is the part where it's all up to you to just take what you have, go nuts, and play around with what you'd like. Optionally, you can add more color layers with selective coloring, add more hue, and more textures. This is your chance to be the graphic designer that you are!

13. THE FINISHED PRODUCT AND ADDING YOUR NAME


Add credits when you need to, but most certainly, even when I'm doing my own personal graphics like this, I like to add a little watermark name to my work. It's just nice to see that for yourself, or if you like making stuff for others, this is optimal too so that you can get credit for your overall synthesis. Give credits to any external goodies you've used as well! You can see my little signature watermark just lightly typed along the right bottom corner in the same font as my TO THE SEA font, and I just light to lower theopacity of it to keep it from being too distracting yet still visible.

And now tah-dah! Marvel at your creation and be happy that you've taken the time to make something that you'll cherish! <3 Use it as your Gaia Online signature, for those Pokemon forums, or just for your own liking! I usually like to save all my work in .PNG, but .JPG works for others too. Also, if you have the space on your computer or whatnot, I tend to keep a copy .PSD of my original work, so that way I can go back one day and see the settings on my colors by clicking on the layers and re-learning if I'm doing a similar project.

And now enjoy! Thank you for reading! <3

tutorial

Previous post Next post
Up