Web Designer Wall is giving out freebies again! This time we are giving out 3 license copies of TxEff, sponsored by Jump Eye Components. TxEff is a Flash Component that allows you to create stunning text animations without ActionScript skills (read review here). To enter the contest, add a comment in this post and you could win one of the three TxEff component giveaways (value $169.97). All comments must be submitted before January 25, 2008.
Normally, to create text animation in Flash we either use timeline Motion Tween or ActionScript coding. Motion tweening is very time-consuming and not practical because the text must be broken apart and converted into Symbols. ActionScripting is a better solution, but it will require advance coding skills. Fortunately, now we have TxEff! It is a Flash component developed by Jump Eye Components, for web designers who need to create text animations in a fast and reliable manner. This article will show you how to create video-like text effects with TxEff in just a few minutes.
As you have probably know, most online readers don't read line by line, instead they scan (from one point to another). For this reason, designers create typographic contrast and flow by emphasizing certain text. Contrast is important because not all the content within a page have the same value, some have greater significance than the others. By creating contrast, you can direct the reader's attention to the important messages and at the same time enhance the visual appearance. Here are seven basic methods on how you can create typographic contrast.
In HTML, if you don't specify a specific width, block-level elements are vertically expandable by their nature. Think of an unordered list. That list will grow be be as big as it needs to be to fit all of it's list elements. If a user increases the font size in their browser, the list will expand vertically, growing to fit the larger content. Sometimes it feels like vertical-only expansion is limiting and it would be nice if the element could grow horizontally as well as vertically with a font size increase by the user.
For those who don't know, I'm also the guy behind Best Web Gallery and N.Design Studio. In 2006, I started Best Web Gallery as a gallery site where I feature the best CSS and Flash sites. I'm glad that I started the project because it gives me the opportunity to keep my design sense up-t0-the-trend. In the past year, I've seen a lot of sites from the submissions (some are great, some are horrible). As 2007 is wrapping up, I would like to share the best design sites with you. Here is a list of 50 websites hand-picked from Best Web Gallery — Best of CSS Design 2007.
Last year I did a free Christmas icon pack for fun. They are still looking fresh and cute. So, I just want to announce again in case you missed it last year. The pack included 49 icons in various formats: GIF, PNG, ICO (favicon purpose), and vector EPS (print purpose). It is free. You can use them for any purpose — commercial or personal. Only restriction is you can not resell/redistribute them (ie. upload to istock or offer download on your site). If you like my icon design, you can check out my stock icons.
Someone emailed me and asked how did I do the illustration background on Next2Friends. It inspired me to write this article. He asked "Did I do it in Photoshop or Illustrator?" Well, it is a mixture of both. First I created the artwork in Illustrator, then polished it in Photoshop. Here I will unveil all my secret techniques. This tutorial includes 9 Photoshop techniques that will show you how to add more depth, color, contrast, and texture into your vector art.