Morphing effect using Adobe Photoshop

Hello friends today i am going to show you –“How to morph two different images into one images using Adobe Photoshop”. For doing this we need two different images i have used this two images of a bird and a dog. If you want to try this on this image just download this image.
  • To download Right click on the image –> Save image As –> Choose where you want to save the image –> Ok.

Beautiful-Birds12Dogs-dogs-16761964-1024-768

Morphing effect using Adobe Photoshop

  • Open Adobe Photoshop.
  • Go to File –> Open the downloaded image from where you have save the images previously.
  • Now we will start off chopping the dog's head. Here i am using lasso tool (better if you use Magnetic lasso tool) to crop the dog's head.
Capturedog
  • Now after you create the selection you have to right click inside the path and select make selection, then copy and paste it on the bird image.
  • After pasting on the bird layer you will have to right click on the dog's head layer on the layers palette and convert it to smart object. Then hit CTRL+T and match it to the bird's head.
  • This is how we convert the elephant head to smart object, it greatly helps in maintaining the quality after cropping.
  • Now that we have transformed the dog’s head on top of our bird we will create a new adjustment layer and control the hue and saturation for the dog’s head to match it to the bird. So yeah hold alt and click the “create new fill and adjustment layer” select the hue and saturation and enter the settings shown below.
  • Create a new layer and name it skin, in this layer we are going to make the scales of the bird on the dog’s head. For doing this we will quickly grab the clone stamp tool and select sample all layers and then hold alt on the bird’s scales and using a soft brush put it on the elephants head. Make sure you are on the skin layer which you created now!
  • Here is the final result.
morphedbyppk_002

If you like this then please subscribe to Our feeds and Like us on Facebook for Future Updates. Thank you.

How To Add MSN Backlinks Checker to your Blogger blogs

♠ Rakshith Mlore in ,,
Hello folks, today i will tell you on –“How to check the backlinks of your websites/blogs that are indexed in MSN.
msn-logo

How To Add MSN Backlinks Checker

<form method="get" action="http://search.live.com/results.aspx" target="_blank" rel="nofollow"><input name="q" value="link:" maxlength="255" size="40" type="text"><input value="MSN Backlinks" type="submit"></form>
When you add the code it seems to appear and work like given below.
If you like this then please subscribe to Our feeds and Like us on Facebook for Future Updates. Thank you.

5 Best Heading style for blogger–Part 1

Heading is very important while writing a long post.If we need to differentiate post then we use heading.But blogger custom heading is not so good,with Css3 coding I made it very attractive.
If you want to add heading to blogger then follow below steps-

index

Heading style for blogger

  • Go to Blogger.com.
  • Login to your Blogger Dashboard.
  • Then navigate to Template (Design in old interface) –> Edit HTML.
  • Find ]]></b:skin> Add any one of the following code above ]]></b:skin>

1


.post h2
{
background: #FBFBEF;
font-size: 20px;
padding: 4px 10px;
color: #333;
text-shadow: 1px 1px 1px #AAA;
border-bottom: 4px solid #01DF01;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: 1px 1px 2px #AAA;
-moz-box-shadow: 1px 1px 2px #AAA;
box-shadow: 1px 1px 2px #AAA;
margin: 6px 3px;
text-transform: capitalize;
width: 95%;
line-height: 1;
}

2

.post h2 {
font-size: 24px;
padding: 5px;
color: #fff;
text-shadow: 1px 1px 1px #333;
background: #E3BC50;
border-left: 20px solid #B9942D;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 1px 1px 2px #333;
-moz-box-shadow: 1px 1px 2px #333;
box-shadow: 1px 1px 2px #333;
margin: 10px 0;
text-transform: capitalize;
width: 94%;
line-height: 1;
}

3

