Give Your Graphics A Professional Look without the PriceGet Web Design Tips and Tricks on mps-web-design.com. Give Your Graphics A Professional Look without the Price topic will increase your understanding on Web Design Tips and Tricks. We at mps-web-design.com only provide news, articles, information in Web Design Tips and Tricks. Web Design Tips and Tricks at mps-web-design.com provides the most up to date news and articles. If you have questions please do not hesitate to contact us.
entrepreneurs. However, most of us must learn some basic design techniques to avoid the high costs of hiring a professional graphics designer. You can create your own graphics that can look just as nice as some of the professionally created graphics for a fraction of the cost. In order to create your graphics, you will need to invest in a good graphics program. You don't have to spend hundreds of dollars on a fancy graphics design software. Paint Shop Pro is a wonderful graphics program and is the only program you'll need to design professional looking graphics. You can download a free 30-day trial and register the software for only $99. http://www.jasc.com/download_4.asp The first and probably most important graphic technique we're going to discuss is text. This is probably what you will use the most. Not just any text, but text to be used with your logo, banners or page titles. When you're ready to begin, open Paint Shop Pro and click on 'File' then 'New' and type in a width and height for your image. Make sure your 'Image Type' is set to 24-bit and select your background color. You can leave the other settings at their defaults. Make sure you give yourself a large enough space to work with, as you can reduce it later. Your first step will be to select a good font. Depending upon the effect I want to achieve, I use one of three different fonts; Impact, Verdana, or Arial Black. If you don't have these fonts installed on your computer, you can find them here: http://www.microsoft.com ypography/fontpack/default.htm The first text effect we will be creating will display your text in a large font size with a drop shadow effect. This drop shadow effect can also be used with any other images you create. Your first step will be to select your text color. To change the foreground and background colors, double click on the top and bottom color squares on the right. Your text will be displayed in the color within the top box, which is the foreground color. For this example, I will be using a light color as my foreground color. Once you've selected your text color, click on the text tool on the left side (It looks like a capital 'A'). This will launch your text window. Select your font and text size from the drop down menu and type in your text. I will be using 'Impact' bold, size 24. Make sure you select 'Antialias' and 'Floating' then click 'OK.' Antialias will smooth out all of the rough edges of your text and blend it in with your background color. You will use the Antialias setting with various graphic tools when designing your graphics, so it is important to remember its function. You will now see your text with, what looks like, marching ants around it. If you'd like to move your text, click and hold your left mouse button to drag your text to your desired position. With your text still selected (with marching ants), at the top of the screen, go to 'Image' then 'Effects' then 'Drop Shadow.' This will launch the 'Drop Shadow' window. Your image will be viewable with the drop shadow in the little window at the right. You can try different settings until you achieve the shadow effect you desire. Another text effect that is popular will display your text in a graduated color effect. Your text can be displayed with a dark color at the top and gradually get lighter or just the opposite. To achieve this effect, the foreground (top box) color must first be set to white. Next, click on the text tool and follow the same procedure for displaying your text. You should now see your text displayed as 'marching ants,' only with no color. Now you'll need to select a dark color for your foreground color and a light color for your background color. Once you've selected your colors, click on the 'Flood Fill' icon on the left. To change the effects of the Flood Fill tool, locate the little box on your screen that says, 'Controls' then click on 'Tool Controls.' Under 'Fill Style' select 'Linear Gradient' and then click on 'Options' at the bottom. The 'Blend Mode' should be set to normal. In order to select which color will be at the top of your text, where it says, 'Degrees' type in either 0 or 180 depending on your desired effect, then click OK. Now place your mouse over each letter and fill it by clicking on your mouse. After you've filled your text, you can either create the shadow effect or 'right click' on your mouse to deselect your text. If you'd like to decrease your graphics window size, click on the 'Selection tool' on the left (dotted rectangle) and select the portion of your graphic that you'd like to display within your new sized image. Click on 'Edit' then 'Copy' then 'Edit' - 'Paste as a new image.' After you've completed your graphic, go to 'File' then 'Save As' and select a folder. Type in a name for your graphic and save your new file in the .GIF format. The program will prompt you and ask you if it's all right to reduce your file to 256 colors. Click on yes. Your new graphic is now saved. Now that you've mastered these new techniques, try them with some of your other images. The drop shadow effect can be used with photographs or just about any image you'd like. Try the graduated color effect with your banners or image backgrounds and give your graphics a professional look.
This post comes a bit late in the whole web 2.0 cycle. I feel that it bears repeating because I have come across sites that don't follow some basic principles when pulling in 3rd party data from sites such as flickr, twitter et. al. APIs and data portabilityThe blessing of popular and easy to use APIs and the data portability of web 2.0 applications has had an unfortunate side effect, and that is that some implementations that use these services do not integrate appropriate contingency design should these 3rd party services fail. Caching data calls to APIs is a good bit of contingency design. Many APIs will require caching - like that of Amazon - but I suspect this is intended to help limit resource use of the API host, not the site using the API. The reasons a person using API accessed data on their website would want to cache the data are:
A simple implementation to handle those two cases would be one that caches an API call for a given amount of time and one that freshens stale cached data and triggers an error should an API call fail. Caching is good contingency design practiceAs I said above, this post is a bit late to the party but it is worth writing as recently I have come upon at least three sites where firebug and other widgets have revealed issues retrieving API fetched data and the site loading times have been horrible. A decent implementation idea would be to roll your own caching wrapper and agnostically plug it in to a stable caching tool, perhaps something like Cache Lite for PHP. In this manner you have a reusable, caching library independent piece of code that can handle caching/flushing and refreshing of data which could function to handle the two cases discussed above. And that's it. It's been 541 days since my last post. Wow. I hope this is a re-start of a new phase of blogging. Article Index: | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 |
More Articles:1. Web Design: Should You Hire Someone or Do It Yourself? By Joe Duchesne So you need a website. You are not sure if you should hire someone or learn HTML and do it yourself. Consider these points before making your final decision.Web design is an art and a scienceA good web designer is worth their weight in gold. There are literally a thousand and one details you will need to know before your site should be live. These details include designing a clean, easy to use user interface all the way to proper search engine optimization techniques. Can you learn these detai… 2. Keep It Clean. Keep it Simple With the availability of more elaborate programs and features for website building, it seems that many webmasters, particularly those who are relatively new to Online Home Business and Marketing, have decided to concentrate more on how fancy their website looks like rather than what really matters. There seems to be some sort of contest to see how many ‘bells and whistles’ they can fit into the limited space afforded a Home Page, while forgetting that the primary reason for the website’s existen… 3. How to Create A Web Site In 20 Minutes or Less If you are like me and not a 'techie' or web designer, but want to create your own web pages, here are the steps I use. First, I used to use Frontpage2000 and still do with some old web sites but have fallen in love with XSitePro. I can't say enough about this marvelous web builder extraordinaire! The ease with which you can create a full blown web site or a quick mini-site is...well just awesome! You have to check it out for yourself to see what I'm talking about. But if you are baffled with h… 4. MS Frontpage MS FrontpageBy Clare Lawrence 15th August 2004 Thinking of designing your own website?, MS Frontpage is a good starting point. It is widely available, well supported and reasonably priced. Why MS Frontpage? If you’re familiar with the other members of the Microsoft family such as Excel, Word or Powerpoint then you’ll find Frontpage easy to pick up. A concept that most beginners find hard to get used to is that of client and server, in which the product only fully functions once published to a we… |
||||
