Archive for the ‘Tutorials’ Category

Top Articles On The Web Design Billboard In December’09

Thursday, December 31st, 2009

A per­fect lay­out, A Good Design and Nice Resource can pro­duce a cre­ative out­put. Lay­out, tex­tures, typog­ra­phy and pat­terns are used more often than one may think but the out­come of dif­fer­ent com­bi­na­tion can result ver­ity of excel­lent designs. Pro­fes­sion­al­ism is built upon knowl­edge and expe­ri­ence. How­ever, When it comes to selec­tion of right resources you need to be very care­ful and spe­cific about needs.

In this round-​​up, you’ll find num­ber of top resources, tuto­ri­als, free­bies which left deep impres­sion on web design com­mu­nity, as the month of Decem­ber had a lot of inter­est­ing arti­cles pro­duces by dif­fer­ent sources.


The more time and effort you ded­i­cate for use­ful and cre­ative resources, the higher are your chances for get­ting bet­ter results.

You may be inter­ested in the fol­low­ing related arti­cles as well.

Please feel free to join us and you are always wel­come to share your thoughts even if you have more ref­er­ence links that our read­ers may like.

Don’t for­get to Subscribe to our RSS-feed sub­scribe to our RSS-​​feed and Follow us on Twitter fol­low us on Twit­ter — for recent updates.


Top Arti­cles On The Web Design Bill­board In December’09

Through­out his­tory, great design­ers always found new ways to show their cre­ativ­ity to express them­selves and cre­ate new trends and tech­niques to remark their work apart from the rest of the crowd. The Def­i­n­i­tion of design is more crit­i­cal in mod­ern terms as now design is a way of com­mu­ni­ca­tion; and, more specif­i­cally, Web design is a well define plat­form for con­tent. There is no “Good” and “Bad” in design. It always define as a “Different”.

So how can you make sure your design is bet­ter than the designs of your com­peti­tors? How can you point employer’s atten­tion to your prod­uct? Here we might be able to help you by show­cas­ing fol­low­ing list of best resources avail­able on web in the month of Decem­ber.

Design Show­case, Fea­ture Collection


The Unus­able and Super­fi­cial World of Beer and Alco­hol Websites

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

30 Impres­sive Ways to Design Sign-​​Up Page/​Form

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

25 Funny T-​​Shirts for Design­ers and Developers

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

Logo Design Inspi­ra­tion: 70 Cre­ative Fresh Designs

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

Min­i­mal­ist Web Design: When Less is More

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

40+ Vin­tage Posters to Inspire Your Next Designs Color Palette

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

70 Gor­geous Blog Footer Designs

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

50+ Most Cre­ative and unusual 404 error Pages

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

Best of CSS Design 2009

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

 

Pho­tog­ra­phy, Dig­i­tal Show­case and Art inspiration


35 Pow­er­ful Pho­tos That Tell A Story

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

Mix Col­lec­tion of 88 Stun­ning Pho­tographs to Refresh Your Mind

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

Snowy scenes

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

60 Humor­ous Print Adver­tise­ments to Tickle Your Bones

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

100 days in Glac­ier National Park

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

125+ Unusual Crazy Adver­tise­ment Designs will Grab your Attention

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

45 Breath­tak­ing Exam­ples of Slow Shut­ter Speed Photography

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

Design Some­thing Every Day!

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

HDR Pho­tog­ra­phy: Tuto­ri­als, Tips and Stun­ning Examples

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

 

Free­bies Resources (Themes, Wall­pa­pers, PSDs, Icons, Vec­tors, Fonts etc.)


A Gold Mine of Adobe Illus­tra­tor Resources

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

A UI Design and Pro­to­typ­ing Trea­sure Chest

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

30 Excel­lent Fresh Free Fonts For Your Designs

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

100 Pre­mium Like But Free, Fresh Word­Press Themes: Year 2009

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

50 Beau­ti­ful Free Icon Sets For Your Next Design

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

50 Free Resources Of Hand Draw­ing Style Icons, Brushes, Tex­tures and Fonts

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

 

Tuto­ri­als, Tips, Tricks & Hacks Resources


Top Word­Press hacks of 2009

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

22 Lat­est Excep­tional Word­Press Hacks

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

50+ Fresh CSS Tech­niques, Tuto­ri­als and Resources

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

How To Cre­ate a Sleek Audio Player Inter­face in Photoshop

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

How to Cre­ate Cityscape Con­cept Art

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

40+ Excel­lent Adobe Illus­tra­tor Car­toon Tutorials

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

CSS Tech­niques I Wish I Knew When I Started Design­ing Websites

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

The Best 40 Pho­to­shop Text Effects from 2009

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

33 Must Read CSS3 Tips, Tricks, Tuto­r­ial Sites and Articles

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

 

CSS, xHTML, PHP, Javascript and Ajax Resources


Stronger, Bet­ter, Faster Design with CSS3

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

A Col­lec­tion of HTML5 Resources and Tutorials

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

10 jQuery snip­pets for effi­cient developers

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

The Ulti­mate Guide to Cre­at­ing a Design and Con­vert­ing it to HTML and CSS

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

How to Build a Shop­ping Cart using CodeIgniter and jQuery

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

Top 15+ Best Prac­tices for Writ­ing Super Read­able Code

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

 

Appz, Tools and Devel­op­ment Resources


7 Tools To Opti­mize The Speed of Your Website

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

How To Sup­port Inter­net Explorer and Still Be Cut­ting Edge

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

Opti­miz­ing Word­Press for Search Engines

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

50 Best Free Tools To Cre­ate Per­fect Color Combinations

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

 

Free­lanc­ing Resources


How to Start a Free­lance Company

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

How To Explain To Clients That They Are Wrong

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

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

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

My Web­site Design Was Stolen! Now What?

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

Dou­bling Your Rate: A Thought Experiment

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

How Many Ideas Do You Show Your Clients?

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

5 Mis­uses of Social Media That Could Kill Your Free­lance Business

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

The Best Books for Free­lance Graphic Designers

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

 

Mis­cel­la­neous Resources


50+ Free Resources for Writ­ers, Blog­gers, And Other Freelancers

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

50 Pro­fes­sional Web Design Agency Web Sites

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

15 Sites for Learn­ing and Mas­ter­ing SEO

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

How to Brain­storm Bril­liant Ideas for Your Blog

instantShift - Top Articles On The Web Design Billboard In December

Offi­cial Link

 

Find Some­thing Missing?

While com­pil­ing this list, it’s always a pos­si­bil­ity that we missed some other great resources of the month of Decem­ber. Feel free to share it with us.

22 Latest Exceptional WordPress Hacks

Tuesday, December 8th, 2009

Word­Press needs no intro­duc­tion among design­ers and writ­ers. It’s usu­ally known as a syn­onym for blog­ging. Now days every other Word­Press blogs look more or less sim­i­lar, to stand uniquely out from the rest, you need to tweak it a lit­tle bit by using qual­ity hacks.

As you all known that the new ver­sion v2.8 is arrived and most of you already updated your Word­Press to v2.8. So, now there is a need of new work­ing hacks which is com­pat­i­ble with lat­est version.

Of Course, Word­Press Codex is always the best place to learn about Word­Press and its tweaks. But unfor­tu­nately, it’s too much for a sim­ple Word­Press user. This the only rea­son we com­piled this fairly com­pre­hen­sive list of the Excep­tional Word­Press Hacks to unleash the power of your favorite blog­ging engine.


One of the great­est things about blog­ging is the imme­di­ate feed­back a blog­ger can get from his or her read­ers. Still it’s often pos­si­ble that your read­ers don’t give you a wink about their likes and dis­likes. Unfor­tu­nately, there is no way for you to find out about vis­i­tors think­ing towards your blog or its design. It’s always essen­tial to play safe and give oth­ers what they like. Out of many solu­tions the inspi­ra­tional one is only promis­ing and opti­mistic way to achieve desired changes. This arti­cle focuses on orga­nized col­lec­tion of some of the Most Wanted Word­Press Hacks which will def­i­nitely make your blog­ging life easier.

You may be inter­ested in the fol­low­ing tips and tricks related arti­cles as well.

Please feel free to join us and you are always wel­come to share your thoughts even if you have more ref­er­ence links related to other tips and tricks that our read­ers may like.

Don’t for­get to Subscribe to our RSS-feed sub­scribe to our RSS-​​feed and Follow us on Twitter fol­low us on Twit­ter — for recent updates.

Gen­eral Word­Press Related Hacks

 

01. How to Speed Up Your Blog’s Load­ing Speed

instantShift - Exceptional WordPress Hacks

Word­Press, by default, comes uncom­pressed and sends the uncom­pressed HTML to the visitor’s browser. With one line of code added to your header, you can com­press WordPress’s out­put by up to 75%. By using zlib com­pres­sion tech­nol­ogy, you can har­ness the power of PHP and reduce your blog’s load speed!

First, place the fol­low­ing 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 host­ing provider.

Sec­ond, place the fol­low­ing 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 Port80​Soft​ware​.com to ensure you are com­press­ing your output.

Source Link

 

02. Allow More Time For Slow Servers to Upgrade WordPress

instantShift - Exceptional WordPress Hacks

Word­Press auto download/​install is a very nice fea­ture, but some­times a few prob­lems can appear. One of them is that Word­Press don’t man­age to down­load the new ver­sion. This hap­pens on slow servers. Here is how to solve it.

To apply this hack, you’ll have to edit one of Word­Press core files. Keep in mind that it is never rec­om­mended. This hack should be applied only if you have prob­lems 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 down­load­ing time, sim­ply change the 60 with a greater value, as for example:

$response = wp_remote_get($url, array('timeout' => 120));

it’s all done!!

Source Link

 


Pages Related Hacks

 

03. How to Get All Cus­tom Fields From a Page or a Post

instantShift - Exceptional WordPress Hacks

Some­times you may need to get all cus­tom fields from a spe­cific post or page. Apply fol­low­ing func­tion 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-&gt;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 =&gt; $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 =&gt; $second_value) :
      $result[$second_key] = $second_value[0];
    endforeach;
  endforeach;

  //and returns the array.
  return $result;
}

Once done, you can use the func­tion like this:

$result = all_my_customs();
echo $result['my_meta_key'];

Source Link

 

04. How to Show Par­ent Page Title Regard­less of What Sub­page You Are On

