tag:blogger.com,1999:blog-11377794111180529062024-03-13T05:50:34.759-07:00YER LOGOS2D - 3D logos and designThe Beatles In 3Dhttp://www.blogger.com/profile/08433887914887238694noreply@blogger.comBlogger4125tag:blogger.com,1999:blog-1137779411118052906.post-24846534492281973242014-01-01T08:38:00.000-08:002014-12-09T14:31:07.396-08:00Facebook and web bannersFacebook and web banner design. 3D work created and rendered with 3D Max 2013. Adobe Illustrator and Photoshop for textures and text design.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-nrmxYUl6urU/UjCOV9VTZvI/AAAAAAAABss/cPF0BOcbSzE/s1600/dtfacebookektachrome.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-nrmxYUl6urU/UjCOV9VTZvI/AAAAAAAABss/cPF0BOcbSzE/s200/dtfacebookektachrome.png" height="73" width="200" /></a></div>
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-sXTassuuADY/UFp_CdCBbLI/AAAAAAAABaw/QE7IjwHj5Ks/s1600/beatlesgear813x312.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-sXTassuuADY/UFp_CdCBbLI/AAAAAAAABaw/QE7IjwHj5Ks/s1600/beatlesgear813x312.png" height="76" width="200" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-zSP_8rvMKd8/UFqJOW_rG_I/AAAAAAAABbM/Ke9E0_7-7UI/s1600/TheBeatales800.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-zSP_8rvMKd8/UFqJOW_rG_I/AAAAAAAABbM/Ke9E0_7-7UI/s1600/TheBeatales800.png" height="46" width="200" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-PljdMRHKI7w/Sv2idn0Ie3I/AAAAAAAAAYs/224uC1HaOf0/s1600/LavaCableFinalcopy.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-PljdMRHKI7w/Sv2idn0Ie3I/AAAAAAAAAYs/224uC1HaOf0/s1600/LavaCableFinalcopy.png" height="37" width="200" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-g-eGPSXaJYY/SuYYEbXlFqI/AAAAAAAAAYE/g7DdEv5htT0/s1600/TGPLogo01.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-g-eGPSXaJYY/SuYYEbXlFqI/AAAAAAAAAYE/g7DdEv5htT0/s1600/TGPLogo01.png" height="36" width="200" /></a></div>
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-ZB-yerBrB7w/SjHbxNnF2WI/AAAAAAAAAHU/8y1gIz-Ue3o/s1600/LetsGetBack01.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-ZB-yerBrB7w/SjHbxNnF2WI/AAAAAAAAAHU/8y1gIz-Ue3o/s1600/LetsGetBack01.png" height="133" width="200" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-Z3s5KaGTn5I/SrlGWt3flwI/AAAAAAAAAWk/NlD-q4LRA_k/s1600/Fab4HDcopy.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-Z3s5KaGTn5I/SrlGWt3flwI/AAAAAAAAAWk/NlD-q4LRA_k/s1600/Fab4HDcopy.png" height="112" width="200" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-Mh72cVjOug0/SrlGaTQcW1I/AAAAAAAAAWs/VzXVxjHa1bs/s1600/Fab4HDcopy02.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-Mh72cVjOug0/SrlGaTQcW1I/AAAAAAAAAWs/VzXVxjHa1bs/s1600/Fab4HDcopy02.png" height="112" width="200" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-6JThMkNqQGA/SjJ2_GYApKI/AAAAAAAAAH8/ZCasl6bpMu4/s1600/TheCast.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-6JThMkNqQGA/SjJ2_GYApKI/AAAAAAAAAH8/ZCasl6bpMu4/s1600/TheCast.png" height="112" width="200" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-iBCBlAPGAck/S3Sh9txHhSI/AAAAAAAAAeg/HLjLuo2oUM4/s1600/Fab4CDs.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-iBCBlAPGAck/S3Sh9txHhSI/AAAAAAAAAeg/HLjLuo2oUM4/s1600/Fab4CDs.png" height="99" width="200" /></a></div>
<br />The Beatles In 3Dhttp://www.blogger.com/profile/08433887914887238694noreply@blogger.com1tag:blogger.com,1999:blog-1137779411118052906.post-4122584848501410422013-12-18T09:15:00.000-08:002014-01-14T07:47:39.086-08:00Fab 5 psychedelic piano cover<div dir="ltr" style="text-align: left;" trbidi="on">
Custom made piano cover for the Fab 5 band. Constructed of 3/4" finished plywood, primed and painted with 2 coats of Rustoleum Yellow. The entire unit folds up for travel. <br />
<br />
The cloth version was printed on vinyl and attached to a frame with Velcro to fit a larger keyboard set up. Group photos courtesy of Joe Baiardi.<br />
<br />
The vector graphics were designed in Adobe Illustrator and printed on 3M premium ink jet medium with two coats of Minwax clear for added road durability. <br />
<br />
Please email for a custom quote. <br />
<br />
Photos: 3D mock up prior to construction and construction in progress.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-wa62jh7BTWs/TxWsY19uLWI/AAAAAAAAA4g/JzzHsnVxfBk/s1600/fab53dpianocover.png" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="191" kba="true" src="http://1.bp.blogspot.com/-wa62jh7BTWs/TxWsY19uLWI/AAAAAAAAA4g/JzzHsnVxfBk/s200/fab53dpianocover.png" width="200" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-vbmbSbVkuew/TxX1rhjoiZI/AAAAAAAAA5Y/e-4iyg9LO54/s1600/joepiano_01.jpg" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="189" kba="true" src="http://2.bp.blogspot.com/-vbmbSbVkuew/TxX1rhjoiZI/AAAAAAAAA5Y/e-4iyg9LO54/s200/joepiano_01.jpg" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-HUlxnP4Ky1w/TxWsn5A-S3I/AAAAAAAAA5I/x8hMv_ytNDs/s1600/fab5verizontheater5.jpg" imageanchor="1" style="clear: left; display: inline !important; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="132" kba="true" src="http://2.bp.blogspot.com/-HUlxnP4Ky1w/TxWsn5A-S3I/AAAAAAAAA5I/x8hMv_ytNDs/s200/fab5verizontheater5.jpg" width="200" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-L6Jho37e5kc/TxWskYlvFzI/AAAAAAAAA44/NhNYdmO4keI/s200/fab5verizontheater3.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="149" kba="true" src="http://2.bp.blogspot.com/-L6Jho37e5kc/TxWskYlvFzI/AAAAAAAAA44/NhNYdmO4keI/s200/fab5verizontheater3.jpg" width="200" /></a></div>
<a href="http://1.bp.blogspot.com/-JwBuLFjXbYc/TxWsmOXz6TI/AAAAAAAAA5A/hrB24mq8-2Y/s1600/fab5verizontheater4.jpg" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://3.bp.blogspot.com/-XQfXT7AGXhc/T4bcEdoI0pI/AAAAAAAABB8/I_yG60FZzt0/s1600/fab5clothcover_1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="150" src="http://3.bp.blogspot.com/-XQfXT7AGXhc/T4bcEdoI0pI/AAAAAAAABB8/I_yG60FZzt0/s1600/fab5clothcover_1.jpg" width="200" /></a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-XxcPTY5s5sI/T4bcEZ2ubUI/AAAAAAAABCA/ktV1Q4_oYyU/s1600/fab5clothcover_2.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="133" src="http://2.bp.blogspot.com/-XxcPTY5s5sI/T4bcEZ2ubUI/AAAAAAAABCA/ktV1Q4_oYyU/s1600/fab5clothcover_2.jpg" width="200" /></a></div>
<br /></div>
<!-- Blogger automated replacement: "https://3.bp.blogspot.com/-XQfXT7AGXhc/T4bcEdoI0pI/AAAAAAAABB8/I_yG60FZzt0/s1600/fab5clothcover_1.jpg" with "https://3.bp.blogspot.com/-XQfXT7AGXhc/T4bcEdoI0pI/AAAAAAAABB8/I_yG60FZzt0/s1600/fab5clothcover_1.jpg" --><!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F2.bp.blogspot.com%2F-L6Jho37e5kc%2FTxWskYlvFzI%2FAAAAAAAAA44%2FNhNYdmO4keI%2Fs200%2Ffab5verizontheater3.jpg&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://2.bp.blogspot.com/-L6Jho37e5kc/TxWskYlvFzI/AAAAAAAAA44/NhNYdmO4keI/s200/fab5verizontheater3.jpg" --><!-- Blogger automated replacement: "https://2.bp.blogspot.com/-XxcPTY5s5sI/T4bcEZ2ubUI/AAAAAAAABCA/ktV1Q4_oYyU/s1600/fab5clothcover_2.jpg" with "https://2.bp.blogspot.com/-XxcPTY5s5sI/T4bcEZ2ubUI/AAAAAAAABCA/ktV1Q4_oYyU/s1600/fab5clothcover_2.jpg" --><!-- Blogger automated replacement: "https://2.bp.blogspot.com/-L6Jho37e5kc/TxWskYlvFzI/AAAAAAAAA44/NhNYdmO4keI/s200/fab5verizontheater3.jpg" with "https://2.bp.blogspot.com/-L6Jho37e5kc/TxWskYlvFzI/AAAAAAAAA44/NhNYdmO4keI/s200/fab5verizontheater3.jpg" --><!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F3.bp.blogspot.com%2F-XQfXT7AGXhc%2FT4bcEdoI0pI%2FAAAAAAAABB8%2FI_yG60FZzt0%2Fs1600%2Ffab5clothcover_1.jpg&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://3.bp.blogspot.com/-XQfXT7AGXhc/T4bcEdoI0pI/AAAAAAAABB8/I_yG60FZzt0/s1600/fab5clothcover_1.jpg" --><!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F2.bp.blogspot.com%2F-XxcPTY5s5sI%2FT4bcEZ2ubUI%2FAAAAAAAABCA%2FktV1Q4_oYyU%2Fs1600%2Ffab5clothcover_2.jpg&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://2.bp.blogspot.com/-XxcPTY5s5sI/T4bcEZ2ubUI/AAAAAAAABCA/ktV1Q4_oYyU/s1600/fab5clothcover_2.jpg" -->The Beatles In 3Dhttp://www.blogger.com/profile/08433887914887238694noreply@blogger.com0tag:blogger.com,1999:blog-1137779411118052906.post-61113487140091563252009-10-26T13:35:00.000-07:002014-05-04T16:13:12.448-07:003D Drum Heads<div dir="ltr" style="text-align: left;" trbidi="on">
3D logos from vector samples created in Adobe Illustrator matching the Bootle font, textures with Photoshop, modeled and rendered in 3D Max .<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-unb1ZmieLMM/SumQ_cHn2CI/AAAAAAAAAYM/7di2ehZKN1M/s1600/Fab4DrumHeads.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-unb1ZmieLMM/SumQ_cHn2CI/AAAAAAAAAYM/7di2ehZKN1M/s200/Fab4DrumHeads.png" height="200" width="200" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-PfN1XMdBJJc/TeALcYOT1wI/AAAAAAAAAvY/8eSqoOhGlBo/s1600/Fab5Head01.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-PfN1XMdBJJc/TeALcYOT1wI/AAAAAAAAAvY/8eSqoOhGlBo/s1600/Fab5Head01.png" height="199" width="200" /></a></div>
<br />
<br /></div>
The Beatles In 3Dhttp://www.blogger.com/profile/08433887914887238694noreply@blogger.com0tag:blogger.com,1999:blog-1137779411118052906.post-35126741157638940372009-06-10T06:22:00.000-07:002014-01-06T10:28:18.796-08:00Show me some Bootle.Since the <span class="blsp-spelling-error" id="SPELLING_ERROR_0"><span class="blsp-spelling-error" id="SPELLING_ERROR_0">Bootle</span></span> font is used quite often for Beatles tribute bands, I thought it would make a great example how fonts translate into a 3D logo and some of the preparation work involved.<br />
<br />
When using the text function in a vector based program such as Adobe illustrator or a 3D application, these programs place vertex points at various locations along the outline of the text connected by lines known as <em>splines.</em><br />
<br />
When designing for print, web or video these points are not an issue for output. It's when you use these vector files for 3D is where you can have problems and the clean-up work begins.<br />
<br />
In this first example, the program placed it's vertex points where it thought they needed to be to create the text:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-E64-hwxwPRA/SjaIBh9hhFI/AAAAAAAAAKE/Zi-tyvv8U1o/s1600/Bootle01.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-E64-hwxwPRA/SjaIBh9hhFI/AAAAAAAAAKE/Zi-tyvv8U1o/s1600/Bootle01.png" height="133" width="200" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
When the extrude and bevel actions are applied the program sees the points and connects the edges (the lines or <em>splines</em> between each point) to make a solid object but due to extra stray points placed by default on the outline, the face of the "B" disappears and the inside of the hole is filled.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-xkM2FFG3sd4/SjZdPrYg2dI/AAAAAAAAAIs/AlIAGHHpagE/s1600/Bootle02.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-xkM2FFG3sd4/SjZdPrYg2dI/AAAAAAAAAIs/AlIAGHHpagE/s1600/Bootle02.png" height="133" width="200" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
The close proximity of one or more points causes this and other issues such as smoothing errors at various locations on the sides of the letters. If not corrected other problems also occur in the rendering stage such as flickering, disappearing faces or even whole letters.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-mE25n07J1VA/SjZes_UaYcI/AAAAAAAAAI0/0mjURJ0YXsI/s1600/Bootle03.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-mE25n07J1VA/SjZes_UaYcI/AAAAAAAAAI0/0mjURJ0YXsI/s1600/Bootle03.png" height="133" width="200" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
After identifying the offending points they must be edited and/or deleted that cause the missing faces or errors on the sides.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-ms10wU-L9yk/SjZhMCLmcTI/AAAAAAAAAJE/OGzXMSiZzT0/s1600/Bootle04.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-ms10wU-L9yk/SjZhMCLmcTI/AAAAAAAAAJE/OGzXMSiZzT0/s1600/Bootle04.png" height="133" width="200" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
The final product with smooth edges after making the <span class="blsp-spelling-corrected" id="SPELLING_ERROR_2">necessary</span> point corrections.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-Yf-8A-NYX3s/SjaBu2bWlNI/AAAAAAAAAJs/Ysi2Ff-_QAI/s1600/Bootle05.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-Yf-8A-NYX3s/SjaBu2bWlNI/AAAAAAAAAJs/Ysi2Ff-_QAI/s1600/Bootle05.png" height="122" width="200" /></a></div>
<br />
<br />The Beatles In 3Dhttp://www.blogger.com/profile/08433887914887238694noreply@blogger.com0