background preloader


Facebook Twitter

Create the "My Paper Mind" Effect. Create an Ethereal Morphing Letter Canvas. Create an Inspirational Vector Political Poster. This tutorial is inspired by Sheppard Fairey's famous political poster series for the Obama campaign in the US.

Create an Inspirational Vector Political Poster

We'll be showing you how to create this style of design. We'll start with basic image editing techniques in Adobe Photoshop to get our guide layers setup, and then we'll jump into Adobe Illustrator. You don't need any fancy equipment to do this. I used an older mouse that still has the rubber ball. Editor's Note: Vectortuts+ does not endorse any particular political belief in the publishing of this tutorial. 1. Step 1 For this effect it is best to have a portrait style picture, preferably of a subject that appears to be thinking, or looking off into the distance.

Step 2 Once you have your image, you need to Open it in Photoshop and Crop it appropriately. Step 3 Now we need to Posterize the image. Step 4. Playing with Vectors in Illustrator. Last week I decided to spend some time playing with Illustrator and trying to come up with a cool black and white artwork.

Playing with Vectors in Illustrator

My inspiration came from some skateboard deck designs which have this sort of 3D effect without using gradients or anything, and not exactly a woodcut effect either. After a few hours I was able to come up with a really nice design, but the most important thing, the whole process was an excellent way to improve my Illustrator techniques. Cinema 4D Tut: NitroBlast Cuts Object. Use Photo Manipulation and 3D Layers to Design a Surreal Cover Art Illustration. Create a 60′s Psychedelic Style Concert Poster. In this tutorial, we will go through the steps to create a retro 1960s psychedelic concert poster.

Create a 60′s Psychedelic Style Concert Poster

This tutorial relies heavily on the use of the Warp Tool, but includes a few other techniques as well. Create a Steam Powered Typographic Treatment – Part I. Whether or not you're a Steampunk fan, this two part tutorial is sure to test your knowledge on Illustrator, Cinema 4D and Photoshop.

Create a Steam Powered Typographic Treatment – Part I

In the first half, we're going to customize a Blackletter font and create 3D text with vector shapes. There's lots to do, so let's start with the first part of this two-part series! In this type treatment, I sought to bring together a Blackletter font with the alluring Steampunk Style. A quick search on the net about the movement will show a well defined style and a few dominant leitmotifs. Raging steam engines, whistling exhausts and shiny metals are the norm, so in keeping with the guidelines, I created this illustration. Create a Steam Powered Typographic Treatment – Part II. We're back with the second half of our Steampunk style type experiment!

Create a Steam Powered Typographic Treatment – Part II

In this Part II, we'll generate realistic textures and create a fitting scene for our text. Let's get right to it! Final Image Preview. Recreate The Matrix Chopper Scene. Step 3 Apply “Lathe” modifier on the spline and click on “Max”.

Recreate The Matrix Chopper Scene

Step 4 Apply a “Shell” modifier on it and increase the inner amount to something like 2.0 to give some thickness to the shell. Simulate An Advanced Muzzle Flash. QuickTip – How To Create A Realistic Pool Of Blood. Put Your Face Onto An Inanimate Object. Ignite A Sizzlin' Hot Fire Burst. Create a Futuristic Floating Hologram Effect. A masterclass in CSS animations. Net magazine is the number one choice for the professional web designer and developer.

A masterclass in CSS animations

It's here that you find out about the latest new web trends, technologies and techniques – all in one handy package. Each issue boasts a wealth of expert tips and advice, including in-depth features and over 30 pages of advanced front and backend tutorials on subjects as diverse as CSS, HTML, JavaScript, WordPress, PHP, and plenty more. net compiles the hottest new sites from around the web, and being the voice of web design, our mission is to source the best articles written by the best people in the industry and feature interviews and opinions crammed with inspiration and creative advice. In short, If you're serious about web design and development, then net is the magazine for you. Editorial Oliver Lindberg, editor, Ruth Hamilton, production editor, Mike Brennan, art editor, Advertising.

Manual de CSS 3. Comentarios josep_espua_soler descarga Sres. de Desarrollo web, como puedo descargar el manual CSS 3, no veo enlace para descarga.

Manual de CSS 3

Muchas gracias. Atentamente, Josep Espuña. Coloring and Line Work in Illustrator CS5. Do a search on "coloring comics," and you get dozens of Photoshop tutorials.

Coloring and Line Work in Illustrator CS5

They all seem to involve building up areas of color with transparent brushes. Now you can achieve that same effect with Illustrator CS5, using the Bristle Brush. Unlike Photoshop, however, Illustrator gives you the flexibility to edit individual paths. Since Illustrator's brush strokes are vector, you can change the shape, width, color and blending mode to achieve exactly the look you want. The Art of Skin Shading. Skin shading is a large part of creating portrait and people art.

The Art of Skin Shading

In today's article I'm going to show you different styles of skin shading and give you some helpful tips on creating flawless skin in your vector work! Skin shading may seem like a minor part of illustrating people and portraits, but looks can be very deceiving. Since getting into vector portraits and vectoring people, I've noticed how when the compliments come in they always talk about how wonderful the hair is, the eyes are, the lips are... everything apart from the largest organ of the body, which is visible to all - the skin. Whenever I create a portrait, the skin shading takes up the majority of my time; however, when writing it in a tutorial it will take up only a small chunk of the steps... it's very deceiving!

I take so much care over skin shading as it is one of those elements of a portrait, if it's done well it goes unnoticed and unappreciated. Create a Burning, Vector Match Using Gradient Meshes. In this tutorial you will learn how to create realistic vector fire, using the Gradient Mesh Tool and Screen Blending mode.

Believe me, there's nothing overly complicated. Quick Tip : Create an Abstract Natural Text Effect with Adobe Illustrator. In this quick tip you will learn how to create a 3D text effect in perspective with a multi-purpose green abstract look that you can save and use any time you like. Let's get started! Step 1 First open a new web document. Take the Type Tool (T) and type Natural using a font called Titania that you can find here. Go to the Object menu and select Expand then Ungroup the letters. Create a Marker Text Effect in Illustrator. In the following tutorial I will show you how to create a marker illustration. This tutorial involves intermediate vector shape building skills in Illustrator to create the markers, along with some layering and script usage to create the text effects. Let's get started. Step 1 Create a 700px by 630px, RGB document. Create Flash Animations Entirely in Illustrator. The world of animation can seem really intimidating - between AfterEffects, Flash and everything else, there's so much to learn.

And who has time? Never fear - you can create simple Flash animations without ever leaving the familiar confines of Illustrator, and without any knowledge of Flash. Here are two easy ways to get things moving. Final Image Preview Below are two final SWF animations we will be working creating. Tutorial Details.