Sketch Up Tutorial: Difference between revisions

From Open Source Ecology
Jump to navigation Jump to search
No edit summary
 
(39 intermediate revisions by 5 users not shown)
Line 1: Line 1:
==Tutorial #1==
<html>
<html>
<head>
<iframe width="560" height="315" src="https://www.youtube.com/embed//2fGh6T3HiJA" frameborder="0" allowfullscreen></iframe>
 
</html>  
<link href='http://fonts.googleapis.com/css?family=Arvo' rel='stylesheet' type='text/css'>
 
<SCRIPT TYPE="text/javascript">
 
<!--
function popup(mylink, windowname)
{
if (! window.focus)return true;
var href;
if (typeof(mylink) == 'string')
  href=mylink;
else
  href=mylink.href;
window.open(href, windowname, 'width=400,height=200,scrollbars=yes');
return false;
}
//-->


</SCRIPT>
Basics on how to navigate and use Sketch Up


<link href='http://fonts.googleapis.com/css?family=Arvo' rel='stylesheet' type='text/css'>
http://www.youtube.com/watch?v=2fGh6T3HiJA
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>


<style type="text/css">
Note for non-americans:
* Use double quotes (") for inch, and single quote (') for foot. (also: When drawing a line, just start typing the line length, no need to click into the text box.)


a:link
==Tutorial #2==
{
color:#6495ED;
}


a:hover
<html><iframe width="560" height="315" src="https://www.youtube.com/embed//kRRpYgT7akk" frameborder="0" allowfullscreen></iframe></html>
{
color:rgb(255,0,0);
}
 
.headercontainer
{
    width:32.75%;
    float:left;
    margin:0px 0.875% 0px 0px;
}
 
.headercontainer_map
{
    width:32.75%
    float:left;
}
 
.headercontainer_video
{
    width:100%;
    float:left;
}
 
.headercontainer_statuslog
{
    width:66.375%;
    float:left;
}
 
.fluidcontainer
{
    width:100%;
    border: 2px solid black;   
    float:left;
    margin:0px 0.875% 0px 0px;
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 
.fluidcontainer_map
{
    width:32.75%;
    border: 2px solid black;
    float:left;
    margin:0px 0px 0px 0px;
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 
.fluidcontainer_youtubeandstatuslog
{
    width:100%;
    max-height:242px;
}
 
.fluidWrapper
{
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    width:100%;
    height:100%;
}
 
.fluidWrapper iframe
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
 
.fluidWrapper img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
 
h3
{
    font-size:145%;
    font-family: 'Arvo', serif;
    letter-spacing:1px;
    margin-bottom:-3px;
}
 
h4
{
    font-size:120%;
    font-family: 'Arvo', serif;
    margin-bottom:-2px;
}
 
.youtube
{
    width:100%;
    border: 2px solid black;
    float:left;
    margin-right:0.875%;
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 
.statuslog
{
    width:100%;
    border: 2px solid black;
    float:left;
    max-height:244px;
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 
.taskboard
{
    height:350px;
    width:100%;
    border:2px solid black;
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 
.controlpanel
{
    border:2px solid black;
    height:354px;
    width:100%;
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
</style>
</head>
</html>
<!---------------------------------------------------------------------->
<!---------------------------------------------------------------------->
<!---------------------------------------------------------------------->
<!---------------------------------------------------------------------->
<!---------------------------------------------------------------------->
<html>
<div style="width:100%;">
<div>
<h3 style="text-align:right; width:100%;">
<!--------------------------------------------------------Header 1 Link->
<!---------------------------------------------------------------------->
<a href="javascript: void(0)"  
  onclick="window.open('http://www.youtube.com/watch?v=2fGh6T3HiJA',
<!----------------------------------------------------End Header 1 Link->
<!---------------------------------------------------------------------->
  'windowname2',
  'width=650, \
  height=700, \
  directories=no, \
  location=no, \
  menubar=no, \
  resizable=no, \
  scrollbars=1, \
  status=no, \
  toolbar=no');
<!--------------------------------------------------------Header 1 Text ----->
<!---------------------------------------------------------e------------->
  return false;" title="Join the Merry Feast">Join the Merry Feast</a>
<!---------------------------------------------------------------------->
<!---------------------------------------------------------------------->
</h3>
</div>


<div>
More advanced techniques used in Tutorial #2, how to group and move objects. Includes how to rotate and align objecs by corners or therwise.
<h4 style="text-align:right; width:99.8%;">
<!--------------------------------------------------------Header 2 Link------>
<!---------------------------------------------------------------------->
<a href="javascript: void(0)"
  onclick="window.open('https://docs.google.com/spreadsheet/ccc?key=0Av4ZjQn4DHJHdElOUDhxSE54TjNtNGVrYUtjcHM4bHc#gid=0',
<!---------------------------------------------------------------------->
<!---------------------------------------------------------------------->
  'windowname2',
  'width=1100, \
  height=600, \
  directories=no, \
  location=no, \
  menubar=no, \
  resizable=no, \
  scrollbars=1, \
  status=no, \
  toolbar=no');
<!--------------------------------------------------------Header 2 Text------>
<!---------------------------------------------------------------------->
  return false;" title="Team Members">Team Members</a>
<!--------------------------------------------------------Header 2 Text------>
<!---------------------------------------------------------------------->
</h4>
</div>


<br style="clear:both" />
http://www.youtube.com/watch?v=kRRpYgT7akk&feature=youtu.be


</div>
==Example of Building a Cube Frame in 5 Minutes==


<!--------------------------set of 3 windows---------------------------------------->
<html><iframe width="560" height="315" src="https://www.youtube.com/embed//9KBWGYhI-IM" frameborder="0" allowfullscreen></iframe></html>
<!--------------------------set of 3 windows---------------------------------------->
<!--------------------------set of 3 windows---------------------------------------->
<!--------------------------set of 3 windows---------------------------------------->
<!--------------------------set of 3 windows---------------------------------------->


Conceptual video of how to build a box with grouping and markers to get the build of a 3D box beam cube down to about 5 minutes. Concept and demo of 5 minute time only, actual technique shown in Tutorial #2.


<!---------------------------------------------------------------------->
http://www.youtube.com/watch?v=9KBWGYhI-IM
<!---------------------------------------------------------------------->
<!---------------------------------------------------------------------->
<div>
<div class="headercontainer">
<h4>
<!--------------------------------------------------------Window 1 Link------>
<!---------------------------------------------------------------------->
<a href="javascript: void(0)"
  onclick="window.open('http://www.youtube.com/watch?v=9KBWGYhI-IM',
<!--------------------------------------------------------Window 1 Link------>
<!---------------------------------------------------------------------->
  'windowname2',
  'width=600, \
  height=600, \
  directories=no, \
  location=no, \
  menubar=no, \
  resizable=no, \
  scrollbars=1, \
  status=no, \
  toolbar=no');
<!--------------------------------------------------------Window 1 Text------>
<!---------------------------------------------------------------------->
  return false;" title="Flashy XM Tutorial">SketchUp Tutorial Box</a>
<!--------------------------------------------------------Windeow 1 Text------>
<!---------------------------------------------------------------------->
</h4>
<div class="fluidcontainer">
<div class="fluidWrapper">
<!--------------------------------------------------------Window 1 Embed ------>
<!----Note: set size to 430x242. Copy entire iframe code.-------------------->
<iframe width="430" height="242" src="https://www.youtube.com/embed//9KBWGYhI-IM" frameborder="0" allowfullscreen></iframe>
<!--------------------------------------------------------Window 1 Embed------>
<!---------------------------------------------------------------------->
</div>
</div>
</div>


</html>
==Other Links==
*Notes on installing [[Sketchup_on_Linux]]
*Take the [[Sketchup_Cube_Test]] and post your results
*[[Sketchup]]

Latest revision as of 16:59, 21 June 2013

Tutorial #1

Basics on how to navigate and use Sketch Up

http://www.youtube.com/watch?v=2fGh6T3HiJA

Note for non-americans:

  • Use double quotes (") for inch, and single quote (') for foot. (also: When drawing a line, just start typing the line length, no need to click into the text box.)

Tutorial #2

More advanced techniques used in Tutorial #2, how to group and move objects. Includes how to rotate and align objecs by corners or therwise.

http://www.youtube.com/watch?v=kRRpYgT7akk&feature=youtu.be

Example of Building a Cube Frame in 5 Minutes

Conceptual video of how to build a box with grouping and markers to get the build of a 3D box beam cube down to about 5 minutes. Concept and demo of 5 minute time only, actual technique shown in Tutorial #2.

http://www.youtube.com/watch?v=9KBWGYhI-IM

Other Links

Retrieved from "https://wiki.opensourceecology.org/index.php?title=Sketch_Up_Tutorial&oldid=97804"