Resize an Image Using Photoshop

By Halstatt Pires

Photoshop is a wonderful tool for graphic design, web development and any other form of digital media creation. In this article, we discuss resizing an image using the program.

Photoshop has many uses and is a very powerful program with many different capabilities and functions. Photoshop can have a high learning curve and may be a little overwhelming at first because of all the different tools and options available to use, but I am sure you thought the same thing about learning to read. Now look at you, you are a pro.

As with any thing in life practice is the key to becoming better at things you don’t know or think are too difficult. Try not to become intimidated and don’t be afraid to try new things and experiment. Someone famous once said that learning from failure is the key to success.

While Photoshop may be a lot more program than you need to resize an image, it is an important function to learn because it is a common technique in digital media development. Why would you want to resize an image in the first place? There are numerous reasons, but the most common is to make photos fit on web pages or print material.

Ok, as for the actual steps involved in resizing an image here they are:

1. Open Adobe Photoshop and the photo you wish to resize.

2. Once you have your photo open navigate your mouse to the tool bar that runs along the top of the screen and click on “Image”.

3. Once you click on “Image” from the tool bar, a drop down menu will appear. Select “Image Size” from the drop down menu. A window should popup with the images properties.

4. Initially, for our intents and purposes we only want to pay attention to “Pixel Dimensions” in the popup window. You will see that you can control the width and height values of the image in the popup window. You should also see a drop down menu for selecting “pixels” or “percent”. Make sure pixels is the unit selected in both the width and height fields. Pixels are tiny dots of color that make up the photo. If you ever look at printed material under a magnifying glass you will notice that the image is made up of tiny dots of color. These tiny dots of color are analogous to what pixels are in a digital image.

5. Okay. Let’s pretend that the image you opened up at the start of this tutorial is very large, something like 2000 pixels wide by 1500 pixels in height and we want to resize the image to fit on a web page. Most web pages are somewhere around 800 pixels wide by some arbitrary height. The reason height is arbitrary is because it is determined by how much content appears on the page. Let’s say that we want the image to take up about half the width of the web page. To accomplish this we would change the pixel width value from 2000 to 400 pixels (which is half of 800 pixels, the width of the web page). Make sure that the “Constrain Proportions” option is checked so that the ratio between width and height is preserved and the image does not become distorted.

6. Click “OK” and save the newly resized version of your image. YOU’RE DONE!

You just resized your first photo using Photoshop and are now 100 times more advanced. Congratulations you are on your way to becoming a Photoshop master.

Tip: Evaluate an SEO company by looking for testimonials from their clients.

Article Source: http://EzineArticles.com/?expert=Halstatt_Pires
http://EzineArticles.com/?Resize-an-Image-Using-Photoshop&id=556903

Royalty-Free Photos

Find quality royalty-free photos
at Paragon Grafix.com

---

Check out my other blogs listed below
Amy's Kitchen
Find a recipe for any occasion!

Niver's Movie Trailers
Watch movie trailers for up coming movies!

---

Learning Basic HTML Code

By Lonnie Niver

I know I have already posted information about Learning Basic HTML, but I need to add some detail information Malcolm missed in his posting below. I am not saying he did anything wrong he just left out some minor detail I would like to add. I am also going to touch on a little of the XHTML Malcolm mentioned.

As you notice in Malcolm’s code on his webpage each code are in brackets like

 <html>

. These tags are called open tags. If you open a tag you must also close the tag. If the tag is not closed the code will more than likely not work. The correct way to close a tag is to add a / which is shown like this

</html>

.

Not all tags have to be closed but the majority does. One example of a tag that does not have to be closed is

<br>

. This tag allows the webmaster to go to the next line when writing code. This is similar to hitting enter when writing a paper in word and you want to go to the next line. Now, if you want to make a new paragraph then you would use the

<p>

tag and close it with

</p>

.

The XHTML that Malcolm mentioned is the newest way of writing code. Each code has to be closed so no mistakes are made in writing code. In fact, XHTML is a much cleaner code and if it is well written it will allow more web pages accessible to large audience than pages written in HTML. Not only is it cleaner, it has also shown a significant growth in search engine placement for web page written in XHTML.

Well that is about all I have to say! If you like the information provided please leave a quick comment. Thank you!

Royalty-Free Photos

Find quality royalty-free photos
at Paragon Grafix.com

Basic HTML Code For Your Blog

By Malcolm Lambe

