Difference between revisions of "Basic Illustration Techniques"

From CleanEnergyWIKI
Jump to navigation Jump to search
 
(8 intermediate revisions by the same user not shown)
Line 32: Line 32:
In an orthographic projection you see several sides of a shape at the same time. In an isometric drawing there are three distinct axes and with identical measures(There is no foreshortening)making it easy to transfer dimensions from a side views. In a perspective drawing there is foreshortening of the two axes reaching into the frame.
In an orthographic projection you see several sides of a shape at the same time. In an isometric drawing there are three distinct axes and with identical measures(There is no foreshortening)making it easy to transfer dimensions from a side views. In a perspective drawing there is foreshortening of the two axes reaching into the frame.
[[Image:Orthographic.png|thumb|300px|An orthographic projection maintains strict relations to x, y, z axes. ]]
[[Image:Orthographic.png|thumb|300px|An orthographic projection maintains strict relations to x, y, z axes. ]]
PowerPoint drawing tool box provides primitive shapes such as rectangles and parallelograms. Arranging these to make complex objects can be vexing and difficult to scale or twist. Its much easier to use the cube and cylinder tools which provide all faces, shading and are easily scaled. There are two ways to make 3D box.
PowerPoint drawing tool box provides primitive shapes such as rectangles and parallelograms. Arranging these to make complex objects can be vexing and difficult to scale or twist. Its much easier to use the cube and cylinder tools which provide all faces, shading and are easily scaled. There are two ways to make 3D box.
<br clear='all'>
'''Starting from a cube'''
'''Starting from a cube'''
[[Image:Drawcube.png|thumb|300px| ]]
[[Image:Drawcube.png|thumb|300px| ]]
The cube tool under the shapes group draws a simple cube with the front face parallel to the screen. The rotation tool keeps the front face parallel to the screen which does not provide much control.   
The cube tool under the shapes group draws a simple cube with the front face parallel to the screen. (The rotation tool keeps the front face parallel to the screen which does not provide much control and rotation and 3-D effect tools can confusing if applied to cube.)  
#Insert a cube
#Insert a cube
#Resizing using the corner controls control depth and width, and the yellow diamond to control height.  
#Resize the cube using the corner controls to control depth and width, and the yellow diamond to control height.  
#Right click to format the shape and change the color, transparency and shadows.  
#Right click to format the shape  
 
#In the Fill group set the color and transparency
The rotation and 3-D effect tools can confusing if applied to cube.
#In the Line Color group select no line
 
#In the Shadow group adjust the size, blue and angle.
#To get repeated patterns group elements and duplicate and paste.
[[Image:Cubelayers.png|thumb|300px|Layers formed from stacked flattend cubes ]]
<br clear='all'>
'''Starting from a rectangle and adding 3D effects'''
'''Starting from a rectangle and adding 3D effects'''
Maximum control for a cube is achieved by making one from a simple rectangle which is then extruded.
[[Image:Isocube.png|thumb|300px|Flat shapes with 3D depth added. ]]
Maximum control for a cube shape is achieved by making one from a simple rectangle which is then extruded.  
#Create a rectangle
#Create a rectangle
#Right click and format the shape
#Right click and format the shape
#Apply the fill and no- lines- (lines become solid walls  
#In the fill group apply a solid fill
#Under 3D rotation click the preset rotation -  
#In the Line Color group select no- lines (lines become solid walls when depth is added)
#Under 3-D format Increase the depth and watch the rectangle become a 3D shape
#In the 3D Rotation group click the preset rotation - isometric top surface
#In the 3-D Format group increase the depth and watch the rectangle become a 3D shape.
The select box represents the original shape outline in its orginial orientation even though the object has been rotated. If you get lost with your rotations click presets, no rotation to get back to the starting orientation.
'''Bevels for quick 3D'''
[[Image:Bevel.png|thumb|300px|A double beveled oval shape ]]
#Create a flat shape
#Right Click to Format
#In the 3D Format group add a circle bevel to top and bottom
#Increase the 4 bevel values to the right to 20 pts


=== PowerPoint animation ===
=== PowerPoint animation ===
Simple animations provide extra clarity to processes and diagrams. You can build complex drawings piece at a time, or imitate actual movements of parts.  Here the steps to simple animated diagram.
#Create all the objects and roughly arrange them as you want the final diagram to look.
#Select the first object to animate and select animations, custom animation.
#In the custom animation list click add effect select entrance, flyin.
#Select that object in the list and modify the start condition, direction and speed.
#Repeat with the next object. Set it to start after the end of the previous.

Latest revision as of 16:30, 9 February 2011

