Nov 21, 2009
Pages: 1, 2

Mario Signature (adobe Photoshop)

free web hosting

Read Latest Entries..: (Post #15) by FMjets13 on Jun 2 2008, 12:32 AM.
my outcome not that good thou
Read the FIRST post of this Topic. - Express your Opinion! Contribute Knowledge :-).

Open Discussion > Xisto Network Sites > The GFXTrap Forum - Trap17 Graphics Site > Tutorials

Mario Signature (adobe Photoshop)

Casino.Royale
Tutorial Name: Mario Signature
Created by: Tidus
Program used: Adobe Photoshop
Notes: A friend of mine made this tutorial a while ago and said I could repost it. I think its a good tutorial and helps those who are still getting new to photoshop. This tutorial is copyrighted to him and shouldn't be reposted by others unless you have his permission.

Tidus's Second Tutorial

This is the ending result that you should get after you have completed this tutorial.


1) Okay, the first step is open a new document thats 385x115. You can use whatever size you want but

I prefer using this size. Fill the layer with black.



2) Next step, I made a new layer and filled it with black again and I did the following:
Filter > Render > Lens Flare and got this.



3) My next step that I did was that I took out my render and resized it to a good size for my

signature. I placed it in a good direction then I took out a chalk brush and added the the following

settings:

Size Jitter - 100
Roundness Jitter - 100
Angel Jitter - 100
Minimum Roundnexx - 5

Scattering
Scatter - 118
Count - 1
Count Jitter - 10

I just smudged the edges lightly and this is my outcome so far.



4) Next I added the original render layer on top like so.



5) Next I added a nice color c4d render and changed the blending mode to screen.
*Hint: Try find a nice flow for your c4d and erase parts you don't like.



6) Then add another c4d render on screen and erase parts you don't like.



7) Then I added a nice green c4d and set it to linear dodge.



8) Next I made a new layer and took out a hard round brush. Then I just made circles over the

signature were places looked empty, then I took out my smudge tool with the settings from earlier.

Then smudge them a little then I used the following filter:
Filter > Distort > Wave
and then
Filter > Distort > Ripple

Then I set the layer to soft light or you can use overlay. Then I dupliced that layer and moved it

around some.



9) For the next step I added a gradient map. I used harmonies one gradient map then set it to

multiply. I then added another gradient map of the same harmonies one gradient and set that one to

soft light.
*Note: I used the first gradient in the harmonies gradients its the pastel lookin one.

Then I added anot her gradient map, this time black and white. I set it to multiply and lowered the

opacity to around 50% then added a brightness and contrast layer.

My outcome:



10) Next I mabde a new layer and took out a soft brush. Then I just brushed some white where I

wanted some light and set that layer to soft light.



11) For my next step I made a new layer then went to:
Image > Apply Image

Then I use a gaussian blur at about 2 px. then set this layer to lighten and erased a little over

the face.



12) For my next setp I did another new layer.
Image > Apply Image
and then
Filter > Sharpen > Sharpen
and then
Edit > Fade Sharpen
Fade it to 100% then I erased parts that looked to sharp.




13) The final steps just involve adding text and a border. Then you are finished.

Here's my final result:




I hope everyone enjoys this tutorial and that it helps some people out.

 

 

 


Comment/Reply (w/o sign-up)

kushan10
Cool. Thanks for this I'm going to try this sometime.

Comment/Reply (w/o sign-up)

Saint_Michael
It looks ok except for the following a bit to sharp, don't like the white border (besides it hard to see on light background) and the text could be change a bit. I think the smudging layer could incorporate more in the background to help blend the whole render in and not just parts of it.

Comment/Reply (w/o sign-up)

Ridwan sameer
Nice tut. But as SM said it is a bittoo sharp and too bright for the eyes. It actually hurts what if i made it a lighter color? wil it affect the outcome? illtry it and respond as soo as i can. Maybe i want kudos who cares. LOL laugh.gif

I will try but. this is abcolutely great. Anywhew

Comment/Reply (w/o sign-up)

Blessed
Greetings

wow man this is awesome,
nice jub man,
can wait to tri making it miself.

i love the effect you have in it.