.post h2 {
background: url("http://3.bp.blogspot.com/-gLnHp4LoL-Q/T-hYlORTm3I/AAAAAAAAA0s/IN1bvxW-hwg/s1600/h3.png") no-repeat 4px center transparent;
font-size: 20px;
font-family: Oswald;
font-weight:normal;
padding: 3px 10px 3px 80px;
color: #0274be;
border: 3px solid #5bb5f0;
text-shadow: 0 1px 0 #CCC;
-moz-border-radius: 60px;
-webkit-border-radius: 60px;
border-radius: 60px;
-moz-box-shadow: 0 1px 3px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
-webkit-box-shadow: 0 1px 3px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
box-shadow: 0 1px 3px #5bb5f0, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
margin: 15px 3px;
text-transform: uppercase;
line-height: 1.3;
}

4

.post h2 {
color:#666;
border-left:10px solid #666;
border-right:10px solid #666;
padding:3px 5px 3px  20px;
border-radius:15px;
-moz-border-radius:15px;
box-shadow:0px 0px 13px #666;
-webkit-box-shadow:0px 0px 13px #666;
-moz-box-shadow:0px 0px 13px #666;
}
.post h2:hover {
color:#FF133F;
border-left:10px solid #FF133F;
border-right:10px solid #FF133F;
box-shadow:0px 0px 13px #FF133F;
-webkit-box-shadow:0px 0px 13px #FF133F;
-moz-box-shadow:0px 0px 13px #FF133F;
}

5

.post h2
{
margin-top:10px;
    max-width:840px;
    padding:6px 2px;
color: #000000;
    padding-left:10px;
    margin-bottom:10px;
    font-size:20px;
    font-family:&#39;georgia&#39;;
    background-color:#F8FAFD;
    text-decoration:none;
    border-left:10px solid #3873CC;
    box-shadow:1px 1px 2px gainsboro;
transition: border-left .777s;
-webkit-transition: border-left .777s;
-moz-transition: border-left .777s;
-o-transition: border-left .777s;
-ms-transition: border-left .777s;
}
.post h2:hover {
  border-left:10px solid#FF0000;
}

After Adding Css Code Follow below steps to add heading in between posts. While writing post If you want to add heading then select text in which you want to add heading decoration.
Now select heading option From Drop Menu And Enjoy Heading. Or alternatively you can post your text between <h2>Your text Here………..</h2>.

If you like this then please subscribe to Our feeds and Like us on Facebook for Future Updates. Thank you.

Microsoft Office Word Shortcut Keys

♠ Rakshith Mlore in ,
These are Word’s most common tasks, and are also applicable for other Office tools. I have splitted the Shortcuts keys to 4 different parts i.e., General Tasks, Working With Documents, Editing, Formatting and Function Key Shortcuts.
ms

Microsoft Office Word Shortcut Keys



Functions
Shortcut Keys
Create a non-breaking space [Ctrl] + [Shift] + [Space]
Create a non-breaking hyphen [Ctrl] + [-]
Make letters bold [Ctrl]+ [B]
Make letters italic [Ctrl] + [I]
Make letters underline [Ctrl] + [U]
Decrease font size one value [Ctrl] + [Shift] + [<]
Increase font size one value [Ctrl] + [Shift] + [>]
Decrease font size 1 point [Ctrl] + [[]
Increase font size 1 point [Ctrl] + []]
Remove paragraph or character formatting [Ctrl]+ [Space]
Copy the selected text or object [Ctrl] + [C]
Cut the selected text or object [Ctrl]+ [X]
Paste text or an object [Ctrl] + [V]
Paste special [Ctrl] + [Alt] + [V]
Paste formatting only [Ctrl]+ [Shift] + [V]
Undo the last action [Ctrl] + [Z]
Redo the last action [Ctrl] + [Y]
Open the Word Count dialog box [Ctrl] + [Shift] + [G]

If you like this then please subscribe to Our feeds and Like us on Facebook for Future Updates. Thank you.

How to Reduce the Images size in Adobe Photoshop