instantShift - Exceptional WordPress Hacks

This hack is use­ful for peo­ples who work­ing with Word­Press as a CMS and want­ing to be eas­ily able to dis­play par­ent page title on a subpage.

Noth­ing hard at all: Just paste the fol­low­ing code where you’d like to dis­play the par­ent 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!!

Source Link

 

05. Dis­play Guest Author Name in The Front Page and Indi­vid­ual Posts

instantShift - Exceptional WordPress Hacks

The first thing we need to do is to set a word­press if state­ment to get the cus­tom filed value. This way it will only show up when the cus­tom file value is assigned. Open up your “index.php” and “single.php” and paste the fol­low­ing code where you want the author name to show up. It could be after date or after com­ments. For exam­ple 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 state­ment 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 spec­i­fied post only.

Source Link

 


Post Related Hacks

 

06. How to Dis­play Con­tent in Mul­ti­ple Columns

instantShift - Exceptional WordPress Hacks

Printed mag­a­zines often dis­play text in columns, so why blogs shouldn’t be able to do the same? here you can find out how to eas­ily and auto­mat­i­cally dis­play your post con­tent in columns.

This code is pow­er­ful but def­i­nitely easy to imple­ment. Just paste it on your functions.php file and it will auto­mat­i­cally out­put your post con­tent in columns.
Your post con­tent will be split­ted 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 for­get to add the fol­low­ing styles to your style.css file :

.content_right, .content_left{
  float:left;
  width:45%;
}

.content_left{
  padding-right:5%;
}

Source Link

 

07. How to Show Word­Press Post Attachments

instantShift - Exceptional WordPress Hacks

Since Word­Press 2.5, attach­ments man­age­ment in Word­Press have been improved and is now very pow­er­ful. Today, we’re going to show you a sim­ple code snip­pet that you can use in your Word­Press theme to dis­play post attachments.

To achieve this recipe, just paste the fol­low­ing code any­where in your post.php file and attach­ments 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);
  }
}

Source Link

 

08. How to Set Post Expi­ra­tion Date/​Time on Your Word­Press Blog

instantShift - Exceptional WordPress Hacks

Some­times (for exam­ple, if you’re run­ning a con­test), you want to be able to pub­lish a post and then auto­mat­i­cally stop dis­play­ing it after a cer­tain date. This may seem quite hard to do but in fact is not, using the power of cus­tom fields.

Edit your theme and replace your cur­rent Word­Press 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 cre­ate a post set to expire at a cer­tain date and time, just cre­ate a cus­tom field. Spec­ify expi­ra­tion as a key and your date and time as a value (with the for­mat 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 unpub­lish your post, but just pre­vents it from being dis­played in the loop.

Source Link

 

09. How to Style Posts Individually

instantShift - Exceptional WordPress Hacks

Your blog has a lot of posts, but the posts aren’t all of the same type. To give spe­cial styling to one or more of your posts, you can take advan­tage of both the post_​class() func­tion 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 impor­tant part is mostly in line 3. Here, we have added the PHP post_​class() func­tion. Intro­duced in Word­Press 2.8, this func­tion adds CSS classes to the post. For exam­ple, it can add:

  • .hen­try
  • .sticky
  • .category-​​tutorials
  • .tag-​​wordpress

With these CSS classes now added, you can now give a cus­tom style to all posts that have the sticky tag or those that belong to the tuto­ri­als category.

The other impor­tant piece of this code is id=”post-< ?php the_​ID(); ?>“. By dis­play­ing the ID of the post here, we’re able to style a par­tic­u­lar post. As an example:

#post-876{
	background:#ccc;
}

Source Link

 

10. Dis­play Con­tent only to Reg­is­tered Users in Your Word­Press Blog

instantShift - Exceptional WordPress Hacks

As you prob­a­bly know, Word­Press lets you decide whether to allow read­ers to cre­ate accounts and sign in to your blog. If you want to increase your blog’s reg­is­tered read­ers or would just like to reward exist­ing read­ers, why not keep some con­tent pri­vate, just for them?

To achieve this hack, we’ll use a short­code. The first step is to cre­ate it. Open your functions.php file and paste the fol­low­ing code:

function member_check_shortcode($atts, $content = null) {
  if (is_user_logged_in() &#038;&amp; !is_null($content) &#038;&amp; !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 fol­low­ing to your posts to cre­ate a sec­tion or text (or any other con­tent) that will be dis­played only to reg­is­tered users:

[member]
This text will be displayed only to registered users.
[/member]

That’s it. Reg­is­tered users will see the text con­tained in the short­code, while unreg­is­tered users will see a mes­sage ask­ing them to register.

Source Link

 


Com­ment Page Related Hacks

 

11. How to Dis­able Com­ments in Old Posts via PHP

instantShift - Exceptional WordPress Hacks

In many sit­u­a­tions like when you’re giv­ing some alert to your read­ers or warn­ing, and you don’t want to hear any feed­back. Or you sim­ply don’t want to have any com­ments, ping­backs, or track­backs for respec­tive event. For such sit­u­a­tion you really want to know how to dis­able com­ments, ping­backs, and track­backs via PHP in your Word­Press blog.

The first step is to cre­ate it. Open your functions.php file and paste the fol­low­ing 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 plu­gin, through your theme’s functions.php, or through a cus­tom user-functions.php file. Sim­ply set the desired num­ber of days by chang­ing the num­ber “30” to what­ever you would like. As is, this script will close com­ments, ping­backs and track­backs on all arti­cles posted more than 30 days ago.

Source Link

 

12. How to Dis­play Reg­is­tered Users Com­ment Count on Your Blog

instantShift - Exceptional WordPress Hacks

If your blog is pri­vate or have lots of reg­is­tered users, it may be inter­est­ing to be able to dis­play the num­ber of com­ments posted by reg­is­tered users. This is the pur­pose of this code.

Sim­ply paste the fol­low­ing code where you’d like the count to be dis­played. 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 com­ment count for each reg­is­tered user.

Source Link

 

13. Sep­a­rat­ing Track­backs From Com­ments in Word­Press 2.7+

instantShift - Exceptional WordPress Hacks

Sep­a­rat­ing your track­backs and com­ments requires a min­i­mal amount of cod­ing work to set up. First, you’ll want to make a backup of your comments.php file just in case some­thing goes wrong. Next, fol­low these steps:

Access your comments.php file and locate the fol­low­ing code:

<?php foreach ($comments as $comment) : ?>

Imme­di­ately 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 lit­tle bit and locate the fol­low­ing code:

<?php endforeach; /* end for each comment */ ?>

Imme­di­ately before the above code, you’ll want to place this code:

<?php } /* End of is_comment statement */ ?>

This will fil­ter out all of the track­backs and ping­backs from your main com­ments loop. Now we need to cre­ate a sec­ond com­ments loop to dis­play the track­backs and ping­backs. Now, Almost imme­di­ately below the code from last step you should find this code:

<?php else : // this is displayed if there are no comments so far ?>

Imme­di­ately 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 com­ments suc­cess­fully sep­a­rated from the track­backs, there are a cou­ple addi­tional tweaks you may want to do to clean up how things look (it really depends on pref­er­ence I sup­pose). The first is to clean up your trackbacks/​pingbacks by only dis­play­ing the title instead of an excerpt and every­thing else. In order to do this, you’ll need to find the fol­low­ing 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 fol­low­ing code to your functions.php file (which can be cre­ated 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 sec­tion and you can also apply the same changes if you use a plu­gin to dis­play tweetbacks.

The other thing you may want to do is fix the com­ment count to only show actual com­ments, fil­ter­ing out the trackbacks/​pingbacks which are included in your com­ment count by default. Sim­ply add the fol­low­ing code to your functions.php file (which again can be cre­ated 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 suc­ces­fully sep­a­rated track­backs from comments!

Source Link

 


Images Related Hacks

 

14. Auto­mat­i­cally Resize Pic­tures on Your Word­Press Blog

instantShift - Exceptional WordPress Hacks

You know it, a pic­ture is worth a thou­sand words. But pic­tures means that you have to resize it, which is alwyas bor­ing.
Hap­pilly, a very cool script called TimThumb can resize pic­tures for you. The func­tion below cre­ate a Word­Press short­code that will make Timthumb use even easier.

function imageresizer( $atts, $content = null ) {
  return '&lt;img src="/timthumb/timthumb.php?src='.$content.'&amp;w=590" alt="" /&gt;';
}

add_shortcode('img', 'imageresizer');

Then, you can use the fol­low­ing syn­tax to add an auto­mat­i­cally resized image to your blog post:

[img]http://www.yoursite.com/yourimage.jpg[/img]

Source Link

 


Social Net­work­ing and Email Related Hacks

 

15. How to Cre­ate a Tweet­meme “Retweeet” Shortcode

instantShift - Exceptional WordPress Hacks

Twit­ter is one of the best way to get qual­ity traf­fic to your blog. In order to help peo­ple shar­ing your arti­cles on Twit­ter, you should def­i­nitely imple­ment a Tweet­meme but­ton, which dis­play how many time time peo­ple RT’d your blog posts.

Just paste the func­tion below into your functions.php file.

function tweetmeme(){
  return '&lt;div class=&quot;tweetmeme&quot;&gt;&lt;script type=&quot;text/javascript&quot; src=&quot;http://tweetmeme.com/i/scripts/button.js&quot;&gt;&lt;/script&gt;&lt;/div&gt;';
}
add_shortcode('tweet', 'tweetmeme');

Once you saved the file, you’ll be able to dis­play the Tweet­meme “retweet” but­ton any­where on your posts. In Word­Press edi­tor, make sure you are in HTML mode and insert the following:

[tweet]

When your post will be pub­lished, the short­code will be replaced by the Tweet­Meme button.

Source Link

 

16. Send Arti­cle to a Friend by Email

instantShift - Exceptional WordPress Hacks

In order to cre­ate more traf­fic on your blog, it can be a good idea to let your read­ers send your posts to their friends by email.

To apply this recipe to your blog, sim­ply paste the fol­low­ing func­tion into your functions.php file, and that’s all. Hard to do some­thing simpler!

function direct_email($text=&quot;Send by email&quot;){
  global $post;
  $title = htmlspecialchars($post-&gt;post_title);
  $subject = 'Sur '.htmlspecialchars(get_bloginfo('name')).' : '.$title;
  $body = 'I recommend this page : '.$title.'. You can read it on : '.get_permalink($post-&gt;ID);
  $link = '&lt;a rel=&quot;nofollow&quot; href=&quot;mailto:?subject='.rawurlencode($subject).'&amp;amp;body='.rawurlencode($body).'&quot; title=&quot;'.$text.' : '.$title.'&quot;&gt;'.$text.'&lt;/a&gt;';
  return $link;
}

Source Link

 


Author Related Hacks

 

17. Auto­mat­i­cally Insert Author Bio on Each Post

instantShift - Exceptional WordPress Hacks

When you’re own­ing a multi-​​writers blog, it is impor­tant to show who wrote the post. In case of guest blog­gers, it is also a nice way to give credit.

Sim­ply insert the fol­low­ing lines of code into your functions.php file, and that’s all. Author bio will be auto­mat­i­cally dis­played after each post.

function get_author_bio ($content=''){
  global $post;

  $post_author_name=get_the_author_meta(&quot;display_name&quot;);
  $post_author_description=get_the_author_meta(&quot;description&quot;);
  $html=&quot;&lt;div class='clearfix' id='about_author'&gt;\n&quot;;
  $html.=&quot;&lt;img width='80' height='80' class='avatar' src='http://www.gravatar.com/avatar.php?gravatar_id=&quot;.md5(get_the_author_email()). &quot;&amp;default=&quot;.urlencode($GLOBALS['defaultgravatar']).&quot;&amp;size=80&amp;r=PG' alt='PG'/&gt;\n&quot;;
  $html.=&quot;&lt;div class='author_text'&gt;\n&quot;;
  $html.=&quot;&lt;h4&gt;Author: &lt;span&gt;&quot;.$post_author_name.&quot;&lt;/span&gt;&lt;/h4&gt;\n&quot;;
  $html.= $post_author_description.&quot;\n&quot;;
  $html.=&quot;&lt;/div&gt;\n&quot;;
  $html.=&quot;&lt;div class='clear'&gt;&lt;/div&gt;\n&quot;;
  $content .= $html;
  }

  return $content;
}

add_filter('the_content', 'get_author_bio');

Source Link

 


Feeds Related Hacks

 

18. How to Fetch and Dis­play RSS Feeds

instantShift - Exceptional WordPress Hacks

Do you know that Word­Press have a built-​​in RSS reader? And you can use this feed to uti­lize in many ways. Here we’ll tell how to import and dis­play feeds in word­Press 2.8 and beyond.

Sim­ply paste the fol­low­ing code where you want the feed to be dis­played. Don’t for­get 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; ?>

Source Link

 


Cat­e­gory and Tags Related Hacks

 

19. How to Change Excerpt Length Depend­ing of the Category

instantShift - Exceptional WordPress Hacks

Do you ever wished to be able to mod­ify the excerpt length based on which cat­e­gory you are on, with­out mod­i­fy­ing your theme files? If yes, we’re pretty sure you’ll be happy with this hack.

No need to mod­ify your theme files. Sim­ply paste the code into your functions.php file. Don’t for­get to change the cat­e­gory 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;
  }
}

