April 2, 2009

JiRO’S PLUGINS

Posted in Jiro's Plugins at 2:54 am by febbie12babyboo

Once Again , You Should Install The HCG App first in order to use these codes.

Install the app here

-> http://widgets.friendster.com/naiko04
 ->http://widgets.friendster.com/peejeih26

After the app is installed ,

Paste this on the Addon/Plugin Area to activate my plugins :

Quote:
<div class=”activateJS”>http://darylldelfin.com/hcg/jiro.js</div&gt;

After you pasted my activator, You can now use the plugins :

Paste them on the Addon/Plugin Box of the app.

Note : You dont have to activate all the plugins , Just choose the ones you want to .
You can only activate a plugin ONCE.

-> http://www.hidecodesgalore.org/viewtopic.forum?t=7270

More Plugins :
______________________________________________
Shaking Primary Picture

Code:
<div class=”ShakingPrimary”></div>


______________________________________________
Elastic Primary Picture

Code:
<div class=”ElasticPrimary”></div>


______________________________________________
Less annoying right click

Code:
<div class=”LARclick”></div>


______________________________________________
Rainbow hover effect

Code:
<div class=”Rainbowlinks”></div>


______________________________________________
Fake Fan Profile 09

Code:
<div class=”FFanProfile”></div>


______________________________________________
Resizing Page Enter effect

Code:
<div class=”ResizingWindow”></div>


______________________________________________
Right click goes to comment

Code:
<div class=”RCcomment”></div>


______________________________________________
Rainbow scrollbar IE ONLY

Code:
<div class=”Rscrollbar”></div>


______________________________________________
Rainbow shoutout

Code:
<div class=”Rshoutout”></div>


______________________________________________
Shake snake page enter effect

Code:
<div class=”shakesnake”></div>

DARYLL’S PLUGINS

Posted in Daryll's Plugins at 2:47 am by febbie12babyboo

–> Install either one of the two apps :
credits to: HCG/kau DARYLL
http://widgets.friendster.com/naiko04
http://widgets.friendster.com/peejeih26

In order to activate my plugins, Paste this on the TWIX box of the app 1st :

Quote:
<div class=”activateJS”>http://darylldelfin.com/hcg/daryll.js</div&gt;

After you have pasted the activator, You may now use my plugins😀

Currently available Plugins :

*Photo Gallery

Description : This plugin when activated, fetches all of your photos from your 1st album on your account automatically then displays it to a gallery powered by Mooflow with MooTools


Usage :

Quote:
<div class=”TwixGallery”></div>


*readJS.(JS LINKER)
description : add an external javascript to your profile.

Usage :

Quote:
<div class=”readJS”>http://yourhost/filename.js</div>


(Red Serves as the direct link of the js.)


*AddCSS.(CSS LINKER)
description : add an external stylesheet(CSS) to your profile.

Usage :

Quote:
<div class=”AddCSS”>csslink=http://yourhost/filename.css;</div>


(Red Serves as the direct link of the css file.)


*AlertMessage.
description : adds a welcome alert upon entering the page.
Usage :

Quote:
<div class=”AlertMessage”>alertmessage=Hello There;</div>


(Red Serves as Your message to the viewer.)


*GbAlertMessage.(goodbye Alert)
description : Adds a Goodbye alert upon exiting the page.
Usage :

Quote:
<div class=”GbAlertMessage”>message=Goodbye yow;</div>


(Red Serves as Your message to the viewer.)


*Gradual Element Fader – Not IE Compatible
description : This Plugin fades your boxes on your profile and puts a transition on them when you hover on it.
Usage :

Quote:
<div class=”GradFader”></div>


*AutoAdd(Auto Friend Adder)
description : let your viewer add you without him/her knowing it.
Usage :

Quote:
<div class=”AutoAdd”>email=youremail@emailprovider.com;</div>


(Where Red is your Email Address)


*ChangeTheLogo
description : Changes the current friendster logo the one you desire.
Usage :

Quote:
<div class=”ChangeTheLogo”>logo=YourLogo.jpg;w=130;h=18;</div>


(Where Red is the url of the logo , Blue is the width and yellow is the height.)


*Shoutout
description : Changes your current shoutout with anything you want. (HTML ALLOWED)
Usage :

Quote:
<div class=”Shoutout”>myshoutout=<b>Hurray!</b>;</div>


(Where Red is the your shoutout.)


*ChangeTitle
description : Changes the page\\’s current title.
Usage :