This section provides some basic tips on preparing graphics for publications or

Photos and image resources

Photos provide key content and visual variety to posters and publications. Usually you will be producing your own photos or transferring images directly from your research equipment. Occasionally you might need generic images to show the significance or application of your research. Wikimedia is the photo repository for Wikipedia and most photos have Creative Commons type licenses. Unlike other generic clipart or photo collections there is a lot of scientifically useful image there. Many are posted with sufficient rights so that you can use them in publication with attribution. Flickr Commons also has CC licensed images as well as some that have been listed a stock photos which can be purchased. Be careful about rights any time you use other's people photos.

Error creating thumbnail: Unable to save thumbnail to destination
PCBM downloaded from ChemSpider

To prepare illustrations of chemical structures consider the commercial program Chemdraw or the open source Organic Pad. If the structure is pretty common you might find it using Chem Spider.


Graphs

Line pattern is legible in black and white

Create and format your graphs in Excel before copying and pasting into your illustration. Be sure to your graph is complete with axis labels, legends and title. Think ahead about the final publication medium. Colored lines are great in PowerPoint or a poster, but if you know it will be published in black and white be sure to use coded data symbols or line styles to make the data legible.

Graph and image combined- Jen Group

Photos and diagrams can be overlaid on graphs later in Photoshop where you compose the whole illustration.


Drawing with Powerpoint

Before starting a drawing pre-visualize what you trying to create. Consider Style- photographic, realistic, or schematic

View- Flat, cross section or perspective A cross section or edge view reveals internal structures. However multiple edge on views can be confusing and not everyone can understand immediate that a cross section is simply one view of a 3D shape. 3-d projections are more realistic and can convey multipe views at the same time.

Orthographic projection In an orthographic projection you see several sides of a shape at the same time. In an isometric drawing there are three distinct axes and with identical measures(There is no foreshortening)making it easy to transfer dimensions from a side views. In a perspective drawing there is foreshortening of the two axes reaching into the frame.

An orthographic projection maintains strict relations to x, y, z axes.

PowerPoint drawing tool box provides primitive shapes such as rectangles and parallelograms. Arranging these to make complex objects can be vexing and difficult to scale or twist. Its much easier to use the cube and cylinder tools which provide all faces, shading and are easily scaled. There are two ways to make 3D box.
Starting from a cube

Error creating thumbnail: Unable to save thumbnail to destination

The cube tool under the shapes group draws a simple cube with the front face parallel to the screen. (The rotation tool keeps the front face parallel to the screen which does not provide much control and rotation and 3-D effect tools can confusing if applied to cube.)

  1. Insert a cube
  2. Resize the cube using the corner controls to control depth and width, and the yellow diamond to control height.
  3. Right click to format the shape
  4. In the Fill group set the color and transparency
  5. In the Line Color group select no line
  6. In the Shadow group adjust the size, blue and angle.
  7. To get repeated patterns group elements and duplicate and paste.
Layers formed from stacked flattend cubes


Starting from a rectangle and adding 3D effects

Error creating thumbnail: Unable to save thumbnail to destination
Flat shapes with 3D depth added.

Maximum control for a cube shape is achieved by making one from a simple rectangle which is then extruded.

  1. Create a rectangle
  2. Right click and format the shape
  3. In the fill group apply a solid fill
  4. In the Line Color group select no- lines (lines become solid walls when depth is added)
  5. In the 3D Rotation group click the preset rotation - isometric top surface
  6. In the 3-D Format group increase the depth and watch the rectangle become a 3D shape.

The select box represents the original shape outline in its orginial orientation even though the object has been rotated. If you get lost with your rotations click presets, no rotation to get back to the starting orientation. Bevels for quick 3D

Error creating thumbnail: Unable to save thumbnail to destination
A double beveled oval shape
  1. Create a flat shape
  2. Right Click to Format
  3. In the 3D Format group add a circle bevel to top and bottom
  4. Increase the 4 bevel values to the right to 20 pts

PowerPoint animation

Simple animations provide extra clarity to processes and diagrams. You can build complex drawings piece at a time, or imitate actual movements of parts. Here the steps to simple animated diagram.

  1. Create all the objects and roughly arrange them as you want the final diagram to look.
  2. Select the first object to animate and select animations, custom animation.
  3. In the custom animation list click add effect select entrance, flyin.
  4. Select that object in the list and modify the start condition, direction and speed.
  5. Repeat with the next object. Set it to start after the end of the previous.
Retrieved from "http://cleanenergywiki.org/index.php?title=Basic_Illustration_Techniques&oldid=8192"