keep up the good work,
cant wait for the other signature tutorials of you,

have a nice day,
GOD Bless.

Comment/Reply (w/o sign-up)

street
Nice tutorial really like the end effect but there should have been a better abstract used to give it more depth but it is a good tutorial that shows how do some nice effects for some users who did not know how to do it.

Comment/Reply (w/o sign-up)

Tramposch
Wow this is a really great tutorial, and it looks like only advanced photoshop users will be able to do it, but i do not know that until i try it myself!

it really has a nice affect the signature. but why are there little dots on the mario, is it just bad image quailty ? because it is bugging me smile.gif

I dont exactly see the border you added
is it purple? I think for this tutorial a 2 pixel white border set on overlay would have done well!

Comment/Reply (w/o sign-up)

twonkle
May i ask. what is "c4d render" and where do i put it on??. otherwice nice tut.

Comment/Reply (w/o sign-up)

rize619
oh nice .... and brighten signature mostly we see peoples uses dark or light signature but it is not dark nor light... any how nice sigy

Comment/Reply (w/o sign-up)

Jby
Do I have to download Adobe Photoshop? If yes, can you give me the link please?

Comment/Reply (w/o sign-up)

Latest Entries

FMjets13
my outcome not that good thou

Comment/Reply (w/o sign-up)

Inhuman
Thanks for sharing this. I think I may use something like this.....if I ever decide not to be lazy. tongue.gif

Comment/Reply (w/o sign-up)

Kraiser X Astral
wow.. I love this one, mario my first computer game I played.. by the way thx for sharing a tutorial.. now I can create my own

Comment/Reply (w/o sign-up)

thrillerboy
Oh my god...... This is one of the best step by step siggy tutorial I've ever seen in net......... The end result is very cool and its so nice that you have explained almost all complicated parts very easily...... This will definitely help me in making use of the tools in the photoshop to maximum to get a very nice and desired effect.......

Thanks a lot again for this one

Comment/Reply (w/o sign-up)

Midori
It's very nice but sadly I'm not a big fan of C4D soo nah cant do this maybe I could use something else to get that affect, but its very nice in my opinion it doesnt look over sharpened, maybe cas I seen sigs that was way too sharpened tongue.gif but yeah its a good sig love to try this out thanks!

Comment/Reply (w/o sign-up)



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

This textarea will convert to Rich-Text automatically (IE, Firefox, Chrome)

Pages: 1, 2
Similar Topics

