extension joomla, template joomla,banner extension joomla,jomla slider,slider joomla

Warp Text Photoshop Tutorial change image templates joomla

Last is the toggle icon for the Character palette (right). I cannot stress enough how important it is to have the Character palette open when you are working with text! In addition to the items in the menu bar, it has a number of functions that make your work immensely easier.

 

  1. First, there is a tab that allows you to switch to the Paragraph palette. The functions on the Paragraph palette, such as justification and indentation, should be familiar to anyone who uses a word processor.

     

  2. Font. This is the same as the menu bar. Any changes made in one place will be reflected in the other.

     

  3. Style. This is also the same as the menu bar.

     

  4. Font size, again the same as the menu bar.

     

  5. Leading. This is one of the options I use most frequently. It allows you to set how much space there is between each line of text. By making this number smaller, it reduces the amount of blank space between lines. This is convenient because it allows you to fit more text in a limited space. You can also use it to spread lines farther apart.

     

  6. Vertically scale. With this function, you can increase or decrease the height of the font without affecting its width.

     

  7. Horizontally scale. This function increases or decreases the width of the font without affect its height.

     

  8. Tsume. This is a Japanese term for a function that scrunches characters closer together.

     

  9. Tracking. This is similar to tsume in that it can squeeze characters closer together, but it can also spread them farther apart. I use this function often when I want the text to take up less space yet reducing the font size would make it less readable.

     

  10. Kerning. This is a function that allows letters written at a slant, such as A and V, to fit snugly against each other, even though what you might call their "personal space" is overlapping. By default, most fonts will have automatic kerning. Turning the kerning off will force them farther apart.

     

  11. Baseline shift. This allows one section of a certain piece of text to be raised higher than the surrounding text by a specified distance.

     

  12. Color. This is the same as the menu bar.

     

  13. Font effects. These icons toggle font effects, such as underlining and superscripts. They should be familiar to anyone who uses word processing software. The one I want to mention in particular is the first icon, "Faux Bold." This allows the computer to simulate a bold version of the font even when the font itself doesn't have a bold version available. This can sometimes make fonts with very narrow lines more readable by broadening the lines. The second icon, "Faux Italic," does the same thing for italics, though I don't use it as much because if I want an italic font I will usually just choose one in the first place.

     

  14. Language. I never use this menu.

     

  15. Anti-aliasing. This is the same as the menu bar.

Now to put this all together to create something with text. For this lesson, the goal is to make a LiveJournal user picture. For a graphic, use the bunny image from Lesson 6.

Open the completed bunny image. In order to maximize the available space, change the canvas size so that the width matches the height. (I like my icons to be perfect squares.) When you do so, anchor the right side of the picture. This provides a bit of space to the left of the bunny for writing text.

LiveJournal stipulates that icons can be no larger than 100 by 100 pixels, so reduce the image to this size. It is possible to write the text at a larger size and reduce the image afterward, but something that looks fine when large is often harder to read after being reduced. It's best to write the text at the final image size, if possible. The result should look like the picture (left).

The next step is to decide what text to use for the caption. It's a good idea to brainstorm a number of options and choose the one you like best. Here's a sample of my brainstorm list for this image:

 

  • Bunny Love...{Hugs}...Bunny Hugs...
  • With Love...I ? You!...Love!...
  • Love makes the world go round.
  • Someone loves you!
  • Have you hugged someone today?

    After a lot of thought, I decided that I was most inspired by the middle option, "Love makes the world go round." That's what I will use for this example. There's no single "right" caption, of course, so go with what strikes you.

    The next step is to choose an appropriate font. There are six major categories of fonts:

    Serif fonts
    These are fonts like Times that have small "serifs" (sticky-out bits) on the letters. The serifs are indicated by the black arrows in the picture (right). When reading long stretches of text, the serifs help guide your eyes smoothly from one letter to the next. This type of font also has a chiseled, professional look. At very small font sizes, however, the thin serifs tend to lose detail can can detract from readability.

    Sans serif fonts
    These are fonts such as Arial that lack serifs. They have a clean, simple appearance. They are good to use when you don't want the font to steal attention away from something else in the picture. They also tend to be readable even at smaller sizes. Unfortunately, they often aren't very exciting.

    Script fonts
    These fonts are designed to look like handwriting. The type of handwriting can vary from a simple scribble to elaborate calligraphy. The one pictured is called Brush Script. These fonts often have an elegant feel and are good for creating a mood, as in a caption for a romantic image. They are also excellent choices for dignified ceremonial text, such as on official certificates. Unfortunately, the flourished designs are almost always ruined at low font sizes. They need to be relatively large for the effect to be most appreciated.

    Block fonts
    Block fonts are thick and chunky. A notable example of this type is Impact. These fonts are good for logos and titles because they are extremely visible and easy to read. The drawback is that they often don't fit in small spaces.

    Artistic fonts
    These fonts were designed specifically to look non-standard. The one in the picture is called Jokerman. They are great for playful text, and there are fonts for all different moods, from sweet to wacky to scary. The drawbacks are that the fonts can sometimes be so specialized that it's hard to find effective outlets for them, and that they are frequently difficult to read because of all the decorations that have been added to the letters.

    Dingbat fonts
    These fonts, such as Wingdings, are not used for text. Instead of letters, you get symbols and icons and even detailed pictures when you type with them. They are very useful for adding decoration to spice up your image, but sometimes you have to search through many tiny symbols before finding one that suits your needs.

    For the bunny icon, I want something that will match the picture, so it should be a font with a round and cuddly feel. That means I probably won't use a serif font or a block font. The first thing I do is type the caption and experiment by comparing different fonts to see which suits the icon best. Select the Type tool and click somewhere blank on the image. It doesn't really matter where you click; separate the cursor slightly from the text area and it will turn into a Move icon that you can use to adjust the position of the text at any time. At this point, don't worry too much about size or spacing, because that will come later. The pictures below show some of the fonts I considered.