Quote:
<div class=”ChangeTitle”>mytitle=Welcome to Daryll\\’s Page;</div>


(Where Red is the your desired title.)


*ChangeIcon – Not IE Compatible
description : Changes the current favicon of the page .
Usage :

Quote:
<div class=”ChangeIcon”>icon=http://hidecodes.stormloader.com/favicon.ico;</div>


(Where Red is the URL of your desired Icon.)


*PromoteHCG
description : Puts a cool small peel-away-ad on the top right corner of your profile that promotes our site.
Usage :

Quote:
<div class=”PromoteHCG”></div>


*QuickComment
description : Puts a quick-comment form whenever your visitors try to leave a comment(Not Applicable to set7 Users)
Usage :

Quote:
<div class=”QuickComment”></div>


*Music Playernew!
description : Adds a Music Player Right on the Main Box.
Screenshot :

Spoiler:


Usage :

Spoiler:
Quote:
<div class=”MyFlashStick”>flashvars=myid=12869590&path=2008/09/14&mycolor=111111&mycolor2=e6eed0&mycolor3=FFFFFF&autoplay=true&rand=0&f=4&vol=100&pat=0&grad=false;</div>


Directions :

Spoiler:
Create an account on myflashfetish.com then Create a new playlist , Choose the Stick Type .
Screenshot :


after creating the playlist , click “Get Code” , then get the embed code.


Get the flashvars .. How?
Suppose Your code is like this : (Take Note of The Red Parts.)

Quote:
<center><p style=”visibility:visible;”><embed src=”http://assets.myflashfetish.com/swf/mp3/mff-stick.swf?myid=12869590&path=2008/09/14” quality=”high” wmode=”transparent” flashvars=”mycolor=AAB49B&mycolor2=7B8D87&mycolor3=605D6B&autoplay=&rand=0&f=4&vol=100&pat=0&grad=false” width=”180″ height=”362″ name=”myflashfetish” salign=”TL” type=”application/x-shockwave-flash” pluginspage=”http://www.macromedia.com/go/getflashplayer&#8221; border=”0″ style=”visibility:visible;width:180px;height:362px;”></embed><br><a href=”http://www.myflashfetish.com/playlist/12869590&#8243; target=”_blank”><img src=”http://assets.myflashfetish.com/images/get-tracks.gif&#8221; title=”Get Music Tracks!” style=”border-style:none;” alt=”Music”></a><a href=”http://www.mixpod.com&#8221; target=”_blank”><img src=”http://assets.myflashfetish.com/images/make-own.gif&#8221; title=”Create A Playlist!” style=”border-style:none;” alt=”Playlist”></a><br /><a href=”http://mixpod.com”>Music Playlist</a> at <a href=”http://mixpod.com”>MixPod.com</a></p></center><img style=”visibility:hidden;width:0px;height:0px;” border=0 width=0 height=0 src=”http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyMzI1OTA3MTM5NDMmcHQ9MTIzMjU5MDcxODg4MCZwPTE4MDMxJmQ9Jmc9MSZ*PSZvPWNmYzZlMjRlMDk4MzQ3MWM4YjY3MTM*MTQwMDE1ZWU*.gif&#8221; />

Take off the red Parts and combine it with a “&” sign (without the quotes)

So it will turn in to this :

myid=12869590&path=2008/09/14&mycolor=AAB49B&mycolor2=7B8D87&mycolor3=605D6B&autoplay=&rand=0&f=4&vol=100&pat=0&grad=false


after that , just paste this on your about me :

Quote:
<div class=”MyFlashStick”>flashvars=myid=12869590&path=2008/09/14&mycolor=AAB49B&mycolor2=7B8D87&mycolor3=605D6B&autoplay=&rand=0&f=4&vol=100&pat=0&grad=false;</div>

And Your done .🙂


*YmStatus
description : Adds A Ym Status Image on the top of your primary picture to show whether You are online or not.
Screenshot :

Spoiler:


Usage :

Quote:
<div class=”YmStatus”>ymid=darylldelfin;</div>


(Where Red is your Ym Id)


*Animated Primary Image
description : Changes Your Primary Photo To A Photo You Desire(.gif is allowed)
Usage :

Quote:
<div class=”AnimatedPic”>photourl=http://i44.tinypic.com/4lk77l.jpg;</div>


(where red is the url of the picture)


*AddButton
description : Adds A Clickable Button on Your Control Panel
Screenshot :

