Archive for the ‘Tutorials’ Category
Thursday, December 31st, 2009
A perfect layout, A Good Design and Nice Resource can produce a creative output. Layout, textures, typography and patterns are used more often than one may think but the outcome of different combination can result verity of excellent designs. Professionalism is built upon knowledge and experience. However, When it comes to selection of right resources you need to be very careful and specific about needs.
In this round-up, you’ll find number of top resources, tutorials, freebies which left deep impression on web design community, as the month of December had a lot of interesting articles produces by different sources.
The more time and effort you dedicate for useful and creative resources, the higher are your chances for getting better results.
You may be interested in the following related articles as well.
Please feel free to join us and you are always welcome to share your thoughts even if you have more reference links that our readers may like.
Don’t forget to
subscribe to our RSS-feed and
follow us on Twitter — for recent updates.
Top Articles On The Web Design Billboard In December’09
Throughout history, great designers always found new ways to show their creativity to express themselves and create new trends and techniques to remark their work apart from the rest of the crowd. The Definition of design is more critical in modern terms as now design is a way of communication; and, more specifically, Web design is a well define platform for content. There is no “Good” and “Bad” in design. It always define as a “Different”.
So how can you make sure your design is better than the designs of your competitors? How can you point employer’s attention to your product? Here we might be able to help you by showcasing following list of best resources available on web in the month of December.
Design Showcase, Feature Collection
The Unusable and Superficial World of Beer and Alcohol Websites

30 Impressive Ways to Design Sign-Up Page/Form

25 Funny T-Shirts for Designers and Developers

Logo Design Inspiration: 70 Creative Fresh Designs

Minimalist Web Design: When Less is More

40+ Vintage Posters to Inspire Your Next Designs Color Palette

70 Gorgeous Blog Footer Designs

50+ Most Creative and unusual 404 error Pages

Best of CSS Design 2009

Photography, Digital Showcase and Art inspiration
35 Powerful Photos That Tell A Story

Mix Collection of 88 Stunning Photographs to Refresh Your Mind

Snowy scenes

60 Humorous Print Advertisements to Tickle Your Bones

100 days in Glacier National Park

125+ Unusual Crazy Advertisement Designs will Grab your Attention

45 Breathtaking Examples of Slow Shutter Speed Photography

Design Something Every Day!

HDR Photography: Tutorials, Tips and Stunning Examples

Freebies Resources (Themes, Wallpapers, PSDs, Icons, Vectors, Fonts etc.)
A Gold Mine of Adobe Illustrator Resources

A UI Design and Prototyping Treasure Chest

30 Excellent Fresh Free Fonts For Your Designs

100 Premium Like But Free, Fresh WordPress Themes: Year 2009

50 Beautiful Free Icon Sets For Your Next Design

50 Free Resources Of Hand Drawing Style Icons, Brushes, Textures and Fonts

Tutorials, Tips, Tricks & Hacks Resources
Top WordPress hacks of 2009

22 Latest Exceptional WordPress Hacks

50+ Fresh CSS Techniques, Tutorials and Resources

How To Create a Sleek Audio Player Interface in Photoshop

How to Create Cityscape Concept Art

40+ Excellent Adobe Illustrator Cartoon Tutorials

CSS Techniques I Wish I Knew When I Started Designing Websites

The Best 40 Photoshop Text Effects from 2009

33 Must Read CSS3 Tips, Tricks, Tutorial Sites and Articles

CSS, xHTML, PHP, Javascript and Ajax Resources
Stronger, Better, Faster Design with CSS3

A Collection of HTML5 Resources and Tutorials

10 jQuery snippets for efficient developers

The Ultimate Guide to Creating a Design and Converting it to HTML and CSS

How to Build a Shopping Cart using CodeIgniter and jQuery

Top 15+ Best Practices for Writing Super Readable Code

Appz, Tools and Development Resources
7 Tools To Optimize The Speed of Your Website

How To Support Internet Explorer and Still Be Cutting Edge

Optimizing WordPress for Search Engines

50 Best Free Tools To Create Perfect Color Combinations

Freelancing Resources
How to Start a Freelance Company

How To Explain To Clients That They Are Wrong

What to Do When a Client Doesn’t Pay in a Timely Manner

My Website Design Was Stolen! Now What?

Doubling Your Rate: A Thought Experiment

How Many Ideas Do You Show Your Clients?

5 Misuses of Social Media That Could Kill Your Freelance Business

The Best Books for Freelance Graphic Designers

Miscellaneous Resources
50+ Free Resources for Writers, Bloggers, And Other Freelancers

50 Professional Web Design Agency Web Sites

15 Sites for Learning and Mastering SEO

How to Brainstorm Brilliant Ideas for Your Blog

Find Something Missing?
While compiling this list, it’s always a possibility that we missed some other great resources of the month of December. Feel free to share it with us.

Posted in Design, Graphic Design, Photoshop, Tutorials, Web Design | Comments Off
Tuesday, December 8th, 2009
WordPress needs no introduction among designers and writers. It’s usually known as a synonym for blogging. Now days every other WordPress blogs look more or less similar, to stand uniquely out from the rest, you need to tweak it a little bit by using quality hacks.
As you all known that the new version v2.8 is arrived and most of you already updated your WordPress to v2.8. So, now there is a need of new working hacks which is compatible with latest version.
Of Course, WordPress Codex is always the best place to learn about WordPress and its tweaks. But unfortunately, it’s too much for a simple WordPress user. This the only reason we compiled this fairly comprehensive list of the Exceptional WordPress Hacks to unleash the power of your favorite blogging engine.
One of the greatest things about blogging is the immediate feedback a blogger can get from his or her readers. Still it’s often possible that your readers don’t give you a wink about their likes and dislikes. Unfortunately, there is no way for you to find out about visitors thinking towards your blog or its design. It’s always essential to play safe and give others what they like. Out of many solutions the inspirational one is only promising and optimistic way to achieve desired changes. This article focuses on organized collection of some of the Most Wanted WordPress Hacks which will definitely make your blogging life easier.
You may be interested in the following tips and tricks related articles as well.
Please feel free to join us and you are always welcome to share your thoughts even if you have more reference links related to other tips and tricks that our readers may like.
Don’t forget to
subscribe to our RSS-feed and
follow us on Twitter — for recent updates.
General WordPress Related Hacks
01. How to Speed Up Your Blog’s Loading Speed

WordPress, by default, comes uncompressed and sends the uncompressed HTML to the visitor’s browser. With one line of code added to your header, you can compress WordPress’s output by up to 75%. By using zlib compression technology, you can harness the power of PHP and reduce your blog’s load speed!
First, place the following code in a file and call it “test.php” and then upload it to the root of your blog directory:
<?php phpinfo(); ?>
Make sure that “zlib” is enabled by your hosting provider.
Second, place the following code in your header (above the DOCTYPE):
<?php
ini_set('zlib.output_compression', 'On');
ini_set('zlib.output_compression_level', '1');
?>
You’re done! Check Port80Software.com to ensure you are compressing your output.
02. Allow More Time For Slow Servers to Upgrade WordPress

WordPress auto download/install is a very nice feature, but sometimes a few problems can appear. One of them is that WordPress don’t manage to download the new version. This happens on slow servers. Here is how to solve it.
To apply this hack, you’ll have to edit one of WordPress core files. Keep in mind that it is never recommended. This hack should be applied only if you have problems while auto-upgrading WordPress.
Open the wp-admin/includes/files.php file and go to line 448. You’ll see the following:
$response = wp_remote_get($url, array('timeout' => 60));
To allow more downloading time, simply change the 60 with a greater value, as for example:
$response = wp_remote_get($url, array('timeout' => 120));
it’s all done!!
Pages Related Hacks
03. How to Get All Custom Fields From a Page or a Post