Source Link

 

20. Cre­ate a Func­tion to Get Tags Related to Category

instantShift - Exceptional WordPress Hacks

First, here is the func­tion 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 func­tion, you can use it in your theme:

$args = array('categories' => '12,13,14');
$tags = get_category_tags($args);

Source Link

 


Plu­gin Related Hacks

 

21. How to Cre­ate an Anti-​​IE6 Plugin

instantShift - Exceptional WordPress Hacks

With this amaz­ing code cre­ated by Nathan Rice, you’ll be able to serve IE6 users the default Word­Press theme. After all, those idiots don’t deserve any­thing better

Just paste the fol­low­ing in a new file and save it as ie6.php. Upload it to your wp-​​content/​plugins direc­tory and acti­vate it on your Word­Press 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;
}
?>

Source Link

 

22. How to Check if a Plu­gin is Active or Not

instantShift - Exceptional WordPress Hacks

When work­ing with lots and lots of plu­g­ins, it can be use­ful for devel­op­ers to be able to check if a par­tic­u­lar Word­Press plu­gin is active or not. If you want to check if a Word­Press plu­gin is active, just use the is_​plugin_​active() func­tion. The func­tion takes a sin­gle para­me­ter, which is the path to the plu­gin, as shown in below:

<?php
if (is_plugin_active('plugin-directory/plugin-file.php')) {
	//plugin is activated
}
?>

Source Link

 


Other Resources

Find Some­thing Missing?

Please feel free to share any hack that you think would be a great addi­tion in this col­lec­tion and that has not been listed already.

66 Excellent Photoshop Web Design Layout Tutorials

Friday, November 27th, 2009

When it comes to Image edit­ing or photo enhance­ment, Adobe Pho­to­shop is usu­ally the pri­mary option to con­sider. How­ever, the soft­ware pack­age itself is a quite hard to learn — and extremely hard to master.

Dis­play beau­ti­ful images is a potent ele­ment in web and graphic design, where there is less con­cern for read­abil­ity and more poten­tial for using images in an artis­tic man­ner. Pho­to­shop is use­ful for both cre­at­ing and edit­ing images to be used in print or online. Not too easy to use, but full of high-​​quality fea­tures, Pho­to­shop is the best choice for any image manip­u­la­tion job.

Below, you’ll find some of the Best Adobe Pho­to­shop Web Design Lay­out Tuto­ri­als which might help you to get inspired and learned a tip or two by the end of this pre­sen­ta­tion.


For those, who don’t know what is Adobe Pho­to­shop? And what it can do? Then fol­low the link below for detail introduction.

The next gen­er­a­tion, rep­re­sent­ing two decades of excel­lence. This appli­ca­tion con­tains every­thing you need to cre­ate high-​​end images and graph­ics. For those artists whose work demands more than the basic appli­ca­tion, There is a Pho­to­shop to sat­isfy their every needs that uti­lizes Image edit­ing & photo manipulation.

You may be inter­ested in the fol­low­ing tuto­ri­als related arti­cles as well.

Please feel free to join us and you are always wel­come to share your thoughts even if you have more ref­er­ence links related to more tuto­ri­als that our read­ers may like.

Don’t for­get to Subscribe to our RSS-feed sub­scribe to our RSS-​​feed and Follow us on Twitter fol­low us on Twit­ter — for recent updates.


Excel­lent Pho­to­shop Web Design Lay­out Tutorials

The demand for Pho­to­shop tuto­ri­als are too much in these days and find­ing the best tuto­ri­als from the pool with tens of thou­sands of tuto­ri­als is not a easy job to per­form. Design­ers love all kind of Pho­to­shop tuto­ri­als that can help them to eas­ily learn more and more every­day and give them ideas and direc­tions to design more beau­ti­ful and attrac­tive cre­ative works. This list con­tains some of the best hand­picked pho­to­shop tuto­ri­als for design­ing web­site layouts.

01. Design a Beau­ti­ful Web­site From Scratch

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

02. Cre­ate a Clean and Col­or­ful Web Lay­out in Photoshop

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

03. How to Make a Cre­ative Blog Layout

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

04. Soft­ware Lay­out Design Tutorial

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

05. Awe­some Tuto­r­ial Port­fo­lio Design

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

06. How to Cre­ate a Unique Word­Press Theme

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

07. How to Make a Light and Sleek Web Lay­out in Photoshop

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

08. Cre­ate a Magic Night Themed Web Design from Scratch

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

09. Cre­ate an advanced game or clan layout

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

10. Company/​Business/​Software Web layout

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

11. Cre­ate a Pro­fes­sional Port­fo­lio Design in 17 Easy Steps

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

12. Pho­to­shop Paper Tex­ture from Scratch then Cre­ate a Grungy Web Design with it!

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

13. Word­Press Lay­out Design Tutorial

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

14. Design a sim­ple, mod­ern web template

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

15. Design a col­or­ful theme for wordpress

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

16. Port­fo­lio Lay­out Design Tutorial

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

17. Web Site Design Tuto­r­ial: Well​known​.as Case

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

18. How to Cre­ate a Unique Col­or­ful Site Layout

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

19. Design A Clean And Fresh Com­pany Web­site In Photoshop

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

20. Design an impres­sive web host­ing layout

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

21. Host­ing Lay­out Design Tutorial

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

22. Design a Port­fo­lio Site with a Tex­tured Background

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

23. Cre­ate a gritty web­site layout

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

24. How to Make a Green & Sleek Web Lay­out in Photoshop

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

25. Cre­ate a Clean Mod­ern Web­site Design in Photoshop

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

26. Web Design Layout

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

27. Design a Min­i­mal and Mod­ern Port­fo­lio Lay­out with Photoshop

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

28. Cre­ate A Styl­ish Port­fo­lio Layout

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

29. Cre­ate a web­de­sign com­pany lay­out in Photoshop

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

30. Cre­ate an Apple inpired web­site lay­out in Photoshop

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

31. Design a trendy busi­ness & finance layout

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

32. Cre­ate a Sleek, High-​​End Web Design from Scratch

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

33. Design an ele­gant, dark port­fo­lio site

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

34. Busi­ness Lay­out Design Tutorial

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

35. Design a Sleek and Mod­ern Host­ing Layout

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

36. How to Cre­ate a Grunge Web Design Using Photoshop

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

37. Mak­ing your own port­fo­lio web page

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

38. Design a Dark, Con­trasted Lay­out in Photoshop

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

39. Cre­ate a portfolio/​business web­site layout

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

40. Web Design Tuto­r­ial: Blog/​Portfolio Template!

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

41. Pre­mium Word­Press Theme Design

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

42. Soft­ware Lay­out Design Tutorial

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

43. Tuto­r­ial Rock­n­Rolla Blog Design

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

44. Cre­ate a Port­fo­lio Lay­out with Wooden Background

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

45. Cre­ate a Pro­mo­tional iPhone App Site

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

46. Cre­ate a Nice Web Port­fo­lio Design with a Water­col­ored Background

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

47. Designer port­fo­lio layout

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

48. Design a Car­toon Grunge Web site Layout

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

49. Cre­ate A Forum Lay­out Using Photoshop

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

50. Cre­ate a Clean and Effec­tive Prod­uct Layout

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

51. Design a Clean and Col­or­ful Port­fo­lio in Photoshop

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

