Category: Tutorials

How to create multi colorful effect with photoshop

Photoshop tutorial for creating multicolor effect using photoshop. We have given full step by step guide and short cut key explanation in detail.

create multi colorful effect with photoshop

 

Here I am going to show you how we can make colorful photo image

First here I select a photo which is I downloaded by google given below

Second step go to select >> new adjustment layer >> hue / saturation

& select values given below

Now create a new layer select brush tool & fill it with different color which is you like

& new layer blend more have multiply

Now select filter blur >> Gaussians blur & select 80 value your colorful photo ready now

multi color effect photoshop
multi color effect photoshop

How to create virtual tree effect in photoshop

In this photoshop tutorial we will show you to, create virtual tree effect in photoshop with very simple steps and photo samples.

create virtual tree effect in photoshop

Select first a photo here I selected a tree image

Create duplicate layer of that tree this layer must have to up side of other layers

Now create a layer which is background having black color

Layer status look like below

create virtual tree effect in photoshop
create virtual tree effect in photoshop

Create a new layer in that layer we have to put some shape here I put a leaf shape because the photo is having tree

Now create another layer in that layer we also have to leaf shape but its size has big compare first leaf

Fill the second leaf shape with green color

Now select first duplicate tree layer go to layer >> create clipping mask “ctrl + g”

Your first photo copy is ready now, another is select

Layer >> new >> layer set

In the layer set we have to put this layers

Now make duplicate sets & put in different position on the tree photo

Have fun!

How to create burn effect on text in photoshop

Here I am going to show you how we can make burn effect on text.

burn effect on text in photoshop

First select text tool writes a text here I am written, “burn”

Second select a fire image & put it on your text

burn effect on text in photoshop
burn effect on text in photoshop

Here I am selected given below fire image

You only have to set the text in center poison of image on front side

We have to set some blending effect on our text

Now select texts go to layer >> blending option >> select drop shadow

Give these values

Now select outer glow

Select inner glow

We also have to add color overlay & stroke

For color overlay select “9C5414” this color value

& For stroke select stroke – 1, color value – FF0000 position inner side

& Opacity is 50%

Now we are going to some burning effects on text

Select filter >> liquefy

Give some small touch effect on text & select smudge tool from tool bar

& Give some cracks on text

So it will look like given below

Now make our text duplicate layer & put on behind to text

Your text burning effect is ready now

How to find mouse position and coordinates

Many times we worked on this topic. In this tutorial we are going to show you, How to find mouse position and coordinates. we given code sample in article.

How to find mouse position and coordinates

[script]
/*
* This get_mouse_coordinates function we are using for capturing the Mouse coordinates of on browser
*/
var isIE = document.all?true:false;
if (!isIE) document.captureEvents(Event.MOUSEMOVE);
document.load = get_mouse_coordinates;
document.onmousemove = get_mouse_coordinates;

function get_mouse_coordinates(e) { // as per Document body

var x_pos;
var y_pos;
if (!isIE) {
x_pos = e.pageX;
y_pos = e.pageY;
}
if (isIE) {
x_pos = event.clientX + document.body.scrollLeft;
y_pos = event.clientY + document.body.scrollTop;
}

alert(x_pos);
alert(y_pos);
}

[/script]

clientX and clientY will work in only Firefox, safari, chrome and opeara. That will not work in IE browsers.

So We need to write condition for IE browsers.
In IE browser use window.event.x and window.event.y methods.

Given example is cross browser tested…

find mouse position and coordinates
find mouse position and coordinates

How to read xml using php

Many new PHP developer looking for how to easily read the xml file. In this tutorial I will show you how to read the xml file using PHP language. Here I given the sample code for parsing the XML using PHP.

How to read xml using php


This is my xml file format and file name is readxml.xml file


<?xml version="1.0"?>

<!-- our XML-document describes a purchase order -->
<purchase-order>

 <date>2005-10-31</date>
 <number>12345</number>

 <purchased-by>
 <name>My name</name>
 <address>My address</address>
 </purchased-by>

 <!-- a collection element, contains a set of items -->
 <order-items>

 <item>
 <code>687</code>
 <type>CD</type>
 <label>Some music</label>
 </item>

 <item>
 <code>129851</code>
 <type>DVD</type>
 <label>Some video</label>
 </item>

 </order-items>

</purchase-order>

This is one php file called test.php and code as follows


<?php
 //create new document object
 $dom_object = new DOMDocument();
 //load xml file
 $dom_object->load("test.xml");

 $item = $dom_object->getElementsByTagName("item");

 foreach( $item as $value )
 {
 $codes = $value->getElementsByTagName("code");
 $code  = $codes->item(0)->nodeValue;

 $types = $value->getElementsByTagName("type");
 $type  = $types->item(0)->nodeValue;

 $labels = $value->getElementsByTagName("label");
 $label  = $labels->item(0)->nodeValue;

 echo "$code - $type - $label <br>";
 }
?>

When you run the readxml.php file. you will see the following output.

687 – CD – Some music
129851 – DVD – Some video

How to create golden text in photoshop

Here I am going to show you how we can make a Photoshop gold effect in few steps. Easily create golden text in photoshop using our example.

First select text tool & type here I am type gold select impact font so it will look dark.

