2.  At any time you can switch between two shapes, selecting the blended one with a new one. Go to “Objects / Blend” and chose replace spine.

3. Now, after some training with blend tool and splines, make 3 splines using circles blended like in following image.

4. Some guides prepare the result for future use of Rotate Tool. Is important to find an appropriate point for rotate (center) to can achieve something to start.

5. Rotate  (Alt+D) and then Ctrl+D till the shape meet the original starting place. The result will be close to what you see bellow. Not looking quite rite at this moment.

I was looking few days after a working solution to can start my ubuntu machine without monitor plugged. The only one working for me is described bellow and is found here.

Ubuntu Desktop 10.04 is not using anymore the xorg.conf file placed in X11 folder. Create the xorg.conf in /etc/X11 with the following:

Section “Device”
Identifier “VNC Device”
Driver “vesa”
EndSection

Section “Screen”
Identifier “VNC Screen”
Device “VNC Device”
Monitor “VNC Monitor”
SubSection “Display”
Modes “1024×768″
EndSubSection
EndSection

Section “Monitor”
Identifier “VNC Monitor”
HorizSync 30-70
VertRefresh 50-75
EndSection
EndSection

In case you don’t have the privileges to write a new file on /etc/X11 forlder, in terminal use: gksudo nautilus to open the file browser with root privileges.

Then, edited the grub file: sudo gedit /etc/default/grub

This will open the grub file. Now find the line that says GRUB_CMDLINE_LINUX and add “nomodeset”.

You’ll have to end up with something like this: GRUB_CMDLINE_LINUX=”nomodeset”

Now, update the grub from terminal with update-grub otherwise the Ubuntu will be loaded without graphical interface at all.

Restart your machine. Now you can use your desktop without a monitor.

1.  Making the ellipse part of the badge. Use 6 ellipses to make the following shape. A simple way is to use the “Offset path” (Object / Path / Offset Path). Use the subtract tool to have the middle area empty. The colors are: #640401 and #FFFFFF.

2. Using the rectangle tool, draw a shape with 60 px corner radius. Use same technique like on ellipse shape to make the front part of badge. Use gradients and colors on your taste to have a 3D look. To can use same colors like in this tutorial, use a free and simple color picker like “pixie“.

At this step, your badge should look like this:

3. Add a shadow shape under the rounded rectangle. From “Transparency” panel chose the “Overlay” blend option.

4. Apply a carbon vector effect for the rounded rectangle. You can make the dots yourself, or, save your time spending just 2$ to buy this Vector Carbon Metal Pattern.

5. Depending on your Adobe Illustrator version, using the middle rounded rectangle shape, crop or make a clipping mask what will be placed over the rounded rectangle badge part.

Let’s use in our play a hammerhead shark. Very often is used in corporate identities, logos for its clear unique shape what is easy to be recognizable. Is one of my favorites too.

1. Use a hammerhead photo reference.

2. Make a deep blue background with a radial gradient on a separate layer.

3. Make a contour of your hammerhead picture. Is hard to find a picture to have 100% your wanted pose. This is also our case. You will notice the shape will be a bit different from hammerhead photo. Name the layer “contour”. To use same colors like mine, use a free and simple color picker like “pixie“

4. Make a new layer and hide the previous one, “contour” (sure, you need to make it visible each time when you draw a new shape). Now you need some shapes to apply transparency and feather style (i used a 25px  feather radius). Use also deep blue colors depending on how dark / light is your zone (shadows or highlights). The rule is simple. If  a body part is close to you, will be more light in color. The dark ones are for parts placed far away.

Start with a basic square shape, copy  / paste / duplicate 3 times and apply for each a different isometric rotation (top, left, right). Those will be the faces of your cube.

Now, select all your faces and go to Objects / Expand Appearance to can manipulate them more easy. Align them in shape of a cube like you saw in the first screenshot of this tutorial. Let’s assume you want to make a multicolor vector cube icon. Using few basic perspective rules, duplicate your cube. Is easy, because you just need to follow the cubes lines. In center of your cubes is formed a star shape what is like a control shape, to assure yourself that the cubes are aligned properly.

Use 3 color tints for cube faces. One for most exposed faces (light), two for shadow / dark faces.

Another beauty of this fantastic tool, is that you can create so easy patterns for your website backgrounds, wallpapers etc. Using same steps describes above (square / isometric effect / cube) you can create a seamless cubes pattern. Align each cube close to next one on vertical and horizontal, add a clipping mask for a certain portion like in next screen and you got the pattern.

Here is an example of pattern  just created.

What about a vector logo? Nothing more easy after you understand the idea of isometric tool. You can apply a lot of effects for cube faces. Light lines can give a more sharp  / contrast visual effect of your cubes.

Feel free to explore the endless possibilities of 3D rotate tool from Adobe Illustrator with its isometric effect.

