Top Banner

of 24

02 Design Layout

Jul 08, 2018

Download

Documents

Pradit Saraon
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
  • 8/19/2019 02 Design Layout

    1/62

    D E S I G N

    L A Y OU T  

  • 8/19/2019 02 Design Layout

    2/62

    L A Y O U T  

  • 8/19/2019 02 Design Layout

    3/62

    IntroductionLayout in Graphic Design

    The Nature of Gothic by John Ruskin (1851 - 1853)

  • 8/19/2019 02 Design Layout

    4/62

    Cover Books

    The Nature of Gothic by John Ruskin (1851 - 1853)

    A

    B

    C

    C

  • 8/19/2019 02 Design Layout

    5/62

    Symmetry Theory

  • 8/19/2019 02 Design Layout

    6/62

    Symmetry Theory

  • 8/19/2019 02 Design Layout

    7/62

    Newspaper

  • 8/19/2019 02 Design Layout

    8/62

  • 8/19/2019 02 Design Layout

    9/62

    Magazine

  • 8/19/2019 02 Design Layout

    10/62

  • 8/19/2019 02 Design Layout

    11/62

  • 8/19/2019 02 Design Layout

    12/62

  • 8/19/2019 02 Design Layout

    13/62

  • 8/19/2019 02 Design Layout

    14/62

    GR I DS Y S T EM

  • 8/19/2019 02 Design Layout

    15/62

    GridA B C D E F G H J K L M

    2

    3

    4

    5

    6

    7

    8

    1

  • 8/19/2019 02 Design Layout

    16/62

    Margin  คอขอบกระดาษท เราเวนพ นท  ไม ใหชดขอบกระดาษมากไปจะชวย

     ในการมองทาใหเราไมร  สกอดอัด

  • 8/19/2019 02 Design Layout

    17/62

    Margin

  • 8/19/2019 02 Design Layout

    18/62

    Column

    การแบ งกลองขอความเพ อความสะดวกในการอาน

  • 8/19/2019 02 Design Layout

    19/62

    Gutter

    Gutter

    ความหางระหวางคอลั มน

    ดท ความพอด ในการใช งานแตปกต ไมนยมชดมากกันจนเกนไป

  • 8/19/2019 02 Design Layout

    20/62

    How to use grid

  • 8/19/2019 02 Design Layout

    21/62

    Ruler & Guide

    CTRL+R

  • 8/19/2019 02 Design Layout

    22/62

    Ruler & Guide

    Right Click

  • 8/19/2019 02 Design Layout

    23/62

    P R E S EN T A T I O N

     A R CH I T E C T U R A L

  • 8/19/2019 02 Design Layout

    24/62

    Introductionarchitect’s presentation tools

  • 8/19/2019 02 Design Layout

    25/62

    Drawing / Sketching

    Leonardo da Vinci(1452-1519)

  • 8/19/2019 02 Design Layout

    26/62

    Drawing / Sketching

  • 8/19/2019 02 Design Layout

    27/62

    Drawing / Sketching

  • 8/19/2019 02 Design Layout

    28/62

    Drawing / Sketching

  • 8/19/2019 02 Design Layout

    29/62

    Three Dimension Drawing

  • 8/19/2019 02 Design Layout

    30/62

    Color Rendering

  • 8/19/2019 02 Design Layout

    31/62

    Computer Graphicfor presentation

  • 8/19/2019 02 Design Layout

    32/62

  • 8/19/2019 02 Design Layout

    33/62

    H E A D

  • 8/19/2019 02 Design Layout

    34/62

    H E A D

    S U B H E A D S U B H E A D

    S U B H E A D

    S U B H E A D S U B H E A D

  • 8/19/2019 02 Design Layout

    35/62

  • 8/19/2019 02 Design Layout

    36/62

    H E A D

  • 8/19/2019 02 Design Layout

    37/62

  • 8/19/2019 02 Design Layout

    38/62

  • 8/19/2019 02 Design Layout

    39/62

  • 8/19/2019 02 Design Layout

    40/62

  • 8/19/2019 02 Design Layout

    41/62

  • 8/19/2019 02 Design Layout

    42/62

    Print ProcessGuild to prepare exsiting fle

    Inkjet Laser Digital Photo

  • 8/19/2019 02 Design Layout

    43/62

    Inkjet

    Borderless (ไรขอบ)

    Document Color

    Paper

    File Type

    Unit All Unit All Unit Inch (“)

    Price : A4 color

    Price : A2 color

    5-10

    60-80 60-80

    8-15

    -

    -

    8-15

    All Type All Type JPG / TIFF

    Plain Plain Photo

    CMYK CMYK RGB

    Laser Digital Photo

    Print ProcessGuild to prepare exsiting fle

  • 8/19/2019 02 Design Layout

    44/62

  • 8/19/2019 02 Design Layout

    45/62

    IllustratorDocument Setup

  • 8/19/2019 02 Design Layout

    46/62

  • 8/19/2019 02 Design Layout

    47/62

  • 8/19/2019 02 Design Layout

    48/62

  • 8/19/2019 02 Design Layout

    49/62

    Group / Ungroup

    Ctrl+G Ctrl+Shift+G

    Group Unground

  • 8/19/2019 02 Design Layout

    50/62

    Work with image

  • 8/19/2019 02 Design Layout

    51/62

    Work with image

  • 8/19/2019 02 Design Layout

    52/62

    Mark / Cliping Mark

  • 8/19/2019 02 Design Layout

    53/62

    Mark / Cliping Mark

  • 8/19/2019 02 Design Layout

    54/62

    Mark / Cliping Mark

  • 8/19/2019 02 Design Layout

    55/62

    Output 1Save as...(Ctrl+Shift+S)

  • 8/19/2019 02 Design Layout

    56/62

    Output 1Save as .PDF fle

  • 8/19/2019 02 Design Layout

    57/62

    Output 2Export

  • 8/19/2019 02 Design Layout

    58/62

    Output 2Export to .JPG

  • 8/19/2019 02 Design Layout

    59/62

    Output 2Export to .JPG

  • 8/19/2019 02 Design Layout

    60/62

    Assignment 2

    Size : A4 (297x210) Portrait x3Option : Borderless

    Design Layout : Architecture / Interior Design Article

    Must have : HEAD / Subhead / Text

    Other : Conceptual Diagram / Map / Designer photo

    Plan / Elevation or Section

    Perspective / Real image

  • 8/19/2019 02 Design Layout

    61/62

    Assignment 2

  • 8/19/2019 02 Design Layout

    62/62

    Assignment 2