create golden text in photoshop

Give background layer black color

Now we have to give stroke to our text

Select layer >> layer style >> blending option

In stroke select position outside & fill type gradient

And select gradient overlay & bevel & emboss

Our gold effect is almost create now

We have to give now golden color

Select

Layer >> new adjustment layer >> curves

Now select second layer

Go to layer >> new adjustment layer >> Hue/saturation

Your gold effect is done now

-But now we make some different it

We add diamonds in gold

For that select a diamond image+

Select edit >> define pattern

Now go to our first text layer create it duplicate

& this duplicate layer position it above of two adjustment layer

Now select blending option & uncheck all option

Select pattern overlay your diamond will perfectly added

create golden text in photoshop
create golden text in photoshop

wordpress migration to new hosting service or domain

how to do wordpress migration to new hosting service – This question always came to web developers. After searching on Internet I really did not found satisfied answer for this question. Using our steps wordpress migration to new hosting service or domain made easy

wordpress migration to new hosting service or domain

Earlier I did wordpress migration to new hosting service or new domain so many times. It was like 5 minutes job for any web developer. Don’t be afraid about wordpress migration at all.

Many people suggest to use wordpress utility which import and export xml. This is given by wordpress itself. But I strongly say don’t use that tool. that is not really full proof.

Just follow my steps to do wordpress migration to new hosting or domain.

1. First take backup of file system of your wordpress website using FTP credential.

2. Open wp-config.php file and change database name(what you want)

3. wp_options -Table name
option_name column – change(siteurl and home)

4. wp_blogs- Table name
domain column – change to your domain name

5. wp_site- Table name
domain column – change to your domain name

6. wp_usermeta
meta_key column – change(source_domain)

Most important part of migration. Fixing the image path of wordpress website

7. Just run following query using phpmyadmin or command prompt and any sql editor.

UPDATE wp_posts SET post_content = REPLACE(post_content, ’NEW_DOMAIN.com’, ‘OLD_DOMAIN.com’);

For changing the mysql queries you can use the following URL:

https://purabtech.in/mysql-queries-wordpress-website-migration/

Follow above steps and your are done with migration.

wordpress migration to new hosting service or domain
wordpress migration to new hosting, question always came to web developers. Using our steps wordpress migration to new hosting service or domain made easy

That sit!

how to use Graphic pen tool in photoshop with photo

In this article I will show you how to use the Graphic pen tool in photoshop with photo effect. Using this tool we can create easily photo effect. This is very simple effect but still this look very cool.

Graphic pen tool in photoshop

Follow my steps for creating photo effect using graphic pen tool in photoshop

First step

Open a Photoshop then File>>new (Ctrl+N)

Graphic pen tool in photoshop
Graphic pen tool in photoshop

Second step

create a new document

Third step

File >> open (Ctrl+O) then select image as per your choise

Fourth Step

Now select filter >> select Sketch effect >> Graphic pen… (Ctrl+F)

Fifth step



click on graphic pen option

Ok and you can see the photo with graphic pen effect in photoshop…

how to create color masking effect in photoshop

Here I am going to show you how we can make a photo dual color shades and masking effect. we given snap shot of each and every step with their full description.

how to create color masking effect in photoshop

1 gray

2 color

First select one image create it duplicate with “ctrl + j”

Or go layer >> duplicate

how to create color masking effect in photoshop
how to create color masking effect in photoshop

Now select first layer & add layer mask

Layer >> add layer mask

Now select second layer

Go to layer >> new adjustment layer >> Hue/saturation

how to create color masking effect in photoshop
how to create color masking effect in photoshop

Crete this photo as in gray shade

Now select first layer

Go to tool bar select eraser & erase some specific part of photo

You can create the masking effect using the my steps.

footer stickable to end of the browser window without fixed position

Many web developer always think about why footer is not sticking to end of browser. In this tutorial we will show you to footer stickable to end of browser.

This is scenario:
If content is less than footer need to go bottom of browser and if content is more than footer will go down as per content.

Many people think this is CSS developer’s But I am not think that way. because this is totally different problem.

Some people suggest to use header, middle container and footer height in percentage. But that is wont be possible for all the time.

Here I will give you the solution. Use following JavaScript in document.

<script type="text/javascript">
 var header_height = 150;
 var footer_height = 100;
var reduce_height = header_height+footer_height;
 browserHeight = 0;
 if( typeof( window.innerHeight ) == 'number' ) {
 //Non-IE
 browserHeight = window.innerHeight;
 } else if( document.documentElement &amp;&amp; (  document.documentElement.clientHeight ) ) {
 //IE 6+ in 'standards compliant mode'
 browserHeight = document.documentElement.clientHeight;
 } else if( document.body &amp;&amp; (  document.body.clientHeight ) ) {
 //IE 4 compatible
 browserHeight = document.body.clientHeight;
 }
 // window.alert( 'Height = ' + browserHeight );
 var min_height = browserHeight-reduce_height+ +"px"
 document.write('<style>#middle_container{min-height:'+ min_height +'}</style>');
 //document.getElementById("middle_container").style.minHeight = browserHeight-146+"px";
</script>

Here in this JavaScript I am assuming middle_container is your main block of content. You can change the variables as per your need.

footer stickable to end
footer stickable to end