Hyper Text Markup Language - that's what it stands for. Its a way for Web browsers to present text and graphics. A code if you like. To get a better idea of what it is, click on your View menu and then Source or View Source and that will show you how a page of text is formatted in HTML (It'll also show you the keywords used in the Meta tags which can be helpful in getting your page ranked higher on Search Engines - but more on this later).

Basic Knowledge of HTML

Before we go any further let me tell you that I'm rather new to all this. I've only been into computers for the last couple of years. Oh sure I'd used computers in my work before that but only as far as word processing. I was using AppleIIs back in the early Eighties to write magazine stories but apart from knowing how to boot the machine up and format a word processing document I didn't have a clue about computers. And I still don't have much of a clue. I probably couldn't explain the difference between ROM and RAM to save my life. But I know enough to get me by - I have a Basic Knowledge of HTML codes and commands. I don't have a head for programming or writing code or any of that stuff. In fact you're talking to a guy that didn't even finish high-school. I went straight from school into the Advertising business at the tender age of sixteen. So I'm a dummy. And I'm a real dummy when it comes to complicated computer language coding and algorithms - all that egghead stuff. So if I can have a Working Knowledge of Basic HTML code and links - trust me, you can too.

So here we go. From the top...in a logical progression. It might help to open another browser window and pull up the View Source of my Welcome to Wallyworld page (you'll find a link at the bottom of this article) and follow what I'm looking at.

The HTML Code starts with "DOCTYPE" (meaning document type) html "PUBLIC" and then some other stuff including "XHTML". This is just the new improved version of HTML code. Don't worry about it for now. I haven't written the code for this page - it's done automatically by my host and they are formatting in HTML, XHTML, Javascript and some other stuff like Textile and Markdown which I don't even begin to understand. All I want from knowing a bit of basic HTML code is how to do simple stuff like Bold, underline, Hyperlinks and h2Headings in Basic HTML.

Coming down the page a bit you'll see the document begins with html enclosed in less than and greater than arrowheads and then if you scroll to the bottom of the page you'll see the very last bit of code is html but this time closed off with a forward slash. That's the way HTML works - you enclose the command within the arrowheads, write your text and then close it off with a forward slash.

After the html commands we have the head which contains everything in your title. You'll see the term "Robots" which is a command to the Search Engine spiders to start reading the information coming up next. And that information is the Meta Tags - both to describe what your site is all about and to give the keywords. You'll notice I only have a Meta Description here - HOW TO: Increase Your Traffic, Boost Your Google Ranking, Optimize Adsense to Make More Money, Keyword Optimization Tips, Work Online as a ProBlogger" etc. This is because my host is convinced that the major search engines no longer rely on keywords in the Meta Tags. Apparently that's true for Google but Yahoo and the others take them into consideration. So I've just added some keywords at the bottom of that section under Meta keywords.

So the head section contains the title and information on style sheets and scripts. After that we have the body which contains the markup with your content - your article/story/table - whatever you're putting in there.

That's about it. Not hard is it? All you have to do now is learn some of the HTML Tags.

The first ones you need to know are the heading tags and they're easy to remember. h stands for heading. h1 puts your words in the biggest size through to the smallest h6.

The underline tag is written with a u. Paragraph with a p. Line break with a br. Italics with an i.

Probably the most useful piece of code is the Hyperlink - that's a fundamental of blogging - the sharing of information. Clicking on this one will take you to a site with lots of Useful HTML Code including how to write hyperlinks.

You can also turn an image into a hypertext link so that when you click on the image it takes you to a page or site.

Use HTML to Wrap Text Around Adsense

One of my favourites uses for Html is getting the text to wrap around the Adsense - the Adsense Gurus reckon people are more likely to click on the Ads if they are buried in the text. Whatever. But I reckon they look neater than having them displayed in block form.

You Wanna Make a Hit List?

You can easily format lists with HTML. Like this bulleted list using the ul and l tags.

• The Number One Villain
• Number Two Villain
• Number Three Villain
  

Voila - like I said before, if this dummy can do it, you can too - Basic HTML

Malcolm Lambe is an Australian blogger/vlogger based in Paris. His main site is http://www.welcometowallyworld.com where he pontificates on a diverse range of subjects.

Article Source: http://EzineArticles.com/?expert=Malcolm_Lambe
http://EzineArticles.com/?Basic-HTML-Code-For-Your-Blog&id=747473

Royalty-Free Photos

Find quality royalty-free photos
at Paragon Grafix.com