{"id":821,"date":"2007-08-24T01:56:52","date_gmt":"2007-08-24T09:56:52","guid":{"rendered":"https:\/\/blog.mhvt.net\/?p=821"},"modified":"2008-07-11T10:14:48","modified_gmt":"2008-07-11T18:14:48","slug":"adobe-illustrator-and-photoshop-very-simple-tutorial-sand-clock","status":"publish","type":"post","link":"https:\/\/blog.mhvt.net\/?p=821","title":{"rendered":"Adobe Illustrator and Photoshop Very Simple Tutorial: Sand Clock"},"content":{"rendered":"

\"Adobe<\/a> \"Adobe<\/a>
\n
<\/br>
\n
<\/br>
\nI don’t know why, but we have strange customers from time to time. For example, there was an old lady who came to our office a few weeks ago. She brought a broken sand clock and said that she wanted to replace it with a new one. And she showed me a receipt from WalMart. “Umm, … You are at a wrong place, old lady,” I said. Then she stared at me. I didn’t know what to say. Eventually, I said that I could design a new one digitally using Adobe Illustrator and Photoshop CS2. Then she nodded and smiled. Well, you know… As I always do, I launched Adobe Illustrator and Photoshop on my iMac. In a matter of 12 minutes or so, I created a brand-new sand clock for her.<\/p>\n

The following tutorial shows steps to design a sand clock, using Adobe Illustrator CS2 and Photoshop CS2. Note that the screenshots below are extracted from a tutorial video with PNG compression. Therefore, their quality may not be the best.
\n
<\/br>
\n
<\/br><\/p>\n

    \n
  1. Using Adobe Illustrator CS2, let’s use Ellipse Tool<\/strong> (L) to draw a right circle, holding down the Shift key. The fill color should be none, and select a light gray color for stroke.<\/li>\n
  2. Next, grab Scissors Tool<\/strong >, and cut the shape at the top and bottom anchor points. Then delete the right half.<\/li>\n
  3. Let’s turn this 2D shape into a 3D shape looking like a sand clock. Apply 3D<\/strong> > Revolve<\/strong> to the shape.<\/li>\n
  4. We want to create another shape with Illustrator. Use Ellipse Tool<\/strong> to draw a vertically-short ellipse. Then use gray gradient colors to fill the shape.<\/li>\n
  5. You want to turn this 2D shape into a 3D shape as well by applying 3D<\/strong> > Extrude & Bevel<\/strong>.<\/li>\n
  6. Okay. That’s it with Illustrator. Let’s import them to Photoshop with Pixels Paste<\/strong>. Adjust the position and the size of the second shape to make it the top of the sand clock.<\/li>\n
  7. You are using gray gradient colors to fill the lid. That means you can apply Colorize<\/strong> under Adjustments<\/strong> > Hue\/Saturation<\/strong>. So let’s colorize it. When you are finished, duplicate the layer and take it to the bottom of the sand clock.<\/li>\n
  8. The next stage is to fill the first Illustrator shape with sand. Make a selection for sand and then fill it with sheer black. Furthermore, apply Noise<\/strong> and a small amount of Gaussian Blur<\/strong>.<\/li>\n
  9. There should be more dark pixels than bright ones inside the selection. So let’s apply Adjustments<\/strong> > Invert<\/strong> to the selection. Then use Adjustments<\/strong> > Hue\/Saturation<\/strong> to colorize gray pixels.<\/li>\n
  10. Similarly, make another selection for the bottom chunk of sand, apply Noise, Gaussian Blur, Invert and Hue\/Saturation.<\/li>\n<\/ol>\n

    <\/br>
    \n
    <\/br><\/p>\n\n\n
    \"Adobe<\/a><\/td>\n\"Adobe<\/a><\/td>\n\"Adobe<\/a><\/td>\n<\/tr>\n<\/table>\n\n\n
    \"Adobe<\/a><\/td>\n\"Adobe<\/a><\/td>\n\"Adobe<\/a><\/td>\n<\/tr>\n<\/table>\n\n\n
    \"Adobe<\/a><\/td>\n\"Adobe<\/a><\/td>\n\"Adobe<\/a><\/td>\n<\/tr>\n<\/table>\n\n\n
    \"Adobe<\/a><\/td>\n\"Adobe<\/a><\/td>\n\"Adobe<\/a><\/td>\n<\/tr>\n<\/table>\n

    <\/br>
    \n
    <\/br>
    \nVideo tutorial with no audio commentary<\/u><\/p>\n\n\n
    \"Mac<\/a><\/td>\n <\/td>\n\"Mac<\/a><\/td>\n<\/tr>\n<\/table>\n

    Please read Terms of Use for Guests<\/a> before watching any of the video tutorials.
    \n
    <\/br>
    \n
    <\/br>
    \nIllustrator and Photoshop CS2 are products of Adobe Systems Incorporated.<\/p>\n","protected":false},"excerpt":{"rendered":"

    I don’t know why, but we have strange customers from time to time. For example, there was an old lady who came to our office a few weeks ago. She brought a broken sand clock and said that she wanted … Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":342,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25],"tags":[],"class_list":["post-821","post","type-post","status-publish","format-standard","hentry","category-tutorials"],"_links":{"self":[{"href":"https:\/\/blog.mhvt.net\/index.php?rest_route=\/wp\/v2\/posts\/821","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.mhvt.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mhvt.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mhvt.net\/index.php?rest_route=\/wp\/v2\/users\/342"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mhvt.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=821"}],"version-history":[{"count":0,"href":"https:\/\/blog.mhvt.net\/index.php?rest_route=\/wp\/v2\/posts\/821\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mhvt.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=821"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mhvt.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=821"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mhvt.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=821"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}