Keywords : mario, signature, adobe, photoshop,

  1. Getting Started With Photoshop!
    Introduce yourself to photoshop and make a great friendship! (0)
  2. Making A Simple Signature With Adobe Photoshop
    A tutorial to basic signature designing: By Accure (3)
    Specs Hardness: 4 / 10 Time: about 10 minutes Result: My .PSD File: Download it now!
    Needings: -Basic Photoshop knowlegend. -Adobe Photoshop CS2 (Or CS3/CS4) -Brushes set ( available
    here ) -A render ( available here ) Basic knowlegend: Steps: 01. Open Adobe Photoshop,
    and go File > New. 02. select the sizes Width: 350 pixels . Height: 150 pixels . Press OK .
    03. Press the button to maximize the window of your new project. 04. Fill your background with
    black (by using the "fill" function). 05. Press F5, click on the small arrow and s....
  3. How To Change The Gradient Type And Make A Gradient On Adobe Photoshop Cs3
    (1)
    How to change the Gradient type on Adobe Photoshop CS3 Open Adobe Photoshop CS3 On your current
    piece of work or on a new blank canvas, select the area you would like to apply the gradient to.
    Once you have the area selected you would like to work on, hover your curser over the Gradient Tool
    button (Default Location: Left edge of the Program window, center of the tools menu). Apply pressure
    to the mouse so you click the Gradient Tool Button. Once you have this Tool selected, you can
    choose which gradient you would like to use. Choices : Linear Gradient (Defaul....
  4. Adding Jigsaw Puzzle Effect With Photoshop
    (5)
    Should the occasion arise that you want to add a puzzle effect to a picture, there is a simple
    method built into Photoshop. Like a lot of other abilities, the hard part is finding it. Let me walk
    you through how I do it. There are a variety of other ways and I would love to hear your way also.
    So I have this picture of my cat that I want to look like a puzzle: I tune it up how I like it
    and size it, etc. Then click on Filter/Texture/Texturizer Once you click that a box appears:
    On the right hand panel you see Ok, Cancel. Texturizer then Brick or Sandston....
  5. Adding Signature Stamp In Photoshop
    (5)
    I take pictures for my wife's eBay auctions. She likes her name inserted on the photos. While
    there are many ways to do this, my solution is quick, easy and flexible. Open a new file with a
    transparent background. Size isn't important. Select the text tool and choose your font. I used
    a script font. Type the signature. Now click on Edit/define brush preset A box will pop up
    to name the brush. Open the picture you want to sign. Select the brush tool. From the drop
    down menu select the brush. It will be the last one. Select the color on the....
  6. Gimp Abstract Signature Tutorial
    Brushes required (9)
    In this tutorial I will be showing you how to make a abstract signature in GIMP. I have a lot of
    images for this so bear with the loading time. First, you need to make a new image. I think
    400x100px is a good signature size. I used these settings. You should have a blank white canvas.
    We will start out our sig by brushing up a quick background. I came out with this: Next, we will
    make a new layer. We will do more brushing on this layer. I used these settings: Start brushing
    with a different brush set. I ended up with this: Select your first brushed layer, th....
  7. Photoshop -- Double Stroke
    Learn to create a neat-o text effect (3)
    Lets do this! 1. Create a new photoshop document with the dimensions 88x31. If your lost
    already... quit. 2.Alright make some random background and then put some random black-colored
    (#000000) text on it. Kind of like the picture below. 3. Select the text layer you have just
    created and click on the little f symbol near the bottom of the layer window. A sub menu should pop
    up. Click on stroke. 4. Some editing window should appear. Change all the values to what you
    see in the following image, make sure the stroke color is white (#FFFFFF). After this tutori....
  8. Photoshop Cs Tutorial - Make Your Pics A Little Spooky
    How to Add ghost in your pics. Let peoples wondering is ir a real ghos (5)
    First, you need source pic. I labelled the source pic as S . Heres my source pic: Look spooky
    isn't it? And here's my original pic. I label my original pic as O. Next, i paste the
    S picture on the O picture using adobe photoshop and erase the undesired area. Adjust the S
    position.. Here's the result: Select the S layer and and adjust the opacity and fill until
    you get the most spooky look. Go to filter and select blur-gaussian blur.. Select smudge tool and
    smudge the S picture until you get a better and real ghost shape. Repeat this step un....
  9. Photoshop Cs2: Full Signature Tutorial
    Made by Tramposch (12)
    This is a tutorial on how to make a signature like this: First of all, you need to find your
    render, try to find one that doesn't have a lot of space around its arms, or doesnt have a cape,
    because then it will not looks so great with empty space. For the signature I used this render:
    http://i97.photobucket.com/albums/l217/Tra...oredcore2er.png 1) Open a new document, with a white
    background, any reasonable signature size will do (don't make it too large /wink.gif"
    style="vertical-align:middle" emoid=";)" border="0" alt="wink.gif" /> ). 2) Go Edit---> ....
  10. 1,2,3px Borders
    Adobe Photoshop CS2 (3)
    1px Border. Step 1. Get out your signature or other graphics that you are making. Make a new
    layer. Step 2. CTRL + A then edit>stroke>1px inside. You can choose what ever color you want.
    Step 3. Set the layer to soft light, overlay, darken, etc. What ever suits it best. End Result, you
    know have a line the color of your choice around your signature or graphics. 2px Border. Step
    1. Get out your signature or other graphics that you are making. Make a new layer. Step 2. CTRL + A
    then edit>stroke>2px inside. You can choose what ever color you want. Step 3. CT....
  11. Photoshop - Lightning Tutorial
    How to make realistic lightning in photoshop. (18)
    This tutorial will teach you how to make realistic lightning. 1) Open a new file, set the
    canvas size to about 400 x 300 pixels. 2) Set your foreground color to white and background color
    to black. 3) Go to Filter > Render > Clouds. 4) Go to Filter > Render > Difference Clouds.
    5) Go to Image > Adjust > Invert. 6) Go to Image > Adjust > Levels. 7) Move the arrow in the
    middle all the way to the right. 8) To change the color of the lightning like I did, go to
    Image > Adjust > Color Balance. 9) That's all there is to making realistic ligh....
  12. Glossy Effect Tutorial [photoshop]
    (14)
    Most people know how to do this but for you people new to photoshop it is a helpful trick!! ....
  13. How To Make Cool Rain Effect
    (photoshop tut) (60)
    Here i am going to show you how to create realistic rain effect using photoshop CS, this tutorial is
    suitable for immeadiate beginners too, now the first thing you need is to get a good source image ,
    i used this house which is shown at a kool angle and a dog lookin out of the window supposedly
    because it is raining dublicate the layer ( press Ctrl+J ) or just drag the layer to the create
    new layer button at the bottom of layers tool box , now go to Image > Image Adjustments > Levels
    and make your settings as shown in the image below ... even tough the image w....
  14. My First Sig Tutorial (c4d+coloring) (photoshop)
    your comments please (11)
    First of all open a new document with white background and size 355 / 105 import your render to a
    new layer , name the layer original and hide the layer create a new copy of the original layer
    here's the render i choosed ..... go to Image > Adjustments > Hue saturation choose
    colorize and drag the hue slider to 121 create another copy of the orignal layer go to Filter >
    Blur > Radial blur set amount to 10 , blur method to spin and quality to good now set the blending
    mode of the layer to vivid light go to Image > Adjustments > Hue saturation choose color....
  15. "pool Of Blood" Effect In Photoshop
    (9)
    I was just monkeying around in photoshop, when I discovered this. It was so cool, I thought I should
    share it with y'all. 1. Make a New Document. I used 400x100, but it really doesn't matter
    what you do. 2. Change your foreground colour to #930606 and your background colour to #000000 3.
    Filter -> Render -> Clouds 4. Filter -> Distort -> Twirl Here I used 708 degrees, but
    you may have to do a little guesswork if your image size is different than mine (this applies to all
    of the steps from now on). 5. Filter -> Artistic -> Plastic Wrap ....
  16. [photoshop] Fire Tutorial
    Making fire out of filters... (11)
    In this tutorial I will describe how I immitate fire using filters, in Photoshop. This technique
    works with many canvas sizes, but for this tutorial I used 300x300. - First off, make sure you
    have the default colors as your foreground and background colors (press "D" on your keyboard). -
    Next, render some clouds. Filter > Render > Clouds . - Next, some difference clouds. Filter >
    Render > Difference Clouds . This step, repeat until the light shades take up most of the space.
    Outcome: - Next, we'll mess around with the lighting effects. Filter > Render >....
  17. Signature Tutorial
    Learn how to make a complete signature (36)
    Signature Tutorial Hello. A friend of mine made this tutorial for his site, and he
    allowed me to post it here as well. Click here for the original tutorial.
    ______________________________________________ The Background QUOTE 1. OK, lets start by
    creating a 320x100 document with white background in photoshop. Then Press "D" on your keyboard to
    have your colors reseted. 2. Go to "Filter/Render/Clouds". You will have something similiar
    to this: 3. Create a new layer. Then get the brush tool, and start brushing with black color on
    t....
  18. [photoshop]liquid Glow Text
    (14)
    Make a pretty glow-type liquidy border for your text! This is for people who use Photoshop. I have
    CS 2, but you can make it with older versions. 1. Open a new document (default PS size should be
    fine), and make the background black. 2. Using the text tool, write a largish word in white. Works
    best with bolder fonts - I used "vein" (from dafont.com) at 72px. You should have something like
    this: 3. Make a copy of the text layer by either dragging the layer over the New Layer button or
    right-clicking on the layer and selecting "Duplicate Layer". Right click the copy,....
  19. [photoshop]affiliate Button Tutorial
    How to create one? (8)
    Ok, in this tutorial we're going to create an affiliate button. It's very easy! Difficulty:
    Easy Completion time ~10 minutes Required things: Photoshop, good brushes, pixel font, a brain. Ok
    lets get started! Step1: Open a new image, most Buttons are 88x31. So use that size. Step2:
    Now we need to add a black ground. Simply; Shift+F5. Now duplicate your background layer(the black
    one). This will be the brushing layer. Step3: Grab a brush and brush, alternate brushes, you
    should only need to do a few clicks since the size is so small. MAKE SURE YOU'....
  20. Simple Sig Tutorial
    photoshop sig tutorial : New to photoshop? (24)
    Mytutorial which i made for people who are new in photoshop: This is my first tutorial so maybe
    there are few mistakes .......
  21. Rounded Edges In Photoshop
    An easy way to do this (16)
    I'll show you how to make rounded edges and a border around a picture. 1) Open you picture in
    photoshop. I'm chose this lovely picture to work with: 2)Select the elliptical marquee tool
    and make shore you keep these settings: 3) Use the elliptical marquee tool to draw a circle
    selection in one of the corners of your picture like this. Pick a size depending on how rounded you
    want your image. 4) Repeat this in every corner of your image until you have something like this.
    Try to make all the circles look as much alike as possible. 5) Now select the re....
  22. How To Double Stroke Images
    Using Photoshop (23)
    (I am aware that there is an existing tutorial on double stroking text, but this is very different.)
    How to double stroke images using Photoshop by Strawberrie 1. Open up/copy&paste the
    image you want to double stroke onto a new layer (Shift+Ctrl+N) in Photoshop. 2. Go to Edit >
    Stroke. Set the width to 3 px and color to whatever you wish your furtherest inside border to be (in
    this case, black). You should get something like this: 3. Go to Edit > Stroke again. Set the
    width to 2 px and color to whatever you wish your middle border to be (in thi....
  23. Photoshop Registration
    concerning the pop-up window (6)
    hey, when you start installing photoshop, does the registration window pop up at the beginning ? or
    it doesn't come out until your 30 day trial is over? because i've reformatted my comp like 3
    times and i have ps on te cd saved but whenever i try to install it it never asks me to register
    it... also which is better? PHOTOSHOP cs OR PHOTOSHOP the newer version? and will the brushes for
    ps8 work on the newer one? thank you!....
  24. Adobe Photoshop --- Cyber Abstract
    (14)
    Step 1. Open a new document, make it 800x600pixels and make the background white. Then press D on
    your keyboard, this will make the colors reset to their default. (black and white) Step 2. Go to
    Filter=>Render=>Difference Clouds, press ctrl+F to repeat this step again. Step 3. Next go to
    Filter=>Pixelate=>Mezzotint, and use Long Lines Step 4. Go to Filter=>Blur=>Radial Blur and use the
    settings shown in the image below: (make sure you pull the blur center up to the left corner! THIS
    IS IMPORTANT!) Here is what I got: Step 5. Press Ctrl+U from your keyboard t....
  25. Turning An Image Into A Cartoon Style - Photoshop
    Tutorial on cartooning images. (32)
    This tut will show you how to make a photo look cartoonish in three easy steps... 1)Open your
    image in photoshop, doesnt really mater what size or shape anything really a landscape, city, or a
    person. I am using a picture of a football player in this example 2)Go up to
    Filter>Blur>Gaussian Blur and set the radius at 3.0 or higher depending on the effect your looking
    for. 3)Last go Edit>Fade Gaussian Blur. A window will pop up... set the mode to darken for tha
    cartoonish effect or to any other mode for plenty of other effects. Lower the opacity if you
    don't....
  26. Pencil Drawing [photoshop]
    (10)
    Here's how to make pictures were drawn in pencil! 1) Open up any picture 2) Apply
    Filter>Stylize>Find Edges. 3) Press CTRL+U Settings: Master, 0, -100, +57 And that's it!
    Your picture now looks as if it was drawn by hand. My result: ....
  27. Adobe Photoshop Fire Text
    (5)
    1. Create a new image, any size will do, but I used 400x150 (standard sig size) 2. Fill the newly
    created image with black 3. Create a new text layer with whatever text you want to use 4.
    Merge the text layer with your background layer (Click on your text layer, press Ctrl + E) 5.
    Filter, Stylize, Wind...Use Settings Below 6. Repeat by pressing Ctrl + F 7. Repeat steps
    5-6, changing the direction of the wind to Right 8. Now rotate the canvas 90 degrees CW 9.
    Repeat steps 5-7 10. Rotate the canvas 90 degrees CCW, this will return you to the origina....
  28. [photoshop] Cartoon Vector
    (25)
    How to turn a picture of an actual person into a cartoon... (1) Filter> Blur> Gaussian Blur
    Settings: 9px (2) Press Shift+Ctrl+C now in Mode set it to darken and opacity to 100% if it
    isn't already. And that's it! Simple, eh?....
  29. Exporting Transparent Images In Photoshop To Flash
    Needed: Photoshop 7 or CS, Flash MX (8)
    First of all, it is important that you make sure the image you wish to export is on a transparent
    layer. The transparent layer is a checkered background in photoshop. You can see this checkered
    background in the image to the left. In this example, I created a quick glass icon which has
    different levels of transparency. This is the image I will be exporting, whilst preserving
    it's transparency. Once your image is on a transparent background, head to file > save for
    web. You can only export complex transparency using the .png filetype. So from the drop down....
  30. Photoshop Tutorial Sites
    (39)
    here's a good list of photoshop tutorials: http://www.thewebmachine.com/
    http://www.switchdesigns.net/?id=ps http://user.fundy.net/morris/photoshop.shtml
    http://www.stridingstudio.com/tutorials/ http://www.wastedyouth.org/tutorials/index.html
    http://www.computerarts.co.uk/tutorials/2d/ http://www.deepspaceweb.com/
    http://www.neofrog.com/ http://www.phong.com/tutorials/
    http://www.spoono.com/tutorials/photoshop/ http://www.pixeljunction.com/tutorials.php
    http://www.eyewire.com/tips/photoshop/ http://www.photoshoproadmap.com/pho...rials....

    1. Looking for mario, signature, adobe, photoshop,
Similar
Getting Started With Photoshop! - Introduce yourself to photoshop and make a great friendship!
Making A Simple Signature With Adobe Photoshop - A tutorial to basic signature designing: By Accure
How To Change The Gradient Type And Make A Gradient On Adobe Photoshop Cs3
Adding Jigsaw Puzzle Effect With Photoshop
Adding Signature Stamp In Photoshop
Gimp Abstract Signature Tutorial - Brushes required
Photoshop -- Double Stroke - Learn to create a neat-o text effect
Photoshop Cs Tutorial - Make Your Pics A Little Spooky - How to Add ghost in your pics. Let peoples wondering is ir a real ghos
Photoshop Cs2: Full Signature Tutorial - Made by Tramposch
1,2,3px Borders - Adobe Photoshop CS2
Photoshop - Lightning Tutorial - How to make realistic lightning in photoshop.
Glossy Effect Tutorial [photoshop]
How To Make Cool Rain Effect - (photoshop tut)
My First Sig Tutorial (c4d+coloring) (photoshop) - your comments please
"pool Of Blood" Effect In Photoshop
[photoshop] Fire Tutorial - Making fire out of filters...
Signature Tutorial - Learn how to make a complete signature
[photoshop]liquid Glow Text
[photoshop]affiliate Button Tutorial - How to create one?
Simple Sig Tutorial - photoshop sig tutorial : New to photoshop?
Rounded Edges In Photoshop - An easy way to do this
How To Double Stroke Images - Using Photoshop
Photoshop Registration - concerning the pop-up window
Adobe Photoshop --- Cyber Abstract
Turning An Image Into A Cartoon Style - Photoshop - Tutorial on cartooning images.
Pencil Drawing [photoshop]
Adobe Photoshop Fire Text
[photoshop] Cartoon Vector
Exporting Transparent Images In Photoshop To Flash - Needed: Photoshop 7 or CS, Flash MX
Photoshop Tutorial Sites

Searching Video's for mario, signature, adobe, photoshop,
See Also,
advertisement


Mario Signature (adobe Photoshop)

Affordable Web Hosting, Low cost Web Hosting - ComputingHost.com