Sometimes you may need to get all custom fields from a specific post or page. Apply following function that do the job.
function all_my_customs($id = 0){
//if we want to run this function on a page of our choosing them the next section is skipped.
//if not it grabs the ID of the current page and uses it from now on.
if ($id == 0) :
global $wp_query;
$content_array = $wp_query->get_queried_object();
$id = $content_array->ID;
endif;
//knocks the first 3 elements off the array as they are WP entries and i dont want them.
$first_array = array_slice(get_post_custom_keys($id), 3);
//first loop puts everything into an array, but its badly composed
foreach ($first_array as $key => $value) :
$second_array[$value] = get_post_meta($id, $value, FALSE);
//so the second loop puts the data into a associative array
foreach($second_array as $second_key => $second_value) :
$result[$second_key] = $second_value[0];
endforeach;
endforeach;
//and returns the array.
return $result;
}
Once done, you can use the function like this:
$result = all_my_customs();
echo $result['my_meta_key'];
04. How to Show Parent Page Title Regardless of What Subpage You Are On

This hack is useful for peoples who working with WordPress as a CMS and wanting to be easily able to display parent page title on a subpage.
Nothing hard at all: Just paste the following code where you’d like to display the parent page title:
<?php
if($post->post_parent) {
$parent_title = get_the_title($post->post_parent);
echo $parent_title;
} else {
wp_title('');
}
?>
That’s all! Quick and easy!!
05. Display Guest Author Name in The Front Page and Individual Posts

The first thing we need to do is to set a wordpress if statement to get the custom filed value. This way it will only show up when the custom file value is assigned. Open up your “index.php” and “single.php” and paste the following code where you want the author name to show up. It could be after date or after comments. For example after this code:
<?php the_time(’M j, Y’) ?>
<?php if ( get_post_meta($post->ID, 'guest_author_name', true) ) { ?>
// check to see if custom field guest author name exists
<?php echo get_post_meta($post->ID, "guest_author_name", $single = true); ?>
<?php } ?>
Once we put the if statement we just call it on whichever post we want the guest author name to show up. The guest author name should show up on the front page and for specified post only.
Post Related Hacks
06. How to Display Content in Multiple Columns

Printed magazines often display text in columns, so why blogs shouldn’t be able to do the same? here you can find out how to easily and automatically display your post content in columns.
This code is powerful but definitely easy to implement. Just paste it on your functions.php file and it will automatically output your post content in columns.
Your post content will be splitted on <h2> tags.
function my_multi_col($content){
$columns = explode('<h2>', $content);
$i = 0;
foreach ($columns as $column){
if (($i % 2) == 0){
$return .= '<div class="content_left">' . "\n";
if ($i > 1){
$return .= "<h2>";
} else{
$return .= '<div class="content_right">' . "\n <h2>";
}
$return .= $column;
$return .= '</h2></div>';
$i++;
}
if(isset($columns[1])){
$content = wpautop($return);
}else{
$content = wpautop($content);
}
echo $content;
}
}
add_filter('the_content', 'my_multi_col');
</h2>
</div>
</h2>
Don’t forget to add the following styles to your style.css file :
.content_right, .content_left{
float:left;
width:45%;
}
.content_left{
padding-right:5%;
}
07. How to Show WordPress Post Attachments

Since WordPress 2.5, attachments management in WordPress have been improved and is now very powerful. Today, we’re going to show you a simple code snippet that you can use in your WordPress theme to display post attachments.
To achieve this recipe, just paste the following code anywhere in your post.php file and attachments will be displayed.
$args = array(
'post_type' => 'attachment',
'numberposts' => null,
'post_status' => null,
'post_parent' => $post->ID
);
$attachments = get_posts($args);
if ($attachments) {
foreach ($attachments as $attachment) {
echo apply_filters('the_title', $attachment->post_title);
the_attachment_link($attachment->ID, false);
}
}
08. How to Set Post Expiration Date/Time on Your WordPress Blog

Sometimes (for example, if you’re running a contest), you want to be able to publish a post and then automatically stop displaying it after a certain date. This may seem quite hard to do but in fact is not, using the power of custom fields.
Edit your theme and replace your current WordPress loop with this “hacked” loop:
<?php
if (have_posts()) :
while (have_posts()) : the_post(); ?>
$expirationtime = get_post_custom_values('expiration');
if (is_array($expirationtime)) {
$expirestring = implode($expirationtime);
}
$secondsbetween = strtotime($expirestring)-time();
if ( $secondsbetween > 0 ) {
// For example...
the_title();
the_excerpt();
}
endwhile;
endif;
?>
To create a post set to expire at a certain date and time, just create a custom field. Specify expiration as a key and your date and time as a value (with the format mm/dd/yyyy 00:00:00). The post will not show up after the time on that stamp.
Note that this code does not remove or unpublish your post, but just prevents it from being displayed in the loop.
09. How to Style Posts Individually

Your blog has a lot of posts, but the posts aren’t all of the same type. To give special styling to one or more of your posts, you can take advantage of both the post_class() function and the post ID.
To apply this trick, just open your single.php file, find the loop and replace it with the following:
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div <?php post_class() ?> id="post-<?php the_ID(); ?>">
<h3><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h3>
<?php the_content(); ?>
</div>
<?php endwhile; else: ?>
<?php _e('Sorry, no posts matched your criteria.'); ?>
<?php endif; ?>
The important part is mostly in line 3. Here, we have added the PHP post_class() function. Introduced in WordPress 2.8, this function adds CSS classes to the post. For example, it can add:
- .hentry
- .sticky
- .category-tutorials
- .tag-wordpress
With these CSS classes now added, you can now give a custom style to all posts that have the sticky tag or those that belong to the tutorials category.
The other important piece of this code is id=”post-< ?php the_ID(); ?>“. By displaying the ID of the post here, we’re able to style a particular post. As an example:
#post-876{
background:#ccc;
}
10. Display Content only to Registered Users in Your WordPress Blog

