Author Topic: Signature Tutorials LA  (Read 3151 times)

Offline Rocka

  • Honored member
  • GodLike Member
  • *
  • Topic Author
  • Posts: 6227
  • Country: nl
  • Karma: +9039/-77
  • bewar doge
  • Awards Winner of 1 Photoshop Challenge Contest [COMMON] LA staff - Admin [EPIC] GFX staff member [RARE] B&U staff member [RARE] IHRL Legend [LEGENDARY] IHRL Champion [EPIC] IHRL Member [RARE] 2nd Place Admins Cup [EPIC] 2v2 SHOM Tournament Winner [RARE] 5v5 Night Cup Winner [EPIC] 5v5 Xmas Tournament Winner [EPIC] Castle Fight Winner [RARE] Legion TD Winner [RARE] Mirana Wars Winner [RARE] Pudge Wars Tournament Winner [RARE]
    • View Profile
    • Awards
Signature Tutorials LA
« on: June 27, 2011, 06:56 pm »
Sprite Tutorial by Dr.K
Spoiler for Hiden:

Kolumbos Signature Tutorial by Dr.K
Spoiler for Hiden:

Sprite Tutorial by Dr.K
Spoiler for Hiden:

Smudge Signature Tutorial by Dr.K
Spoiler for Hiden:

Absolute beginers tutorial By Dr.S
Spoiler for Hiden:
« Last Edit: November 01, 2017, 12:08 pm by Renovatio »
I see trees of wow
such roses too
wow very amaze
for doge and you

Quote
20:24    THELOVEBELOW    [All]    everytime you kill es you save a unicorn
20:30    jeandarc    [Allies]    an*
20:33    jeandarc    [Allies]    learn english

Offline iErnesto94

  • Honored member
  • MonsterKill Member
  • *
  • Posts: 4141
  • Country: gr
  • Karma: +373/-348
  • Server Account: iErnesto94
    PSR: Loading
    Games: Loading
    Wins/Loses: Loading/Loading
    Hero K/D/A: Loading
    Creep K/D/N: Loading
    Show/hide more stats
  • Awards Patreon Supporter [RARE] DotA 5v5 Tournament Winner [EPIC] Winner of 1 Photoshop Challenge Contest [COMMON] 1v1 Windrunner Tour Winner [RARE] GFX staff member [RARE] Tours staff member [RARE] B&U staff member [RARE] LA Ladder #4-10 [LEGENDARY] 3rd Place Admins Cup [EPIC] 3v3 SHOM Tournament Winner [RARE] Best Couple (2v2) Tour Winner [RARE]
    • View Profile
    • Awards
« Last Edit: August 06, 2013, 05:23 pm by iErnesto94 »

Offline Renovatio

  • Internal Affairs
  • GodLike Member
  • *
  • Posts: 7414
  • Country: ro
  • Karma: +789/-293
  • Server Account: -Renovatio.
    PSR: Loading
    Games: Loading
    Wins/Loses: Loading/Loading
    Hero K/D/A: Loading
    Creep K/D/N: Loading
    Show/hide more stats
  • Awards 2nd place on GFX Ladder 2015 [UNIQUE] Winner of 3 Challenges of the Week [RARE] Winner of 10 Signature of the Week Contest [LEGENDARY] GFX Tournament Winner [UNIQUE] Forum Contributor [COMMON] Forum staff member [RARE] MVP Member [LEGENDARY] 1st place on GFX Ladder 2018 [UNIQUE] Winner of 10 Photo Manipulation Contest [LEGENDARY] Making 50 bets in Footbal Betting [COMMON] Violinist - Music Quiz #1 [EPIC] 1st place on GFX Ladder 2017 [UNIQUE] Winner of 15 Photoshop Challenge Contests [LEGENDARY] Tournaments Contribution [RARE] Jungle Race Tour Winner [RARE] Uther Party Tournament Winner [COMMON] 1st place on GFX Ladder 2016 [UNIQUE] GFX staff member [RARE] LA staff - Admin [EPIC] B&U staff member [RARE]
    • View Profile
    • Awards
Making a signature using ipiccy.com
« Reply #2 on: October 14, 2017, 04:04 pm »
SOTW is a GFX competition created weekly.
The rules are simple:
1. Dont use an already made signature from internet
2. Your work must have the maximum size of 500x300 or 300x500 px (can have less than this).


To make a simple signature you will need 3 things:
1. Render
2. Background
3. Photo editor


For this tutorial I used www.ipiccy.com It has many features and is free.


In every SOTW we will sugest a theme and you will have to make a signature related to it. Lets say the theme is "Bears" (or animals).

First of all you will need a picture of a bear for your signature. You will not be asked to make the bear (or the background) from scratch. You can just search google for what you want and use those pictures in your signature.

Go to google and search the keywords "bear render" (always use keyword "render" in your search to be sure you get results with transparent background). Click "images" (next to All) to see only the image results listed.
*Click the screenshot to enlarge it.
Spoiler for Render searching:

Check the list and click the one you like. The image will be enlarged and you can see if it has transparent background. The images with transparent background are shown as a mosaic of grey and white squares, like in the screenshot below. If the one clicked by you doesnt have such background then pick another one that has, so you can avoid removing the background yourself.
Spoiler for Render:

Once you discovered the render that you want to use right-click it and save it to your desktop. Check to see if it is a PNG image (meaning it has transparent background).
Spoiler for Saving render:

Now you will need a background for your signature. Try searching something relevant for your theme or just search google for "abstract backgrounds". For "Bear" theme I searched google for "nature wallpaper" and found this:
Spoiler for Background:

Save it to your desktop (or other desired location) by right-click it > save as

You now have the required resources (render and background). Is time to use the photo editor. Go to www.ipiccy.com, create account there (easy way to create one is by signing up with Facebook or G+ account).

Click "Edit a photo" (first button from the 3 ones displayed in the center).
Spoiler for Ipiccy:

Now click Open from the top of the ipiccy window (next to Photo library). You can use mutiple sources for your pictures. You downloaded your render and background so you will use 'My computer". Browse your computer from there and select the background you downloaded earlier, click ok.

From the left column of the ipiccy editor click "Designer: add text, etc". Is red-circled in the below screenshot.
Spoiler for Ipiccy designer:


In the top-left of the designer's window you have 4 options, click the 1st one (Add photo), red-circled in the below screenshot.
Spoiler for Add pictures in designer - 1:

Note: You may be prompted to activate local storage. Just click "ok".

Click "Upload image" (left column under "Add images") > select your render (in this tutorial is the bear) > click upload/or.
Spoiler for Adding pictures in designer - 2:

You can see your render in that column now. Just click, hold click and drag it over the background. You can manipulate it as you manipulate a regular window. Drag him where you want it to be and resize it by clicking and holding one of its corners.

Note: If some part of it is out of the workbench (background) it will not be saved in your image. In the screenshot below I let the bear's feet out of the workbench and you will see they will not appear after exiting the designer.

Spoiler for Adding the render to your background:

In the left column you have some settings for your render. You can use "Fade" to add transparency to it, or change its hue, saturation, etc.

Lets add some text to our signature. In the 4 top options, next to "Add photos" is "Add text" (symbolized as a capital "T"). Click it.
Spoiler for Adding text:

In the left column you have text options. Lets add it some style. Input your text in the box were currently is written "Your text here". Below there are some Effects, I sugest you check the boxes for Gradient fill and Stroke. Next to them there is settings button (symbolized by a small engine wheel). If you click it for stroke you will see you can select the strokes color and thickness. Try using black and 10.

Now click the settings button for Gradient fill. From here you can select the colors to be used for your gradient. Select something that will match the color scheme of your background. You can change the colors by clicking the small squares from the screenshot below (red-circled):
Spoiler for Gradient fill:

You can add more colors to your gradient by clicking anywhere on the color band. A new small square will appear. Also, those squares can be dragged in order to select the percentge of each color in your gradient.

Lets select a proper size and font for our text. The size can be modified from below the box with the text or you can just click and hold one corner of the text box added in picture.
Change the font by clicking above the text box (left column) where currently is "Trebuchet MS". A font list will appear. Try picking something that is relevant with the signature's theme.
Spoiler for Font:


Drag the text box and click Basic editor from the first column from your left (first button, red-circled in the below screenshot). You will be prompted to save your work, click "APPLY & FLATTEN".
Spoiler for Finishing with designer:


You are now in basic editor. You can ass brightness, chance color of your work, saturation, increase shadows, etc. Do whatever you think will improve your work.

Apply some effects. Below "Basic editor" button is the one for Effects. Use something that looks good and try to always fade your effects. For bear signature I used orton effect. It looks cool but not fading it will increase the contrast making the picture hard to look at.
Spoiler for Adding effects:


Add a frame to your work. In the same column with basic editor and effects is "frames" button (red-circled in the below screenshot). I used rounded corners as frame, meaning that the corners now have transparent background and needs to be saved as PNG.
Spoiler for Adding frame:


If you're done applying effects, frame, etc, you can now resize your work in order to save it. The maximum size allowed in SOTW is 300x500 px or 500x300 px so resize your work in such way to fit this maximum; there is no need to make it exactly 500x300px, it can be smaller than this.
Spoiler for Resizing:

Your work is done. You can now save your work using the Save button from the top of the window and participate in SOTW.

After you managed to master these basic things you can try improving yourself by checking other features from ipiccy that werent detailed here while also using more renders; example: in my signature I can also add a sun in the background, a meteor iin the sky, another bear, spray paint, lines, people, etc. You can find any desired element, that fits your imagination, on google by searching like I searched for that bear, keywords: <element> render.

Good Luck & Have fun!
« Last Edit: October 14, 2017, 04:14 pm by Renovatio »
Join GFX Competitions. Awards, titles, acces to private forum areas and more are given. Is fun.