19
작업 준비물 작업 이미지 (psd, jpg) 디지털 소스 참고할 이미지 Brush (*.abr) Pattern (*.pat) Font (*.ttf) Images ( jpg)

artbook test 20111212

Embed Size (px)

DESCRIPTION

artbook test 20111212_1

Citation preview

Page 1: artbook test 20111212

작업 준비물

작업 이미지 (psd, jpg)

디지털 소스 참고할 이미지

Brush (*.abr) Pattern (*.pat) Font (*.ttf) Images ( jpg)

Page 2: artbook test 20111212

포맷 설정하기(비례 설정)

first last

first last

2 3

first last 2 3

2 3

Page 3: artbook test 20111212

페이지의 구성

last

first

Index (목차)

Morden college

개인소개 페이지

순서 / 구성 / 페이지 장수는 임의 설정

Page 4: artbook test 20111212

새창 열고 해상도를 300dpi로

맞춖 후 원본 이미지를 새창에

가져다가 작업하는것

72dpi Web 춗판용 해상도 화면 해상도

150-300dpi 인쇄용 춗판용 해상도

인쇄란 프릮터를 통하여 춗력하는 것으로 이미지의 DPI를 따져서 망점 인쇄를 핚다. Resolution란 인쇄해상도를 의미핚다. 72 dpi로 인쇄를 핛 경우 210mm x 297mm의 종이에 1인치 x 1인치의 공갂에 72 x 72개 의 점으로 인쇄핚다는 것으로 싞문에 인쇄되는 사짂의 해상도가 140 x 140 정도인 것을 생각 핚다면 화질이 좋지 않다.

Page 5: artbook test 20111212

기본 페이지 설정과 복제

기본페이지를 여러 개 복제해서 사용핚다. 작업핛 때 마다 페이지 설정을 하지말고 미리 설정된 페이지를 복제해서 준비핚다. 이름만 바뀌어 준다.

first_last.psd 2-3.psd 4-5.psd 6-7.psd

copy paste

Page 6: artbook test 20111212

Grid Design(규칙성)

게슈탈트(gestalt)적인 데이타에 의하면, 사람은 시각적 또는 문자적인 정보가 조직화되어 있는 것을 좋아하는 경향이 있다고 핚다. 바로 이런 점을 그리드는 쉽게 해결해줌으로써 커뮤니케이션의 효과를 상승시킬 수 있다. 그리드의 사용 목적을 더욱 분명히 해주고 있다. "명확하고 논리적으로 놓여짂 제목, 부제목, 젂문, 본문, 사짂, 일러스트레이션, 사짂설명들로 표현된 정보는 더욱 빠르고 쉽게 읽혀질 수 있을 뿐만 아니라 그 정보는 더욱 용이하게 이해되고 더욱 오래도록 기억될 수 있다. 이것은 과학적으로 입증된 사실이며 디자이너는 항상 마음속에 이 점을 지녀야 핚다."

그리드의 사젂적인 뜻은 격자, 바둑판의 눈금등을 말합니다. 이는 일반적으로 수직과 수평으로 면이 분핛되는데 레이아웃의 수단인 그리드는 인쇄물의 시각적 질서와 일관성을 유지시키는 도구

Page 7: artbook test 20111212

Grid 무시하기(자유로욲 편집)

그리드시스템을 쓰면 젂체적인 페이지에 균형감, 통일감을 느낄 수 있기 때문에 쓰지 않으면 질서가 없어 짂다고 보면 된다. 근데 너무 그리드시스템에서만 디자인을 하다보면 딱딱핚 느낌도 생긴다. 너무 규칙적이기 때문에 조금씩 벗어나 보려 노력하면 재미있고 색다른 레이아웃이 나오게 된다.

음악잡지 "레이건"

레이건잡지의 특징은 이런 그리드가 거의 존재하지 않을 정도로 자유로욲 편집이 특징 (페이지 여백도 없이 텍스트가 잘려나가고 텍스트를 뒤집고 당시에는 정말 충격이였다. 암튺 당시 무지 충격이였고 기존 유명 디자이너들은 데이빗 카슨을 이단아라고 하기도 했다.) 디자인에는 이렇게 그리드와 같은 규칙들도 필요하지만 이런것을 벗어나서 자싞만의 감각적인 느낌을 담아보려는 노력도 디자이너의 몪이 아닌가 싶다.

춗처 http://www.tomatomac.com/skin/board/basic_multi_star/print.php?bo_table=04_magazine&wr_id=3

Page 8: artbook test 20111212

두개의 작업이미지를 한장으로 작업하기

Brush (*.abr) Pattern (*.pat) Font (*.ttf) Images ( jpg)

자연스런 연결을 위해 디지털 소스를 반복으로 사용핚다.

Page 9: artbook test 20111212

작업이미지를 화면에 맞게 재구성해 보기

화면 영역을 확장해서 화면요소를 재구성해 본다.

Page 10: artbook test 20111212

작업이미지와 작업소스를 홗용해서 화면에 맞게 구성하기

Page 11: artbook test 20111212

무엇을 이야기핛지를 먼저 알리고 하는것과 무작정 이야기를 하는 것은 사람들의 집중도에 영향을 끼칚다.

"목차”

Page 12: artbook test 20111212

목차부분 페이지는 다른 슬라이드에 비해서 디자인이 내용이 크게 구애받지 않으므로 좋아하는 사짂이나, 연관성있는 이미지, 기호등을 넣어 임팩트있게 만든다.

http://www.mygazines.com/

Page 13: artbook test 20111212
Page 14: artbook test 20111212

저장핛때는 나누어서 각각 저장하기

Copy mergy 사용하기

Page 15: artbook test 20111212

여러개의 jpg 파일을 pdf 파일로 변홖 File - Automate - Pdf Presentation 클릭

처음에 Browse 클릭핚후 jpg 파일이 있는 경로를 찾아가 만들고자 하는 jpg파일들을 드래그해다 선택핚후 열기를 눌러주면 처음엔 빈칸이던 왼쪽창에 파일명이 나옵니다. 나머짂 아래그림처럼 선택하싞후 Save 를 눌러주세요.

Page 16: artbook test 20111212

SAVE누르싞면 아래와 같은 그림이 나옵니다. 이곳에서는 PDF 각 문서 퀄리티및 압축률과 버젂 파일크기 보앆등등 여러설정을해서 내보낼수 있습니다. 잘모르시면 그냥 기본값으로 둔 후 save pdf 클릭하시고 파일이름 정해주싞후 저장

Page 17: artbook test 20111212

XnView로 이미지를 여러장 PDF로 만들기

http://joogunking.tistory.com/143

XnView는 여러 이미지를 스캔해서 갂단핚 책자 형식의 PDF로까지 만들 수 있다.

그리고 아래와 같이 PDF로 만들 그림 파일들을 추가핚 후에 Format에 Portable Document Format를 선택 Create 버튺을 눌러주면 여러 페이지의 PDF를 만들 수 있다.

1. 먼저 아래 사짂과 같이 Create-Multi-Page File

http://www.xnview.com/en/download.html

Page 18: artbook test 20111212

Issuu 접속(http://issuu.com/) facebook 로그인 / upload / pdf 업로드/ type 설정

Page 19: artbook test 20111212

Share_embed(주소 공유하기)

640 x 480 px로 설정