1. مهمان گرامی، جهت ارسال پست، دانلود و سایر امکانات ویژه کاربران عضو، ثبت نام کنید.
    بستن اطلاعیه

آموزش ایندیزاین - طراحی یک کارت هدیه در محیط ایندیزاین

شروع موضوع توسط Amon Amarth ‏7/5/13 در انجمن A.Indesign

  1. کاربر ارشد

    تاریخ عضویت:
    ‏7/6/12
    ارسال ها:
    12,082
    تشکر شده:
    28,151
    امتیاز دستاورد:
    113
    جنسیت:
    مرد
    [h=2]آموزش ایندیزاین - طراحی یک کارت هدیه در محیط ایندیزاین
    [/h]

    [​IMG]

    طراحی یک کارت هدیه در ایندیزاین


    در این آموزش به شما چگونگی ساخت یک کارت هدیه آموزش داده خواهد شد. برای طرح یک صفحه آرایی زیبا و مناسب برای چاپ از یک سری تصاویر و متن استفاده می کنیم.
    جزییات آموزش
    - برنامه: Adobe InDesign CS5
    - زمان مورد نیاز برای تکمیل طرح:30 دقیقه


    پیش نمایش تصویر نهایی
    شکل زیر نمونه تصویر پشت و روی کوپن است که در پایان این آموزش باید به آن دست پیدا کنیم.

    [​IMG]



    دانلود
    حجم فایل: 2.03 مگابایت

    منبع: persiangfx
     
  2. کاربر ارشد

    تاریخ عضویت:
    ‏7/6/12
    ارسال ها:
    12,082
    تشکر شده:
    28,151
    امتیاز دستاورد:
    113
    جنسیت:
    مرد
    پاسخ : آموزش ایندیزاین - طراحی یک کارت هدیه در محیط ایندیزاین

    [h=2]آموزش به زبان انگلیسی
    [/h][h=2]
    Step 1
    [/h]
    Create a new InDesign document and set the page size to 210 x 99 mm. This specific size is also known as a DL format which is actually 1/3 of an A4 paper size. Un-check the Facing Pages box and set the Bleed to 3 mm.[​IMG]
    [HR][/HR][h=2]Step 2[/h]
    First of all let’s import a background image. File > Place (Command + D). Place it into the document and scale it’s frame to fit the document size with bleed. Fill the image frame proportionally.[​IMG]
    [​IMG]
    [​IMG]
    [HR][/HR][h=2]Step 3[/h]
    Now we will adjust some properties of this image. To make the background look subtle, change it’s Opacity to 75%.[​IMG]
    Go to Object > Effects > Gradient Feather. In the Gradient Feather Effects window change the Gradient Type to Radial and move the middle slider towards the black swatch. If you want to be really precise instead of manually moving the slider just select it and set it’s Location to 75%.[​IMG]
    [HR][/HR]
     
  3. کاربر ارشد

    تاریخ عضویت:
    ‏7/6/12
    ارسال ها:
    12,082
    تشکر شده:
    28,151
    امتیاز دستاورد:
    113
    جنسیت:
    مرد
    پاسخ : آموزش ایندیزاین - طراحی یک کارت هدیه در محیط ایندیزاین

    [h=2]Step 4
    [/h]
    Let’s create a new rectangle using the Rectangle Tool (M). Make sure that it’s width fits exactly to the document bleed and set it’s height to 50 mm. Fill the rectangle with white color.[​IMG]
    [HR][/HR][h=2]Step 5[/h]
    Now we are going to place some photos into the voucher. First of all create a new rectangle frame using Frame Tool (F). Make it 51.5 mm wide and 50 mm high.[​IMG]
    Place it at the left edge of document page and duplicate it using Step and Repeat function (Command + Alt + U). Set the Count value to 3 and Horizontal Offset to 53 mm. By doing this, we’ll get three more frames with a 1.5 mm gap between each frame.[​IMG]
    [HR][/HR][h=2]Step 6[/h]
    By selecting a frame and hitting Command + D you can easily import a photo into each frame. Make sure that it fills the entire frame proportionally.[​IMG]
    [​IMG]
    Maybe you’ve noticed that the first and last photo in row does not exceed the document edge into the bleed which is not correct. To fix this simply scale each frame horizontally until they reach the document bleed.[​IMG]
    This is how your image frames should look like after fixing.[​IMG]
    [HR][/HR]
     
  4. کاربر ارشد

    تاریخ عضویت:
    ‏7/6/12
    ارسال ها:
    12,082
    تشکر شده:
    28,151
    امتیاز دستاورد:
    113
    جنسیت:
    مرد
    پاسخ : آموزش ایندیزاین - طراحی یک کارت هدیه در محیط ایندیزاین

    [h=2]Step 7
    [/h]
    To create the dark pink stripe we need to make a new rectangle with the Rectangle Tool (M). Make sure that it’s width fits the bleed and make it about 3.5 mm high. Fill it with dark pink color (C=0 M=100 Y=45 K=30) and place it directly above the photo row. Duplicate and move the pink stripe below the photo row.[​IMG]
    [​IMG]
    [HR][/HR][h=2]Step 8[/h]
    Let’s add the shadow effect under the photos. In order to do this I have created an editable smart object in Photoshop. It’s basically a black ellipse with gaussian blur applied to it. Place it into the document (Command + D) and set it’s Opacity to 75%. Using the Free Transform Tool (E) scale it horizontally in both directions.[​IMG]
    [​IMG]
    [HR][/HR][h=2]Step 9[/h]
    Our voucher is nearly finished. Using Type Tool (T) add some title text. This tutorial uses Helvetica Neue font but feel free to use any other font that you like. Set it’s size to 18 pt and Tracking to 100 pt. Fill it with dark pink color with which we have already filled stripes.[​IMG]
    Using same steps as described above add some more text and a description.[​IMG]
    [​IMG]
    Add a subtitle at the bottom of the document and fill it with black. Set it’s size to 38 pt and Tracking to 100 pt. Also change it’s Opacity to 30%.[​IMG]
    [HR][/HR]
     
  5. کاربر ارشد

    تاریخ عضویت:
    ‏7/6/12
    ارسال ها:
    12,082
    تشکر شده:
    28,151
    امتیاز دستاورد:
    113
    جنسیت:
    مرد
    پاسخ : آموزش ایندیزاین - طراحی یک کارت هدیه در محیط ایندیزاین

    [h=2]Step 10
    [/h]
    Finally we will add information fields. Set Font Size to 9 pt and Tracking to 50 pt. Also create a new Paragraph Style for this text frame.[​IMG]
    In the Paragraph Style Options window go to Tabs and set the X value for slider to 35 mm. In the Leader box type dot. This will enable us to create a dotted line in the text frame when hitting "Tab" after current words.[​IMG]
    [HR][/HR][h=2]Step 11[/h]
    Duplicate and move the text frame next to the first one and rewrite it to your desired text.[​IMG]
    [HR][/HR][h=2]Final Image[/h]
    After some tweaking and playing around you should get this simple and and clean looking voucher. I hope you enjoyed this tut.[​IMG]