Web Tutorials


In this tutorial, you will learn how to create two different types of frames or borders in Adobe Photoshop. Borders are an easy way to make an image or photo look more professional or creative. In addition, by adding borders, your work will look much better in print or posted online. So let us get started!

To begin with, you obviously need to choose a photo to work with. You can use your own photo or select one to work with from a free stock image site, such as www.sxc.hu. The photo can be of anything: a portrait, a sports scene, a landscape, etc. Most anything will look good with a border added to it. Just use your best judgment.

The Frame Border:

This tutorial will show you how you can add more canvas area easily using the crop tool in Adobe Photoshop.

Step 1.) Open your image in Adobe Photoshop as its own canvas and make sure that the original is saved, zoom out (CRTL+ -), and press F, then set the background color for your canvas area. If you're going for a more professional look, choose black or white. If you want a creative, more modern look, choose a bold color.

Step 2.) Now choose your Crop Tool from your Tool Palette/Menu or by clicking C on your keyboard, then drag out a cropping marquee border on your image. Do not worry about the size, it will not matter.

Step 3.) Then grab the corner point of your marquee (dotted) border and drag outside the image area into the darker gray area. Properly position the border where you wan to add the canvas space.

Step 4.) Press enter, the gray area outside your image is now become black canvas space as the border. From here, you can put a white border using stroke to your image. You can also add text, including your name or copyright to the black canvas area.

The Funky Border:

Step 1.) First, open your image, and duplicate your background layer. Choose your background layer and fill it with whatever color you would like for your border using the scrolling color selector.

Step 2.) Now make a rectangular selection just like when you want to crop the picture. The area outside is where the border effect will be applied to the photo.

Step 3.) Inverse your selection (CRTL+Shift+I) and press Q to apply the quick mask.

Step 4.) It's time to play around with your filters. I'll get mine done with the fragment filter. So, go to Filter > Pixelate > Fragment, and apply the same filter 5 times by pressing CRTL+F at least four times.

Step 5.) After you apply the effect, press Q on your keyboard to turn the quick mask into selection, and then delete the selection.

Then you are done and you have two new ways to spice up your photos by adding borders.

Web Roundups Tutorial



Alternating Table Row Color With CSS Classes


This is a continuation of our XHTML/CSS table tutorials. In this tutorial we will be using the same table as before, but I will show how to have the rows alternate in color. To achieve this we will be using CSS classes. Alternating Table Row Color With CSS Classes



Auto-Defrag with 3rd Party Software


Computer being slow and you hate running a defrag because they take so long? Never manually defrag your computer again. This tutorial will show you how to set up a software application to defrag your hard drive(s) automatically, using unused resources on your machine. You will never have to modify it or tell it to run and you will not notice a degrade in performance. Auto-Defrag with 3rd Party Software



Photoshop Darkness Logo Tutorial


This tutorial will show you how to create a dark logo using Adobe Photoshop. Photoshop Darkness Logo Tutorial



Technorati Style Header Tutorial


This tutorial will show you how to create a website header that is similar to the new header at technorati.com. For this tutorial I will be using Adobe Photoshop CS2. Technorati Style Header Tutorial



Silver Menu Header Box Photoshop Tutorial


This tutorial will show you how to create a clean looking menu header box using Adobe Photoshop CS2. Silver Menu Header Box Photoshop Tutorial



Show Hidden Files and Folders in Windows XP


A Simple, but useful, tutorial showing you how to make your computer show hidden files and folders. This needs to be done to do a lot of tweaking within windows XP. Show Hidden Files and Folders in Windows XP



Simple Computer ”Tune-up” Using CCleaner


Has your computer been running slower than normal? This could be due to too much buildup of temporary files and unneeded registry keys. In this tutorial, we will walk through using a free application called CCleaner to clean up these pesky issues. Simple Computer ”Tune-up” Using CCleaner



Simple VB Code with Command Buttons


This is the second tutorial in the beginners tutorials that will give you a basic insight into VB programming and lay the groundwork for you to be able to understand more advanced concepts. We will be working with modifying forms using command buttons. Simple VB Code with Command Buttons



Simple VB Code and All About Arrays


This is one of the many tutorials that you can use to learn the basics of VB. These tutorials will help lay the groundwork so you can move on to more advanced programming. In this tutorial, we look at arrays and how they are used in VB programming. Simple VB Code and All About Arrays

Nästa sida »

Tutorials is proudly powered by WordPress and themed by Mukka-mu