♠ Rakshith Mlore in ,,,
This is probably the most basic of tasks you can do with image editing software. Digital cameras often save images in high quality, and a standard 1024 x 768 high-quality image can be about 1.5 - 2 MB large, depending on the image details. E-mailing 10 such images means an attachment size of over 10MB. Unless you (and the recipient of the e-mail) have a broadband or a very reliable dial-up connection, this can be a pain. Besides, if you are uploading images onto an image-sharing Web site such as imagestation.com or Flickr.com, you don’t really need very high quality images—ditto if you’re embedding images into a PowerPoint presentation. In all these cases, you might want to compress your images (thus also reducing quality) making for smaller file sizes.

Once your image is open in the File menu, click on Save As. Choose the directory you want to
save it in, and the extension it will have. By default, the “save as” type will be the same as that of the original image if you haven’t made changes to it such as adding layers or masks. Select the JPEG type if it’s not already selected by default, and click Save. Now a JPEG options box will pop up, giving you a quality vs. file size setting. You can move the slider to the left (smaller file size) to choose a lower quality. Alternatively, you can enter a numeric value between 1 and 12. The file size corresponding to any particular setting is displayed at the bottom of the box.

The Format Options allows you three choices—Baseline (standard), Baseline (optimized) and Progressive. Baseline Optimized can reduce file sizes better than Standard, but certain image reading software and browsers were not compatible with this—hence the option. However, for your purposes of sharing images today, you can safely choose Baseline Optimized. Now, we come to Progressive JPEG: have you observed certain images on the Web appearing initially blurred and then gradually getting clearer in three to five passes? The details appear progressively— hence the name. If you are not saving the image for the Web, you can ignore this option.
Adobe Photoshop CS6 image file reduce

The extent to which you can reduce the file size of your images is something you have to decide based on the quality that’s acceptable to you for your purposes. The distortion that the quality loss.The JPEG saving options in Photoshop will produce also depends on the image itself. For example, an image that is already pixelated will look very bad even if its file size is reduced by a small amount, while a photo from a good digital camera can be reduced to up to 60% of its original file size with no or hardly any visible loss in quality. However, assuming a similar quality of the original images, a rule of thumb is that those that have high detail—that is, considerable variation of colors across the image—must not be reduced much (say, less than 80%), while images that have uniform spreading of a single colour can be reduced to about 40% or lesser of their original size.

If you like this then please subscribe to Our feeds and Like us on Facebook for Future Updates. Thank you.

How to make anyone of the picture of parrots to Black and White in Adobe Photoshop

Well today i am back with another Photoshop tutorial on how to make anyone of the picture to Black and White.

How to make anyone of the parrots to Black and White

  • Open Adobe Photoshop (any version) –> File –> Open a parrots picture (Here i have choose parrots because this will help you to understand the topic clearly).
Parrots
  • Select a parrot using Lasso tool (i recommend Magnetic lasso tool) –> Go to Image –> Adjustments –> Desaturate.
  • After giving Desaturate the selected picture will turn to black and white like this image given below.
Parrots Desturated (Black and White)
  • Now Save the as ‘Save As’ to save it in image format.
That’s it now you upload the picture you have desaturated in social networks and show your skills in Adobe Photoshop to your friends. Use comment section if you have any doubt’s. Please do not spam.
If you like this then please subscribe to Our feeds and Like us on Facebook for Future Updates. Thank you.

How to Adjust The Brightness and Contrast of the picture in Adobe Photoshop so that it gives an elegant look


This is our second tutorial on Photoshop. Hope you guyz enjoy this.

fantasy-background-windmill-photo-85122


How to Adjust The Brightness and Contrast

  • Open Adobe Photoshop -> File-> Open -> Choose a file and open it.Bright 1
  • Go to Image –> Adjustments –> Brightness/Contrast.
  • After getting the Brightness/Contrast window adjust the brightness and contrast by Dragging the appropriate bar setting.Bright 2
  • Finally save the image file.
That’s it. If you like this then please subscribe to Our feeds and Like us on Facebook for Future Updates. Thank you.

How to save an web page to PDF Format ?

