September 15, 2009
Illustrator Tutorial : Japanese Style Tattoos
Illustrator’s brushes are the ideal tool for such a task; they provide flexibility, control, and lend themselves well to a non- linear workflow. When tracing your initial
sketch, a template layer will give you the opportunity to keep your sketch visible in
Outline or Preview mode. This way you can toggle between modes as you work, and have a constant visible guide.
Download free tutorial "Illustrator Tutorial : Japanese Style Tattoos" here!
Continue to read...
Categories: illustrator
at 5:05 PM
September 8, 2009
AutoCAD Tutorial : Create Basic 3D Objects
Objectives of this AutoCAD Tutorial : Create Basic 3D Objects : Create 3D solid primitives and Create 3D objects from 2D objects.
In this lesson, you learn how to create 3D solid primitives in the 3D Modeling workspace.
You can use standard 3D solid objects known as solid primitives to create a box, cone, cylinder, sphere, torus, wedge, and pyramid. To create these 3D solid primitives, switch the workspace to 3D Modeling, where the palettes and ribbon panel are customized to create and modify 3D solid models.
Download free tutorial "AutoCAD Tutorial : Create Basic 3D Objects" here!
Continue to read...
September 7, 2009
AutoCAD 3D Tutorial
The dashboard consists of a set of control panels organized by function. For example, the top control panel contains commands that create and modify 3D solids; the second control panel contains commands and controls used to navigate 3D models.
Download free tutorial "AutoCAD 3D Tutorial" here!
Continue to read...
Maya Tutorial : Modeling a Perfect 3D Face
Correct topology (the way a surface is structured) is the single most important aspect of head modelling. We'll be creating special topological structures, known as ‘edge loops', which outline areas of the face and mimic the rings of muscle under the skin. Without proper loops, a head will be difficult to animate. We’ll also be making sure all the polygons have four vertices (called quads). A mesh of all quads is less likely to pinch when smoothed and animated. Although this tutorial uses Maya, the principles employed are applicable whatever app you use.
Download free tutorial "Maya Tutorial : Modeling a Perfect 3D Face" here!
Continue to read...
3D Tutorial : Lowpoly Head Modeling
Stage 1 (89 pages)
The contour of the head is decided first.
Stage 2 (100 pages)
Improvement in the basic contour.
Stage 3 (182 pages)
The position of the eye and structure are modeled.
Stage 4 (98 pages)
The initial shape of the eyebrow and the eyelid is made.
Stage 5 (133 pages)
A nose is modeled. Arrangement around the mouth.
Stage 6 (139 pages)
A lip and a jaw are modeled.
Stage 7 (143 pages)
An ear and a former head are modeled.
Stage 8 (105 pages)
Hair and eyelashes are modeled. Then, completion.
Download free tutorial "3D Tutorial : Lowpoly Head Modeling" here!
Continue to read...
Categories: 3ds max, blender, maya, miscellaneous
at 1:49 PM
Illustrator Tutorial : Cutaway Technical Illustration
All of the initial line artwork was done in vector based Adobe Illustrator CS. Most of the final color work (Page 2 - Photoshop Tutorial) was done in Adobe Photoshop. The techniques used in this demonstration tutorial are applicable to any 3 dimensional perspective drawing, regardless of scale or complexity.
This illustrator tutorial project presented many unique challenges. The actual ship (Radiance of the Seas) was still in Germany being completed for Royal Caribbean when I started the project. There was no photography or CAD reference to work from, only the paper blueprint you see below. In order to have the brochures completed by the time the ship went into service, the final illustration had to be finished in under two months.
The first step was to map out the physical space that the ship would occupy (below) by creating a perspective grid. By establishing a horizon line and vanishing points, an angle was developed that showed the maximum amount of features on the ship.
Technical Note: This type of angle is generally referred to as a 3/4 perspective view. For more information on perspective drawing techniques used in mechanical drafting and architectural drawing, go to: 2 Point Perspective Drawing Tutorial.
Download free tutorial "Illustrator Tutorial : Cutaway Technical Illustration" here!
Continue to read...
Categories: illustrator, photoshop
at 12:01 PM
Perspective Drawing For The Technical Illustrator
Any good technical illustration starts with well executed line art. If you are working from any type of reference other than a CAD output in the desired angle, you will need to have a strong fundamental understanding of the principles of perspective drawing. This page will cover the various types of perspective angles you will encounter. In the tutorial lessons that follow this page, you will be given the tools needed to map out a perspective grid for any s-dimensional situation. From this grid, you will be able to create realistic three dimensional drawings from flat or "Off Angle" reference.
Download free tutorial "Perspective Drawing For The Technical Illustrator" here!
Continue to read...
Categories: illustrator, miscellaneous
at 11:35 AM
Fireworks Tutorial : Graphic Design Basic
What you’ll learn
By taking this tutorial, in less than an hour you’ll accomplish the tasks required to create an ad for classic rental cars using Fireworks. You will learn to do the following:
• View the completed file
• Create and save a new document
• Explore the Fireworks work environment
• Create and edit vector objects
• Import a bitmap and select pixels
• Add and edit Live Effects
• Work with layers and objects
• Create and edit a mask
• Create and edit text
• Export the document
What you should know
Although this tutorial is designed for beginning Fireworks users, it covers many advanced features in Fireworks, so experienced Fireworks users can benefit from it, too. You don’t need to be a graphic designer to perform this tutorial, but you should possess basic computer skills and be able to use common desktop applications. This includes knowing how to browse for files and folders on your hard disk.
Download free tutorial "Fireworks Tutorial : Graphic Design Basic" here!
Continue to read...
Flash Tutorial : Make a Button
The flash button should show during the entire animation, thus the layer should be as long as the movie itself. In order to include a new flash button into the present layer, you need to select the Rectangle tool. Draw a rectangle that will serve as a button graphic and with just the same size as the present picture.Afterwards, select the created area by clicking at the key frame and press F8.
Download free tutorial "Flash Tutorial : Make a Button" here!
Continue to read...
Creating PDF Documents From Web Pages
The resulting PDF behaves much like the original web page. For example, the images, links, image maps, and most media files appear and function normally within the PDF. (Animated GIF files appear as still images, showing the last frame of the animation.)
Download free tutorial "Creating PDF Documents From Web Pages" here!
Continue to read...
Categories: miscellaneous
at 9:59 AM
How to Create an E-Commerce Web Site
In the competitive world of the Web, growing your business and increasing your profits online requires careful planning and important steps. For every successful e-commerce business, there are dozens that fail because they don't address basic risks and pitfalls along the way. So to take full advantage of the e-commerce opportunity, make sure you base your Web business on a solid foundation that covers every element of e-commerce.
This web design tutorial "How to Create an E-Commerce Web Site" CONTENTS :
• Introduction:The Elements of E-Commerce • Step One: Establish Your Online Identity • With the Right Web Address • What's In a Name? • How to Get and Manage Domain Names • Step Two: Build a User-Friendly Site • Plan Your Site Carefully • Choose the Right Site-Building Tools • E-Commerce Site Design Tips • Step Three: Set Up Your Web • Server-or Select an ISP to Host Your Site • What to Look for in a Web Hosting Company • Step Four: Minimize the Risks of E-Commerce • The Risks of E-Commerce • The Trust Solution: Authenticated SSL Certificates • How Authenticated SSL Certificates Work • Secure Your Site with a VeriSign SSL Certificate • VeriSign's Authentication Practices Are More Trustworthy • Attract More Customers With the Secure Site Seal • Your Privacy and Security Statement • Step Five: Accept and Manage All Kinds of Payments • The Internet Payment Processing System • Payment Authorization and Settlement • VeriSign Payment Services • Set Up Your Internet Merchant Account • What You Should Know About Fraud • Step Six: Test, Test, Test • Step Seven: Promote Your Site • Now, Start Selling
Getting Started
Download free tutorial "How to Create an E-Commerce Web Site" here!
Continue to read...
Categories: miscellaneous
at 9:17 AM
September 6, 2009
Illustrator Tutorial : Bitmap Into Vector
Perhaps one of the most common tracing tasks in Illustrator is creating a hand sketch, scanning it into your computer, and then tracing it into vectors. Live Trace takes this once-laborious process and makes it simple.
Download Free PDF Tutorial "Illustrator Tutorial : Bitmap Into Vector" here!
Continue to read...
Categories: illustrator
at 1:46 AM
September 4, 2009
Illustrator CS4 Tutorial : Narrative Painting
Skills covered:
• Advanced understanding of how to trace a photo using—Live Trace
• Specialized Selection Methods specifically for working with the Vector output
There may be times when you want to base a new drawing on an existing piece of artwork. For example, you may want to create a graphic based on a pencil sketch drawn on paper or on a rastered image saved in another graphics program. In either case, you can bring the graphic into Illustrator and trace over it.
Live Trace automatically turns placed images into beautifully detailed vector graphics that are easy to edit, re-size, and manipulate without distortion. This tool lends itself to endless fun and experimental techniques.
Tools used:
• Live Trace
• Global Color Swatches
• Create and Save Color Swatches
• Menu/Selection Options
Download Free PDF Tutorial "Illustrator CS4 Tutorial : Narrative Painting" here!
Continue to read...
Categories: illustrator
at 11:38 AM
Photoshop Tutorial : Creating Flaming Text
This tutorial was designed around Adobe Photoshop CS2, so if you are running a different version of Photoshop on your computer, some of the images below may not be the same ones that you see.
Download Free PDF Tutorial "Photoshop Tutorial : Creating Flaming Text" here!
Continue to read...
Photoshop Tutorial : CREATE A DIGITAL FIRE
This photoshop tutorial is about to make fire with standard efect photoshop bundle. With only 4 steps technique you can create your own fire effect like pro. This photoshop tutorial is easy to follow even with beginner.
The basic steps of this technique has been floating around the Internet and on different online services for a couple years. The first version of this technique I remember reading was a small text file titled “Sal’s Flaming Text Effect.” Since then the basic steps have been covered in a variety of different places.
This issue starts with the step-by-step procedure for creating the basic flaming effect. Then we add a technique to allow you to lay your flames over another background image. Finally you can combine several layers to create the example at the bottom of the page.
Download Free PDF Tutorial here!
Continue to read...
September 3, 2009
Flash Game Tutorial : Make A Hidden Objects
If you’ve got to this point, why not learn more about game design and how to enhance your game with a customized mouse or sound by completing the following Flash Classroom Tutorials.
In this type of game, the user has to locate objects that have been hidden in an environment. The level of complexity of the game will depend on the level of detail the
creator has gone to when developing the environment and hiding the objects within that environment. The ‘Garden Critters’ game has been designed for an early childhood audience and therefore most of the critters are easy to find.
Download Free PDF Tutorial "Flash Game Tutorial : Make A Hidden Objects" here!
Continue to read...
Image processing with Gimp: Part 3
By taking a closer look with the magnifying glass tool, you’ll see that the fill tool has filled beyond the selected area and that the inside of the egg is not consistently shaded (Figure 1, the marching ants are coloured for clarity’s sake). But how has this happened?
Gimp pixel selection is not just a simple on or off proposition. It is possible to select the saturation level for each pixel — the higher the saturation, the brighter the colour. When using the selection tool to select a gradated area of colour, you’ll discover that the whole of the area doesn’t appear to be selected. The marching ants only surround an area of colour with a 50% or more saturation level, although the whole of the area is in fact selected. The ellipse tool employs saturation options when using Anti-aliasing, which means the edges of the finished image don’t look so serrated.
The idea of only half selecting pixels seems a bit odd at first, but is very important when reprocessing photos. You will find an image of me on the coverdisc (simon.png), and we’ll use this to take a look (you can of course use a picture of your own).
Download Free PDF Tutorial "Image processing with Gimp: Part 3" here!
Continue to read...
Making a Blog
Like wikis, blogs have become very popular in the past few years, and people continue to use them for a variety of purposes. They are essentially online journals that display entries in reverse chronological order. Also like wikis, there are dozens of organizations that allow users to create blogs for free and store them on their servers. This tutorial will use the Blogger tool to create a post (blog entry).
Remember, this tutorial is basic and meant to get you started. Don’t be afraid to go further.
1. Go to the site https://www.blogger.com/start . If you have a Google account, simply sign in with it. Otherwise, click on the Create a Blog button and follow the directions (this will enable you to make a Google account, which you can then use to sign into Blogger).
2. After signing in...
Download Free PDF Tutorial "Making a Blog" here!
Continue to read...
Categories: miscellaneous
at 10:04 AM
September 2, 2009
Photoshop & Painter Tutorial : How to Draw Manga
Word from author "I also used a graphics tablet, which is an invaluable tool for anyone going into digital art. Wacom tablets often come with a free version of Painter Essentials. Although it’s not as good as the full version, the effects demonstrated in this tutorial can be re-created (with a bit of practice) in Painter Essentials.
I like to sketch and ink by hand, then scan the outlines and colour them on the computer. Great care should be taken over the sketch because it forms the backbone of your work. Even the best colouring technique won’t be able to salvage a poor, out-of-perspective drawing. When sketching, I check for mistakes by holding the drawing up to a mirror. Inking is done in black ink, with a thin fineliner or nib pen. When working digitally, my files will most likely be in PSD format (to support layers). The final image is then flattened and saved as a TIFF or JPEG (at least 300 DPI). TIFF is better quality for print. JPEG has a very small file size, making it suitable for pictures on the web."
Download Free PDF Tutorial "Photoshop & Painter Tutorial : How to Draw Manga" here!
Continue to read...
Categories: miscellaneous, Painter, photoshop
at 4:30 PM
Maya Tutorial : Basic Walk-Cycle
other basic computer file management skills.
This tutorial also assumes you are somewhat new to 3D software and animation concepts.
We will be using a basic pose-to-pose approach of animation. Pose-to-pose animation is what its name implies, creating character movement by establishing primary positions, or poses, and methodically moving the character from one pose to the next. Different, but just as valid methods such as straight-ahead or layered animation are not described in this tutorial.
Download Free PDF Tutorial "Maya Tutorial : Basic Walk-Cycle" here!
Continue to read...
Categories: maya, miscellaneous
at 3:02 PM
Blender 3D Tutorial : Walkcycle Animation
walk cycles are one of the staples of 3D character animation. Yet it’s all too easy to end up with bland, robotic movements. In this tutorial, you will learn how to create a walk with personality, keyframing and refining a basic movement cycle, then layering secondary animations over the top.
For this, we will use Blender’s NLA Editor (Nonlinear Animation Editor). It works just like a video editor, but using animation ‘strips’ instead of video clips. Each strip represents instances of an action that can be moved, scaled in time or layered on top of other strips. This allows you to create an action that contains one walking cycle, while the strip itself contains as many cycles as are required for your character to walk along the path you have assigned to it. The repetitive nature of the cycling can be offset by using additive action strips to alter the motion, or by adding other strips to layer different actions on top of the walk.
In the tutorial, we’ll be using Proog, the lead character in the world’s first open source animated film, Elephants Dream. First, we’ll keyframe a basic walk cycle and make the action loop properly, then put him on a path and add some actions and layer animations on top of his walk. Finally, we’ll look at some of the extra cloth animation controls the character rig contains. Don’t worry too much about Proog’s coat until the very last step of the tutorial – to look good, it needs some hand tweaking. The walkthrough is intended for readers who already have some familiarity with both Blender and the basic concepts of animating a walk cycle. If you get stuck, refer to the annotated screenshots on the CD. The disc also contains a set of numbered scene files that will enable you to pick up the tutorial again at the corresponding steps, and more are available for download from www.3dworldmag.com/stoppress.
The Proog model itself is the genuine rigged character from the movie, and is available under a Creative Commons attribution licence, so it can be used for any project you like.
Most of the tutorial can be completed in Blender 2.41, which is included on the disc. However, some of the advanced steps require Blender 2.42, which should be a free public
download from www.blender.org by the time you read this.
Download Free PDF Tutorial "Blender 3D Tutorial : Walkcycle Animation" here!
Continue to read...
Flash Animation for Beginners
"Flash Animation for Beginners" Contents :
Introduction : The Macromedia Flash Screen, Drawing or Importing Objects, Converting Objects to Symbols, Converting a Frame into a Keyframe, Clearing a Keyframe, Adding Frames, Deleting Frames.
Beginning Your Animation: The Direct Fluorescent Antibody Technique: Positive Test : Moving the Animation Title Text On to the Stage, Add Unknown Antigen (Bacterium) to the Animation, Add Known Fluorescent Antibodies to the Animation, Moving the Fluorescent Antibodies to the Antigen, Wash Slide to Remove Unbound Antibodies, Showing the Known Antigen Fluorescing, Ending the Animation, Publish and Play the Animation.
Other Bells and Whistles : Moving an Object Along a Path, Scaling an Object, Tweening Color During Motion, Tweening Transparency During Motion, Using Buttons to Play, Stop, and Continue, Publishing a Flash Animation in a HTML Web Document, Publishing a Flash Animation as a QuickTime Movie.
Your Next Animation: The Direct Fluorescent Antibody Technique: Negative Test.
Sample Animations.
Download Free PDF Tutorial "Flash Animation for Beginners" here!
Continue to read...
Flash Animation with ActionScript 3.0
like, provided it s on a single layer. It can contain multiple tweens and keyframes, as well as blank and hold keyframes. Animated filter effects can also be included, as well as Alpha and scale effects. You can capture the motion of a number of Motion tween properties. These are: Transformation point, Colour, Skew, Scale, Rotation, Position values, Filters, Custom easing, Cache as Bitmap setting, Blend modes, Position, Orientation to motion paths, Frame labelling and Motion guides.
In Flash, keyframing animations and producing motion tweens can be a laborious process – particularly if you have to create the same style of animation over different movie clips across several Flash movies. This can be a massive drain on resources. It's a case of going back to the drawing board and starting the animation again.
Or is it?
One of the best features to come along in Flash CS3 is the ability to copy tweened animations to ActionScript 3.0. This way, youre able to take your finessed animation efforts and convert the animation to ActionScript code. This code can then be reapplied to any Flash movie clip – in any Flash movie. An instant time-saver in only a few clicks. Sounds too good to be true? Well dont worry, theres no catch: just a straightforward technique that could put you ahead of the game when it comes to delivering client creative. Read on to find out how to put it into action.
Download Free PDF Tutorial here!
Continue to read...
GUIDE TO COMIC MAKING IN PHOTOSHOP
All right, now, how to start? Ah yes. Creating a Photoshop document. Open up Photoshop and choose New from the File menu (or press Ctrl-N). A dialog box will open up asking for the dimensions of the image. Since I'm creating a six-panel comic using backgrounds from 16-bit games, I'm gonna make the dimensions 643x758 pixels. (You can edit this to suit your needs.) Leave the Resolution settings...
Download Free PDF Tutorial "GUIDE TO COMIC MAKING IN PHOTOSHOP"here!
Continue to read...
How to Make a Comic Book
Some Details:
My comic book is a standard-sized print (6 5/8” x 10 1/4”), full color covers and full color interiors, with 24 pages of interior content. The ‘live area’ (i.e. where the comic content resides) is 6” x 9” centered on the page. Some of my work goes outside the live area- and even off the page. (Be sure to check with your printer in advance on their recommended ‘live area’ dimensions.)
Disclaimers:
Some of the software programs mentioned in this document are my own creation. Readers are free to use these programs for their own projects. Although the programs work on my computer system, they may not work on other versions of OS/ platforms/ etc. Source code and instructions for use for these programs is provided at my website for individuals to re-compile/ modify to meet their own needs/ systems.
Download Free PDF Tutorial "How to Make a Comic Book" here!
Continue to read...
Categories: miscellaneous
at 4:40 AM