52. Port­fo­lio Web Layout

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

53. How to Design a Band Web­site Lay­out in Photoshop

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

54. Cre­ate a Pho­to­shop (PSD) Tem­plate for Joomla or Drupal

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

55. Busi­ness Lay­out Design Tutorial

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

56. Cre­ate a Nature Inspired Word­Press Layout

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

57. Shop­ping Cart Design Mockup

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

58. How to Cre­ate a “Worn Paper” Web Lay­out Using Photoshop

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

59. Full Pho­to­shop Web Design – Journal

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

60. How to Make a nice, eye catch­ing web/​blog layout

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

61. Per­sonal Port­fo­lio Lay­out Design Tutorial

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

62. Clean Busi­ness Lay­out Tutorial

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

63. Design a cre­ative unusual layout

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

64. Cre­ate a Dark and Sleek Web Lay­out Using Photoshop

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

65. Word­Press Lay­out Design Tutorial

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

66. How to Design a Space Futur­is­tic Gallery Layout

instantShift - Photoshop Web Design Layout Tutorials

Tuto­r­ial Link

Fur­ther Resources to More Pho­to­shop Tutorials

 

Other Resources

 

Find Some­thing Missing?

While com­pil­ing this list, it’s always a pos­si­bil­ity that we missed some other great tuto­ri­als. Feel free to share it with us.

Ultimate Round-​​Up Of 60 Excellent Gimp Tutorials

Tuesday, November 3rd, 2009

When it comes to Image edit­ing or photo enhance­ment, Adobe Pho­to­shop is usu­ally the pri­mary option to con­sider. How­ever the only pron­lem is, the soft­ware pack­age itself is a quite expen­sive for a gen­ral free­lancer designers.

So what about you!!, Gives much sleep lately or lower open Pho­to­shop, and some do not con­sider eth­i­cal pirate down­load, so many free soft­ware sup­port­ers choose to use a large soft­ware GNU image manip­u­la­tion, if you guessed right, we talk­ing about GIMP, a free soft­ware raster graph­ics editor.

Below, you’ll find some of the Best Gimp Tuto­ri­als and Resources Around for your Image edit­ing & photo enhance­ment related needs which might help you to get inspired and learned a tip or two by the end of this pre­sen­ta­tion.


For those, who don’t know what is GIMP? And what it can do? Then fol­low the link below for detail introduction.

In Short, GIMP (The GNU Image Manip­u­la­tion Pro­gram) is a free soft­ware raster graph­ics edi­tor. It is pri­mar­ily employed as an image retouch­ing and edit­ing tool, in addi­tion to offer­ing freeform draw­ing and retouch­ing tools, the GIMP can accom­plish essen­tial image work­flow steps such as resiz­ing, edit­ing, and crop­ping pho­tos, com­bin­ing mul­ti­ple images, and con­vert­ing between dif­fer­ent image for­mats. GIMP can also be used to cre­ate basic ani­mated images in the GIF format.

The next gen­er­a­tion, rep­re­sent­ing two decades of excel­lence. This appli­ca­tion con­tains every­thing you need to cre­ate high-​​end images and graph­ics. For those artists whose work demands more than the basic appli­ca­tion, There is a GIMP avail­able freely to sat­isfy their every needs that uti­lizes Image edit­ing & photo manipulation.

You may be inter­ested in the fol­low­ing tuto­ri­als related arti­cles as well.

Please feel free to join us and you are always wel­come to share your thoughts even if you have more ref­er­ence links related to more tuto­ri­als that our read­ers may like.

Don’t for­get to Subscribe to our RSS-feed sub­scribe to our RSS-​​feed and Follow us on Twitter fol­low us on Twit­ter — for recent updates.


Ulti­mate Round-​​Up Of Gimp Tutorials

The demand for good Gimp tuto­ri­als are too much in these days and find­ing the best tuto­ri­als from the pool with tens of thou­sands of tuto­ri­als is not a easy job to per­form. Design­ers love all kind of free tuto­ri­als that can help them to eas­ily learn more and more every­day and give them ideas and direc­tions to design more beau­ti­ful and attrac­tive cre­ative works. This list con­tains some of the best hand­picked free gimp tuto­ri­als from their respec­tive categories.


Light­ing, Glow and Abstract Effects Related Tutorials

01. Awe­some Bokeh Effect

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

02. Cre­at­ing Fire­ball and Explo­sion effect

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

03. Beau­ti­ful Planet Effect

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

04. Recol­or­ing Eyes for Gimp

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

05. Sun Ray Effect

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

06. Easy Way to Cre­ate Light Effects

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

07. Cre­at­ing a Dio­rama Effect

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

08. Leopard’s Aurora Bore­alis wallpaper

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

09. Gimp Cool Shapes Effect Tutorial

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

10. Add HDR-​​like Effect to a Nor­mal Potrait Picture

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

11. Light Paint­ing

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

12. Fun with light

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

13. Real­is­tic shadow

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

14. Cre­at­ing Dark Sur­real Image

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

15. Awe­some Glow Effect

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

16. A col­ored swirl of light

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

17. MSNBC Style Effect

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

18. Explod­ing Planet

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

19. Full Spec­trum Cir­cle Effect

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

20. Cre­ate a col­or­ful stream of light with particles

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

21. 3D Pixel Stretch Effect

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

22. Super Slick Dusky Light­ing Effects

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

 

Photo Manip­u­la­tion & Image Enhance­ment Related Tutorials

 

23. Adding life into a Flat Photograph

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

24. Sin City Style Tutorial

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

25. Beau­ti­ful Par­rot Photo Manip­u­la­tion in Gimp

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

26. How to cre­ate an awe­some action picture

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

27. Musi­cal Tutorial

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

28. Turn a dig­i­tal photo into Polaroid

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

29. Cre­ate a Worn Vin­tage Pop Art Design

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link




30. Steam­punk Tutorial

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

31. How to cre­ate Lightsaber effects

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

32. Creat Old Photo

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

33. Soup­ing up a Photo

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

34. how to do skin care

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

 

Text and Typog­ra­phy Effect Related Tutorials

 

35. Gold Text Effect

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

36. Cre­ate a Trans­par­ent Glossy Lettering

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

37. Exper­i­ment on 3D Text Effect

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

38. A folded and cut paper­craft or scrap­book style heading

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

39. Cre­at­ing The Light Text Effect

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

40. Col­ored Glow­ing text effect

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

 

Icons and But­ton Related Tutorials

 

41. Volk­swa­gen logo Tutorial

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

42. How To Make An Icon From A Picture

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

43. Cre­ate a Web 2.0 Badge

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

44. Vista But­ton

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

 

Tex­ture, Pat­tern Effects and Paint­ing Related Tutorials

 

45. Make a Gimp pat­tern from scratch

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

46. Tex­tured Design

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

47. Draw An Angry Cat

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

48. How To Paint A Face

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

49. Paint­ing A Peacock

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

 

Poster and Adver­tis­ment Related Tutorials

 

50. Design an Apple iPhone Advertisement

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

51. Cool Typog­ra­phy Design Poster

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

 

Web­site User Inter­face and Lay­outs Related Tutorials

 

52. Blog Theme Design tutorial

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

53. Mod­ern Navigation

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

 

Other Tuto­ri­als

 

54. Mac style Wallpaper

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

55. Sim­ple Vignetting using The GIMP

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

56. Fiery Space Explo­sion in Gimp

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

57. Cre­ate an iMac Vec­tor Image in The Gimp

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

58. The Ulti­mate Gimp Planet Tutorial

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

59. 3D real­is­tic look­ing rubik’s cube

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

60. Cre­at­ing a Vista-​​like wallpaper

instantShift - Ultimate Round-Up Of Gimp Tutorials

Offi­cial Link

Fur­ther Resources to More Pho­to­shop Tutorials

 

Other Resources

 

Find Some­thing Missing?

While com­pil­ing this list, it’s always a pos­si­bil­ity that we missed some other great tuto­ri­als. Feel free to share it with us.

40+ CodeIgniter Framework Tutorials for Kick-​​Ass PHP Application

Thursday, October 15th, 2009

title-codeigniter-tutorials-resources

CodeIgniter is an Appli­ca­tion Devel­op­ment Frame­work – a toolkit – for peo­ple who build web sites using PHP. Its goal is to enable you to develop projects much faster than you could if you were writ­ing code from scratch, by pro­vid­ing a rich set of libraries for com­monly needed tasks, as well as a sim­ple inter­face and log­i­cal struc­ture to access these libraries. CodeIgniter lets you cre­atively focus on your project by min­i­miz­ing the amount of code needed for a given task.

Here is the list of 40+ Excel­lent And Use­ful CodeIgniter Appli­ca­tion Devel­op­ment Frame­work Tuto­ri­als & Resources that includes some use­ful tuto­ri­als and few great resources that has been devel­oped for pro­gramer and design­ers. We are hop­ing that you will learn fur­ther on CodeIgniter Appli­ca­tion Devel­op­ment Frame­work after read­ing out this post.

Do you want to be the first one to know the lat­est hap­pen­ings at 2Ex​perts​De​sign​.com just sub­scribe to our rss feed and you can fol­low us on twit­ter as well.

1. CodeIgniter Tuto­r­ial: [Cre­at­ing Account­ing Appli­ca­tion] Part 1 Set­ting Up the Environment

CodeIgniter Tutorial

2. CodeIgniter: Cre­at­ing First Appli­ca­tion at CodeIgniter

Tutorial to Creating Application at CodeIgniter

3. Build­ing a basic PHP E-​​Commerce Appli­ca­tion using CodeIgniter Frame­work – Part 1

tutorial to building a basic e-commerce application with codeigniter framework

4. CodeIgniter Advent: Day 1

Codeigniter secure application starting point

5. How to make CodeIgniter file upload class accept all extensions?

CodeIgniter file upload solution

6. An Intro­duc­tion to CodeIgniter

An Introduction to CodeIgniter

7. 9 Ways to Inte­grate Ajax with CodeIgniter

Integrate Ajax with CodeIgniter

8. Debug­ging a CodeIgniter appli­ca­tion with FirePHP

Debugging a CodeIgniter Application with FirePHP

9. Get­ting Started with CodeIgniter

Getting Started with CodeIgniter

10. CodeIgniter From Scratch: Day 1

Learn CodeIgniter from Scratch Day1