While browsing on the Internet, we may like some websites and want to read it offline. So usually we give save the web page  or use snapshot software to save the web page as an image. If the number of pages get increased we save each pages in separate image files. This is quite difficult and lengthy way to read the page offline. Then how to save all pages in a single file?. For that Google chrome Browser has an in-built feature to save a web page as PDF file.
 

How to save an web page to PDF Format ?

  • Open a site or website which you want to save as PDF in Google Chrome.
PDF Format Tips 4
  • Now press Ctrl + P to get print option window within the browsers tab.
PDF Format Tips 3
  • Then choose any location you want it to be saved and click on Save.
PDF Format Tips 2
That’s it. If you like this then please subscribe to Our feeds and Like us on Facebook for Future Updates. Thank you.

What is Typography ?

Typography is the art or process and arranging types of Text. It is very important to many bloggers needs to know the importance of typography because by reading this type of typography you will be able to attract more visitors to your blog/website.
Typography convey the look and feel of a design and project the professional outlook of our thoughts. Big companies like Apple, Microsoft, Google etc. they know the power of typography and used it over their logo.
microsoft_logoiphone-5-logoGmail_logo
 
 
 
An picture is equal or more than few words which we are not able to express properly. we can insert an image as upon our idea over a blog but how we express out thoughts over that image. For that we need to know typography. In this post i show a  simple typography and creative typography over images.
For Example :
If you want to visitors or blog readers to Press Enter somewhere in your blog page. You can recommend then by a simple steps given below.
  • Simple Typography
typography-1
  • Creative Typography
typography-2
Now which typography you like simple typography or creative typography. we can express our thoughts perfectly to our readers typography. Use typography in your blog too.
If you like this then please subscribe to Our feeds and Like us on Facebook for Future Updates. Thank you.



How to Add CSS3 Spinning Social Media Icons to Blogger

Today i will tell you how to add cool CSS3 spinning social media icons in Blogger with cool spinning hover effect. These icons spin around 360 degree when we hover our mouse cursor over them.
superb-spinning-social-media-icons-for-blogger 


View Demo Button

How to Add CSS3 Spinning Social Media Icons

  • Go to Blogger.com.
  • Login to your Blogger Dashboard.
  • Then navigate to Template (Design in old interface) –> Edit HTML.
  • Tick the Expand Widgets Templates box.
  • Now click Ctrl + F and find for this code ]]></b:skin>.
  • Copy the below code and paste it just before the ]]></b:skin>.
  • Now all you have to do is, paste the following code just before/after it.
/* Spinning Social Media Icons by My Blogging Techniques*/

.spinning_icons a{
width:48px;
height:48px;
display:inline-block;
text-indent:-9999em;
background-position:0 0;
background-repeat:no-repeat;
z-index:2000;
overflow:hidden;
}
.spinning_icons a:hover{
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transition: transform 0.2s ease-out;
-webkit-transition: -webkit-transform 0.2s ease-out;
-moz-transition: -moz-transform 0.2s ease-out;
}
.twitter{ background:url('http://1.bp.blogspot.com/-mxUHRwVg-0g/TzvZYtAEyrI/AAAAAAAACts/f7_QxX03c9k/s1600/twitter_32.png'); }
.digg{ background:url('http://2.bp.blogspot.com/-ooYCSeCOB5I/TzvZTy7y41I/AAAAAAAACs8/4yuBMS3tUPA/s1600/digg_32.png'); }
.email{ background:url('http://4.bp.blogspot.com/-lXL2ZEpOcDw/Tzvlb5LTRCI/AAAAAAAACuA/oQXdvFvkw-o/s1600/email_32.png'); }
.facebook{ background:url('http://3.bp.blogspot.com/-TScBRGxU9Lc/Tzvlcv90XGI/AAAAAAAACuE/chFHrMti4HA/s1600/facebook_32.png'); }
.linkedin{ background:url('http://1.bp.blogspot.com/-4NFlcfudgWg/TzvZXZcmSbI/AAAAAAAACtc/7mn2HcWX00g/s1600/linkedin_32.png'); }
.rss{ background:url('http://4.bp.blogspot.com/-F61pBeMGnlI/TzvldKuhfeI/AAAAAAAACuQ/frfzGvY6X8s/s1600/rss_32.png'); }
.stumbleupon{ background:url('http://3.bp.blogspot.com/-rPU_iNN7Wk8/TzvZYPlQLPI/AAAAAAAACtk/LT-XQiVJZpY/s1600/stumbleupon_32.png'); }
.youtube{ background:url('http://4.bp.blogspot.com/-zJVHywcJLgQ/TzvZZfljGUI/AAAAAAAACt0/jKrO2ijfC3c/s1600/youtube_32.png'); }
/* Spinning Social Media Icons by My Blogging Techniques */
  • Now find this code given below.
