Match Photo Lite – Part II

Part I
I published Match Photo – Part I on June 1, 2014. Click the link to the left to get to there. Just a note. This entire operation in real time takes just a few minutes .. the pages of instructions you see here you go through just like .. click click .. draw .. click .. so don’t be intimidated by all the pontification!
– Review …
done_setup we had aligned the perspective lines and set the origin. Sketchup knows the position of the camera/artist when the graphic was created.

While I won’t ‘assume’ .. I WILL ‘Guess-sume’ that this was drawn from a photograph. When you are working from a photo or drawing keep in mind that this process will rarely if ever be perfect. Commonly, a photograph can have pincushion or barrel distortion depending on the lens. This can be corrected via a graphics program but for the most part I can live with minor distortions. Just be aware of it and don’t get upset if you notice such problems .. it IS what it IS. Here is the screen just prior to clicking the “Done” button.

– Initial Screen – after clicking Done!
InitialScreenAfterDoneReady to start. You see right off that the Red X-axis is sitting on the front(?) lip of the pan, the Green Y-axis on the side(?) lip of the pan and the Blue Z-axis extends where the cross at the pan corner.

In the Screen-Grab I included a bit outside the desktop. At the top is says. Fig 43_cropped. This is a button .. and is important. When you import a graphic for a Match Photo – the name is displayed as you see. If .. and when .. you use the mouse to rotate the object you are drawing the graphic will disappear since you are viewing the .. whatever it is from another position. Clicking the filename button returns you to the graphic view.