11. Build­ing An Appli­ca­tion Using CodIg­niter Part 1/​3

12. FreakAuth_​light USERGUIDE

13. Dis­play­ing User Com­ments in a Code Igniter Blog Application

14. Build­ing a Com­plete CodeIgniter Appli­ca­tion: Part 1

15. The Best Way to Make CodeIgniter Web­site Multi-​​Lang

16. Codeigniter for Joomla

17. A Guide to Using Template

18. CodeIgniter and jQuery – Real Live Search with Pagination

19. Opti­miz­ing and Scal­ing your CodeIgniter Appli­ca­tion – with Benchmarks!

20. Smarty as a tem­plate engine in Code Igniter

21. Speed Up your Web Appli­ca­tion by CodeIgniter

22. Archive for the ‘CodeIgniter’ Category

23. Build­ing with CodeIgniter: Begin­ning your Tumblelog

24. Tem­plate Library for Ext.CodeIgniter

25. Codeigniter: Set­ting up mul­ti­ple sites on one install

26. How to use CodeIgniter’s OpenID library to inte­grate OpenID in your exist­ing user system

27. CodeIgniter for Rapid PHP Appli­ca­tion Devel­op­ment Table of Contents

28. Review: CodeIgniter for Rapid PHP Appli­ca­tion Development

29. Book Review: Code Igniter for Rapid PHP Appli­ca­tion Development

30. Ama­zon Book Review: CodeIgniter for Rapid PHP Appli­ca­tion Development

31. Code Igniter ExtJs Inte­gra­tion – 3

32. Imple­ment­ing the Zend Frame­work with CodeIgniter

33. PHP Appli­ca­tion Frame­work Bat­tle Royale: CodeIgniter vs. Symfony

34. A Quick Code Igniter and JQuery Ajax Tutorial

35. Build Your Port­fo­lio With CodeIgniter

36. How to make a link using Codeigniter

37. Dynam­i­cally Drop­down Value On Code Igniter

38. CodeIgniter Resources Useful

39. Rapid Appli­ca­tion Devel­op­ment with CodeIgniter

40. SlideShow: CodeIgniter PHP MVC Framework

41. Every­thing You Need to Get Started With CodeIgniter

42. Run CodeIgniter from the Com­mand Line /​ SSH

43. PHP Tuto­ri­als : Build­ing a basic PHP E-​​Commerce Appli­ca­tion using CodeIgniter Frame­work – Part 1

If you enjoyed this post, please con­sider to sub­scribe to the feed and get future arti­cles deliv­ered to your feed reader.

50 Clever Tutorials and Techniques on Traditional Drawing

Tuesday, September 8th, 2009


 

Tra­di­tional draw­ing is cer­tainly way harder than dig­i­tal and it is true that peo­ple are able to progress much faster dig­i­tally, but one should learn the tra­di­tional type of draw­ing and paint­ing before start­ing dig­i­tal draw­ing, since it often lays out the foun­da­tion for screen design.

This arti­cle con­tains a mix­ture of tra­di­tional draw­ing tuto­ri­als, draw­ing tech­niques and some meth­ods for trans­form­ing and prepar­ing your cre­ations for screen design. Some are inter­me­di­ate level and some are advanced tuto­ri­als that include gen­eral the­ory, use­ful tips, comic inspired art, sketch a pen­cil draw­ing, col­or­ing pro­cess­ing, char­ac­ter sketch­ing, shapes, pro­por­tional, per­spec­tive and much more. We hope that draw­ing tuto­ri­als and tech­niques in this post will be a great help to you.

Tra­di­tional Draw­ing Tutorials

Mar­i­lyn Por­trait Tuto­r­ial
A truly fan­tas­tic draw­ing tuto­r­ial to learn how to draw a por­trait of Mar­i­lyn Mon­roe with pen­cil. Each step of the por­trait is per­fectly well explained and com­mented. This tuto­r­ial is very detailed, and requires a lot of patience.

Screenshot

Por­trait tuto­r­ial
This is a step by step tuto­r­ial on how to draw a real­is­tic por­trait. The artist assumes that you have a basic under­stand­ing of draw­ing and shad­ing before attempt­ing to draw a seri­ous por­trait. For this les­son he is draw­ing on 11″x14″ Fab­ri­ano Hot­pressed Water­color Paper. He is using Der­went Graphic Pen­cils rang­ing from 2H to 7B. For more infor­ma­tion on any of the draw­ing tools that he men­tion in this tuto­r­ial, visit the draw­ing mate­ri­als page.

Screenshot

How to draw lips
In this tuto­r­ial artist will explain how to draw the struc­ture of the human lips.

Screenshot

How to Draw a Car
For this tuto­r­ial the artist will show the dif­fer­ent steps he takes in draw­ing a real­is­tic look­ing car. He chose to draw an amer­i­can clas­sic, the Corvette. This tuto­r­ial will apply to any car though because for the most part, they are all the same. The key to draw­ing a car that will pop off the page is hav­ing a good bal­ance of lights, mid­tones, and darks along with clean, sharp edges. He is using Der­went Graphic Pen­cils and Fab­ri­ano Artis­tico Bright White Water­color Paper, he is also using mechan­i­cal pen­cils for small details.

Screenshot

How to Draw Opti­mus Prime From Trans­form­ers
In this tuto­r­ial you will be learn­ing how to draw one of the most pop­u­lar of the Auto­bots, Opti­mus Prime. This draw­ing tuto­r­ial will show you in detail how to sketch, draw, and shade in this char­ac­ter that is pop­u­lar around the world

Screenshot

Pet Por­trait
A very good tuto­r­ial about how to draw pet por­traits with col­ored pen­cils. Basic process and tips. Medium : Pris­ma­color Col­ored Pencils.

Screenshot

How to Draw a Ninja
This tuto­r­ial will show you how to draw a ninja step by step. This tuto­r­ial has easy to fol­low direc­tions and steps mak­ing it that much more pos­si­ble for any­body to tackle

Screenshot

Por­trait tuto­r­ial
Artist is going to show sev­eral step pho­tos along the way on this one. Artist chose this photo because of it’s RICH con­tent, and it’s HIGH amount of TONAL VALUES, CONTRAST as well as it being a high res­o­lu­tion file, Find­ing just the right photo is half the bat­tle to a good draw­ing. NEVER EVER work with a low qual­ity photo.

Screenshot

Hair draw­ing tuto­r­ial
Draw­ing hair is def­i­nitely one of the trick­i­est part of almost every por­trait. How­ever, you will def­i­nitely like it if you acquire tech­nique and skill in it. There­fore Artist intro­duce some easy and effec­tive ways to draw wavy or straight hair or hair blow­ing in the wind. No mat­ter how much chaotic the hair is, you’ll be able to draw it.
This tuto­r­ial explains two tech­niques of draw­ing hair on four portraits.

Screenshot

Eye-​​drawing tuto­r­ial by Sarah
A great and very detailed tuto­r­ial, to learn how to draw an eye in 30 steps

Screenshot

How to Draw a Real­is­tic Eye
Artist made this tuto­r­ial to show the dif­fer­ent steps that he take in draw­ing a real­is­tic eye.

Screenshot

How to Draw a mouth and teeth
Artist made this tuto­r­ial to show the dif­fer­ent steps that he take in draw­ing a real­is­tic mouth, lips, and teeth.

Screenshot

TRADITIONAL SKETCH RENDERING
At most design schools they teach you how to use a sin­gle wooden pen­cil to cre­ate an entire ren­der­ing, some­times referred to as a “Prisma-​​rendering” due to the type of pen­cil usu­ally used (Pris­ma­color wood pen­cils). These are fast and very pretty look­ing tech­niques, and they are fairly easy to mas­ter. This will be more of a walk­through then a tuto­r­ial in the sense that artist won’t describe every pen stroke, more the basic steps and thoughts behind. Ok, let’s go!

Screenshot

Draw­ing Hands and Feet
Some use­ful explaina­tions and tips about how to draw hands and feet.

Screenshot

Draw­ing a Rose
An excel­lent tuto­r­ial offered by Rachel, to learn how to draw a pink rose.

Screenshot

A Pseudo-​​Sugar Skull: From Start to Fin­ish.
Cre­ate a highly detailed sugar skull illus­tra­tion by fol­low­ing this expert tuto­r­ial, with details on the process from sketch to final dig­i­tal design.

Screenshot

Hair Amanda Tap­ping
A step by step draw­ing show­ing amaz­ing hair on a por­trait of actress Amanda Tap­ping. The result is impres­sive real­ism. A must see!

Screenshot

From Sketch to Vec­tor Illus­tra­tion
Cre­ate inspir­ing dig­i­tal cre­ations from hand drawn sketch using these help­ful tips.

Screenshot

Manga Mak­ing Tuto­r­ial
In this tuto­r­ial artist will show you the process of cre­at­ing a com­plete Manga comic strip using tra­di­tional tools.

Screenshot

How to draw a fash­ion fig­ure
In this video tuto­r­ial you will learn how to use exist­ing ref­er­ence photo to trace a fash­ion inspired sketch.

Screenshot

The Dragon Tuto­r­ial
In this great dragon inspired tuto­r­ial artist will teach you some tech­niques and use­ful tips, you can also use this tech­niques in you other fan­tasy realted drawings.

Screenshot

Leather Wings
In this tuto­r­ial you can get ideas and tech­niques for draw­ing real­is­tic wings strac­ture, Artist focuses at draw­ing wings.

Screenshot

Pen­cil Sketch­ing by Max MaxBert Bertuzzi
very com­pre­hen­sive the­o­rit­i­cal tuto­r­ial, this arti­cle will increase knowl­edge and power of your draw­ing skill

Screenshot

Draw­ing Hair in Pen­cil
Some very use­ful tips for you on how to cre­ate extremely inspir­ing and real­is­tic draw­ing hair in pen­cil work

Screenshot

Draw­ing Hands
Fol­low these sim­ple and easy tips to avoid the dif­fi­culty of recre­ation of hands in pen­cil draw­ing and to learn some great tips and tech­niques of draw­ing hands.

Screenshot

Cloth­ing Tuto­r­ial
An excel­lent roundup with plenty of tips and cloth­ing tuto­ri­als. So, dress your char­ac­ters in the best way by prac­tic­ing these tips.

Screenshot