Once you have your logo, put it on these promotional products to promote your brand.

This solution was updated for WordPress 3.0+

Starting with WordPress 2.9 is no longer need to use custom fields and hacks to have thumbnails in your blog articles or even on widgets area, sidebars, footers etc. For instance, to make a thumbnails area for random latest 12 recent posts, use the following code:

	<?php

		$my_query = new WP_Query('showposts=12&amp;amp;amp;orderby=rand');
		if( $my_query->have_posts() ) {

		while ($my_query->have_posts()) : $my_query->the_post(); 

	?>

	<?php

		$attachments = get_posts( array(
		'post_type' => 'attachment',
		'number_posts' => 1,
		'post_status' => null,
		'post_parent' => $my_query->post->ID,
		) );
		if ($attachments) {

	?>

	<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>">

	<?php

		$thumbnail_id = $attachments[0]->ID;
		echo wp_get_attachment_image( $thumbnail_id );
		}
		endwhile;
		}
		wp_reset_query();

	?>

</a>

You need to keep in mind the thumbnails will have the sizes from your function.php call action settings, and that will not look ok in your sidebar. You can use a CSS style to make them to look how you wish. Example:

.attachment-thumbnail {
height:50px;
width:50px;
padding:5px;
background:#fff;
margin:5px 5px 0 0;
}

Become expert in web designing with testking 642-456 online course. Get testking 642-661 photoshop tutorials and testking 646-230 design guides to learn how to create inspiring designs for your web page.

On this example, the static html code for menu use a dotted border on right for each menu item. The last menu item will have a special “li” class where the border is set to “none”, to can have the dotted separator just between two menu items.

<ul>
<li><a href="about.html">who we are<</a></li>
<li><a href="what-we-do.html">what we do</a></li>
<li><a href="partners">partners.html</a></li>
<li><a href="news-events.html">news &amp;amp;amp;amp;amp; events</a></li>
<li class="last"><a href="contact.html">Contact</a></li>
</ul>

Ok, but this part of your code will look different when you are integrating it in WordPress for instance. Example:

<ul id="menu">
<?php wp_list_pages('sort_column=menu_order&amp;amp;title_li=&amp;amp;depth=3&amp;amp;hide_empty=0'); ?>
</ul>

Now, the last menu item will have also the separator. If with “li” tag you can defines each item in the list, the “ul” tag defines the list. On WordPress, in this case, you cannot style a single item list without a small jQuery code inserted in your header.php

$(document).ready(function() {
$("#menu li:last").addClass("last");
});

Now the menu look ok and on WordPress. You can apply in same way and a class for “first” list item.

Download testking SSCP tutorial and testking mcts guide to find a quick tip about how add css class to your wordpress lists. Our testking mcse course includes the complete information about wordpress, Drupal, ajax and other web applications.

Is easy to apply any blending option for texts to gain shadows, to overlay effects over a background etc, but in many cases you need to make another alterations to the text with already done blending options.

For instance, if you want to delete a part of you object with its blending options, you will discover that the blending options will follow the new shape. Can you delete / alter the shadows, the bevels, strokes and whatever blending options you need to use? Yes, you can. Follow this short Adobe Photoshop tutorial to learn how to do it.

1. I am starting with a editable text what have few blending options  available. Is nice to can have such nice effects into an editable text field.

2. But, for more deep effects we need to do few steps. Click right on text layer from your layers panel, and click on “Group into New Smart Object”. This is one of most great addition starting with CS2. With smart objects, you can make multiple copies of a single object and all copies will be updated when one of the copies is edited (you can still apply layer styles and adjustment layers to the individual smart objects without affecting all copies). Pixel-based smart objects also remember their original size and can be transformed multiple times without loss.

3. Repeat the step, but click on  ”Rasterize layer” instead (you cannot fully handle a smart object which in our case)

4. Now, all your text blending effects can be changed in any way you need, using tools or filters, without to follow the original object / text shape, because now is no more effects there. Everything now become a single object at your wish.

The testking 220-702 web designing course includes the expert reviews, tips and articles to provide optimum understanding of web designs . Download testking 640-816 photoshop tutorials and testking 640-553 demos to learn and create beautiful web designs.

function onMouseMove(e) {

Before to any variables, paste this code to make it to work and on IE browsers:

if (e == null)
e = window.event;

Otherwise, your javascript code will be stoped by IE.

Even isn’t a big deal at first sight, following a recent list with javascript animantions, i saw that many was not working on Internet Explorer. We like or not, over 35% from internet users (over 45% according to other statistics) use IE browsers – 10% are just for IE6!?!

With testking 640-721 course, learn how to build creative web page in JavaScript framework. Download testking 642-374 design tutorials and testking 642-873 study guide to become expert.