– Start the 3D process

  • Zoom in until the entire ‘pan’ fills the screen.
  • Press the letter “L” on the keyboard to select the Line tool (well .. you CAN click the icon .. but why?)
  • The cursor turns to a red pencil. Cool. If you hover over either the Y-axis or x-axis or z-axis a red dot appears. When you hover over the origin the dot is green.
  • We are going to start at the origin. Hover over the origin until the green dot appears .. and click the left mouse button. This anchors the end of the line. (if you mess up and clicked the wrong place simply hit the Esc key.
  • Move the cursor(pencil) to the left . A black line with follow wherever you move. When you hover over the X-axis it will turn red and a ‘tooltip’ will indicate “On Red Axis“. Move past the edge of the pan and left click again to set the line. (why not click EXACTLY on that edge? Up to you but creating this first line and THEN finding the point ON that line where the vertical is works better. Again .. up to you buddy. You can stand on your head while doing this if it makes you happy. Or .. follow what I tell you at least for now.)
  • Hit the Esc key; the “L” key again or the Spacebar to unlink from the Line tool. If you don’t it will start a new line each time you click the left mouse button.
  • Repeat. Hit “L”, click the origin to set the end of the line and move the cursor(pencil) to the right. Hover over the Y-axis line .. a bit past the end of the pan and click to set the line.
  • So .. this is where we are at. We have established a Y-axis and a X-axis line. You won’t see anything .. they are sitting on top of the Y-axis and X-axis lines after all. To show them I hit the Spacebar to deselect everything and get back to the common arrow cursor. I clicked each of the lines we just created holding the shift button to select both. They turn a nice blue that you can see.

– Add some vertical lines …
start_vertical_from_panNow. We are going to add the vertical lines that indicate the sides of the pan. Click “L” to get the line tool then hover the cursor over the X-axis (red) line we drew earlier. When you are on the line a red dot will appear and a Tooltip will say “On Edge”. So .. hover directly on that line where the vertical part of the pan will intersect and click to set the line start.
end_vertical_from_panNow move the cursor down and wait until you are well past the bottom of the pan .. and the LINE TURNS BLUE. This means you are on the Z-axis. Click to end the line and hit the Spacebar to return to the arrow cursor.

Note: You may look at that and go .. “But there is a gap at the bottom …”. Answer: Remember .. this is a drawing, probably from a photograph. Photographs can have distortion. In addition the thing curves at the bottom. It could be a combination of these. Don’t sweat it .. let it go. Also .. don’t worry about the lip on the pan. That is an “add on” .. and can be .. well .. added on at any time. I’m not planning to since this is a simple study to show some basics of Match Photo.

opposite_vertical_from_panZoom out .. locate the right side vertical (as viewed in the drawing) and repeat the process. Here I clicked on the line so it would turn blue and show up for you.
– Some 3D
Just a little – you gotta start at a crawl before you can walk – as they say.

BothVerticalLinesFromPanNow – I zoomed out so you can see where we are at. We have the X-axis (Red) and Y-axis (Green) lines drawn. In addition, we have a line along the vertical outside edge of the pan dropped from both the Red and Green lines. These are two opposite corners of the pan.

Look at the drawing. We are looking at it from below. I want to see what it looks like from above the X and Y axes. Make sure you are looking at the simple black arrow cursor .. you can hit the Spacebar if necessary. Move that cursor to the top center of the drawing and hold down the center wheel-button and drag downward.

3dtiltThe graphic will disappear and you will see the lines we drew .. the one on the X-axis, the one on the Y-axis and the pair of lines that drop from them. All we did really was rotate our model down. My noggin is fixed in space relative to the screen so .. that’s how it works! We are now looking at a VERY early bit of 3D modeling .. believe it or not.
– Un-Confuzationism
3dtilt_textBefore I go any further I want to get everyone on the same ‘sheet of music’ – as they say.

I’m calling the left side of the structure the front and the right .. uhhh .. the right. We can’t see the back side or left side but I am going to assume that they are parallel to the two sides we CAN see. Yeah yah .. I know all about what assuming means .. but I’m going to go ahead and assume. Sue me! 🙂

I labeled the point that I dropped a vertical line along the left side of the pan as A – and where the line drops along the right side as B. From A we will draw a line parallel to the right side and create the left. From B we will draw a line parallel to the front and create the rear.

Hidden Sides
Sketchup has an inference engine which locates or infers points from other points in your model, such as the center of a circle, the midpoint of a line, the end of a line and so on. You will see color indicators and tool tips indicating these points – tool tips that will say “Endpoint”, “Midpoint”, “Intersection”, “On Face” and “On Edge”. I don’t want to get to much into the nuts and bolts of using Sketchup – as I said earlier there are a TON of tutorials on YouTube for that. Still .. we are going to infer the ends of the lines we have already drawn to create the hidden ones needed so .. that’s some good info I think.
inferBFirst let’s draw the left side. Select the Line too and click point A to anchor our new line. Now .. without clicking swing over and hover over point B. A green dot will appear and a tool tip labeled “Endpoint” will show up. Pause there for a moment – this lets Sketchup infer that point.
left_lineNow .. swing back to the left until the line turns green – indicating you are on the Y-axis. Move the cursor back and forth along that line and when you are exactly opposite point B – Shazam!! – a black dot appears at the tip of the cursor. Now .. CLICK the left mouse button to set that line. Let’s call that point C.
left_line_doneSo we are here now. We have the left and right sides and the front lines. We simply have to connect points C and B to form the back line.
BackLineSelect the line tool and click point C to anchor the line. Then click point B. We have created a plane and it fills in.
finished_planeFinally .. before we go any further let’s clean up a bit. When drawing this we went beyond the points leave some excess line. Click “E” or select the Eraser Tool Icon and delete those excess lines. Go ahead .. I’ll wait …

Ok. That gray surface bugs me. In Sketchup that indicates an interior surface while a white surface indicates the exterior. What color that comes up depends on how the polygon was created. Let’s make it an exterior surface. Hit the Spacebar to get the black arrow cursor and then right-click the surface and select “Reverse Faces” from the context menu.

Save the file.

Funner 3D!
surface_on_graphicRemember that little button at the top left of the screen with the name of the graphic? Here it says .. Fig.43_cropped. Click that.

MAGIC! (well .. not really but it’s pretty cool). The screen changes to show our graphic. Remember we are on the ground looking up at the sucker. That rectangle we created spins around, flips and aligns with the drawing. I clicked on the face to select it so it shows up in this screen grab – and to get ready for the next step. I also zoomed in. Make use of that scroll wheel .. very handy.

What we are looking at here is – as if the drawing was translucent – and we are looking at the underside of the rectangle we created earlier. We can act on it now ..

Push/Pull Tool
Intermission: Take a look at that pan. I have no idea what it is really called but looks like a cake pan to me. It comes down and then the lower edge curves in and it rests on those I-Beams .. or does it? Not directly. There is something between the I-Beams and the pan. Could it be boards? Maybe. That part is up to the modeler to determine I think. In any case I am going to say that “THAT” .. is the bottom of the pan.

ExtrudeRetangleIf you clicked off the model and that surface is no longer selected then click again to select. Now .. we are going to use a new too. Click “P” or select the Push/Pull Tool. We are going to PULL that surface down to those boards to create the vertical dimension of the pan.

Hint: Since we want to pull this surface vertically let’s LOCK the cursor movement in that direction. To lock the cursor movement in the Z-axis (vertical/blue) hold the down-arrow key while performing other operations. Cool huh?

With the Push/Pull Tool selected, hold the down-arrow key and pull downward. The surface will extrude. Pull down and Push up until the bottom of the extrusion aligns with the top of those (supposed) boards. Then let go.

Save the file. Ok. I will stop telling you to do that but .. you get the idea.

ExtrudedPanYou can rotate the model down to see where we are. JOY! We have a .. box. 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *

Heads up! You are attempting to upload an invalid image. If saved, this image will not display with your comment.