Comic Story Step by Step
If you are look­ing for a comic story guide­line, here is a per­fect step by step guide for you that will guide you start­ing with sketch­ing and mov­ing on through the ink­ing and dig­i­tal processes.

Screenshot

How to draw Mar­lon Brando step by step
It is now time to show you “how to draw Mar­lon Brando step by step” All the steps and instruc­tions are laid out in the sim­plest for­mat pos­si­ble to help make this tuto­r­ial a breeze.

Screenshot

Face draw­ing: the heroic male
In this tuto­r­ial we’ll draw a char­ac­ter face of a hero-​​like char­ac­ter. In the process we’ll review an opti­mal place­ment of the facial fea­tures and the best ways to empha­size the fea­tures of the face that will make our char­ac­ter look manly and heroic.

Screenshot

Evil skull draw­ing
Look­ing for a ter­ri­fy­ing evil skull draw­ing tuto­r­ial? Just fol­low the steps and you should be able to walk away with a scary skull to use in your scary projects (what­ever they might be).
Let’s start with the evil skull draw­ing tutorial!

Screenshot

How to draw a female anime Dark Angel
The video demon­strates how to quickly cre­ate an effi­cient con­cept design from con­cept idea into visual. How to put rough idea onto the paper sketch and cre­ate fan­tasy or sci-​​fi char­ac­ter con­cept art online les­son for comics car­toon illus­tra­tion, manga, and anime.

Screenshot

Lone Wolf Pen­cil Draw­ing
Here is a new minia­ture speed pen­cil draw­ing. Artist wanted to make this one dif­fer­ent from my other ones. He com­bined two draw­ings in one to make a sin­gle image. The sun­set and the sin­gle wolf. It gives the final image a dif­fer­ent look and feeling.

Screenshot

How I mak­ing manga part 2
A step by step com­pre­hen­sive and detailed tuto­r­ial about mak­ing manga.

Screenshot

Graphite Por­trait
This tuto­r­ial explains all steps to cre­ate a por­trait of Zine­dine Zidane in graphite pen­cil. Time to com­plete: 10 hours.

Screenshot

Dance of Spring Tuto­r­ial
A step by step detailed tuto­r­ial that will help you with your Col­ored pencil.

Screenshot

Tra­di­tional Draw­ing Tips & Techniques

How to Draw what you See: Tech­niques and Tips to Improve your Draw­ing Skills
This arti­cle con­tains step-​​by-​​step images of the process Artist uses to cre­ate real­is­tic look­ing draw­ings, as well as tips he have picked up over the years which any­one can use to improve their draw­ing skills.

Screenshot

Shad­ing and Blend­ing
This bril­liant tuto­r­ial is all about shad­ing and blendng, so let start and get lot of tips and amaz­ing techniques.

Screenshot

Tips for draw­ing hands
In this tuto­r­ial Artist will include many tips about draw­ing hands he has picked up which are use­ful for get­ting bet­ter at draw­ing hands, includ­ing fore­short­en­ing, nails, and fin­ger shapes.

Screenshot

Cir­culism Tech­nique
Cir­culism is a very inter­est­ing tech­nique to cre­ate skin tex­ture with pen­cil. With this great tuto­r­ial, learn how to acheive a real­is­tic skin tex­ture with circulism.

Screenshot

3 Dimen­sional Draw­ing Tech­niques
To learn the basics of shape, per­spec­tive and shad­ing in order to cre­ate depth in your work.

Screenshot

9 Steps to Cre­at­ing Bet­ter Com­po­si­tions
Great com­po­si­tions don’t just hap­pen by acci­dent. They take plan­ning, patience, and a knowl­edge of all the visual ele­ments at your dis­posal. The great thing is, no mat­ter how much or how lit­tle tal­ent you have, you’ll always be able to improve your art by sketch­ing out a good com­po­si­tion before you begin.

Screenshot

Draw­ing clothes tech­niques
A less gen­eral point that the por­trait seems to pose few prob­lems is the rep­re­sen­ta­tion of cloth­ing. In this tuto­r­ial, cloth­ing can be sum­ma­rized in two points: the folds and textures.

Screenshot

Edit­ing Draw­ings
Edit­ing Draw­ings by Cataclysm-​​X offers valu­able tips for bring­ing out the best in your tra­di­tional draw­ings after they have lost their depth and lus­ter due to scanning.I am sure this tech­nique will help many tra­di­tional artists in the pre­sen­ta­tion of their work.

Screenshot

Sketch­ing Tips and tech­niques
Learn inter­est­ing tips and tech­niques of sketch­ing art and learn how you can focus on cre­at­ing a great look­ing char­ac­ter with the help of these tips.

Screenshot

Detailed Hair
This arti­cle con­tains high qual­ity tuto­ri­als that will guide you how to cre­ate highly real­is­tic and inspir­ing hair on your subjects.

Screenshot

Hair Per­spec­tive & Light­ing Tuto­r­ial
A very help­ful and step by step com­pre­hen­sive and detailed tuto­r­ial about Hair Per­spec­tive & Lighting

Screenshot

Por­trai­ture les­son
To study draw a por­trait using the ‘inside-​​out’ method.

Screenshot

Pro­por­tions
Pro­por­tions in any draw­ing assign­ment hold great value; there­fore we have come up with these five most help­ful tech­niques that will help you get­ting grips with pro­por­tions in your drawings.

Screenshot

How to Draw Car­i­ca­tures: The 5 Shapes
This is a great col­lec­tion of tips and tech­niques you can use to draw car­i­ca­tures and learn the basic the­ory and 5 shapes of car­i­ca­ture design.

Screenshot

How to Draw Car­i­ca­tures: Head Shapes
Head shape is the most impor­tant part of a car­i­ca­ture and in this tuto­r­ial you will learn great tech­niques about it.

Screenshot


© Aquil Akhter for Smash­ing Mag­a­zine, 2009. |
Perma­link |
14 com­ments |
Add to del​.icio​.us | Digg this | Stum­ble on Stum­ble­Upon! | Tweet it! | Sub­mit to Red­dit | Forum Smash­ing Magazine

Post tags: ,

The Ultimate Collection Of Maya 3D Tutorials

Thursday, August 27th, 2009


 

Ever won­der how ani­mated films like Ice Age are made? Maya is the answer. Maya (or Autodesk Maya, hav­ing recently been acquired by Autodesk) is pow­er­ful 3D mod­el­ing, ani­ma­tion, tex­tur­ing, ren­der­ing and visual effects software.

Maya was devel­oped for the film indus­try and is now being used for design, visual effects, games, film, ani­ma­tion, visu­al­iza­tion and sim­u­la­tion. The most sig­nif­i­cant thing that sets it apart from other 3D pack­ages — and the rea­son it is used so widely in these major indus­tries — is that it is highly cus­tomiz­able. Big stu­dios can write cus­tom code to suit their pro­duc­tions using the software’s devel­op­ment kit. This makes Maya highly adapt­able to any workflow.

Below, we fea­ture tuto­ri­als that address most Maya-​​related top­ics for begin­ners and advanced users. These tuto­ri­als cover almost every­thing Maya has to offer, from mod­el­ing to the final ren­der­ing process.

Learn more about the Smashing Book!

Must-​​have book for design­ers, web-​​developers and cre­ative minds: the upcom­ing Smash­ing Book ($23.90 $29.90, avail­able world­wide). Pre-​​order now and save 20%!

For Begin­ners

Poly Head Modeling

Box Mod­el­ing a Male
Brief tuto­r­ial on the box-​​modeling technique.

Box Modeling

Low Poly Char­ac­ter
In this tuto­r­ial, you will see how to cre­ate a low poly char­ac­ter in 3D.

Real-​​Time Char­ac­ter Mod­el­ing
Mod­el­ing a real-​​time character.

Realtime

Sub­di­vi­sion Sur­faces
Use sub­di­vi­sion sur­faces to model a char­ac­ter in Maya.

Subdivision Surfaces

Face
This video tuto­r­ial teaches you how to model a face in Maya using polygons.

Tex­ture Map NURBS Dragon
This tuto­r­ial teaches you how to paint 3D tex­ture maps onto a NURBS dragon model.

Lay­ered Tex­ture
In this tuto­r­ial, you learn how to use the alpha chan­nel of your pro­jected image to “sten­cil” your image over or under other images in your geom­e­try using a lay­ered shader.

Fur
Basic tuto­r­ial on Maya fur.

Tree
Cre­ate a real­is­tic tree in Maya.

Grass
Cre­at­ing sim­ple grass in Maya.

CG Nature
This tuto­r­ial shows you how to make ter­rain, trees and grass using Maya.

Real­is­tic Ear
This tuto­r­ial shows you how to model a real­is­tic human ear.

Human Ear

Human Anatomy UV Coor­di­nates Setup for Tex­tur­ing
Learn how to cre­ate your UV tex­ture maps cor­rectly so that they don’t blur or stretch.

Coin
This tuto­r­ial shows you how to cre­ate a very real­is­tic coin using Maya.

Keroro Gunso
In this Maya tuto­r­ial, you learn how to model Keroro Gunso.

keroro Gunso

Cof­fee cup
This tuto­r­ial shows you how to cre­ate a cof­fee cup in Maya.

Screw­driver
This is a basic mod­el­ing tuto­r­ial that teaches you how to cre­ate a screw-​​driver and then use Final Gather to ren­der global illu­mi­na­tion, HDRI and depth of field.

Onion
Cre­ate a realistic-​​looking onion in Maya.

Mud Effect
Tuto­r­ial on cre­at­ing a dynamic mud effect in Maya using soft body.

Wine Glass
This video tuto­r­ial teaches you how to model a wine glass in Maya.

Wine Glass

LCD Mon­i­tor
In this tuto­r­ial, you learn the basic mod­el­ing of an LCD mon­i­tor in Maya.

Toi­let
Tuto­r­ial on mod­el­ing a sim­ple toi­let in Maya.

Cig­a­rette Box
In this tuto­r­ial, you learn basic mod­el­ing and UV map­ping for a cig­a­rette box.

Tea Cup
In this tuto­r­ial, you learn how to model and tex­ture a tea cup.

Space Ship
Learn how to model a space ship.

Air­plane
Video tuto­r­ial shows you how to model an air­plane in Maya.

Airplane

Taran­tula
Tuto­r­ial shows you how to model a taran­tula in Maya.

Spider

Paint Geom­e­try Tool
The Paint Geom­e­try Tool can be very use­ful when adding any­thing that needs to be dupli­cated and ran­dom­ized across a given sur­face. In this tuto­r­ial, you learn all the basics of Maya‘s Geom­e­try Tool.

Paint Geometry

Using Bump Map to Sculpt Details

Bump Map

Ren­der­ing Wire­frame
This tuto­r­ial shows you how to ren­der wire­frames on top of 3D models.

Wireframe

Sub­sur­face Scat­ter­ing
Sim­u­lat­ing sub­sur­face scat­ter­ing with Men­tal Ray.

Subsurface Scattering

3D Cloud Shader
Cre­ate a real­is­tic cloud in Maya using fluids.

Light Lamp
Cre­at­ing a real­is­tic lamp light using Maya.

Light Lamp

Men­tal Ray Stu­dio Light­ing
This tuto­r­ial teaches you how to achieve a basic stu­dio light­ing setup with Maya and Men­tal Ray, using a sin­gle HDR image and Final Gather.

Maya Optics
A brief expla­na­tion of how light­ing works in Maya and how it is dif­fer­ent from phys­i­cal real-​​world lighting.

Get­ting Started With Men­tal Ray‘s Final Gather
Basic guide teaches you how to use Men­tal Ray’s Final Gather to ren­der a model.

Final Gather

Light
A detailed tuto­r­ial on light­ing in Maya.

Light

Stu­dio Light­ing in Autodesk Maya 2009
Tuto­r­ial gives brief expla­na­tion on stu­dio light­ing in Maya 2009.

Studio Lighting 2009

Image-​​Based Light­ing
In this video tuto­r­ial, you learn how to cre­ate shad­ows under an object with a pho­to­re­al­is­tic image in the background.

HDRI in Men­tal Ray
This tuto­r­ial demon­strates how to use HDRI to achieve pho­to­re­al­is­tic ren­der­ing in Maya.

HDRI in Mental Ray

Real­is­tic Light­ing with LDRI Images

LDRI

Chrome Car Rims
This tuto­r­ial guides you through the process of cre­at­ing realistic-​​looking chrome car rims.

MapCre­ation in Maya 2009
Video exam­ines how, using Maya 2009’s new ren­der pass fea­tures, we can eas­ily export a nor­mal map from high poly geometry.

Real­is­tic Glass
This tuto­r­ial explains three meth­ods of cre­at­ing real­is­tic glass in Maya.

Glass

Ten­nis Ball Fur

Tennis Ball Fur

Tire Cover
This tuto­r­ial shows how to model dif­fi­cult rotat­ing objects.

Cable
In this tuto­r­ial, you learn how to make a sim­ple NURBS cylin­der behave like a real cable, affected by grav­ity, elas­tic­ity and other real-​​life phys­i­cal forces.

Hair styles with Maya fur
In this tuto­r­ial, you learn how to cre­ate var­i­ous hair­styles with the Maya fur plug-​​in.

Hair Dynam­ics

Hair Dynamics

Dynamic Tele­phone Cord
This tuto­r­ial shows you how to cre­ate a dynamic tele­phone cord using Maya Hair.

Telephone Cord

Crowd
Cre­ate a sim­ple crowd in Maya with the help of the Crowd­Maker Ren­der­ing Engine.

Cob­ble­stone
This tuto­r­ial guides you through cre­at­ing a 3D mesh in Maya that will be used for repeat­ing mate­r­ial. It also includes instruc­tions on how to cre­ate the model and then obtain a color map and nor­mal map from the model.

Gear
This tuto­r­ial teaches you how to model and ren­der a gear in Maya.

Sport Car Nis­san 350-​​Z
Tuto­r­ial explains how to cre­ate 350Z’s body using polyg­o­nal mod­el­ing with blue­prints in Maya.

Nissan 350-Z

Bee
This basic tuto­r­ial cov­ers top­ics such as mod­el­ing, tex­tur­ing, rig­ging, ani­ma­tion, ren­der­ing and particles.

Bee

Using Sun and Sky in Men­tal Ray with Maya
This tuto­r­ial demon­strates Sun and Sky sys­tem options in the Men­tal Ray Maya ren­der­ing engine.

Tire
In this tuto­r­ial, you see how to cre­ate realistic-​​looking sports car tire in Maya.

Can­dle Flame
Cre­ate a real­is­tic can­dle flame in Maya.

Candle Flame

Eye
Model and apply shaders to get real­is­tic eyes.

UV map­ping Tech­niques
This tuto­r­ial shows most of the UV map­ping tech­niques and tricks of Maya software.

Water from Par­ti­cle
Learn how to cre­ate real­is­tic water, with effects, from Par­ti­cle in Maya.

Water

Pil­low with ncloth
Maya ncloth pro­vides excel­lent ways for CG artists to cre­ate real­is­tic cloth­ing. It sim­u­lates real-​​life fac­tors such as forces act­ing, fric­tion, rigid­ity, glue strength, pres­sure, tear­ing sur­faces, etc. This video tuto­r­ial teaches you how to use ncloth to cre­ate a pillow.

nCloth

Con­trol­ling Fog Den­sity
Cre­ate and con­trol a fog effect in Maya.

Fog Density

Opti­mized Caus­tics in Maya Men­tal Ray
In this tuto­r­ial, you learn how to make fast and opti­mized caus­tics effect with Maya and Men­tal Ray.

Coca-​​Cola Bot­tle
Mod­el­ing a Coca-​​Cola bot­tle in Maya.

Shelves And Mel scripts
Mel is a script­ing lan­guage for Maya that is sim­i­lar to C. Using Maya’s Mel scripts, you can link objects, loop an action, sim­u­late real-​​world dynam­ics and do many other things. This tuto­r­ial teaches you how to make shelves and cre­ate Mel scripts to speed up repet­i­tive tasks.

Mel

Tank
This tuto­r­ial focuses on mak­ing tank treads using Mel scripts.

Mak­ing eye­lid rig with dri­ven keys and expres­sions
This tuto­r­ial teaches you how to cre­ate an eye­lid rig with dri­ven keys and expressions.

Grow­ing Flow­ers
In this tuto­r­ial, you see how to cre­ate a grow­ing flower animation.

Growing Flowers

Stormy Ocean
This ani­ma­tion tuto­r­ial teaches you how to cre­ate a real­is­tic ocean storm.

Stromy

Clock Ani­ma­tion
Cre­ate a clock ani­ma­tion using Maya Expression.

Lava Effect
This tuto­r­ial explains how to make a shader for lava effects using Maya’s mate­r­ial edi­tor, called Hypershade.

Lava

Rocket
Model a rocket with a par­ti­cle trail in Maya.

Rocket

Par­ti­cle Emis­sion When Objects Col­lide
Emit par­ti­cles at the exact loca­tion of the col­li­sion of objects.

Particle Emission

Destroy­ing A Wall
Destroy a wall using rigid bod­ies and par­ti­cles in Maya.

Rigid Body Col­li­sion Detection

Space­ship Fleet
This ani­ma­tion tuto­r­ial shows you how to use the par­ti­cle instancer to cre­ate a fleet of space­ships fly­ing across a plain.

Bend Deformer
This Maya tuto­r­ial cov­ers the use of the Bend Deformer, which links one attribute to another, and the use of math in expres­sions to cre­ate animation.

Bend Deformer

Rotat­ing Wheels
Learn how to cre­ate an ani­ma­tion of a wheel that rotates in sync with the speed of the car. The final ani­ma­tion is more accu­rate and realistic.

Rotating Wheels

Falling Leaves
Cre­ate a falling leaves ani­ma­tion in Maya using nCloth and Paint Effects.

Falling Leaves

Yoyo Ani­ma­tion
Tuto­r­ial on ani­mat­ing a yo-​​yo, with the string wrap­ping around the fin­gers of a deform­ing hand.

Yoyo

Mus­cle Rig­ging
Maya tuto­r­ial on cre­at­ing mus­cles that con­tract and expand a few frames before the limb moves.

Muscle Rigging

Instanc­ing Ani­mated Geom­e­try To Par­ti­cles
Par­ti­cle Instanc­ing saves time when ani­mat­ing many iden­ti­cal objects in a scene.

Mechan­i­cal Stairs
This tuto­r­ial teaches you how to cre­ate a set of mechan­i­cal stairs.

Blend­Shapes
This Maya tuto­r­ial explains the process of using Blend­Shapes for facial animation.

Blend Shapes

Domino Effect
This tuto­r­ial teaches you how to set up the geom­e­try of a domino effect and apply a passive-​​to-​​active key switch.

Domino Effect

Jel­ly­fish
This tuto­r­ial shows you how to cre­ate and ani­mate jel­ly­fish. It cov­ers many top­ics such as mod­el­ing, tex­tur­ing, ani­ma­tion and paint effects.

Jellyfish

Walk
This com­plex tuto­r­ial uses Maya Expres­sion to add repeat­ing actions to a model.

Walk

Motion Blur
Add motion blur to your 3D ani­ma­tion in post-​​production by cre­at­ing 2-​​D motion vec­tors in Maya.

Motion Blur

Maya Live
Maya Live is a set of motion-​​tracking tools for match­ing CG to clean plate footage. This basic tuto­r­ial teaches you how to use Maya Live.

Maya Live

Hot­box
Hot­box is a great fea­ture of Maya that will increase your speed and pro­duc­tiv­ity. It allows artists to access every tool in Maya with the key­board space bar, with­out hav­ing to waste time search­ing for tools and menu items all over the large Maya interface.

Hotbox

Irra­di­ance Par­ti­cles in Men­tal Ray
Learn how to use the pow­er­ful irra­di­ance par­ti­cle sys­tem in Men­tal Ray to lower your ren­der­ing times while bal­anc­ing the ren­der­ing qual­ity of your image using cus­tom tech­niques and settings.

Irradiance

For Advanced Users

The tuto­ri­als fea­tured below come from skilled pro­fes­sion­als who work in the CG indus­try and are intended for advanced users of Maya soft­ware. You can use these tech­niques in other 3D soft­ware pack­ages as well. Some of the tuto­ri­als use other pack­ages like ZBrush, Mud­box and Pho­to­shop in com­bi­na­tion with Maya for best results. Before you begin any of these tuto­ri­als, make sure you have enough pro­cess­ing power: most of these tuto­ri­als are resource hun­gry. If you per­fect the basic tech­niques cov­ered above, try to use your skills to work on some of the high-​​quality projects fea­tured below. Prac­tice is the key to suc­cess.

Mod­el­ing a Char­ac­ter
In this tuto­r­ial, you see how Carsten Lind cre­ates a char­ac­ter model in Maya.

Amer­i­can Alli­ga­tor
See how Mas­simo Righi cre­ates a sun­bathing Amer­i­can alligator.

Alligator

Next-​​Gen Envi­ron­ment Tex­tures
A tuto­r­ial by Daniel Vijoi on cre­at­ing next-​​gen envi­ron­ment tex­tures in Maya. This tuto­r­ial focuses more on texturing.

Sohrab
Mak­ing Sohrab, by Farzad Dalvand.

Sohrab

Male Green Frog
Tuto­r­ial teaches you how to cre­ate a pho­to­re­al­is­tic ren­der and 3D model that can be used for animation.

Male Green Frog Tutorial

Steam Mas­terNext
Mak­ing Steam Mas­ter: next-​​gen game head by Sorin Lupu.

Spit­fire War Plane
In this tuto­r­ial, you see how to model a Spit­fire war plane.

Swim­suit Babe
Make an attrac­tive 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 every­thing in detail to give it a real-​​life look.

Skull­head Mob­ster
Mak­ing Skull­head Mob­ster, by Harsh Borah.

Prince
Mak­ing Prince, by Robert Vari.

Tiger Zoo
Mak­ing Tiger Zoo, by Mas­simo Righi.

Pre­his­toric Ani­mals
A demon­stra­tion of how this artist ren­ders realistic-​​looking pre­his­toric animals.

Ingrid Bergman
Mak­ing Ingrid Bergman, by Max Edwin Wahyudi.

Mor­gane
Mod­el­ing Mor­gane in Maya, by Cousigne Adrien.

Break­ing Sub­sur­face Scat­ter­ing into Ren­der Lay­ers in Maya
This tuto­r­ial is about the process of break­ing the sub­sur­face into ren­der­ing lay­ers and com­posit­ing them in post.

Por­trait of a Troll
Jonas Pers­son cre­ates this Por­trait of a Troll.

Cheese Plat­ter
Detailed tuto­r­ial on mak­ing a cheese plat­ter, by Hau Ming.

Quiet Room
Mak­ing a quiet room, by Yan Chan.

Glad­i­a­tor
Mak­ing a glad­i­a­tor, by Christo­pher ADAJAR.

Joker
Mak­ing the Joker, by Moham­mad­taghi Aibaghi Esfe­hani. The detail­ing is done with ZBrush, tex­tur­ing and matte paint­ing and shave and hair­cut with Adobe Pho­to­shop, and the finaly ren­der­ing with Men­tal Ray.

Varga
Mak­ing Varga in Maya.

Old Farm
Cre­at­ing an old farm, by Daniel VIJOI.

Trapped
Mak­ing Trapped, by Mas­simo Righi.

Trapped

Fatjon’s Per­for­mance
Mak­ing of Fatjon’s Per­for­mance, by Qu Yu Cheng.

Fatjon

High Poly­gon Real­is­tic Char­ac­ter Cre­ation
Cre­at­ing a real­is­tic high poly­gon char­ac­ter in Maya.

Gor­don Ramsay‘s Car­i­ca­ture
Mak­ing Gor­don Ram­say, car­i­ca­ture by Jason Edwards

Tur­tle
Maya tuto­r­ial on cre­at­ing a realistic-​​looking tur­tle. Part 1, Part 2 and Part 3.

Turtle

Street Cop
Cre­at­ing a street cop, by Mashru Mishu.

Dr Julian
Maya tex­tur­ing tuto­r­ial by Julian Jeremy Johnson-​​Mortimer.

Char­ac­ter Walk Through
Maya tuto­r­ial on cre­at­ing a stun­ning character.

Meet You
Mak­ing of Meet You by Zhang Sheng.

Facial Ani­ma­tion Rig for Delgo
This tuto­r­ial from War­ren Grubb shows how he cre­ated a facial ani­ma­tion rig for this char­ac­ter, which is more pow­er­ful and flex­i­ble than stan­dard multi-​​targeted blend­shape rigs.

Delgo

Char­ac­ter hair
This tuto­r­ial shows how to cre­ate low poly hair for game char­ac­ters using lots of images and some printscreens directly from the appli­ca­tion used ( Maya, Pho­to­shop, etc.)

Next-​​Gen Game Car
Model a game car with­out blue­prints. This tuto­r­ial cov­ers mod­el­ing, UV map­ping and texturing.

Next-Gen Game Car

Mini Cooper
This Maya tuto­r­ial focuses on shad­ing and texturing.

Mini Copper

Clas­si­cal Girl
Mak­ing a Clas­si­cal Girl by Wang Shiyong.

Classical Girl

Foot
Mod­el­ing a foot in Maya, by Steven Stahlberg.

About the Author

Vailan­cio Rodrigues is a col­lege stu­dent, web­mas­ter and Web designer who likes to learn new things and share them with oth­ers. He likes to work in the cre­ative field and is con­stantly improv­ing his skills. His fields of inter­est are Web tech­nolo­gies, pho­tog­ra­phy, motion graph­ics, art and tech­nol­ogy. You can fol­low Vailan­cio on Twit­ter.

(al)


© vail­ro­drigues for Smash­ing Mag­a­zine, 2009. |
Perma­link |
14 com­ments |
Add to del​.icio​.us | Digg this | Stum­ble on Stum­ble­Upon! | Tweet it! | Sub­mit to Red­dit | Forum Smash­ing Magazine

Post tags: ,

50 Mind-​​Blowing Polaroids

Tuesday, August 25th, 2009

I always start my day check­ing out the daily inspi­ra­tion here on Abduzeedo and now at http://​daily​.abduzeedo​.com. One day I while I was check­ing out some cool images I spot­ted a really cool polaroid pic­ture and I real­ized that most of us have already for­got­ten how cool these pic­tures are, the retro feel­ing in them. Polaroid for a long time was an icon to rep­re­sent pho­tog­ra­phy in icons for exam­ple. Because of that I decided to cre­ate a mas­sive col­lec­tion from polaroids.

You can check out the images below and if you have any sug­ges­tion or want to share your pho­tos do not hes­i­tate to con­tact us at abduzeedo@​abduzeedo.​com or via twit­ter that http://​twit​ter​.com/​a​b​d​u​zeedo. 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.

Buy Abduzeedo T-shirts

The Seductive Images from Alexia Sinclair

Tuesday, August 25th, 2009

Alexia Sin­clair is a very tal­ented art pho­tog­ra­pher and dig­i­tal artist based in Syd­ney — Aus­tralia. Her dis­tinct style is eas­ily rec­og­nized and highly original.

Using a visual nar­ra­tive to seduce her audi­ence with each pho­to­graphic feast, Sinclair’s art is dark and seduc­tive, baroque and sym­bolic. Her mul­ti­lay­ered pho­tographs sub­tly present con­tem­po­rary notions of fash­ion and beauty through inno­v­a­tive dig­i­tal media, whilst restor­ing antique notions of clas­si­cism, ele­gance and luxury.

Sin­clair is an artist who skill­fully walks the tightrope that divides the worlds of Fine Art and Com­mer­cial Art. Moti­vated by her love and devo­tion for all things intri­cate and unusual, this ver­sa­tile cre­ative uniquely approaches her cre­ative pro­duc­tion by fill­ing all of the roles, from design­ing sets and props, to makeup and cos­tumes. Sin­clair trav­els the world pho­tograph­ing loca­tions and mod­els and works in post pro­duc­tion con­struct­ing imag­ined worlds through the com­bi­na­tion of her pho­tographs and hand illustrations.

I saw Alexia’s work on my daily researches online and her images got my atten­tion. I loved the col­ors, the atmos­phere, post pro­duc­tion and style. I’m pretty sure you will also like the images!

Find more about Alexia and her work online at:
Per­sonal Web­site
Flickr Page

Make sure to visit Alexia Sinclair’s port­fo­lio and enjoy the images… :)

Image selected for The Seductive Images from Alexia Sinclair

Image selected for The Seductive Images from Alexia Sinclair

Image selected for The Seductive Images from Alexia Sinclair

Image selected for The Seductive Images from Alexia Sinclair

Image selected for The Seductive Images from Alexia Sinclair

Image selected for The Seductive Images from Alexia Sinclair

Image selected for The Seductive Images from Alexia Sinclair

Image selected for The Seductive Images from Alexia Sinclair

Image selected for The Seductive Images from Alexia Sinclair

Image selected for The Seductive Images from Alexia Sinclair

Image selected for The Seductive Images from Alexia Sinclair

Image selected for The Seductive Images from Alexia Sinclair

Image selected for The Seductive Images from Alexia Sinclair

Image selected for The Seductive Images from Alexia Sinclair

Image selected for The Seductive Images from Alexia Sinclair

Image selected for The Seductive Images from Alexia Sinclair

Image selected for The Seductive Images from Alexia Sinclair

About the author

Some­one with a bach­e­lor degree in For­eign Trade that really likes tech­nol­ogy, design, pho­tog­ra­phy and cre­ativ­ity. A per­son ‘dig­ging’ a new way as a ‘geek appren­tice’, blog­ger ‘wanna be’ and a com­mu­ni­ca­tion lover! Cur­rent loca­tion: Porto Ale­gre, RS – Brazil
Twit­ter user: gismullr

Spon­sored Links:

Buy Abduzeedo T-shirts

20 Super Cool T-​​shirt Designs

Tuesday, August 25th, 2009

If you like to wear cool t-​​shirts that with pos­i­tive atti­tude you will def­i­nitely like this selec­tion. Alex Solis aka alexmdc is a great illus­tra­tor that has been noticed for his cool and laid back style of illus­tra­tions that fits per­fectly on t-​​shirts and put smiles on people’s faces. Check them out!

<!–break–>

For more from Alex visit http://​www​.odd​worx​.com

About the author

User picture

Hi! I’m Paulo Can­abarro and I’m here to post some really cool stuff for you, if you have any ideas or any requests please get @ me — paul0​v2​@​abduzeedo.​com you can also Fol­low me on twit­ter!

Spon­sored Links:

Buy Abduzeedo T-shirts