Gamebreak
Would you like to react to this message? Create an account in a few clicks or log in to continue.


Breaking the Rules of Gaming
 
HomeSearchLatest imagesRegisterLog in
Graphic School is now open, please check in the first lesson. Reputation Sytem is now also implemented.

Share | 
 

 Code Geass Signature tutorial.

View previous topic View next topic Go down 
AuthorMessage
~ZeroTypeX~
Guardian
Guardian
~ZeroTypeX~

Posts : 395
Reputation : 60
Join date : 2010-03-08
Age : 27
Location : Philippines

Code Geass Signature tutorial. Vide
PostSubject: Code Geass Signature tutorial.   Code Geass Signature tutorial. I_icon_minitimeMon Mar 22, 2010 9:49 pm

Welcome to this CodeGeass Photoshop Signature tutorial. We will be using a code geass character, a large render, and special filter effects to achieve the final result.You can download the specific signature render that we’ve used [You must be registered and logged in to see this link.] The signature was the idea of: ZeroTypeX23
Not made by him.
Code Geass Signature tutorial. 1

Start by creating a new file in Photoshop (File > New), our size was set to 420 pixels by 130 pixels. The first few steps will be used to create some detail in the signature, we will then continue changing colors and lighting.
Code Geass Signature tutorial. 2

Apply some sort of texture on the canvas to get some detail. Here, a cracked texture was used.
Code Geass Signature tutorial. 3

We’re going to use some splatter brushes, with a bright red color. It’s best to create new layers (CTRL + SHIFT + N) every time you brush, so you keep maximum control of the looks.
Code Geass Signature tutorial. 4

Some more splatters on a new layer with the same red bright color.
Code Geass Signature tutorial. 5

Change the blending mode of the last splattering to Multiply:
Code Geass Signature tutorial. 6

We’re going to add a cinema4d render on the signature. You can find some renders in our resources section. The render that was used can be found [You must be registered and logged in to see this link.]
Code Geass Signature tutorial. 8

Change the blending mode of the render to Screen:
Code Geass Signature tutorial. 9

:STOP!:
Render used:
Code Geass Signature tutorial. Render

:Continue:

Add your render to the signature. The good thing about this render is that we can work with his hand to create some special effect. Try finding a render that has some activity in it that you can use.
Code Geass Signature tutorial. 10

Add another render on top of character, and rotate it (CTRL + T) to follow the flow of the character (in this case, his arm):
Code Geass Signature tutorial. 11

We’ve added the [URL="https://2img.net/h/i754.photobucket.com/albums/xx182/ZeroTypeX/c4drender.png"]same render[/URL] that we’ve added a few steps back on top of the signature again, and used the eraser tool to remove some areas covering our Code Geass character.
Code Geass Signature tutorial. 13

We’re going to create a glowing sphere in her hand. Select the brush tool, and pick a decent size soft brush:
Code Geass Signature tutorial. 14

With a yellow color, tap once on top of his hand:
Code Geass Signature tutorial. 15

Apply a bright outer glow to it, with the following settings:
Code Geass Signature tutorial. 16

This is what the sphere looks like on a black background:
Code Geass Signature tutorial. 17

We will be erasing some of it to make it seem as if its inside of his hand. To make the erasing a little easier, CTRL + Click on the layer of the character. This will turn it into a selection.
Code Geass Signature tutorial. 18

Zoom in and carefully erase with a small brush, parts of the yellow sphere:
Code Geass Signature tutorial. 19

Using the smudge tool, we will be creating some sort of light flow that comes out of his hand. First, tap again with a soft brush, then use the smudge tool to create some light flow coming out between his fingers:
Code Geass Signature tutorial. 20

This is the light brushing shown on a black background:
Code Geass Signature tutorial. 21

Result shown on the signature:
Code Geass Signature tutorial. 22

Apply the same outer glow that we used earlier:
Code Geass Signature tutorial. 23

Outcome of the glowing sphere in his hand:
Code Geass Signature tutorial. 24

We’re going to make his eye color match the red background a little more. Pick a small brush, and tap on top of his eyes with a bright red color:
Code Geass Signature tutorial. 25

Set the blending mode to Color, and reduce the opacity to 80%:
Code Geass Signature tutorial. 26

Play around with the settings a little. This is our image with an Ocean Ripple applied:
Code Geass Signature tutorial. 27

Now erase most of it, keep some sections of the render surrounding our character, and the light sphere coming out of his hand:
Code Geass Signature tutorial. 28

Change this layers blending mode to Lighten:
Code Geass Signature tutorial. 29

We’re going to add a Color Balance adjustment layer. You should be using your own settings, as our settings probably won’t work for your signature. Here are our settings anyway to illustrate an example. To create a color balance layer, select Layer > New Adjustment Layer > Color Balance:
Code Geass Signature tutorial. 30

Outcome of the color balance adjustment layer:
Code Geass Signature tutorial. 31

We don’t want the Color Balance to cover the code geass character. Click on the adjustment layer, and start brushing with darkish grey over your character:
Code Geass Signature tutorial. 32

This is our outcome:
Code Geass Signature tutorial. 33

Time to add another color to the signature. We will be using a Hue/Saturation adjustment layer for this. To create a Hue/Saturation layer, select Layer > New Adjustment Layer > Hue/Saturation…

In the adjustment layer, select Master from the dropdown menu, and move the Hue bar around.
Code Geass Signature tutorial. 34

Our outcome:
Code Geass Signature tutorial. 35

We’re going to use a splatter brush to hide some part of the Adjustment layer. Select the layer mask:
Code Geass Signature tutorial. 36

And tap with a black color on the layer. This will hide the adjustment layer:
Code Geass Signature tutorial. 37

We think the signature is a little too dark. Using another Hue/Saturation layer, we will lighten it up a little. Once again, select Master from the dropdown menu, then drag the Lightness Bar:
Code Geass Signature tutorial. 38

You should also move the saturation if this makes the signature too greyish.
Code Geass Signature tutorial. 39

Add some text to your signature. Select the eyedropper tool to pick colors from your signature:
Code Geass Signature tutorial. 40

To finnish it up, select the Dodge and Burn tool, and add some lighting.
Code Geass Signature tutorial. 41

Go crazy, use some brushing or adjustment layers if you think that finishes it. Sharpen if needed. Our final outcome:
Code Geass Signature tutorial. 43

We hope you’ve enjoyed this tutorial.

Render used:
Code Geass Signature tutorial. Render

Credits to: RnelTutorials and SignatureStop.com

For more info Visit my website. PM ME if you want to know.

Quote :
The signature was the idea of: ZeroTypeX23
Not made by him.

Means I can repost it.
Back to top Go down
WarriorGod
GFX Student
GFX Student
WarriorGod

Posts : 168
Reputation : 51
Join date : 2010-03-28
Age : 30
Location : Phillipines

Code Geass Signature tutorial. Vide
PostSubject: Re: Code Geass Signature tutorial.   Code Geass Signature tutorial. I_icon_minitimeMon Mar 29, 2010 7:59 pm

Wow Thanks For The Tut..:)) :cheers:
Back to top Go down
https://gamebreak.darkbb.com/profile.forum?mode=viewprofile&a
Link
Global Moderator
Global Moderator
Link

Posts : 356
Reputation : 8
Join date : 2009-12-24
Age : 32
Location : Everywhere

Code Geass Signature tutorial. Vide
PostSubject: Re: Code Geass Signature tutorial.   Code Geass Signature tutorial. I_icon_minitimeMon Mar 29, 2010 8:10 pm

nice tut :D
Back to top Go down
WarriorGod
GFX Student
GFX Student
WarriorGod

Posts : 168
Reputation : 51
Join date : 2010-03-28
Age : 30
Location : Phillipines

Code Geass Signature tutorial. Vide
PostSubject: Re: Code Geass Signature tutorial.   Code Geass Signature tutorial. I_icon_minitimeMon Mar 29, 2010 8:13 pm

Umm BTW The Link Of Photo Bucket Does Not Work cry
Back to top Go down
https://gamebreak.darkbb.com/profile.forum?mode=viewprofile&a
Link
Global Moderator
Global Moderator
Link

Posts : 356
Reputation : 8
Join date : 2009-12-24
Age : 32
Location : Everywhere

Code Geass Signature tutorial. Vide
PostSubject: Re: Code Geass Signature tutorial.   Code Geass Signature tutorial. I_icon_minitimeMon Mar 29, 2010 8:46 pm

The image is broken we could wait while until zerotype re-upload the image.
Back to top Go down
Reborn
Level 1 Gamer
Level 1 Gamer
Reborn

Posts : 29
Reputation : 50
Join date : 2010-05-01
Age : 29
Location : Over The Rainbow

Code Geass Signature tutorial. Vide
PostSubject: Re: Code Geass Signature tutorial.   Code Geass Signature tutorial. I_icon_minitimeMon May 03, 2010 4:30 am

weird ! NO PICTURES . lol lol lol
Back to top Go down
~Tiffany~
Level 1 Gamer
Level 1 Gamer
~Tiffany~

Posts : 44
Reputation : 50
Join date : 2010-05-01
Age : 34
Location : Philippines

Code Geass Signature tutorial. Vide
PostSubject: Re: Code Geass Signature tutorial.   Code Geass Signature tutorial. I_icon_minitimeWed May 05, 2010 9:05 pm

~It's been deleted..
Back to top Go down
Link
Global Moderator
Global Moderator
Link

Posts : 356
Reputation : 8
Join date : 2009-12-24
Age : 32
Location : Everywhere

Code Geass Signature tutorial. Vide
PostSubject: Re: Code Geass Signature tutorial.   Code Geass Signature tutorial. I_icon_minitimeThu May 06, 2010 4:16 am

this thread is getting useless can i close this?
Back to top Go down
rusl07cl08
GFX Student
GFX Student
rusl07cl08

Posts : 93
Reputation : 53
Join date : 2010-01-16
Age : 32
Location : Laguna

Code Geass Signature tutorial. Vide
PostSubject: Re: Code Geass Signature tutorial.   Code Geass Signature tutorial. I_icon_minitimeMon May 10, 2010 1:19 am

xure Link.. with all your respect.


Go! Go! Go!
Back to top Go down
WarriorGod
GFX Student
GFX Student
WarriorGod

Posts : 168
Reputation : 51
Join date : 2010-03-28
Age : 30
Location : Phillipines

Code Geass Signature tutorial. Vide
PostSubject: Re: Code Geass Signature tutorial.   Code Geass Signature tutorial. I_icon_minitimeMon May 10, 2010 1:30 am

@rusl07cl08


what are you taLKING about
Back to top Go down
https://gamebreak.darkbb.com/profile.forum?mode=viewprofile&a
Sponsored content




Code Geass Signature tutorial. Vide
PostSubject: Re: Code Geass Signature tutorial.   Code Geass Signature tutorial. I_icon_minitime

Back to top Go down
 

Code Geass Signature tutorial.

View previous topic View next topic Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
Gamebreak :: Artist's corner :: Photoshop-