Jul 25, 2008

Gimp Abstract Signature Tutorial - Brushes required

Free Web Hosting, No Ads > Xisto Network Sites > The GFXTrap Forum - Trap17 Graphics Site > Tutorials

free web hosting

Gimp Abstract Signature Tutorial - Brushes required

coolcat50
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, then proceed.

Ok, we have our brushing done, now to get the color. We will be using Color Balance which can be found under Color. A window like this should pop up:

Mix around with the colors a bit and make it look cool.

Next you want to select your second layer. You want to colorize this one. I used these settings:


I ended up with this color scheme:


Next you will want to make a new layer to darken the colors. Fill the layer with a dark color like dark green and use the Layer filters to make it blend. I used this color:


After messing with the effects and selecting one. I came up with this:


Next we will load up our render. I am using a Falco Lombarde render.


Place the render wherever you want and get it positioned right. I have this:


Next, we want to blend our render into the background. I will be using opacity to blend it in. I am setting my opacity for the render to about 80. It looks like this:


Ok, now we need to make a border. First, create a new layer. I used these settings:


Next we want to make a border as a selection. Go to Select -> Select All. Then go to Select -> Shrink. This will let you shrink your selection.
I used these settings for shrink:


Next, you want to invert the selection. Go to Select -> Invert. This will make the selection be a border. Now you want to color in the selection.
I used the gradient tool. Here is what I came up with for the border:


Next, we will add text. Pick a font and add some text. I used a small size with a fancy font. I ended up with this:


Now save it as an XCF file for future editing and as PNG for use as a sig. Here is the final product:


Thank you for reading my tutorial and good luck. Don't feel shy to mess around with GIMP. That is how I did this.

 

 

 


Reply

t3jem
Sweet, I've been thinking about making my own banner for my website and since I use linux I have GIMP and don't want to install photoshop, thanks for the tutorial, definitly gave me some help in some of the techniques to use.

Reply

tricky77puzzle
Sometimes, if you don't want to opacity-blend effects, and you want your person/caricature to stand out in different-than-original colours, you can use different render options like Multiply, Grain extract, or Saturation.

Just a thought...

Reply

dcskataboy
Thanks for the tutorial. I am using it to my me a sig for trap17 forums. it is a great tutorial and you explained it very well. thanks

Reply

karlosantana
Ok what do you think of this as a first? Remember it's a first so dont be harsh (please!!!)

It's a gift to evolke, I kinda didnt know where to start, so, I started with Evo- The prodest of noobs! na guys be nice to her! Shes awesome!
Remember it's my first!
Karlos

Reply

Inhuman
Nice tutorial. Here's a gif I made in GIMP. I don't remember everything I did, but I do remember making 2 seperate animations and manually pasting one over the other....not fun.

Reply

iGuest
How to place render in the background?
Gimp Abstract Signature Tutorial

Ok,now I know how to make siggys but I still did'nt understand that you did you place a render in the background.I thougt to cut it but did'nt work.Can you tell me Please.

-reply by Tom collins

Reply

iGuest
How did u place the render?
Gimp Abstract Signature Tutorial

Replying to coolcat50How did you place the render in the background I did'nt understand.Can you tell me Please??

-question by Tom collins

Reply

iGuest
Dude you need a lot of work done
1. The render doens't blend
2.You need to make a better background(for that sig use a red background)
3. Use some C4D's
But don't worry for the rest it's good
Btw I'm a gfxer 2
So I know these things
~me2hack

-reply by Me2Hack

Reply

iGuest
Replying to iGuest
~you get the render
~pick the magic wand
~pull it from top to bottem (pressed in)
~then it is selected
~Press Ctrl X
~go to your sig
~press Ctrl V
~and voila

~me2hack

Reply



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*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:

Recent Queries:-
  1. on photoshop cs3 have an open png file that will not give me the option of saving as brush preset - 0.06 hr back. (1)
  2. signatur tutorial - 0.62 hr back. (1)
  3. mezzotint gimp - 4.64 hr back. (2)
  4. gimp signature grunge - 12.49 hr back. (1)
  5. signatures guide with gimp - 13.44 hr back. (2)
  6. gimp sig tut filter - 13.90 hr back. (1)
  7. free gimp abstract brushes - 17.04 hr back. (1)
  8. create abstract signatures - 19.68 hr back. (1)
  9. edit signature gimp - 20.70 hr back. (1)
  10. gimp signatur guide - 21.12 hr back. (1)
  11. simple signature tutorial without render for gimp - 23.34 hr back. (1)
  12. sig background in gimp - 23.67 hr back. (1)
  13. gimp sig tutorial - 24.39 hr back. (2)
  14. signature tutorial dark - 25.04 hr back. (1)
Similar Topics

Keywords : gimp, abstract, signature, brushes, required

  1. [request] Gimp Tutorial For Watermarking Pictures
    can someone explain the method I need to use to do that? (2)
  2. Adding Signature Stamp In Photoshop
    (2)
    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....
  3. [gimp] Guides: Imitating Slices
    (4)
    In the GIMP there's a feature known as a guide which is about as close as you can get to the
    way Photoshop slices an image. You may not be able to generate an HTML TABLE out of the guides
    (don't even attempt to via "Save As" /tongue.gif" style="vertical-align:middle" emoid=":P"
    border="0" alt="tongue.gif" />—not good) like with slices in ImageReady (Photoshop uses
    ImageReady to generate the HTML TABLE; last i checked), but it still helps when slicing an image
    GIMP style . Note: I'm using the development version of the GIMP (version 2.3.18), so th....
  4. Full Grunge Signature Background
    (7)
    This is my first tutorial but i think it will go well. I am using Adobe Photoshop CS3, things make
    look different but they will work on CS2 and more. I may do things different so dont flame me.
    :laugh: I will do a full one after with a render but for now just the background. Ok lets
    start! Full Grunge Signature Background Before we start you will need to download and
    install this brush set: http://rapidshare.com/files/16829781/abstr...yalias.abr.html After you
    have downloaded that place that file in C:/Program Files/Adobe/Adobe Photoshop CS3/Presets/Brushe....
  5. Spiderman Signature Tut
    long tut (10)
    1. oke lets make our sign, start by making a new document size wise 400widthx100height,(in pixels
    ofcourse) 2. make the background color(with paint bucket)#3a3102 3 now get the dodge tool( it will
    be shown on the printscreen if u don't know where u find the dodge tool)
    .........................setting=129 softround brush ..........................range=highlight
    .....................exposure=260% move it like this make sure u dodge it a lil more in the middle
    result= 4.now where gonna use this background below i got from deviantart, i dun realy know the
    name an....
  6. Photoshop Cs2: Full Signature Tutorial
    Made by Tramposch (11)
    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---&#....
  7. [ps] Jack Sparrow Signature
    (0)
    Tutorial Name: Jack Sparrow Signature Created by: ~Xtreme~ 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. Today, you will
    be learning how to make a signature like this one. 1) First start off by making a new document.
    I will be using 340x125 and place yoru stock in your empty canvas. Resze if nee....
  8. Mario Signature (adobe Photoshop)
    (15)
    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....
  9. [gimp] Gradient-brush Sig Tutorial
    As requested... (9)
    This tutorial assumes that you know the basics and way around the GIMP. This tutorial is also based
    on the following sig: Note: This tutorial was written and made under Linux for convenience
    purposes (gotta love KSnapshot /xd.gif" style="vertical-align:middle" emoid=":XD:" border="0"
    alt="xd.gif" />), so shortcut keys may differ under Windows. Create a new document: File > New
    (Ctrl+N): 400px (w) by 150px (h) . Load up your render: File > Open As Layer (Ctrl+Alt+O) . Scale
    the image (render) down a bit if it covers too much room. Make sure this first layer....
  10. Gimp Download And Setup
    Links to obtain The GIMP Package (7)
    At the request of a member, here are some links for instructions for downloading and installing the
    GIMP Graphics package. This discusses a Windows application. Other versions are available. Follow
    these links to find the version suitable for your particular installation. GIMP download page here
    : http://www.gimp.org/downloads/ Select the Windows Binary link : http://www.gimp.org/windows/
    Select Automated Installer : http://gimp-win.sourceforge.net/ Select Download Stable version :
    http://gimp-win.sourceforge.net/stable.html Select Download : http://sourcef....
  11. [GIMP] Simple Stroke Tutorial
    Better than Edit > Stroke... (3)
    Simple Stroke Tutorial for the GIMP Note: This tutorial works best with pixel fonts.
    Intro This tutorial is made to provide an alternative for Edit > Stroke, which does a
    not-so-good job when it comes to making strokes on curves (and on {certain} objects), as shown
    below: Tutorial In the main window (should be titled "The GIMP"), click on File >
    New (Ctrl+N) : select whatever resolution you want. Select the text tool ( ) (make sure the text
    color is black) and click anywhere in the field, type in some text. Duplicate the layer ( ....
  12. Fancy Lines In Signature
    Adobe Photoshop 7+ (0)
    This tutorial is not mine, it was made by a good friend called Apodae Swift who is letting me repost
    it as long as I give him credit. Tutorial: Fancy lines in signature Program: Adobe Photoshop
    Example: And here is the tutorial. For this example I have used a base background image with
    width 500px and height 100px. It can be easily adapted for other sizes. 1. First thing you need to
    do is get the correct tool. It is normally pre-set as the rectangle tool. As such from the options
    on the top row you need to pick line. Then give it a weight of 0.1cm. 2. When this ....
  13. Gimp Thumping Sig Tut.
    GAP not needed (3)
    This tutorial can also be downloaded at deviantart 1.Open your Image you wish to use sig or what
    ever 2.Now Duplicate your layer 3.On your duplicated layer use the radial blur that can be found
    herehttp://www.gimptalk.com/topic.php?a=v&t=919&f=9 I used 20 Blur and 40 feather but you can also
    adjust to your taste 4.Go to filters and select animation and then select optimize for gif 5.
    Leave your blured layer at 100ms and set the bottom layer to 300ms or 400ms go with what you like
    best 6.Here is a tip if you look at my blue and white sig notice the darker ....
  14. Complete Signature Tutorial
    Adobe Photoshop 7+ (18)
    Well here's my 3rd tutorial, it took about a hour and a half to make and I hope it helps people
    out. I use this technique in a lot of my signatures. Easy Full Signature In this tutorial I will
    show you how to make a signature like this: Resources used in this tutorial: Dark Crystal
    Script Font Rust and Grunge Brushes Link Render Brushing the background 1) Create a new
    canvas (I used 340x120) 2) Fill the background layer with black 3) Load your brushes 4) Set your
    foreground to white 5) Create a new layer (CTRL+Shift+N) 6) Brush the background....
  15. Loading / Replacing / Reseting Brushes
    Adobe Photoshop 7+ (0)
    Well here's my second tutorial, I made it for all those people who are just starting to get into
    adobe photoshop and don't know how to load / replace / reset brushes. How to load / replace /
    reset brushes Tutorial: How to load brushes 1) Open Photoshop 2) Select the brush tool ( B ) 3)
    Select the down pointing arrow on the left side of where it shows the brush you currently have
    selected 4) To the right of the brush size, click the arrow pointing to the right 5) Select Load
    Brushes 6) Locate the brushes you want to use and double click on the brush set (Im....
  16. A Gimp Border Tut
    (0)
    This is so simple, I won't even post images. This tutorial is for GIMP users but is so easy to
    apply to PS. Good luck and read carfully! 1.Okay, after you have finished your sig flatten all
    layers, now make a new layer. 2.Change the main color to black. 3.Right click->Select->Select all.
    4.Edit->Stroke selection(Or something like tat)->Have it on 9.5 Pixels->Click okay. 5.Repeat #4
    except have the color on white and the pixel on 7.5. 6.Repeat #4 again with color black and 5.0
    Pixels. 7.Put the layer on overlay. 8.And voila(French for "There you go!")....
  17. Signature Tutorial
    Smudge+Filters (6)
    This tutorial is for Vetrerans You need some experience in PS For this tutorial
    Time taken for tutorial 1 hour ....
  18. Cool Full Signature Tutorial
    Awesome Outcome (1)
    ....
  19. Full Grunge Signature Tutorial
    My 1st Full Signauture Tutorial (3)
    Hey This Is My 1st Full Signature Tutorial Click here for the tut Im giving the link because the
    tutorial is big in size Pls Give me comments and thank me if this tutorial helps you....
  20. Full Signature Tut
    (1)
    Heres a Tutorial I made the other day Feel free to use it /happy.gif" style="vertical-align:middle"
    emoid="^_^" border="0" alt="happy.gif" /> ....
  21. [gimp] Making A Php-nuke Tech Style Block
    (0)
    This is my first tutorial ever so, good luck to me and I hope Everyone can understand it well
    enough. This is also my fist post As a member of the Forums so, Hello Everyone...I hope I can
    contribute as much as these forums will contribute to me. Since I am a Penny Pincher I will be
    using the GIMP which is like a free version of Adobe Photoshop. If you Never Heard of the GIMP, you
    can get info on it here . If you use Photoshop, you should be able to use this tutorial as
    well.(with some minor changes) Ok, on to the Tutorial: The end product will look like so: And
    c....
  22. Filter/smudge Tutorial
    no Brushes ***Render Warning*** (9)
    Step 1: Open up document 320x150 Step 2: Chose a render that you use will be using for
    your background and as your main image then resize it as well to what ever you wish. Step 3:
    Then make enough copies of the render to fill up the background space. Make Sure to deselect the
    original so not to mess up. Step 4: Then make a new layer and then go to image and apply
    image, next deselect all your copy images or if you want you can delete them cause now its just
    nothing but copies of this background. For now Im just going to deselect my images for no....
  23. Photoshop-ambience And Abstract!
    PHOTOSHOP-Ambience and Abstract! (1)
    I've finally made the tutorial my both of my current signature images! I made a poll to see
    if people wanted me to make it, and seven people said yes, so here you go: Important Note!
    The outcome of the image depends on the number of lens flares and the positions of them in steps 4
    and 5! Ambience: 1. Open Photoshop and creat a new document. Make sure that it is square.
    Mine is 300x300. 2. Press ctrl + a to select all of the canvas, then right click on it and press
    fill. Chose black or another dark colour to fill it with, then press ctrl + d to des....
  24. Signature Tutorial
    Learn how to make a complete signature (23)
    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....
  25. [photoshop]grunge Abstract Sig ~ Samma
    Includes Multi Color Method (9)
    Im not sure if this has been done before... I havent seen a grunge abstract tut before, but anyways
    here it is /tongue.gif' border='0' style='vertical-align:middle' alt='tongue.gif' /> Outcome:
    1. Fill the canvas with black, and brush with white using a grunge brush. After you have
    completely filled the whole layer with the grunge brush, go to Image > Adjustments > Auto Contrast,
    then go to Filter > Sharpen > Sharpen Edges, then finaly go to Edit > Fade Sharpen Edges and do an
    opacity of 50%. Make a new layer. Repeat Step 1. another 2 times using different gru....
  26. Creating A Graphical Signature
    In Fireworks... (9)
    Fireworks Tutorial 2 Creating a graphical signature. The Way Things Work: 1. All steps are
    highlighted in blue. 2. When point of reference for an object location within a document it is shown
    as (x,y). The (x) stands for the distance from the left edge and the (y) represents the distance
    from the top edge. For example, if (0,10) is displayed, then the object will be on the left edge of
    the document, 10 pixels down from the top edge. 3. Screenshots of the current progress will be given
    when needed. Note that not all of the steps will include a screenshot and some may ha....
  27. Nguyen's Tutorial -- Get The Outline Of A Render
    useful for abstract stuff or icons (17)
    Blurb Today, I will show you how to get an outline of a render. I saw in one of Brooks' sig
    where he used an outline of zelda, and I was interested in how he did that. Instead of IMing him or
    looking on good-tutorials, I learned it myself. Why? That's how I roll. Why? If you're
    ever in a situation where you need a good outline of a render, you can follow this simple tutorial
    to get one. You can even use the outline to make an icon or whatever. The choice is yours. Keep
    reading this, and I'll show you the sig that I used my outline in. How? T....
  28. Sprites Full Sig Tutorial V2
    how to make a full sig...brushes include (15)
    IF YOU LIKED THIS TUTORIAL PLEASE REGISTER ->HERE In this tutorial you will be creating a
    signature similiar to this: Part 1: Part 2: Part Two: Enjoy! I DID NOT MAKE THE
    BRUSHES I USED, THEY CAN BE FOUND HERE: http://totalwarmu.com/~krazy/sparkleps7.abr and...
    http://www.deviantart.com/view/18564160/ ....
  29. Johnny's Sig Tutorials Pt. 3 -- Choosing Brushes
    Which to use, and what they look like. (17)
    Okay, the first part of sig brushing is figuring out which to use. Let's go over some of the
    types, and I'll show some examples of each. Excuse me if it's not the greatest tutorial in
    the world...I was tired and got bored and rushed it a bit. Abstract -- Abstract is pointed out by
    3d shapes or by triangular-ish shapes. It's kind of hard to explain, but you should be able to
    recognize it if you see it, although some brush designers have different ideas of abstract.
    Basically, abstract brushes are useful in tech sigs. Fractal -- Fractal brushes are....
  30. 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 ke....

    1. Looking for gimp, abstract, signature, brushes, required

Searching Video's for gimp, abstract, signature, brushes, required
Similar
[request]
Gimp
Tutorial For
Watermarking
Pictures -
can someone
explain the
method I
need to use
to do that?
Adding
Signature
Stamp In
Photoshop
[gimp]
Guides:
Imitating
Slices
Full Grunge
Signature
Background
Spiderman
Signature
Tut - long
tut
Photoshop
Cs2: Full
Signature
Tutorial -
Made by
Tramposch
[ps] Jack
Sparrow
Signature
Mario
Signature
(adobe
Photoshop)
[gimp]
Gradient-bru
sh Sig
Tutorial -
As
requested...
Gimp
Download And
Setup -
Links to
obtain The
GIMP Package
[GIMP]
Simple
Stroke
Tutorial -
Better than
Edit >
Stroke...
Fancy Lines
In Signature
- Adobe
Photoshop 7+
Gimp
Thumping Sig
Tut. - GAP
not needed
Complete
Signature
Tutorial -
Adobe
Photoshop 7+
Loading /
Replacing /
Reseting
Brushes -
Adobe
Photoshop 7+
A Gimp
Border Tut
Signature
Tutorial -
Smudge+Filte
rs
Cool Full
Signature
Tutorial -
Awesome
Outcome
Full Grunge
Signature
Tutorial -
My 1st Full
Signauture
Tutorial
Full
Signature
Tut
[gimp]
Making A
Php-nuke
Tech Style
Block
Filter/smudg
e Tutorial -
no Brushes
***Render
Warning***
Photoshop-am
bience And
Abstract!
; -
PHOTOSHOP-Am
bience and
Abstract!
;
Signature
Tutorial -
Learn how to
make a
complete
signature
[photoshop]g
runge
Abstract Sig
~ Samma -
Includes
Multi Color
Method
Creating A
Graphical
Signature -
In
Fireworks...
Nguyen's
Tutorial --
Get The
Outline Of A
Render -
useful for
abstract
stuff or
icons
Sprites Full
Sig Tutorial
V2 - how to
make a full
sig...brushe
s include
Johnny's
Sig
Tutorials
Pt. 3 --
Choosing
Brushes -
Which to
use, and
what they
look like.
Adobe
Photoshop
--- Cyber
Abstract
advertisement



Gimp Abstract Signature Tutorial - Brushes required



 

 

 

 

ADD REPLY / Got an Opinion! Remove these ADs! RAPID SEARCH! Free Web Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE