Code Stream Tutorial.

22 posts · 2007-07-13 12:25:13 to 2008-06-27 13:41:37

#36300281941 07/13/2007 12:25:13 Code Stream Tutorial.
Ok for this tutorial you will need 2 things.
1. The image you want to turn to ‘code’.
2. A ‘code’ layer which you can download here.

Oh and Photoshop. :p

For the purposes of this tutorial I am going to be using this image to turn to code…



Ok, so open the image you want to turn into code and go to Image>Adjustments>Auto Contrast.
It’s always good to do this on a image 90% of the time as it improves it if it is to dark or to light.
Now duplicate your background layer by going to Layer> Duplicate Layer.
To make layers easier to track in this tutorial name the layer ‘Multiply’.
Now with the ‘Multiply’ layer selected go to Filter>Stylize>Glowing Edges.
These settings can be tinkered with but I tend to go with something like
Edge Width: 1
Edge Brightness: 5
Smoothness:1
Ok that and then go to Image>Adjustments>Desaturate.



Duplicate the ‘Multiply’ layer and call it ‘Screen’.
This is the point where we need to bring in that ‘code’ image that I created and copy and paste it into the image we are working on.
We need to place it below both the ‘Multiply’ layer and the ‘Screen’ layer.
Now we need to set each layer’s blending mode, set ‘Multiply’ to Multiply and ‘Screen’ to Screen.
Turn down the ‘Screen’ layer’s opacity to between 10%-40% depending on how dark the original image was, the darker the original image the higher the opacity.
With this step remember less is more, it’s good to re-check your opacity after you add a colour balance.
Now you can add colour to it, you can do this two ways I prefer to use Adjustment Layers so I’ll be telling you that way.
Make sure your top layer is selected and click this  button in Photoshop and select ‘Colour Balance’.
You can get a variety of different results with different colour combinations but I tend to go with these seetings…
Midtones: Green +25 Cyan -25
Highlights: Green +75 Cyan -50



And you’re done!

Feel free to post your results in this thread.

4 8 15 16 23 42
#36300281943 07/13/2007 12:25:54 Re:Code Stream Tutorial.
WOOHOO. This tutorial owns!


#36300282056 07/13/2007 15:18:49 Re:Code Stream Tutorial.
Wicked!
#36300282121 07/13/2007 16:45:10 Re:Code Stream Tutorial.

Could you use the same technique with a close-up image and larger code?

Darkhawk's Gallery | Section 9's Past | Metal Gear?! It's already active?!
There can only be room for one Snake, and one Big Boss!
#36300282123 07/13/2007 16:46:00 Re:Code Stream Tutorial.
SolidRevolver wrote:

Could you use the same technique with a close-up image and larger code?

Should work. I know I reduced the code size for one image I did.

#36300282305 07/13/2007 20:47:04 Re:Code Stream Tutorial.
Thanks.  I'll have to give this a try.. and I recognize that scene  hehehe
#36300282614 07/14/2007 07:26:22 Re:Code Stream Tutorial.
SolidRevolver wrote:

Could you use the same technique with a close-up image and larger code?

You could use it for a close up, but I don't think you would be needing to increase the code size more tinkering with the Glowing Edges might be needed though...

 

There's a quick close up test, like I said quick. :p

4 8 15 16 23 42
#36300282632 07/14/2007 08:09:25 Re:Code Stream Tutorial.
The image looks awesome without the code
#36300282635 07/14/2007 08:11:27 Re:Code Stream Tutorial.
Relox wrote:
The image looks awesome without the code
That's useropts for you. SMILEY

4 8 15 16 23 42
#36300282640 07/14/2007 08:26:30 Re:Code Stream Tutorial.
odj wrote:
Relox wrote:
The image looks awesome without the code
That's useropts for you. SMILEY
I mean in black and white form I dont know why just looks awesome
#36300301874 08/11/2007 14:16:31 Re:Code Stream Tutorial.
For some reason, I didn't get the code image to come through :/
#36300301876 08/11/2007 14:27:14 Re:Code Stream Tutorial.
Woodgrain wrote:
For some reason, I didn't get the code image to come through :/
Strange, its still on my server. Tried right click>save as?

4 8 15 16 23 42
#36300301879 08/11/2007 14:28:20 Re:Code Stream Tutorial.
odj wrote:
Woodgrain wrote:
For some reason, I didn't get the code image to come through :/
Strange, its still on my server. Tried right click>save as?
I think he means when he tried to do it in photoshop. *giggles*
#36300301882 08/11/2007 14:33:17 Re:Code Stream Tutorial.
Havocide wrote:
odj wrote:
Woodgrain wrote:
For some reason, I didn't get the code image to come through :/
Strange, its still on my server. Tried right click>save as?
I think he means when he tried to do it in photoshop. *giggles*
Oh um... >_< *shrug*

4 8 15 16 23 42
#36300302181 08/12/2007 03:00:03 Re:Code Stream Tutorial.
Very nice tutorial, it's great also since it allowed me to finish the Code Bomb effect I did a while back


#36300302454 08/12/2007 15:13:02 Re:Code Stream Tutorial.

This is an awesome tutorial.  Just finished a new sig with it.

#36300302459 08/12/2007 15:27:34 Re:Code Stream Tutorial.
Noice one, I like it.!
#36300303367 08/14/2007 13:21:30 Re:Code Stream Tutorial.
-[url="http://forums.station.sony.com/mxo/posts/list.m?start=0&topic_id=36300015813&#36300303362"][/url]
#36300303469 08/14/2007 16:30:26 Re:Code Stream Tutorial.
Hmm, and Interesting variation of this tutorial..

Perhaps without the shades being code too, it would look better. An the RSI is a lil too blurry for my liking.

Either way, a good image and attempt.

Practise makes perfect! Keep it up! SMILEY
#36300312671 08/28/2007 14:15:13 Re:Code Stream Tutorial.
i did it with my favorite screenie...

love it SMILEY
#36300384191 01/10/2008 10:29:22 Re:Code Stream Tutorial.
So easy a nub like me can do it!


#36300472101 06/27/2008 13:41:37 Re:Code Stream Tutorial.
Epic tutorial. Used it for my Avatar =)

†Somnolence - CYPH† Blue is our best hope.