<div class='post-footer'>
  • Paste the below code just below the <div class='post-footer'>
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<div class="spinning_icons">
<a href="YOUR-TWITTER-URL-GOES-HERE" class="twitter" title="twitter">Twitter</a>
<a href="YOUR-DIGG-URL-GOES-HERE" class="digg" title="digg">Digg</a>
<a href=”http://feedburner.google.com/fb/a/mailverify?uri=MyBloggingTechniques” class="email" title="email">Email</a>
<a href="YOUR-FACEBOOK-URL-GOES-HERE" class="facebook" title="facebook">Facebook</a>
<a href="YOUR-LINKEDIN-URL-GOES-HERE" class="linkedin" title="linkedin">Linkedin</a>
<a href="YOUR-FEED-URL-GOES-HERE" class="rss" title="rss">RSS</a>
<a href="YOUR-STUMBLEUPON-URL-GOES-HERE" class="stumbleupon" title="stumbleupon">Stumbleupon</a>
<a href="YOUR-YOUTUBE CHANNEL-URL-GOES-HERE" class="youtube" title="youtube">YouTube</a>
</div>
</b:if>
  • Important Note : Before saving your template don’t forget to replace these with your social profile url.
  • YOUR-TWITTER-URL-GOES-HERE with your Twitter User Name.
  • YOUR-DIGG-URL-GOES-HERE with your Digg User Name.
  • MyBloggingTechniques with your feed name.
  • YOUR-FACEBOOK-URL-GOES-HERE with your Facebook Fan Page.
  • YOUR-LINKEDIN-URL-GOES-HERE with your Linked In User Name.
  • YOUR-FEED-URL-GOES-HERE with your RSS Feed User Name.
  • YOUR-STUMBLEUPON-URL-GOES-HERE with your Stumbleupon User Name.
  • YOUR-YOUTUBE CHANNEL-URL-GOES-HERE with your Youtube channel User Name.
  • Save Your Template. And refresh your page to see social profile icons dancing on your site.
If you like this then please subscribe to Our feeds and Like us on Facebook for Future Updates. Thank you.

How to remove dotted outline from the links

Hello to all my readers. I think that you might have noticed that when you give a search on Google that some text hyperlink creates a dotted outline/ border around them whenever someone click or visit them. This will not go until or unless you have clicked anywhere in the page or moved to another page. This is not a design from Google for Hyperlinks/Hypertexts, this is default code from your template.
However, if you are willing to remove this outline from every single link of a page then follow the below steps carefully.
remove-dotted-outline-borders

Remove dotted outline border from text links

  • Go to Blogger.
  • Login to your Blogger Dashboard with your E-mail ID and Password.
  • Go to Template –> Edit HTML –> Click on Proceed.
Note : I strongly recommend you to backup your blogger template before you start editing with the codes.
  • Search for ]]></b:skin> tag by pressing Ctrl+F.
  • Now add the below code just before/ above the ]]></b:skin>  tag.
a {outline: none;}


  • Click on Save template once you have finished editing the template code.

If you like this then please subscribe to Our feeds and Like us on Facebook for Future Updates. Thank you.
Proudly powered by Blogger