Photoshop: Stencil Sketch

August 14th, 2010

Here’s a simple technique for creating a stencil sketch line artwork from photos. There are two things different about this method: the higher the image resolution the better and a three two step (repeat) filter effect will be applied to a channel copy instead of the RGB composite.
Step 1 Starter Image
To begin, [...]

Filled Under: Photoshop

Photoshop: create transparent background

August 14th, 2010

In this photoshop tutorial, I will explain how to create a transparent background.
You will need to get the background out of the picture. If you background is one color, the process can be very easy. Use the magic wand tool, select the background:

You can then feather if you wish and hit the delete key:

You should [...]

Filled Under: Photoshop

css: rollover text links

August 13th, 2010

this little tutorial will show you how to achieve text rollover using css:

a:hover{
color:red;
}

Filled Under: CSS

css: Center a box horizontally

August 13th, 2010

#container{text-align:center;}
#centered{width:300px; margin-left:auto; margin-right:auto;}

this should be centered

Filled Under: CSS

javascript: show/hide elements

August 13th, 2010

This little javascript function will let you show/hide elements on a form.
function showorhide(id) {
if(document.getElementById(id)){
var ele = document.getElementById(id);
if(ele.style.display==”none”){ ele.style.display=”block”; }else{ ele.style.display=”none”; [...]

Filled Under: Javascript

Adding a Beam of Light on your photos

May 14th, 2009

I will show you today how to add a beam of light to your photos.
Open a photo in photoshop from your stock photo. if you don’t have one you can use mine:

Open the photo you want to add a light beam effect.
Press Control-J to duplicate the layer.
With your Polygonal Lasso Tool draw a beam of [...]

Filled Under: Photoshop

Photoshop: Add Fog on your Photos

May 14th, 2009

This is a very simple way to add fog on your photos.
The secret to realistic fog is to vary its density;
Open a image you like to add fog:

Create a new layer (press Ctrl+Shift+Alt+N in the same time)
Select a brush with a large and soft tip.Then choose Dissolve from the Mode pull-down menu in the Options [...]

Filled Under: Photoshop

PHP: List Directories And Files On my server

May 13th, 2009

I found the easiest solution for listing directories and files on my server. Please take a look below:
<?
$dir = “images/”; //You could add a $_GET to change the directory
$files = scandir($dir);
foreach($files as $key => $value){
echo $value; //You could add an icon in here maybe, a link to the file/directory, or a link to list files [...]

Filled Under: PHP

CSS dotted

April 17th, 2009

The following code will create dotted hr using css
hr {
height: 0;
border-bottom: 2px dotted #000;
}

Filled Under: CSS

CSS: How can I reduce the spacing between paragraphs?

March 8th, 2009

Set line-height to less than 1. But be careful - while paragraphs are drawn closer together, the lines within a paragraph are pushed very close together. With anything less than .9, letters on two lines within a para will touch. It is therefore only useful if you know your paragraphs will be less than one [...]

Filled Under: CSS