Follow us on Facebook Follow us on Twitter Linked In Flickr Watch us on YouTube My Space Blogger
التسجيل
النتائج 1 إلى 2 من 2

Create a 3D Push Pin and a Paper Note by Illustrator

هذا الموضوع : Create a 3D Push Pin and a Paper Note by Illustrator داخل Other 2D Programsالتابع الي قسم 2D Programs-Video Edit : Step 1 For the 3D Revolve Options in Illustrator, we need to create the front view outline shape of the ...

  1. #1

    الصورة الرمزية waleed_ali
    مشرف القسم العام والإسلامي

    الحالة
    غير متصل
    تاريخ التسجيل
    Jan 2010
    الدولة
    A, A
    المشاركات
    20,140
    Thanks
    587
    Thanked 288 Times in 256 Posts
    الصور
    21
    معدل تقييم المستوى
    433

    Create a 3D Push Pin and a Paper Note by Illustrator




    Step 1


    For the 3D Revolve Options in Illustrator, we need to create the front view outline shape of the object we want. It always goes from the center point to the outline of the object. For example, a globe could be revolved by drawing a half circle. I have illustrated a view possibilities in the image below.

    Step 2

    Lets start with our push pin. Create a new file. Drag a vertical guide onto the artboard. Select the Pen Tool(P), set the fill color to none, and the stroke to black. Note that you can change the color at anytime later on. Then draw a line, as you see in the image below.

    Step 2

    Select the path and open the Revolve Window under Effects > 3D > Revolve.

    Step 3

    As you can see, we have quite a few options to apply to our path. Select the Preview option. This will give us a live view of our object. Chose the following settings: X axis of -35 degrees, Y axis of -28 degrees, Z axis of 38 degrees, and leave the Perspective at 0.
    Click the More Options Button. Underneath the Revolve tab, you will see the Surface Options. Let's have a closer look at the options. You can see one Highlight Point that we can move around by clicking and dragging it. We can also change the intensity of the lights. If we choose to, we can add more highlight points by clicking the New light button. In our case, we don't need to change anything. But you can play around and add more highlights if you'd like.



    Step 4

    Open the Swatch Palette and go to Open Swatch Library and select the Earthtone swatches. I chose a nice red color. Select the path of the 3D pin and change the color. You can of course choose any color you prefer.

    Step 5

    Let's create the metal pin. Draw a shape like you see in the image below. Make sure that the two points are vertically aligned. You can achieve this by selecting them both with the Direct Selection Tool (A), and press Command + Alt + J to open the Average Palette. From there choose Vertical. Then click OK.

    Step 6

    Select the path and open the 3D Revolve Options again. We'll choose the same settings, since the pin will have to be aligned with the head, but we will add two more highlights. Align them as you see in the image below. Make sure you have the Preview selected.







  2. #2

    الصورة الرمزية waleed_ali
    مشرف القسم العام والإسلامي

    الحالة
    غير متصل
    تاريخ التسجيل
    Jan 2010
    الدولة
    A, A
    المشاركات
    20,140
    Thanks
    587
    Thanked 288 Times in 256 Posts
    الصور
    21
    معدل تقييم المستوى
    433

    رد: Create a 3D Push Pin and a Paper Note by Illustrator


    Step 7

    Move the pin upwards and behind the red pin head. The shortcut for aligning layers and paths is Command + [ (behind) and Command + ] (in front).

    Step 8

    Select the red head shape and choose Overlay in the Transparency Palette. This will enable us to see the pin and align it better.

    Step 9

    The pin just looked a little too short, but since we have not expanded any of your 3D effects, we can easily transform the objects. Select the bottom path point with the Direct Selection Tool and lengthen the pin. All our 3D effects will be automatically applied. Then set the red head shape back to Normal.

    Step 10

    Create a new layer underneath the pin layer and call it "paper." Create a rectangular shape with the Pen Tool (P). Then choose a light grey color and fill it.

    Step 11

    Copy the rectangular shape underneath by pressing Command + C. Then press Command + B and color it with a linear gradient from black to medium grey. Transform it slightly with the Direct Selection Tool (A) by selecting the points and handles and dragging it around until the shape is a little bigger than the paper shape.

    Step 12

    Select the grey pin part and shorten it so it looks like it pierces through the paper. You can do this by selecting the bottom path point with the Direct Selection Tool (A) and drag the point upwards. The 3D effect will be automatically adjusted.

    Step 13

    Select the red pin head and make a copy. While still selected, go to Object > Expand Appearance. This will apply the 3D effect.

    Step 14

    Keep the object selected and open the Pathfinder Palette. Choose Add To Shape Area from the Shapes Modes.

    Step 15

    Fill the shape with black and go to Object > Path > Simplify. Move the cursor for the Curve Precision to 100%. This will reduce some points that are unnecessary quickly.

    Step 16

    Select our shadow shape, rotate it, scale it, and skew it until it resembles the image below.

    Step 17

    Apply a linear gradient that goes from a medium to light grey. This will make our shadow look more realistic.

    Step 18

    Select the paper shape and make a copy on top of it by pressing Command + C + F. Then open the Swatch library patterns by clicking on the Arrow on the right hand side of the Swatch Palette. In the drop down, choose Open Swatch Library > Patterns > Basic Graphics > Basic Graphic_Textures. I chose the pattern called USGS Sewage Disposal. Fill the shape with the pattern and set the Transparency to Multiply and its Opacity to 8%. Now we have lined paper.

    Step 19

    Voila, your very own push pin and note paper.






 

 

المواضيع المتشابهه

  1. Samsung ATIV Smart PC- S Note
    بواسطة sekou في المنتدى أخبار الثري دي والتقنيات |Graphic news , Techniques
    مشاركات: 3
    آخر مشاركة: 09 / 04 / 2013, 30 : 07 PM
  2. GALAXY Note 10.1
    بواسطة sekou في المنتدى أخبار الثري دي والتقنيات |Graphic news , Techniques
    مشاركات: 4
    آخر مشاركة: 29 / 08 / 2012, 25 : 03 AM
  3. Introducing Samsung GALAXY Note
    بواسطة sekou في المنتدى أخبار الثري دي والتقنيات |Graphic news , Techniques
    مشاركات: 0
    آخر مشاركة: 19 / 09 / 2011, 04 : 06 PM
  4. Old Paper & Bamboo Frame
    بواسطة elufok في المنتدى إضافات الفوتوشوب | Photoshop Add-ons
    مشاركات: 0
    آخر مشاركة: 15 / 06 / 2010, 06 : 03 AM
  5. Crumpled paper
    بواسطة elufok في المنتدى إضافات الفوتوشوب | Photoshop Add-ons
    مشاركات: 0
    آخر مشاركة: 12 / 07 / 2009, 20 : 04 PM

المفضلات

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  
الساعة الآن 52 : 08 PM
Powered by vBulletin® Version 4.2.3
Copyright © 2017 vBulletin Solutions, Inc. All rights reserved.
Search Engine Optimization by vBSEO