As you probably know, WordPress lets you decide whether to allow readers to create accounts and sign in to your blog. If you want to increase your blog’s registered readers or would just like to reward existing readers, why not keep some content private, just for them?
To achieve this hack, we’ll use a shortcode. The first step is to create it. Open your functions.php file and paste the following code:
function member_check_shortcode($atts, $content = null) {
if (is_user_logged_in() && !is_null($content) && !is_feed()) {
return $content;
} else {
return 'Sorry, this part is only available to our members. Click here to become a member!';
}
add_shortcode('member', 'member_check_shortcode');
Once that’s done, you can add the following to your posts to create a section or text (or any other content) that will be displayed only to registered users:
[member]
This text will be displayed only to registered users.
[/member]
That’s it. Registered users will see the text contained in the shortcode, while unregistered users will see a message asking them to register.
Comment Page Related Hacks
11. How to Disable Comments in Old Posts via PHP

In many situations like when you’re giving some alert to your readers or warning, and you don’t want to hear any feedback. Or you simply don’t want to have any comments, pingbacks, or trackbacks for respective event. For such situation you really want to know how to disable comments, pingbacks, and trackbacks via PHP in your WordPress blog.
The first step is to create it. Open your functions.php file and paste the following code:
<?php
function close_comments( $posts ) {
if ( !is_single() ) { return $posts; }
if ( time() - strtotime( $posts[0]->post_date_gmt ) > ( 30 * 24 * 60 * 60 ) ) {
$posts[0]->comment_status = 'closed';
$posts[0]->ping_status = 'closed';
}
return $posts;
}
add_filter( 'the_posts', 'close_comments' );
?>
You can run this script as a plugin, through your theme’s functions.php, or through a custom user-functions.php file. Simply set the desired number of days by changing the number “30” to whatever you would like. As is, this script will close comments, pingbacks and trackbacks on all articles posted more than 30 days ago.
12. How to Display Registered Users Comment Count on Your Blog

If your blog is private or have lots of registered users, it may be interesting to be able to display the number of comments posted by registered users. This is the purpose of this code.
Simply paste the following code where you’d like the count to be displayed. Re-arrange the code as desired.
<?php
global $wpdb;
$where = 'WHERE comment_approved = 1 AND user_id <> 0';
$comment_counts = (array) $wpdb->get_results("
SELECT user_id, COUNT( * ) AS total
FROM {$wpdb->comments}
{$where}
GROUP BY user_id
", object);
foreach ( $comment_counts as $count ) {
$user = get_userdata($count->user_id);
echo 'User ' . $user->display_name . ' comment count is ' . $count->total . '';
}
?>
That’s it! This will get approved comment count for each registered user.
13. Separating Trackbacks From Comments in WordPress 2.7+

Separating your trackbacks and comments requires a minimal amount of coding work to set up. First, you’ll want to make a backup of your comments.php file just in case something goes wrong. Next, follow these steps:
Access your comments.php file and locate the following code:
<?php foreach ($comments as $comment) : ?>
Immediately after the above code, you’ll want to place this code:
<?php $comment_type = get_comment_type(); ?>
<?php if($comment_type == 'comment') { ?>
Next, you’ll want to scroll down a little bit and locate the following code:
<?php endforeach; /* end for each comment */ ?>
Immediately before the above code, you’ll want to place this code:
<?php } /* End of is_comment statement */ ?>
This will filter out all of the trackbacks and pingbacks from your main comments loop. Now we need to create a second comments loop to display the trackbacks and pingbacks. Now, Almost immediately below the code from last step you should find this code:
<?php else : // this is displayed if there are no comments so far ?>
Immediately before the above code, you’ll want to place this code:
<h3>Trackbacks</h3>
<ol>
<?php foreach ($comments as $comment) : ?>
<?php $comment_type = get_comment_type(); ?>
<?php if($comment_type != 'comment') { ?>
<li><?php comment_author_link() ?></li>
<?php } ?>
<?php endforeach; ?>
</ol>
Once you’ve got the comments successfully separated from the trackbacks, there are a couple additional tweaks you may want to do to clean up how things look (it really depends on preference I suppose). The first is to clean up your trackbacks/pingbacks by only displaying the title instead of an excerpt and everything else. In order to do this, you’ll need to find the following code in your comments.php file:
<ol>
<?php wp_list_comments('type=pings'); ?>
</ol>
Now replace that code with the following:
<ol>
<?php wp_list_comments('type=pings&callback=list_pings'); ?>
</ol>
Lastly, you’ll need to add the following code to your functions.php file (which can be created if you don’t already have one):
<?php
function list_pings($comment, $args, $depth) {
$GLOBALS['comment'] = $comment;
?>
<li id="comment-<?php comment_ID(); ?>"><?php comment_author_link(); ?>
<?php } ?>
</li>
That should clean up the trackbacks/pingbacks section and you can also apply the same changes if you use a plugin to display tweetbacks.
The other thing you may want to do is fix the comment count to only show actual comments, filtering out the trackbacks/pingbacks which are included in your comment count by default. Simply add the following code to your functions.php file (which again can be created if you don’t already have one):
<?php
add_filter('get_comments_number', 'comment_count', 0);
function comment_count( $count ) {
if ( ! is_admin() ) {
global $id;
$comments_by_type = &separate_comments(get_comments('status=approve&post_id=' . $id));
return count($comments_by_type['comment']);
} else {
return $count;
}
}
?>
So there you go. Now you have succesfully separated trackbacks from comments!
Images Related Hacks
14. Automatically Resize Pictures on Your WordPress Blog

You know it, a picture is worth a thousand words. But pictures means that you have to resize it, which is alwyas boring.
Happilly, a very cool script called TimThumb can resize pictures for you. The function below create a WordPress shortcode that will make Timthumb use even easier.
function imageresizer( $atts, $content = null ) {
return '<img src="/timthumb/timthumb.php?src='.$content.'&w=590" alt="" />';
}
add_shortcode('img', 'imageresizer');
Then, you can use the following syntax to add an automatically resized image to your blog post:
[img]http://www.yoursite.com/yourimage.jpg[/img]
Social Networking and Email Related Hacks
15. How to Create a Tweetmeme “Retweeet” Shortcode

Twitter is one of the best way to get quality traffic to your blog. In order to help people sharing your articles on Twitter, you should definitely implement a Tweetmeme button, which display how many time time people RT’d your blog posts.
Just paste the function below into your functions.php file.
function tweetmeme(){
return '<div class="tweetmeme"><script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script></div>';
}
add_shortcode('tweet', 'tweetmeme');
Once you saved the file, you’ll be able to display the Tweetmeme “retweet” button anywhere on your posts. In WordPress editor, make sure you are in HTML mode and insert the following:
[tweet]
When your post will be published, the shortcode will be replaced by the TweetMeme button.
16. Send Article to a Friend by Email

In order to create more traffic on your blog, it can be a good idea to let your readers send your posts to their friends by email.
To apply this recipe to your blog, simply paste the following function into your functions.php file, and that’s all. Hard to do something simpler!
function direct_email($text="Send by email"){
global $post;
$title = htmlspecialchars($post->post_title);
$subject = 'Sur '.htmlspecialchars(get_bloginfo('name')).' : '.$title;
$body = 'I recommend this page : '.$title.'. You can read it on : '.get_permalink($post->ID);
$link = '<a rel="nofollow" href="mailto:?subject='.rawurlencode($subject).'&amp;body='.rawurlencode($body).'" title="'.$text.' : '.$title.'">'.$text.'</a>';
return $link;
}
Author Related Hacks
17. Automatically Insert Author Bio on Each Post

When you’re owning a multi-writers blog, it is important to show who wrote the post. In case of guest bloggers, it is also a nice way to give credit.
Simply insert the following lines of code into your functions.php file, and that’s all. Author bio will be automatically displayed after each post.
function get_author_bio ($content=''){
global $post;
$post_author_name=get_the_author_meta("display_name");
$post_author_description=get_the_author_meta("description");
$html="<div class='clearfix' id='about_author'>\n";
$html.="<img width='80' height='80' class='avatar' src='http://www.gravatar.com/avatar.php?gravatar_id=".md5(get_the_author_email()). "&default=".urlencode($GLOBALS['defaultgravatar'])."&size=80&r=PG' alt='PG'/>\n";
$html.="<div class='author_text'>\n";
$html.="<h4>Author: <span>".$post_author_name."</span></h4>\n";
$html.= $post_author_description."\n";
$html.="</div>\n";
$html.="<div class='clear'></div>\n";
$content .= $html;
}
return $content;
}
add_filter('the_content', 'get_author_bio');
Feeds Related Hacks
18. How to Fetch and Display RSS Feeds

Do you know that WordPress have a built-in RSS reader? And you can use this feed to utilize in many ways. Here we’ll tell how to import and display feeds in wordPress 2.8 and beyond.
Simply paste the following code where you want the feed to be displayed. Don’t forget to define feed url at line 4.
<?php if(function_exists('fetch_feed')) {
include_once(ABSPATH.WPINC.'/feed.php');
$feed = fetch_feed('http://feeds.feedburner.com/catswhoblog');
$limit = $feed->get_item_quantity(7); // specify number of items
$items = $feed->get_items(0, $limit); // create an array of items
}
if ($limit == 0) echo '<div>The feed is either empty or unavailable.</div>';
else foreach ($items as $item) : ?>
<div>
<a href="<?php echo $item->get_permalink(); ?>" title="<?php echo $item->get_date('j F Y @ g:i a'); ?>">
<?php echo $item->get_title(); ?>
</a>
</div>
<div>
<?php echo substr($item->get_description(), 0, 200); ?>
<span>[...]</span>
</div>
<?php endforeach; ?>
Category and Tags Related Hacks
19. How to Change Excerpt Length Depending of the Category

Do you ever wished to be able to modify the excerpt length based on which category you are on, without modifying your theme files? If yes, we’re pretty sure you’ll be happy with this hack.
No need to modify your theme files. Simply paste the code into your functions.php file. Don’t forget to change the category ID on line 3!
add_filter('excerpt_length', 'my_excerpt_length');
function my_excerpt_length($length) {
if(in_category(14)) {
return 13;
} else {
return 60;
}
}
20. Create a Function to Get Tags Related to Category

First, here is the function you have to paste in your functions.php file:
function get_category_tags($args) {
global $wpdb;
$tags = $wpdb->get_results
("
SELECT DISTINCT terms2.term_id as tag_id, terms2.name as tag_name, null as tag_link
FROM
wp_posts as p1
LEFT JOIN wp_term_relationships as r1 ON p1.ID = r1.object_ID
LEFT JOIN wp_term_taxonomy as t1 ON r1.term_taxonomy_id = t1.term_taxonomy_id
LEFT JOIN wp_terms as terms1 ON t1.term_id = terms1.term_id,
wp_posts as p2
LEFT JOIN wp_term_relationships as r2 ON p2.ID = r2.object_ID
LEFT JOIN wp_term_taxonomy as t2 ON r2.term_taxonomy_id = t2.term_taxonomy_id
LEFT JOIN wp_terms as terms2 ON t2.term_id = terms2.term_id
WHERE
t1.taxonomy = 'category' AND p1.post_status = 'publish' AND terms1.term_id IN (".$args['categories'].") AND
t2.taxonomy = 'post_tag' AND p2.post_status = 'publish'
AND p1.ID = p2.ID
ORDER by tag_name
");
$count = 0;
foreach ($tags as $tag) {
$tags[$count]->tag_link = get_tag_link($tag->tag_id);
$count++;
}
return $tags;
}
Once you have pasted the function, you can use it in your theme:
$args = array('categories' => '12,13,14');
$tags = get_category_tags($args);
Plugin Related Hacks
21. How to Create an Anti-IE6 Plugin

With this amazing code created by Nathan Rice, you’ll be able to serve IE6 users the default WordPress theme. After all, those idiots don’t deserve anything better
Just paste the following in a new file and save it as ie6.php. Upload it to your wp-content/plugins directory and activate it on your WordPress dashboard.
<?php
/*
Plugin Name: Serve Default to IE6
Plugin URI: http://www.nathanrice.net/blog/serve-ie6-visitors-the-default-wordpress-theme
Description: This plugin will serve the default theme to any visitors using IE6.
Author: Nathan Rice
Author URI: http://www.nathanrice.net/
Version: 1.0
*/
add_filter('template', 'serve_default_to_iesix');
add_filter('option_template', 'serve_default_to_iesix');
add_filter('option_stylesheet', 'serve_default_to_iesix');
function serve_default_to_iesix($theme) {
if(strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE 6') !== false)
$theme = 'default';
return $theme;
}
?>
22. How to Check if a Plugin is Active or Not

When working with lots and lots of plugins, it can be useful for developers to be able to check if a particular WordPress plugin is active or not. If you want to check if a WordPress plugin is active, just use the is_plugin_active() function. The function takes a single parameter, which is the path to the plugin, as shown in below:
<?php
if (is_plugin_active('plugin-directory/plugin-file.php')) {
//plugin is activated
}
?>
Other Resources
Find Something Missing?
Please feel free to share any hack that you think would be a great addition in this collection and that has not been listed already.

Posted in Graphic Design, Tutorials, Web Design | Comments Off
Friday, November 27th, 2009
When it comes to Image editing or photo enhancement, Adobe Photoshop is usually the primary option to consider. However, the software package itself is a quite hard to learn — and extremely hard to master.
Display beautiful images is a potent element in web and graphic design, where there is less concern for readability and more potential for using images in an artistic manner. Photoshop is useful for both creating and editing images to be used in print or online. Not too easy to use, but full of high-quality features, Photoshop is the best choice for any image manipulation job.
Below, you’ll find some of the Best Adobe Photoshop Web Design Layout Tutorials which might help you to get inspired and learned a tip or two by the end of this presentation.
For those, who don’t know what is Adobe Photoshop? And what it can do? Then follow the link below for detail introduction.
The next generation, representing two decades of excellence. This application contains everything you need to create high-end images and graphics. For those artists whose work demands more than the basic application, There is a Photoshop to satisfy their every needs that utilizes Image editing & photo manipulation.
You may be interested in the following tutorials related articles as well.
Please feel free to join us and you are always welcome to share your thoughts even if you have more reference links related to more tutorials that our readers may like.
Don’t forget to
subscribe to our RSS-feed and
follow us on Twitter — for recent updates.
Excellent Photoshop Web Design Layout Tutorials
The demand for Photoshop tutorials are too much in these days and finding the best tutorials from the pool with tens of thousands of tutorials is not a easy job to perform. Designers love all kind of Photoshop tutorials that can help them to easily learn more and more everyday and give them ideas and directions to design more beautiful and attractive creative works. This list contains some of the best handpicked photoshop tutorials for designing website layouts.
01. Design a Beautiful Website From Scratch

02. Create a Clean and Colorful Web Layout in Photoshop

03. How to Make a Creative Blog Layout

04. Software Layout Design Tutorial

05. Awesome Tutorial Portfolio Design

06. How to Create a Unique WordPress Theme

07. How to Make a Light and Sleek Web Layout in Photoshop

08. Create a Magic Night Themed Web Design from Scratch

09. Create an advanced game or clan layout

10. Company/Business/Software Web layout

11. Create a Professional Portfolio Design in 17 Easy Steps

12. Photoshop Paper Texture from Scratch then Create a Grungy Web Design with it!

13. WordPress Layout Design Tutorial

14. Design a simple, modern web template

15. Design a colorful theme for wordpress

16. Portfolio Layout Design Tutorial

17. Web Site Design Tutorial: Wellknown.as Case

18. How to Create a Unique Colorful Site Layout

19. Design A Clean And Fresh Company Website In Photoshop

20. Design an impressive web hosting layout

21. Hosting Layout Design Tutorial

22. Design a Portfolio Site with a Textured Background

23. Create a gritty website layout

24. How to Make a Green & Sleek Web Layout in Photoshop

25. Create a Clean Modern Website Design in Photoshop

26. Web Design Layout

27. Design a Minimal and Modern Portfolio Layout with Photoshop

28. Create A Stylish Portfolio Layout

29. Create a webdesign company layout in Photoshop

30. Create an Apple inpired website layout in Photoshop

31. Design a trendy business & finance layout

32. Create a Sleek, High-End Web Design from Scratch

33. Design an elegant, dark portfolio site

34. Business Layout Design Tutorial

35. Design a Sleek and Modern Hosting Layout

36. How to Create a Grunge Web Design Using Photoshop

37. Making your own portfolio web page

38. Design a Dark, Contrasted Layout in Photoshop

39. Create a portfolio/business website layout

40. Web Design Tutorial: Blog/Portfolio Template!

41. Premium WordPress Theme Design

42. Software Layout Design Tutorial

43. Tutorial RocknRolla Blog Design

44. Create a Portfolio Layout with Wooden Background

45. Create a Promotional iPhone App Site

46. Create a Nice Web Portfolio Design with a Watercolored Background

47. Designer portfolio layout

48. Design a Cartoon Grunge Web site Layout

49. Create A Forum Layout Using Photoshop

50. Create a Clean and Effective Product Layout

51. Design a Clean and Colorful Portfolio in Photoshop

52. Portfolio Web Layout

53. How to Design a Band Website Layout in Photoshop

54. Create a Photoshop (PSD) Template for Joomla or Drupal

55. Business Layout Design Tutorial

56. Create a Nature Inspired WordPress Layout

57. Shopping Cart Design Mockup

58. How to Create a “Worn Paper” Web Layout Using Photoshop

59. Full Photoshop Web Design – Journal

60. How to Make a nice, eye catching web/blog layout

61. Personal Portfolio Layout Design Tutorial

62. Clean Business Layout Tutorial

63. Design a creative unusual layout

64. Create a Dark and Sleek Web Layout Using Photoshop

65. WordPress Layout Design Tutorial

66. How to Design a Space Futuristic Gallery Layout

Further Resources to More Photoshop Tutorials
Other Resources
Find Something Missing?
While compiling this list, it’s always a possibility that we missed some other great tutorials. Feel free to share it with us.

Posted in Design, Graphic Design, Photoshop, Tutorials, Web Design | Comments Off
Tuesday, November 3rd, 2009
When it comes to Image editing or photo enhancement, Adobe Photoshop is usually the primary option to consider. However the only pronlem is, the software package itself is a quite expensive for a genral freelancer designers.
So what about you!!, Gives much sleep lately or lower open Photoshop, and some do not consider ethical pirate download, so many free software supporters choose to use a large software GNU image manipulation, if you guessed right, we talking about GIMP, a free software raster graphics editor.
Below, you’ll find some of the Best Gimp Tutorials and Resources Around for your Image editing & photo enhancement related needs which might help you to get inspired and learned a tip or two by the end of this presentation.
For those, who don’t know what is GIMP? And what it can do? Then follow the link below for detail introduction.
In Short, GIMP (The GNU Image Manipulation Program) is a free software raster graphics editor. It is primarily employed as an image retouching and editing tool, in addition to offering freeform drawing and retouching tools, the GIMP can accomplish essential image workflow steps such as resizing, editing, and cropping photos, combining multiple images, and converting between different image formats. GIMP can also be used to create basic animated images in the GIF format.
The next generation, representing two decades of excellence. This application contains everything you need to create high-end images and graphics. For those artists whose work demands more than the basic application, There is a GIMP available freely to satisfy their every needs that utilizes Image editing & photo manipulation.
You may be interested in the following tutorials related articles as well.
Please feel free to join us and you are always welcome to share your thoughts even if you have more reference links related to more tutorials that our readers may like.
Don’t forget to
subscribe to our RSS-feed and
follow us on Twitter — for recent updates.
Ultimate Round-Up Of Gimp Tutorials
The demand for good Gimp tutorials are too much in these days and finding the best tutorials from the pool with tens of thousands of tutorials is not a easy job to perform. Designers love all kind of free tutorials that can help them to easily learn more and more everyday and give them ideas and directions to design more beautiful and attractive creative works. This list contains some of the best handpicked free gimp tutorials from their respective categories.
Lighting, Glow and Abstract Effects Related Tutorials
01. Awesome Bokeh Effect

02. Creating Fireball and Explosion effect

03. Beautiful Planet Effect

04. Recoloring Eyes for Gimp

05. Sun Ray Effect

06. Easy Way to Create Light Effects

07. Creating a Diorama Effect

08. Leopard’s Aurora Borealis wallpaper

09. Gimp Cool Shapes Effect Tutorial

10. Add HDR-like Effect to a Normal Potrait Picture

11. Light Painting

12. Fun with light

13. Realistic shadow

14. Creating Dark Surreal Image

15. Awesome Glow Effect

16. A colored swirl of light

17. MSNBC Style Effect

18. Exploding Planet

19. Full Spectrum Circle Effect

20. Create a colorful stream of light with particles

21. 3D Pixel Stretch Effect

22. Super Slick Dusky Lighting Effects

Photo Manipulation & Image Enhancement Related Tutorials
23. Adding life into a Flat Photograph

24. Sin City Style Tutorial

25. Beautiful Parrot Photo Manipulation in Gimp

26. How to create an awesome action picture

27. Musical Tutorial

28. Turn a digital photo into Polaroid

29. Create a Worn Vintage Pop Art Design

30. Steampunk Tutorial

31. How to create Lightsaber effects

32. Creat Old Photo

33. Souping up a Photo

34. how to do skin care

Text and Typography Effect Related Tutorials
35. Gold Text Effect

36. Create a Transparent Glossy Lettering

37. Experiment on 3D Text Effect

38. A folded and cut papercraft or scrapbook style heading

39. Creating The Light Text Effect

40. Colored Glowing text effect

Icons and Button Related Tutorials
41. Volkswagen logo Tutorial

42. How To Make An Icon From A Picture

43. Create a Web 2.0 Badge

44. Vista Button

Texture, Pattern Effects and Painting Related Tutorials
45. Make a Gimp pattern from scratch

46. Textured Design

47. Draw An Angry Cat

48. How To Paint A Face

49. Painting A Peacock

Poster and Advertisment Related Tutorials
50. Design an Apple iPhone Advertisement

51. Cool Typography Design Poster

Website User Interface and Layouts Related Tutorials
52. Blog Theme Design tutorial

53. Modern Navigation

54. Mac style Wallpaper

55. Simple Vignetting using The GIMP

56. Fiery Space Explosion in Gimp

57. Create an iMac Vector Image in The Gimp

58. The Ultimate Gimp Planet Tutorial

59. 3D realistic looking rubik’s cube

60. Creating a Vista-like wallpaper

Further Resources to More Photoshop Tutorials
Other Resources
Find Something Missing?
While compiling this list, it’s always a possibility that we missed some other great tutorials. Feel free to share it with us.

Posted in Graphic Design, Photoshop, Tutorials, Web Design | Comments Off
Tuesday, September 8th, 2009
Traditional drawing is certainly way harder than digital and it is true that people are able to progress much faster digitally, but one should learn the traditional type of drawing and painting before starting digital drawing, since it often lays out the foundation for screen design.
This article contains a mixture of traditional drawing tutorials, drawing techniques and some methods for transforming and preparing your creations for screen design. Some are intermediate level and some are advanced tutorials that include general theory, useful tips, comic inspired art, sketch a pencil drawing, coloring processing, character sketching, shapes, proportional, perspective and much more. We hope that drawing tutorials and techniques in this post will be a great help to you.
Traditional Drawing Tutorials
Marilyn Portrait Tutorial
A truly fantastic drawing tutorial to learn how to draw a portrait of Marilyn Monroe with pencil. Each step of the portrait is perfectly well explained and commented. This tutorial is very detailed, and requires a lot of patience.

Portrait tutorial
This is a step by step tutorial on how to draw a realistic portrait. The artist assumes that you have a basic understanding of drawing and shading before attempting to draw a serious portrait. For this lesson he is drawing on 11″x14″ Fabriano Hotpressed Watercolor Paper. He is using Derwent Graphic Pencils ranging from 2H to 7B. For more information on any of the drawing tools that he mention in this tutorial, visit the drawing materials page.

How to draw lips
In this tutorial artist will explain how to draw the structure of the human lips.

How to Draw a Car
For this tutorial the artist will show the different steps he takes in drawing a realistic looking car. He chose to draw an american classic, the Corvette. This tutorial will apply to any car though because for the most part, they are all the same. The key to drawing a car that will pop off the page is having a good balance of lights, midtones, and darks along with clean, sharp edges. He is using Derwent Graphic Pencils and Fabriano Artistico Bright White Watercolor Paper, he is also using mechanical pencils for small details.

How to Draw Optimus Prime From Transformers
In this tutorial you will be learning how to draw one of the most popular of the Autobots, Optimus Prime. This drawing tutorial will show you in detail how to sketch, draw, and shade in this character that is popular around the world

Pet Portrait
A very good tutorial about how to draw pet portraits with colored pencils. Basic process and tips. Medium : Prismacolor Colored Pencils.

How to Draw a Ninja
This tutorial will show you how to draw a ninja step by step. This tutorial has easy to follow directions and steps making it that much more possible for anybody to tackle

Portrait tutorial
Artist is going to show several step photos along the way on this one. Artist chose this photo because of it’s RICH content, and it’s HIGH amount of TONAL VALUES, CONTRAST as well as it being a high resolution file, Finding just the right photo is half the battle to a good drawing. NEVER EVER work with a low quality photo.

Hair drawing tutorial
Drawing hair is definitely one of the trickiest part of almost every portrait. However, you will definitely like it if you acquire technique and skill in it. Therefore Artist introduce some easy and effective ways to draw wavy or straight hair or hair blowing in the wind. No matter how much chaotic the hair is, you’ll be able to draw it.
This tutorial explains two techniques of drawing hair on four portraits.

Eye-drawing tutorial by Sarah
A great and very detailed tutorial, to learn how to draw an eye in 30 steps

How to Draw a Realistic Eye
Artist made this tutorial to show the different steps that he take in drawing a realistic eye.

How to Draw a mouth and teeth
Artist made this tutorial to show the different steps that he take in drawing a realistic mouth, lips, and teeth.

TRADITIONAL SKETCH RENDERING
At most design schools they teach you how to use a single wooden pencil to create an entire rendering, sometimes referred to as a “Prisma-rendering” due to the type of pencil usually used (Prismacolor wood pencils). These are fast and very pretty looking techniques, and they are fairly easy to master. This will be more of a walkthrough then a tutorial in the sense that artist won’t describe every pen stroke, more the basic steps and thoughts behind. Ok, let’s go!

Drawing Hands and Feet
Some useful explainations and tips about how to draw hands and feet.

Drawing a Rose
An excellent tutorial offered by Rachel, to learn how to draw a pink rose.

A Pseudo-Sugar Skull: From Start to Finish.
Create a highly detailed sugar skull illustration by following this expert tutorial, with details on the process from sketch to final digital design.

Hair Amanda Tapping
A step by step drawing showing amazing hair on a portrait of actress Amanda Tapping. The result is impressive realism. A must see!

From Sketch to Vector Illustration
Create inspiring digital creations from hand drawn sketch using these helpful tips.

Manga Making Tutorial
In this tutorial artist will show you the process of creating a complete Manga comic strip using traditional tools.

How to draw a fashion figure
In this video tutorial you will learn how to use existing reference photo to trace a fashion inspired sketch.

The Dragon Tutorial
In this great dragon inspired tutorial artist will teach you some techniques and useful tips, you can also use this techniques in you other fantasy realted drawings.

Leather Wings
In this tutorial you can get ideas and techniques for drawing realistic wings stracture, Artist focuses at drawing wings.

Pencil Sketching by Max MaxBert Bertuzzi
very comprehensive theoritical tutorial, this article will increase knowledge and power of your drawing skill

Drawing Hair in Pencil
Some very useful tips for you on how to create extremely inspiring and realistic drawing hair in pencil work

Drawing Hands
Follow these simple and easy tips to avoid the difficulty of recreation of hands in pencil drawing and to learn some great tips and techniques of drawing hands.

Clothing Tutorial
An excellent roundup with plenty of tips and clothing tutorials. So, dress your characters in the best way by practicing these tips.

Comic Story Step by Step
If you are looking for a comic story guideline, here is a perfect step by step guide for you that will guide you starting with sketching and moving on through the inking and digital processes.

How to draw Marlon Brando step by step
It is now time to show you “how to draw Marlon Brando step by step” All the steps and instructions are laid out in the simplest format possible to help make this tutorial a breeze.

Face drawing: the heroic male
In this tutorial we’ll draw a character face of a hero-like character. In the process we’ll review an optimal placement of the facial features and the best ways to emphasize the features of the face that will make our character look manly and heroic.

Evil skull drawing
Looking for a terrifying evil skull drawing tutorial? Just follow the steps and you should be able to walk away with a scary skull to use in your scary projects (whatever they might be).
Let’s start with the evil skull drawing tutorial!

How to draw a female anime Dark Angel
The video demonstrates how to quickly create an efficient concept design from concept idea into visual. How to put rough idea onto the paper sketch and create fantasy or sci-fi character concept art online lesson for comics cartoon illustration, manga, and anime.

Lone Wolf Pencil Drawing
Here is a new miniature speed pencil drawing. Artist wanted to make this one different from my other ones. He combined two drawings in one to make a single image. The sunset and the single wolf. It gives the final image a different look and feeling.

How I making manga part 2
A step by step comprehensive and detailed tutorial about making manga.

Graphite Portrait
This tutorial explains all steps to create a portrait of Zinedine Zidane in graphite pencil. Time to complete: 10 hours.

Dance of Spring Tutorial
A step by step detailed tutorial that will help you with your Colored pencil.

Traditional Drawing Tips & Techniques
How to Draw what you See: Techniques and Tips to Improve your Drawing Skills
This article contains step-by-step images of the process Artist uses to create realistic looking drawings, as well as tips he have picked up over the years which anyone can use to improve their drawing skills.

Shading and Blending
This brilliant tutorial is all about shading and blendng, so let start and get lot of tips and amazing techniques.

Tips for drawing hands
In this tutorial Artist will include many tips about drawing hands he has picked up which are useful for getting better at drawing hands, including foreshortening, nails, and finger shapes.

Circulism Technique
Circulism is a very interesting technique to create skin texture with pencil. With this great tutorial, learn how to acheive a realistic skin texture with circulism.

3 Dimensional Drawing Techniques
To learn the basics of shape, perspective and shading in order to create depth in your work.

9 Steps to Creating Better Compositions
Great compositions don’t just happen by accident. They take planning, patience, and a knowledge of all the visual elements at your disposal. The great thing is, no matter how much or how little talent you have, you’ll always be able to improve your art by sketching out a good composition before you begin.

Drawing clothes techniques
A less general point that the portrait seems to pose few problems is the representation of clothing. In this tutorial, clothing can be summarized in two points: the folds and textures.

Editing Drawings
Editing Drawings by Cataclysm-X offers valuable tips for bringing out the best in your traditional drawings after they have lost their depth and luster due to scanning.I am sure this technique will help many traditional artists in the presentation of their work.

Sketching Tips and techniques
Learn interesting tips and techniques of sketching art and learn how you can focus on creating a great looking character with the help of these tips.

Detailed Hair
This article contains high quality tutorials that will guide you how to create highly realistic and inspiring hair on your subjects.

Hair Perspective & Lighting Tutorial
A very helpful and step by step comprehensive and detailed tutorial about Hair Perspective & Lighting

Portraiture lesson
To study draw a portrait using the ‘inside-out’ method.

Proportions
Proportions in any drawing assignment hold great value; therefore we have come up with these five most helpful techniques that will help you getting grips with proportions in your drawings.

How to Draw Caricatures: The 5 Shapes
This is a great collection of tips and techniques you can use to draw caricatures and learn the basic theory and 5 shapes of caricature design.

How to Draw Caricatures: Head Shapes
Head shape is the most important part of a caricature and in this tutorial you will learn great techniques about it.

© Aquil Akhter for Smashing Magazine, 2009. |
Permalink |
14 comments |
Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine
Post tags: drawing, Tutorials
Posted in Graphic Design, Tutorials | Comments Off
Thursday, August 27th, 2009
Ever wonder how animated films like Ice Age are made? Maya is the answer. Maya (or Autodesk Maya, having recently been acquired by Autodesk) is powerful 3D modeling, animation, texturing, rendering and visual effects software.
Maya was developed for the film industry and is now being used for design, visual effects, games, film, animation, visualization and simulation. The most significant thing that sets it apart from other 3D packages — and the reason it is used so widely in these major industries — is that it is highly customizable. Big studios can write custom code to suit their productions using the software’s development kit. This makes Maya highly adaptable to any workflow.
Below, we feature tutorials that address most Maya-related topics for beginners and advanced users. These tutorials cover almost everything Maya has to offer, from modeling to the final rendering process.
For Beginners
Poly Head Modeling

Box Modeling a Male
Brief tutorial on the box-modeling technique.

Low Poly Character
In this tutorial, you will see how to create a low poly character in 3D.

Real-Time Character Modeling
Modeling a real-time character.

Subdivision Surfaces
Use subdivision surfaces to model a character in Maya.

Face
This video tutorial teaches you how to model a face in Maya using polygons.

Texture Map NURBS Dragon
This tutorial teaches you how to paint 3D texture maps onto a NURBS dragon model.

Layered Texture
In this tutorial, you learn how to use the alpha channel of your projected image to “stencil” your image over or under other images in your geometry using a layered shader.

Fur
Basic tutorial on Maya fur.

Tree
Create a realistic tree in Maya.

Grass
Creating simple grass in Maya.

CG Nature
This tutorial shows you how to make terrain, trees and grass using Maya.

Realistic Ear
This tutorial shows you how to model a realistic human ear.

Human Anatomy UV Coordinates Setup for Texturing
Learn how to create your UV texture maps correctly so that they don’t blur or stretch.

Coin
This tutorial shows you how to create a very realistic coin using Maya.

Keroro Gunso
In this Maya tutorial, you learn how to model Keroro Gunso.

Coffee cup
This tutorial shows you how to create a coffee cup in Maya.

Screwdriver
This is a basic modeling tutorial that teaches you how to create a screw-driver and then use Final Gather to render global illumination, HDRI and depth of field.

Onion
Create a realistic-looking onion in Maya.

Mud Effect
Tutorial on creating a dynamic mud effect in Maya using soft body.

Wine Glass
This video tutorial teaches you how to model a wine glass in Maya.

LCD Monitor
In this tutorial, you learn the basic modeling of an LCD monitor in Maya.

Toilet
Tutorial on modeling a simple toilet in Maya.

Cigarette Box
In this tutorial, you learn basic modeling and UV mapping for a cigarette box.

Tea Cup
In this tutorial, you learn how to model and texture a tea cup.

Space Ship
Learn how to model a space ship.

Airplane
Video tutorial shows you how to model an airplane in Maya.

Tarantula
Tutorial shows you how to model a tarantula in Maya.

Paint Geometry Tool
The Paint Geometry Tool can be very useful when adding anything that needs to be duplicated and randomized across a given surface. In this tutorial, you learn all the basics of Maya‘s Geometry Tool.

Using Bump Map to Sculpt Details

Rendering Wireframe
This tutorial shows you how to render wireframes on top of 3D models.

Subsurface Scattering
Simulating subsurface scattering with Mental Ray.

3D Cloud Shader
Create a realistic cloud in Maya using fluids.

Light Lamp
Creating a realistic lamp light using Maya.

Mental Ray Studio Lighting
This tutorial teaches you how to achieve a basic studio lighting setup with Maya and Mental Ray, using a single HDR image and Final Gather.

Maya Optics
A brief explanation of how lighting works in Maya and how it is different from physical real-world lighting.

Getting Started With Mental Ray‘s Final Gather
Basic guide teaches you how to use Mental Ray’s Final Gather to render a model.

Light
A detailed tutorial on lighting in Maya.

Studio Lighting in Autodesk Maya 2009
Tutorial gives brief explanation on studio lighting in Maya 2009.

Image-Based Lighting
In this video tutorial, you learn how to create shadows under an object with a photorealistic image in the background.

HDRI in Mental Ray
This tutorial demonstrates how to use HDRI to achieve photorealistic rendering in Maya.

Realistic Lighting with LDRI Images

Chrome Car Rims
This tutorial guides you through the process of creating realistic-looking chrome car rims.

MapCreation in Maya 2009
Video examines how, using Maya 2009’s new render pass features, we can easily export a normal map from high poly geometry.

Realistic Glass
This tutorial explains three methods of creating realistic glass in Maya.

Tennis Ball Fur

Tire Cover
This tutorial shows how to model difficult rotating objects.

Cable
In this tutorial, you learn how to make a simple NURBS cylinder behave like a real cable, affected by gravity, elasticity and other real-life physical forces.

Hair styles with Maya fur
In this tutorial, you learn how to create various hairstyles with the Maya fur plug-in.

Hair Dynamics

Dynamic Telephone Cord
This tutorial shows you how to create a dynamic telephone cord using Maya Hair.

Crowd
Create a simple crowd in Maya with the help of the CrowdMaker Rendering Engine.

Cobblestone
This tutorial guides you through creating a 3D mesh in Maya that will be used for repeating material. It also includes instructions on how to create the model and then obtain a color map and normal map from the model.

Gear
This tutorial teaches you how to model and render a gear in Maya.

Sport Car Nissan 350-Z
Tutorial explains how to create 350Z’s body using polygonal modeling with blueprints in Maya.

Bee
This basic tutorial covers topics such as modeling, texturing, rigging, animation, rendering and particles.

Using Sun and Sky in Mental Ray with Maya
This tutorial demonstrates Sun and Sky system options in the Mental Ray Maya rendering engine.

Tire
In this tutorial, you see how to create realistic-looking sports car tire in Maya.

Candle Flame
Create a realistic candle flame in Maya.

Eye
Model and apply shaders to get realistic eyes.

UV mapping Techniques
This tutorial shows most of the UV mapping techniques and tricks of Maya software.

Water from Particle
Learn how to create realistic water, with effects, from Particle in Maya.

Pillow with ncloth
Maya ncloth provides excellent ways for CG artists to create realistic clothing. It simulates real-life factors such as forces acting, friction, rigidity, glue strength, pressure, tearing surfaces, etc. This video tutorial teaches you how to use ncloth to create a pillow.

Controlling Fog Density
Create and control a fog effect in Maya.

Optimized Caustics in Maya Mental Ray
In this tutorial, you learn how to make fast and optimized caustics effect with Maya and Mental Ray.

Coca-Cola Bottle
Modeling a Coca-Cola bottle in Maya.

Shelves And Mel scripts
Mel is a scripting language for Maya that is similar to C. Using Maya’s Mel scripts, you can link objects, loop an action, simulate real-world dynamics and do many other things. This tutorial teaches you how to make shelves and create Mel scripts to speed up repetitive tasks.

Tank
This tutorial focuses on making tank treads using Mel scripts.

Making eyelid rig with driven keys and expressions
This tutorial teaches you how to create an eyelid rig with driven keys and expressions.

Growing Flowers
In this tutorial, you see how to create a growing flower animation.

Stormy Ocean
This animation tutorial teaches you how to create a realistic ocean storm.

Clock Animation
Create a clock animation using Maya Expression.

Lava Effect
This tutorial explains how to make a shader for lava effects using Maya’s material editor, called Hypershade.

Rocket
Model a rocket with a particle trail in Maya.

Particle Emission When Objects Collide
Emit particles at the exact location of the collision of objects.

Destroying A Wall
Destroy a wall using rigid bodies and particles in Maya.

Rigid Body Collision Detection

Spaceship Fleet
This animation tutorial shows you how to use the particle instancer to create a fleet of spaceships flying across a plain.

Bend Deformer
This Maya tutorial covers the use of the Bend Deformer, which links one attribute to another, and the use of math in expressions to create animation.

Rotating Wheels
Learn how to create an animation of a wheel that rotates in sync with the speed of the car. The final animation is more accurate and realistic.

Falling Leaves
Create a falling leaves animation in Maya using nCloth and Paint Effects.

Yoyo Animation
Tutorial on animating a yo-yo, with the string wrapping around the fingers of a deforming hand.

Muscle Rigging
Maya tutorial on creating muscles that contract and expand a few frames before the limb moves.

Instancing Animated Geometry To Particles
Particle Instancing saves time when animating many identical objects in a scene.

Mechanical Stairs
This tutorial teaches you how to create a set of mechanical stairs.

BlendShapes
This Maya tutorial explains the process of using BlendShapes for facial animation.

Domino Effect
This tutorial teaches you how to set up the geometry of a domino effect and apply a passive-to-active key switch.

Jellyfish
This tutorial shows you how to create and animate jellyfish. It covers many topics such as modeling, texturing, animation and paint effects.

Walk
This complex tutorial uses Maya Expression to add repeating actions to a model.

Motion Blur
Add motion blur to your 3D animation in post-production by creating 2-D motion vectors in Maya.

Maya Live
Maya Live is a set of motion-tracking tools for matching CG to clean plate footage. This basic tutorial teaches you how to use Maya Live.

Hotbox
Hotbox is a great feature of Maya that will increase your speed and productivity. It allows artists to access every tool in Maya with the keyboard space bar, without having to waste time searching for tools and menu items all over the large Maya interface.

Irradiance Particles in Mental Ray
Learn how to use the powerful irradiance particle system in Mental Ray to lower your rendering times while balancing the rendering quality of your image using custom techniques and settings.

For Advanced Users
The tutorials featured below come from skilled professionals who work in the CG industry and are intended for advanced users of Maya software. You can use these techniques in other 3D software packages as well. Some of the tutorials use other packages like ZBrush, Mudbox and Photoshop in combination with Maya for best results. Before you begin any of these tutorials, make sure you have enough processing power: most of these tutorials are resource hungry. If you perfect the basic techniques covered above, try to use your skills to work on some of the high-quality projects featured below. Practice is the key to success.
Modeling a Character
In this tutorial, you see how Carsten Lind creates a character model in Maya.

American Alligator
See how Massimo Righi creates a sunbathing American alligator.

Next-Gen Environment Textures
A tutorial by Daniel Vijoi on creating next-gen environment textures in Maya. This tutorial focuses more on texturing.

Sohrab
Making Sohrab, by Farzad Dalvand.

Male Green Frog
Tutorial teaches you how to create a photorealistic render and 3D model that can be used for animation.

Steam MasterNext
Making Steam Master: next-gen game head by Sorin Lupu.

Spitfire War Plane
In this tutorial, you see how to model a Spitfire war plane.

Swimsuit Babe
Make an attractive woman, by Jimmy Chow.

Fruit Tarts
Make lovely fruit tarts, by Hau Ming.

Last ELF
Make the Last Elf in Maya. The author, Piotr Fox Wysocki, has done everything in detail to give it a real-life look.

Skullhead Mobster
Making Skullhead Mobster, by Harsh Borah.

Prince
Making Prince, by Robert Vari.

Tiger Zoo
Making Tiger Zoo, by Massimo Righi.

Prehistoric Animals
A demonstration of how this artist renders realistic-looking prehistoric animals.

Ingrid Bergman
Making Ingrid Bergman, by Max Edwin Wahyudi.

Morgane
Modeling Morgane in Maya, by Cousigne Adrien.

Breaking Subsurface Scattering into Render Layers in Maya
This tutorial is about the process of breaking the subsurface into rendering layers and compositing them in post.

Portrait of a Troll
Jonas Persson creates this Portrait of a Troll.

Cheese Platter
Detailed tutorial on making a cheese platter, by Hau Ming.

Quiet Room
Making a quiet room, by Yan Chan.

Gladiator
Making a gladiator, by Christopher ADAJAR.

Joker
Making the Joker, by Mohammadtaghi Aibaghi Esfehani. The detailing is done with ZBrush, texturing and matte painting and shave and haircut with Adobe Photoshop, and the finaly rendering with Mental Ray.

Varga
Making Varga in Maya.

Old Farm
Creating an old farm, by Daniel VIJOI.

Trapped
Making Trapped, by Massimo Righi.

Fatjon’s Performance
Making of Fatjon’s Performance, by Qu Yu Cheng.

High Polygon Realistic Character Creation
Creating a realistic high polygon character in Maya.

Gordon Ramsay‘s Caricature
Making Gordon Ramsay, caricature by Jason Edwards

Turtle
Maya tutorial on creating a realistic-looking turtle. Part 1, Part 2 and Part 3.

Street Cop
Creating a street cop, by Mashru Mishu.

Dr Julian
Maya texturing tutorial by Julian Jeremy Johnson-Mortimer.

Character Walk Through
Maya tutorial on creating a stunning character.

Meet You
Making of Meet You by Zhang Sheng.

Facial Animation Rig for Delgo
This tutorial from Warren Grubb shows how he created a facial animation rig for this character, which is more powerful and flexible than standard multi-targeted blendshape rigs.

Character hair
This tutorial shows how to create low poly hair for game characters using lots of images and some printscreens directly from the application used ( Maya, Photoshop, etc.)

Next-Gen Game Car
Model a game car without blueprints. This tutorial covers modeling, UV mapping and texturing.

Mini Cooper
This Maya tutorial focuses on shading and texturing.

Classical Girl
Making a Classical Girl by Wang Shiyong.

Foot
Modeling a foot in Maya, by Steven Stahlberg.

About the Author
Vailancio Rodrigues is a college student, webmaster and Web designer who likes to learn new things and share them with others. He likes to work in the creative field and is constantly improving his skills. His fields of interest are Web technologies, photography, motion graphics, art and technology. You can follow Vailancio on Twitter.
(al)
© vailrodrigues for Smashing Magazine, 2009. |
Permalink |
14 comments |
Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine
Post tags: maya, Tutorials
Posted in Graphic Design, Tutorials | Comments Off
Tuesday, August 25th, 2009
I always start my day checking out the daily inspiration here on Abduzeedo and now at http://daily.abduzeedo.com. One day I while I was checking out some cool images I spotted a really cool polaroid picture and I realized that most of us have already forgotten how cool these pictures are, the retro feeling in them. Polaroid for a long time was an icon to represent photography in icons for example. Because of that I decided to create a massive collection from polaroids.
You can check out the images below and if you have any suggestion or want to share your photos do not hesitate to contact us at abduzeedo@abduzeedo.com or via twitter that http://twitter.com/abduzeedo. I hope you’ll like it!


















































Polaroid vs. digital
Finally, hears a great series for you as a bonus. The artist called ‘aimless-thing’ made it for a school project.



Posted in Tutorials | No Comments »
Tuesday, August 25th, 2009
Alexia Sinclair is a very talented art photographer and digital artist based in Sydney — Australia. Her distinct style is easily recognized and highly original.
Using a visual narrative to seduce her audience with each photographic feast, Sinclair’s art is dark and seductive, baroque and symbolic. Her multilayered photographs subtly present contemporary notions of fashion and beauty through innovative digital media, whilst restoring antique notions of classicism, elegance and luxury.
Sinclair is an artist who skillfully walks the tightrope that divides the worlds of Fine Art and Commercial Art. Motivated by her love and devotion for all things intricate and unusual, this versatile creative uniquely approaches her creative production by filling all of the roles, from designing sets and props, to makeup and costumes. Sinclair travels the world photographing locations and models and works in post production constructing imagined worlds through the combination of her photographs and hand illustrations.
I saw Alexia’s work on my daily researches online and her images got my attention. I loved the colors, the atmosphere, post production and style. I’m pretty sure you will also like the images!
Find more about Alexia and her work online at:
Personal Website
Flickr Page
Make sure to visit Alexia Sinclair’s portfolio and enjoy the images…

















About the author
Someone with a bachelor degree in Foreign Trade that really likes technology, design, photography and creativity. A person ‘digging’ a new way as a ‘geek apprentice’, blogger ‘wanna be’ and a communication lover! Current location: Porto Alegre, RS – Brazil
Twitter user: gismullr
Sponsored Links:
Posted in Tutorials | No Comments »
Tuesday, August 25th, 2009
If you like to wear cool t-shirts that with positive attitude you will definitely like this selection. Alex Solis aka alexmdc is a great illustrator that has been noticed for his cool and laid back style of illustrations that fits perfectly on t-shirts and put smiles on people’s faces. Check them out!
<!–break–>
For more from Alex visit http://www.oddworx.com




















About the author
Sponsored Links:
Posted in Tutorials | No Comments »