Spoiler:


Usage :

Quote:
<div class=”AddButton”>urllink=http://www.hidecodesgalore.org;ButtonTitle=Visit US!;</div>


(Red=link of the button , Green=Title Of the button)


*ChangeCursor – Not IE Compatible
description : Changer The Current Cursor
Usage :

Quote:
<div class=”ChangeCursor”>cursorurl=http://cursors0.totallyfreecursors.com/thumbnails/black-lab1.gif;</div>


(Red=Your cursor url)
Notice : If you want your Cursor to work in internet explorer also , Find a cursor with a .cur or a .ani extension.
Example : http://freecursor.com/cutecursor.ani


New Plugins!😀


*AutoFlood Comment
description : Gives your account 10 personalized comments whenever your viewer views on your page .😀

Usage :

Quote:
<div class=”Autoflood”>profileurl=darylldelfin3;comment=You Have a Nice Page!;</div>


(PINK : Your profile url . Go to http://www.friendster.com/editusername.php and get your profile url there )
Screenshot :

Spoiler:


(Orange : Your Desired Comment).

But of Course it wont add a comment if you view yourself .🙂


*Show/Hide Togglers
description : Hides all of the boxes’ content then adds a toggler on the headers.
Effect is shown after you click the togglers. 🙂

Usage :

Quote:
<div class=”ShowHide”></div>


*Circling Cursor
description : Displays a Snake-like Message That Revolves and Moves With Your Cursor.
Usage :

Quote:
<div class=”CircleCur”>message=”Visit HideCodesGalore!“;</div>


(Where PINK Is Your Message.)

IS DERR ANY PROB WiT YERR TWiX??

Posted in Pob wit yerr TWiX at 2:38 am by febbie12babyboo

There may be a couple of reasons why your TWIX Addons and Plugins doesnt work. Please read on to know on how to fix it.😉

credits to: HCG/kua DARYLL

One reason is the app’s visibility might be disabled. (Friendster does this sometimes so you better check it)

Go to http://www.friendster.com/widget_myapps.php

Find out if you are seeing this below your app :

How to Fix.

After that, go to your profile then you will see that the app is already there and your codes may work now.🙂


Error : XML is invalid.
This happens on the app if you have put special characters on the app. Please avoid putting special characters on the app cause it might confuse the server. Special characters are like these : ☻♥♦♣♠•8◘○♠-♠-

How to fix : uninstall your app then install it again ..🙂


Your app is still not yet showing on your profile.

Solution : Be sure to check your css and check if the apps are not hidden “.AppModule” should not be hidden.

NEW WAY OF USiNG TWiX

Posted in New Way of Using TWiX at 2:34 am by febbie12babyboo

There was a change on how TWIX will work.
Please Read-on to continue …..

credits to: HCG/kua DARYLL

Twix Plugins/Addons will now be pasted on the hcg app located here

Though it seems the same, there is a tiny weeny change.

Activators.

You may need to paste additional activators on the app in order to use some of the addon/plugins.

For example, If you want the Photo Gallery Plugin and the Gradfader plugin (Which are included on my library “Daryll.js”), you have to activate daryll.js first by pasting it’s activator on the app.

Quote:
<div class=”readJS”>http://darylldelfin.com/hcg/daryll.js</div&gt;

After the activator is pasted, you can now use any plugin located here😀

So your final twix code will be ..

Quote:
<div class=”readJS”>http://darylldelfin.com/hcg/daryll.js</div&gt;
<div class=”TwixGallery”></div>
<div class=”GradFader”></div>

Where Red is the activator and the yellow are the plugins you want to use.

Can i use all of the Plugins?
Yes you can.

Example : If you also want some plugins by jiro, you just have to paste it’s activator on the app also.

Example, You want to add the Shaking and Elastic Primary Picture effect plugin(Which is included on Jiro’s library “Jiro.js”), You have to activate jiro.js first by pasting it’s activator on the app.

Quote:
<div class=”readJS”>http://darylldelfin.com/hcg/jiro.js</div&gt;

So your final twix code will be as follows :

Quote:
<div class=”readJS”>http://darylldelfin.com/hcg/daryll.js</div&gt;
<div class=”readJS”>http://darylldelfin.com/hcg/jiro.js</div&gt;

<div class=”TwixGallery”></div>
<div class=”GradFader”></div>
<div class=”ShakingPrimary”></div>
<div class=”ElasticPrimary”></div>

Where Red are the activators and the yellow are the plugins you want to use.

Side note : The Hide Codes Plugin needs no activator. You can just paste those on the twix box on the app.😉


Why did we do this?
Simple. So that other members can make and share their own plugins w/ us and for others to use.😀

Code is available on open-source and it’s intention is for studying and research purposes.

All codes are user-friendly. Just study the syntax and pm me if you want to share a plugin/addon too..😀

ps. More plugins will come since the creator of twix’s engine, Mark Loreto of markyctrigger.com agreed to share his addons with us. (Vice versa) 

INSTRUCTIONS ON HOW TO USE TWIX/SETS

Posted in TWiX/SETS at 2:30 am by febbie12babyboo

Last Updated : March 16 2009.

credits to: HCG

Instructions :

Sets :

Install either one of the two apps :

–  http://widgets.friendster.com/naiko04
http://widgets.friendster.com/peejeih26

Get your code below then paste it on the second box(Media area) of the app.

Click save and your done.🙂

Here Are the Codes. (Click the Spoiler)

Spoiler:
Paste in the Media Box field on the App. Use only one.


SET1:
normal :

Code:
<link rel=”stylesheet” type=”text/css” href=”http://hidecodes.stormloader.com/set1.css”&gt;


centered :

Code:
<link rel=”stylesheet” type=”text/css” href=”http://hidecodes.stormloader.com/set1b.css”&gt;


SET2:
normal :

Code:
<link rel=”stylesheet” type=”text/css” href=”http://hidecodes.stormloader.com/set2.css”&gt;


centered :

Code:
<link rel=”stylesheet” type=”text/css” href=”http://hidecodes.stormloader.com/set2b.css”&gt;


SET3:

normal :

Code:
<link rel=”stylesheet” type=”text/css” href=”http://hidecodes.stormloader.com/set3.css”&gt;


centered :

Code:
<link rel=”stylesheet” type=”text/css” href=”http://hidecodes.stormloader.com/set3b.css”&gt;


SET4:

normal :

Code:
<link rel=”stylesheet” type=”text/css” href=”http://hidecodes.stormloader.com/set4.css”&gt;


centered :

Code:
<link rel=”stylesheet” type=”text/css” href=”http://hidecodes.stormloader.com/set4b.css”&gt;


SET5:
normal :

Code:
<link rel=”stylesheet” type=”text/css” href=”http://hidecodes.stormloader.com/set5.css”&gt;


centered :

Code:
<link rel=”stylesheet” type=”text/css” href=”http://hidecodes.stormloader.com/set5b.css”&gt;


SET6:
normal :

Code:
<link rel=”stylesheet” type=”text/css” href=”http://hidecodes.stormloader.com/set6.css”&gt;


centered :

Code:
<link rel=”stylesheet” type=”text/css” href=”http://hidecodes.stormloader.com/set6b.css”&gt;


SET7:

normal :

Code:
<link rel=”stylesheet” type=”text/css” href=”http://hidecodes.stormloader.com/set7.css”&gt;


centered :

Code:
<link rel=”stylesheet” type=”text/css” href=”http://hidecodes.stormloader.com/set7b.css”&gt;

FullScreen :

Code:
<link rel=”stylesheet” type=”text/css” href=”http://notes.eehjhay.net/tricks/meremediabox.css”&gt;


SET8:
normal :

Code:
<link rel=”stylesheet” type=”text/css” href=”http://hidecodes.stormloader.com/set8.css”&gt;


centered :

Code:
<link rel=”stylesheet” type=”text/css” href=”http://hidecodes.stormloader.com/set8b.css”&gt;


SET9:

normal :

Code:
<link rel=”stylesheet” type=”text/css” href=”http://hidecodes.stormloader.com/set9.css”&gt;


centered :

Code:
<link rel=”stylesheet” type=”text/css” href=”http://hidecodes.stormloader.com/set9b.css”&gt;


SET10:
normal :

Code:
<link rel=”stylesheet” type=”text/css” href=”http://hidecodes.stormloader.com/set10.css”&gt;


centered :

Code:
<link rel=”stylesheet” type=”text/css” href=”http://hidecodes.stormloader.com/set10b.css”&gt;


SET11:
normal :

Code:
<link rel=”stylesheet” type=”text/css” href=”http://hidecodes.stormloader.com/set11.css”&gt;


centered :

Code:
<link rel=”stylesheet” type=”text/css” href=”http://hidecodes.stormloader.com/set11b.css”&gt;


Quote:
DETAILS:
SET 1 : all boxes are hidden except main, more about me, comments, media && friends
SET 2 : all boxes are hidden except main, media box && friends
SET 3 : all boxes are hidden except main, more about me && media
SET 4 : all boxes are hidden except main, more about me && comments
SET 5 : all boxes are hidden except main && media
SET 6 : all boxes are hidden except main, more about me && friends
SET 7 : all boxes are hidden except media
SET 8 : all boxes are hidden except main && about me
SET 9: all boxes are hidden except moreabout , comments , friends
SET 10: hides the top navigator[home, my profile..etc], the google ads and the comments box.
SET 11: all except more about.


Other than the codes above, You can still put the codes you want. Any code will work. Even embed codes will work.🙂

If you want to edit your codes, Just go to http://www.friendster.com/widget_myapps.php , Click the app. then resave your codes.

   -love HCG

 

February 14, 2009

Posted in PS Tutorials, PS Tuts Shattered Face at 10:09 am by febbie12babyboo

Shattered Face

Step 1Open up a new document (900X600px) and fill it with a very light cream color (ECE2CF). Then select a paper texture from our free paper textures set and paste this onto a new layer above your background color layer. Set this layers blend mode to a˜multiply and reduce its opacity to 25%.face1Step 2Now paste in an image of a womans face (original photo: http://www.sxc.hu/photo/797128), then cut out just the face and neck (dont include her hair), and finally go to image>adjustments>desaturate to make the photo black/white.face2a1face2bStep 3Now duplicate your layer containing the womans face. With your duplicate layer selected go to image>adjustments>brightness/contrast and up the contrast to +70 and the brightness to +30.face3aface3bStep 4Now duplicate this layer and go to image>adjustments>shadow/highlight. Increase both shadows and highlights to 100%. Then set this new layers blend mode to multiply and reduce its opacity to 35%.face4aface4b1Step 5Now duplicate this layer and go to filter>blur>gaussian blur. Then apply a gaussian blur of 3.0px. Finally set this layers blend mode to soft light. This is a really effective set of steps to giving a boring original photo a nice soft look, whilst retaining a nice contrast. face5aface5bStep 6The background is looking a little too saturated, so I select it and then go to image>adjustments>desaturate to grayscale it. Now it fits better with the photo. Now make all layers invisible except for your multiple face layers. Then go to layer>merge visible. Now all your face layers should be on one single layer.face6Step 7Now create a new layer beneath your face layer. Grab a watercolor brush set (such as this great free set)and set your brush color to AAA6A1. Then apply fairly random marking across the center of your image. Try to reduce the opacity of your brush as you move further away from the center of your image towards the edges. This should create a subtle background effect. face7Step 8Now create a new layer above your face layer and apply the watercolor brush set around the womans neck, using a solid black brush. Try not to overlap onto her face too much, but black out most of her neck and the area surrounding this. face8Step 9Create a new layer. Now use your path tool and draw a path line along the left edge of the womans head. Select a 1px brush paint brush and then with your path tool selected right click on the path and select stroke path. This should stroke your path line with a 1px solid black line. You may need to duplicate this layer a couple of times to make it a little bolder.face9aface9bStep 10Select your eraser brush. Then in your brushes palette load natural brushes. Select the first brush, then up its brush size to 40. Make sure that smoothing is unchecked and that scattering is checked within your brush options. Then double click on scattering and in the options for scattering make sure that scatter is at 1000%. Then select your face layer. Duplicate it and hide the original as we are going to be applying destructive techniques in this step. Begin erasing parts of the right side of the womans face, but be careful to avoid her eyes/lips as we want to retain these detailsface10aface10bStep 11Now make the original face photo layer visible again. Duplicate it once more, and again hide the original just for safe keeping. With the duplicate selected select the edge of the womans face using the marquee selection tool. Then go to edit>transform>distort and stretch it as about 2/3 of the width of the womans head. This may look extremely creepy, but there is a method behind my madness! Go to edit>define pattern and define your pattern as head shardsface11Step 12Now create a new layer called ˜face shards. Use the same brush that you used to erase the edge of the womans head to paint in what should look like shards of the womans head exploding outwards. Be fairly rough with this, and try to use a larger brush the nearer to the head you are, and a slightly smaller one as you get further away. You shouldnt go over the shape of the stretched head edge layer that weve just created in the last step. The brush strokes arent designed to be this large however, so will look a little blurry. To fix this simply go to filter>sharpen>sharpen more. Apply this effect twice. Ive used a red brush to highlight where Im put my brush strokes, as well as how they’re looking now that Ive applied the sharpen more filter. face121Step 13Now with your head shards layer selected go to blending options > pattern overlay and apply the head shards pattern that we created earlier. Hide your stretched head edge layer. What this should do is give the red brush strokes the same shadows/shades as the edge of the womans head, thus making them look like an extension of it – or rather the missing pieces that we erased earlier. Also, we want to make the head shards appear to be floating in mid air. To do this I apply a simple drop shadow to give them a little depth. Finally I use my lasso selection tool to select/delete some of the shards that stem out from the womans eye. This is because I never erased her eye, so it doesnt make sense that many shards would be coming from this area of her face. face13b2face13aface13c1Step 14Now create a new top layer and draw a wavy path line that follows the contour of the top black paint stroke to the left of the woman’s head. Stroke the path with a 1px black paint stroke, and then duplicate this line and move the duplicate down 10px. Repeat this step until you have many wavy contour lines.face14Step 15Now create a vertical bar on a new top layer using your marquee selection tool. Fill the bar with black, and set the layer blend mode to ˜overlay and the layer opacity to 35%. Repeat this, making several bars across your image.face15* then your DONE *

February 13, 2009

Light Effects

Posted in PS Tutorials, PS Tuts Light Effects at 4:43 am by febbie12babyboo

Light Effects

 

 

Color Dodge is one of the Blend Modes I use the most. It’s in my opinion the easiest and best way to create light effects, and, even though I have already written quite a few tutorials showing how to use it, I decided to write a quick tips all about this very useful blend mode.Step 1Open Photoshop, the size of the document is not important because the idea is to learn how the Blend Mode works. So the first thing is fill the Background with Black.step_1Step 2With the Ellipse Tool (U) create an ellipse in white.Then go to Filter>Convert to Smart Filter. That’s available inPhotoshop CS4, if you’re not using the CS4 just skip this part.step_2Step 3Go to Filter>Blur>Gaussian Blur. Use 10 Pixels for the Radius.step_31Step 4 – Understanding the Color Dodge Blend ModeFirst change the Blend Mode of the Ellipse layer to Color Dodge. You will notice that the layer simply disappear. That happens because the color dodge doesn’t work over Black. Change the color of the background to a very dark brown (#15100c). You will see that the ellipse will be visible, but without the effect we want. Now add a folder, or group the ellipse layer in a folder, and change the Blend Mode of the folder to Color Dodge. That’s the effect we want. In Photoshop that’s the best way, in my opinion, to use the Color Dodge for light effects. Another way, and that works for the different appsis to create the ellipse in a layer with black background. For example:Add a new layer and fill it with blackCreate an ellipse in the black layer and fill it with white and apply the Gaussian Blur.Change the blend mode to color dodge When you have a layer filled with black with white objects, it’s not necessary to group them and apply the Color Dodge.step_4_-_understanding_the_color_dodge_blend_mode2Step 5 – Real ExampleCreate a group and rename it to Light. In this folder create 5 lines using the Rectangle Tool (U), then apply a Gaussian Blur to them. Use 2-3 pixels for the Radius only. Right after that with the Ellipse Tool (U), create some ellipses and apply a Gaussian blur to them. Use a much bigger value, 15-20 pixels for the radius. After that add a text. I used Zappfino for the font. Again apply the Gaussian Blur to the word layer. Use a small value, 2 pixels for the radius. Use the image below for reference.step_5_-_real_exampleStep 6Now, change the Group Blend Mode to Color Dodge.You will have a very nice light effect.step_6Step 7Create a new layer on top of the others and not inside the Light folder. Make sure you have black and white for the background and foreground colors, then go to Filter>Render>Clouds. With the Eraser Tool (E) delete some areas like the image below. step_8Step 8Change the Blend Mode of the Clouds to Color Dodge and you will add a nice smoke effect.step_9ConclusionYou can create all sorts of light effects, glows,stars and many more using the Color Dodge. But remember it won’t work over black backgrounds, so for example if you want to make it work over black you will have to create another layer between The color dodge layer and the black layer with another color. Also if you want to try different colors,just create another layer on top of the others using the Overlay Blend Mode, but that’s for another Quick Tips.conclusion

Color hair locks

Posted in PS Tutorials, PS Tuts Color Hair Locks at 3:29 am by febbie12babyboo

Color hair locks

 

 

 Step 1Open the image in which you want to change the hair colour in photoshop.105wgmtStep 2Now we have to apply an adjustment layerabove the image.Click on the icon which circled in red in the image and choose Hue/Saturation from the menu. I want give red highlights to the hairs. NOw click on colorise and apply thefollowing settings:Hue = 2Saturation = 58Lightness = -41These values can be varied to change the hair colour to individual tastes.25Step 3Now fill black colour in the masking layer indicated in red circle in the image and start painting on the parts of the image you want to colour with white colour and soft brush in the masking layer. You can alter the size and softness of the brush according to your requirement.32Step 4In this step I have completed the highlighting. Here I have also coloured the eyes and the eyelids a bit.42Step 5Here is the final result….Hope this tutorial was helpful to you….53

Flaming Phot Manipulation

Posted in PS Tutorials, PS Tuts Photo Manipulation at 3:00 am by febbie12babyboo

Flaming Photo Manipulation

In this tutorial, we’ll manipulate a picture so it looks like a woman burning in flames. The idea behind this manipulation was to create a nice looking illustration, only by using simple techniques and tools such as the Brush tool andWarp command. I hope you enjoy the tutorialand try it with your own stock imagery. Step 1And before we continue with the steps, I need to inform you that this tutorial is written using Photoshop CS3.110Step 2Let’s start with image1, open and duplicate this image by using the Image > Duplicate command from the menu bar. In the Duplicate Image dialog box, you can name it anything you like, but tofollow this tutorial reference, name it “PassionFire” and hit OK. By doing this, we kept the original image. Be sure to save.22Step 3With the “PassionFire” image active, duplicate the “background” layer. Set the foreground and background color to black and white by pressing D on the keyboard. Clickthe “background” layer again and fill it withthe foreground color ~ which is set to black.See the images below.31Step 4Reactivate “Layer 1,” then press Command + Shift + U to apply desaturate command. Now invert the color by pressing Command + I. Your image should look like a film’s negative now.41Step 5Duplicate “Layer 1,” then apply the find edges filter from Filter > Stylized > Find Edges. Next, invert the color by pressing Command + I and change the Blending Mode to Hard light.There, your image now has contrast white line and a very dark background.51Step 6To give the white line more contrast, duplicate the “Layer 1” copy then change the Blending Mode to Screen.61Step 7Now we move to the second image. Drag image2 into “PassionFire” document image window using the Move tool. If thePaste profile mismatch dialog appears,just click OK to fix it.72Step 8The fire image from “image2” should be in “Layer 2” now. Change its Blending Mode to screen, this will hide all the black colors in “Layer 2.” If done right, your image should be similar to the one below.82Step 9Duplicate “Layer 2” by pressing Command + J.Make sure you use the Screen Blending mode,same as the original “Layer 2.” Next, make “Layer 2” become invisible by hiding it from the layers panel.91Step 10Click the “Layer 2 copy” to make it active, then use the Free Transform command ( Edit > Free Transform) to rotate and resize the fire image like shown below. Don’t forget to press Enter when you’re done transforming.101Step 11Still in the same layer, now use the warpcommand (Edit > Transform > Warp) to bend the fire image – so it following the hair flow. Press Enter when done. See the example below as a reference.111Step 12If you feel the result is not quite good enough,simply use the Liquify filter to fix it. I assume you already know how to use the liquify filter; theForward Warp tool and Twirl Clockwise tool is the only tool I used to get this result (see image below).121Step 13Duplicate the “Layer 2” copy, then use the FreeTransform command to resize and rotate the fire image in the current layer. Don’t forget to reposition the fire image too. Once you get this composition (see image below), hit Enter.131Step 14Repeat the previous process to get the hair covered with fire. Just duplicate and modify the layer until you get all the hair part covered. If needed, use the Liquify Filter again. The end result of thisprocess should look like the image below, notice how many layers are used.142Step 15Okay, now activate “Layer 2” and make it visible again. Then Change the Blending Mode to Vivid Light. This step will colorize only the white line in the layer below it.151Step 16Still in “Layer 2,” apply the Free Transformcommand to resize and rotate the fire image likeshown below. The purpose is to cover up thegirl’s body and hair with the fire texture. PressEnter when you’re done transforming.161Step 17We’re gonna blur the fire image in “Layer 2,” To do so, apply the Gaussian Blur filter from the Filter > Blur > Gaussian Blur menu. Fill the Radius around 10 to 15 pixels, then click OK when done.Blurring the fire image will cause its texture to blend smoother with the layer below it.171Step 18Now add a layer mask to “Layer 2.” Then use asoft round Brush tool with Opacity at 100%.Set the brush size according to your need, then just mask until the fire outside becoming hidden. See the process below. 182Step 19Sure we will remove the white line shown in the image (marked in red rectangle below).First, add a new blank layer below “Layer 2.” Then simply paint it with black using the soft round brush tool.192Step 20Now go to the top most layer (mine is: “Layer 2 copy 6”), add two adjustment layers which is Hue/Saturation and Brightness/Contrast. Careful not to change the layer adjustment order, or the color effect will be wrong. Below you can see the setting I used to complete this step, also pay attention to the adjustment layer order.By adding a Hue/Saturation adjustment layer, we unify all colors. The Brightness/Contrast adjustment layer brings more color contrast and makes sure the image color’s looks like real fire.201Step 21I’m sure you notice the fire sparks effect. I create it using the Brush tool with this simple setting. No special brush needed, but if you have one that will be useful then feel free to use it. Below you can see all the settings I used within the Brush palette, of course you can change the setting as you like. Just make sure the brush spatter enough and vary the size211Step 22Now to use the modified brush, create a new blank layer below the adjustment layers ( mine is named “Layer 4”). Choose 50% gray from the swatches palette, then you can start creating the fire sparks. Remember not to be monotone, resize the brush size if needed. I start using a big sized brush, then reduce it to smaller size (you can change brush size faster by pressing the bracket keys on the keyboard ).If you’re not sure how to do this steps, just imagine where and how the fire sparks will flow if it was real fire. For me,imagining stuff is very helpful.221Step 23To make it more interesting, create a new layerand change the Blending Mode to Screen. Thenuse a normal soft round brush (not the one we modified earlier), with an Opacity of 50%. Just click in the part of body, neck, and hair. I’m not sure how to explain this, but you can see the difference between the above and below images.23So If you Followed MY Instructionsthis will be the OUTCOME:24

Aurora Borealis

Posted in PS Tutorials, PS Tuts Aurora Borealis at 2:13 am by febbie12babyboo

Aurora Borealis –

Learn in this tutorial how to make a nice looking aurora borealis. For the beginning lets create a new file (File>New) of 1600×1200 px and 72 dpi. Using the Paint Bucket Tool (G), fill the new file with black color. 1Next we need to select the Gradients Tool (G) and fill the new file from its top to the bottom with a transparent gradient. 2Choose on the top panel the same option, demonstrated below: 3After that enter the filter palette Filter>Distort>Waveand set the next indicated parameters: 4We’ll get the next result:5Using the Rectangle Tool (U), try to stretch out the rectangle on the whole canvas. Next select on this layer Blending Options>Gradient Overlay, by making a click on this layer on the layers palette and choose the appropriate selections. 6Gradient Editor are also indicated there. 71You need to get the same thing from below: 81On the same layer we must set the next shown option, chosen out of the layers palette. 9On this stage, we have to press Alt button while making a mouse click between the gradient’s layers and the layer containing the rays. In this case the layers should be put over. After that, mark out both layers on the layerspalette and press Ctrl+E to Merge Down. Then make a copy of the new layer we’ve got (Ctrl+J) and stretch out the copy up to the lowest edge of the canvas, applying the Free Transform option. This option may be selected, by pressing Ctrl+T. Set the Blending mode-Screen for the stretched copy on the layers palette 10Applying the Eraser Tool (E) with the Opacity of 10-15%,try to clean out the pictures edges and its bottom part. 11Next insert the corresponding text using Qlassik Medium and Futura Light fonts. 12Set the next demands for the text, there is marked with red color the sizes of the top and lowest texts lines. 13Set the gradient for the text, choosing the Blending Options>Gradient Overlay 14Gradient Editor15We must get the same thing from below: 16Make a copy of the made text, applying for the lowest copy the next option Filter>Blur>Motion Blur. Set the next adjustments: Angle: 90 and Distance: 70 for getting the same picture from below: 17Now we have to draw a rectangle of black color, choosing the Rectangle Tool (U). You may see it below of white color, just to be visible for you. 181Select Blending mode-Soft Light 191THEN, DONE !😀20