여러분에게 질문: 누가 자신의 학창 시절을 기억하면서 기쁘게 회상하나요? 네, 손 한 번 올려주세요. 음, 이미 두, 세, 네, 다섯 손이 올라가 보이네요. 아니, 농담이에요. 실제로 저를 제외하고 여기에는 아무도 없지만, 새로운 훈련에 여러분을 환영합니다. 새로운 훈련은 새로운 인쇄물도 의미하며, 이번에는 세로 방향의 DIN A5 교내 안내장을 준비했습니다. 여기에 매우 간결하고 간단한 디자인으로 명확한 형태를 담았습니다. 여기에는 사각형이 있습니다.
이 모든 것을 깔끔하고 대칭적으로 표현하는 방법에는 세부적으로 살펴볼 몇 가지 요령이 있습니다. 여기서는 조용하고 화려한 표현을 사용합니다. 이곳에서 조금 멋진 점은 레이아웃 과정에서 그렇게 눈에 띄지 않지만 최종 인쇄에는 꽤 중요하게 작용하는 점인 접힘 표시입니다. 실제로 접힘 표시는 꽤 별다른 것이 아니라, 솔직히 말하자면 상당히 보통입니다. 하지만 정말 멋진 것은 테두리를 벗어나는 요소들입니다. 이는 테두리에서 끝내지 않고 뒷면으로도 이동할 것을 의미합니다. 그리고 디자인을 실제로 인쇄된 형태로 보면, 디자이너로서 시야가 확장되어 기존의 선과 제한을 넘어서 생각할 수 있게 해주어 꽤 인상적인 효과를 줍니다. 우리가 이것을 해내는 과정이 매우 흥미로울 것입니다.
당신을 위해 안쪽을 살펴봅시다. 이렇게 생겼습니다: 다양한 목록과 배치된 이미지가 있는 단추 디자인이 다시 나타납니다. 여러분이 이미 알아차렸다시피, 색상은 물론이며 밝은 모양새를 가졌습니다. 물론 대상은 학생, 어린이 및 그들의 부모님들이니 다소 화려해지기 전에 시작해보겠습니다. 그리고 말할게요: 준비, 시작, 완료!
교내 안내장을 위한 인쇄 조건
당연히 여정은 우리 인쇄소 웹사이트에서 시작됩니다 (1). 포트폴리오에서 한 번 둘러보고 적합한 제품을 고릅니다. 우리는 새로운 접힘 안내장을 만들 예정입니다. 먼저 올바른 제품을 선택하고 표준 접힘 안내장을 선택한 후 형식 (2)을 선택합니다. 최종적으로 DIN-A5 형식을 확인합니다. 여기서 다시 한번 세부사항 및 데이터 정보(3)를 확인할 수 있습니다. 다른 훈련들과 비교해서 우리는 다른 종류의 종이를 사용할 것입니다, 코팅된 반광지라고 하는 사진용 종이입니다. 이는 종이 표면에 종이의 기공이 접착제 형태로 막아졌다는 뜻입니다. 이를 통해 얻는 효과는? - 상대적으로 밝고 풍부한 색상 품질입니다. 실제로 반광지 종이는 조금 둔하고 매트하며 흡수성으로 작용하는 다른 종이와는 큰 차이가 있습니다. 사실, 사진용 종이의 효과는 정말 좋은 색상 품질을 제공합니다. 이게 어떻게 보이는지를 정확히 모른다면: 우리 종이 샘플북이 도움이 됩니다. 알아야 할 것은 형식입니다. 여기서 우리는 다시 한번 297 x 210의 종이 크기를 확인하며, 이는 사실상 2 mm의 양산입니다 (4). 그리고 데이터 정보(5) 아래에서 다시 확인해보면, "최소 4mm의 서식과 종이 크기 사이의 간격"이라고 나오며 여기에서 색상 모드도 확인할 수 있습니다: 반광지 종이, ISO Coated v2. 이제 이 정보를 확인했으니 인디자인으로 넘어갈 수 있습니다.
인디자인에서 문서 설정하기
새 문서를 엽니다(1). 이 경우에는 양면 문서가 필요하지 않습니다(2). 대신 가로 방향을 원합니다(3). 여백: 4 mm(4). 양식: 2 mm(5). 그럼 문서를 확인할 수 있습니다.
여기 왼쪽 위에 빨간 선이 보이시나요? 확대해서 확인하면 확인할 수 있는데, 이것이 바로 약간 벗어난 부분입니다. 이 부분은 당신이 요소를 배치할 때 일반적인 종이 크기 이상으로 넘어서게 하여 자르면서 생길 수있는 백색 반짝임을 방지하기 위해 필요합니다. 따라서, 교직이나 안검이 아무것도 보이지 않을 뿐만 아니라, 이러한 반짝임을 방지하는 것이 적당한 것입니다.
Ctrl+0를 눌러서 전체적인 이미지를 보고, 여기서 부터 작업을 시작합니다. 설계 격자물을 사용하는 방법으로 진행하겠습니다. 설계 격자물을 만들려면 레이아웃>가이드 설정 만들기...를 따릅니다. 그런 다음 그리드가 준비되어 있는 것을 보고 상당한 장점을 눈치챌 수 있습니다.
일단 얼마나 많은 줄과 열이 필요한지 정의해야 합니다. 줄수는 정확히 10개로 설정합니다. 열 간격 3mm 정도로 설정합니다. 결과적으로 20개의 열과 또한 3mm로 설정합니다. 이렇게하면 현재 모양에서 볼 수 있는 것처럼 격자가 생성됩니다. 그런 다음 확인할 수 있습니다.
디자이너로서 우아하게 마우스를 움직이며 얼마나 스마트하게 행동하느냐에 따라, 조금은 이 그리드를 실수로 이동시키는 것을 알아채실 수 있습니다.
이를 방지하려면, 가장 먼저 가이드를 잠그도록 하겠습니다. 이를 위해 보기>그리드 및 가이드>가이드 잠금을 선택합니다. 이제 아무런 문제도 없이 움직여도 괜찮습니다. 그것은 확실하며 그것을 이용하는 것이 중요하다는 사실을 명심해야 합니다.
플라이어 구조 설정하기
이 사각형 형태의 미로 안에 일정한 구조를 만들고 개요를 유지하기 위해 간단히 새 색상 패널을 정의하게 됩니다. 특별한 것은 아니고, 그냥 여기 검정에 20%를 추가합니다.
그런 다음, 기본적으로 타일들을 그리기 시작합니다. 왼쪽 위부터 시작하여 글리드를 통해 직사각형을 4칸 그립니다. 이 직사각형에 바로 이 색상을 할당합니다.
이것을 여러 곳에서 반복합니다. 다음은 여기로 이동합니다. 여기로 가려고 Alt-와 Shift-키를 눌러 이동시킵니다. 나중에 여기에 사진이 들어갈 것입니다. 그러나 사진은 크지 않아야 하며, 여기까지만 가며 아래로 내릴 수 있습니다... (결과는 이미지를 참조)
계속 진행합니다. 여기에는 비슷한 것이 필요합니다. 이것을 아래쪽으로 끌어 놓기만합니다. 그런 다음 여기에 복사본을 만들고 두 칸을 합치도록 이동시킵니다. 다른 것은 한 칸으로 이동합니다. 여기에 또 다른 사진을 넣습니다... (결과는 이미지를 참조)
이제 전면과 후면이 분리될 위치로 가야 합니다. 모두 수행하면 녹색 화살표에도 주목할 수 있습니다. 이를 위해 InDesign에서는 가시적인 영역에서 참조 지점이 필요합니다 (왼쪽 화살표). 여기서 직사각형을 이동하면 3mm임을 표시해 줍니다 (오른쪽 화살표).
따라서 이 장소에 적합합니다. 이 직사각형을 조금 더 작게 만들어 줍니다 (이미지에서 왼쪽 상단 직사각형 너비 줄이기). 직사각형을 수직으로 통과하는 두 보조선 사이에 절단이 됩니다. 이 직사각형을 약간 아래로 끌어 내려, 이를 눈으로 수행하여 대략적으로 해당 위치까지(직사각형의 크기를 참조하여) 완전 대칭적이지 않게 하려 합니다. 여기에 약간의 동적인 요소를 넣고 싶습니다.
다시 하나의 복사본을 만들어 아래로 이동합니다(왼쪽 아래의 직사각형). 이제 우리는 3mm가 있는지 확인해야 합니다. 예를 들어 간극 툴 (1)을 사용할 수 있습니다. 여기다 클릭하면 현재 3.725mm임을 보여 줍니다 (2). 이제 이동하면 위치만 변경됩니다. 이것을 원치 않습니다. 간격을 줄이려 합니다. 지금 Ctrl-키를 누르면 정확히 3mm(3)으로 설정합니다. 딱 필요한 거리에요.
이제 이 직사각형 (1)를 거기까지 이동시킵니다. 복사본 하나(2)를 만들어 왼쪽에 있는 사진만큼 크게 조정하게 됩니다. Alt와 Shift를 사용한 또 다른 복사본(3)을 오른쪽으로 여러 개 칸 이동합니다. 하나를 더 복사해서 아래쪽으로 이동하고 절단까지 이동합니다(5). 이 곳에서는 해야 할 사항을 항상 유의해야 합니다.
그런 다음 그것들의 복사본(1)을 가져와 배치합니다 - 그리드를 위해 가로세로로 배치해야 합니다. 여기서 그리드의 제공되는 주요 이점을 볼 수 있습니다. 이는 정말로 합리적인 기능이며, 정말로 실용적이라고 생각합니다. 여기서 얼마나 빨리 진행되었는지 보실 수 있습니다. 이게 쉽고 빠릅니다.
Ctrl+0를 한 번 더 눌러서 요약해 봅니다 - 마지막에 모양이 이렇습니다. 이제 사진을 배치하고 각 직사각형에 색상을 채우는 작업이 필요합니다. 이 문서에 정말로 영혼을 불어 넣어야 합니다. 앞서 한 작업은 기본 구조였습니다.
레이아웃에 사진 배치 및 정렬
우리의 선택한 단축키: Ctrl+D. 이렇게 하면 배치 대화 상자로 이동됩니다. 거기에서 원하는 사진을 찾아서 첫 번째 외팔면에 4개의 사진을 Ctrl-키로 모두 선택할 수 있습니다...
지금 화면에 로드된 마우스 포인터를 확인할 수 있습니다. 아이콘 옆의 소음이 보입니다. 이 의미는 로드된 마우스 포인터에 4개의 이미지가 있는 것입니다. 이것이 첫 번째 사진이 아니라고 선택하려면 로드된 사진 사이를 화살표로 전환할 수 있습니다.
개별 이미지를 배치합니다...
모든 이 영역이 비례적으로 배치되지 않으므로 이들 모두를 선택합니다. 마우스 오른쪽 버튼을 클릭한 다음 조정>프레임과 비례적으로 채우기를 선택합니다.
그런 다음 약간의 섬세한 조정이 필요합니다. 예쁜 큰 눈을 한 이 여자아이는 이미 상당히 매력적으로 보입니다. 어린이의 스키마가 여기 드러나기 때문입니다. 얼굴은 어느 때나 화합적입니다. 광대나 구멍, 분필이나 컬러 페이퍼나 접착제와 같이 어린이들이 학교에서 다루는 다른 물건보다 언제나 더 흥미롭습니다. 이 강렬한 눈 같은 큰 눈이 필요합니다.
사진을 더블 클릭하여 이미지 콘텐츠에 액세스합니다. 그런 다음 Shift-키와 오른쪽 화살표 키를 눌러 이미지를 이동하여 펜을 포함하지만 스틸로.
이 그림을 계속 보세요. 이를 약간 크게 할 수 있습니다. Shift-키를 누른 채로 한번 끌어서 크기를 조절합니다.
그 아래에 있는 것을 볼까요? 그걸 약간 높이게 하면 아이들이 다 들어갈 거예요.
지역 대학을 다시 한번 살펴보겠습니다. 실은 아주 잘 맞는 것 같아요.
이건 좀 보면 좋을 거에요. 환상적이에요.
색 지정하기
다음 단계로 넘어가 봅시다: 색 지정 블록. 지속적으로 향상되고 최적화되고 있는 InDesign CC부터는 "색 설정"이라고 하는 아주 멋진 도구도 있습니다(1). 이는 소금빨대와 비슷한 것으로, "크게"라고 한다면, 바로 소금빨대의 큰 형제입니다. 여기를 클릭하면 이 아래에 세 개의 작은 정육면체가 달린 소금빨대가 나타납니다(2). 이것은 색 지정 블록을 나타내는 것으로, 여기 이미지를 클릭하면 InDesign이 이 이미지 내에 사용되는 색상들을 인식합니다(4). 그러면 이 색깔을 추출해서 색 지정 블록으로 추가할 수 있습니다. 여기를 클릭하면... (5) 이제 이 색 지정 블록(6)을 봐봐요, 이젠 "멋진 디자인"으로 불릴 거예요(7). 여기에는 이 이미지에서 온 다섯 가지 색 지정 블록이 들어 있습니다. 이건 정말 멋진 기능입니다, 왜냐하면 항상 색상 조화를 원하기 때문이죠.
하지만 지금 제가 거의 좋아하지 않는 것은, 두 개의 색 값이 거의 동일하다는 것입니다(1). 이를 약간 조정해야 합니다.
내가 이중 색상을 더블 클릭하여 빼내습니다. 그것은 새로운 색상 혼합 비율을 얻게 됩니다. 아마 이미 주목했을지도 모르겠네요: 색상 추출할 때 RGB 이미지에서 CMYK 값으로 전환됩니다(2) - 정말 멋지죠.
지금 이 색상을 연해진 파란색으로 바꿉니다 (시안: 23%, 마젠타: 0%, 옐로우: 55%, 검정: 0%).
딱 이렇게 소금빨대를 사용하는 게 완벽하게 작동하지 않으니까, 우리가 항상 원하는 색상 조화를 정확하게 얻지는 못한다는 것을 기억하셔야 합니다. 이 이미지의 시안 색상이라 할지라도 (1), 이것은 제 디자인에는 상상도 못했습니다. 여기에 이 색상들(2)을 원합니다. 나머지는 그대로 두어도 돼요.
색상 및 로고 삽입
그리고 이제 시작합니다: 직사각형에 파란색을 채우게 합니다. 세 개도 마찬가지니까, Shift로 선택하여 파란색을 설정합니다. 여기서 나는 이제 직사각형들에 색을 칠할 거에요...
아직 부족한 게 있네요, 아래에 로고가 있어야 합니다. 이것은 Fotolia에서 가져와 Illustrator로 편집한 것입니다. 여기서는 그것을 보여드릴수는 없지만, 그래도 이것은 Illustrator 워크샵이 아니고 InDesign 워크샵이니까요. 그것을 여기 끌어넣고, W 키로 격자를 다시 켭니다, 그리고 그것을 아래쪽으로 조금 더 위치시킬 수 있습니다.
텍스트 삽입
이것을 텍스트로 가득 채워봅시다. 여기서부터 시작합니다. 텍스트 상자를 끌어서 만듭니다. 이 플라이어를 위해, Italic로 Aller를 크게, 20 포인트, 눈 자랑을 위한 눈보라색으로 골라서 실행합니다. 그리고 여기에 "Musterstadt 지역학교"라고 적고, 텍스트 상자를 조정하고 가운데 정렬합니다.
왼쪽에 계속해서: 텍스트 상자를 복사해서 이동합니다. 주의해야 할 점이 있습니다. 이미 알고 계시다시피 여기 테두리로부터 4 밀리미터의 안전 여백을 유지해야 하므로, 텍스트 상자를 여기까지 당깁니다. 이제 13 포인트(2)로 "오리엔트 스테이지 후에 어떻게?"라고 적고, 대문자 없이(3) 단락을 하나 넣습니다.
이 모든 것은 이제 표시되어 있는 것을 복사하여 단락 서식으로 지정할 수 있습니다. 즉, 어떻게 글ꔼ를 어떻게 서식을 지정할지 수동으로 정의합니다. 그래서 선택하고 새로운 단락 서식을 정의합니다.
이것을 "2차 제목"이라고 부릅시다. 이건 우리가 자주 사용하게 될거에요, 그러니 단락 서식으로 정의해 놓는 게 좋아요.
그럼 이제 질문만 답이 없다면? 정답이 없는 질문밖에 없다는 말이죠. 그걸 변경해봅시다. 하지만 꿀팁을 하나 드리고 싶은데요: 여기에는 보이지 않는 하나의 단락이 있습니다. 이를 보고 싶다면, 폰트>숨겨진 문자 표시 (1)로 이동하세요- 그러면 단락이 보입니다. 여기서 지금은 단순 단락을 고릅니다 (2) 그리고 클립 보드에서 필요한 텍스트를 복사합니다.
새 문단 형식으로 변환하고 "점으로 목록화"라고 부르겠습니다. 이 형식을 계속 조정합니다.
아래에서 미리보기-옵션(2)을 활성화했다면, 내가 변경하는 것이 정확히 왼쪽에 어떻게 나타나는지 확인할 수 있습니다.
우선: 기본 글꼴 서식(1). 글꼴 크기 11 Pt로 Aller Light를 선택하고 줄 간격은 14 Pt로 합니다. 여기서 변화가 없는 이유는 무엇일까요? – 문단 형식이 적용되지 않았기 때문입니다. 그래서 – 모두 선택(2), "점으로 목록화" 적용하십시오. 이제 변화가 생겼고 편집을 계속할 수 있게 되었습니다.
글자 색상은 물론 흰색입니다. 이전에는 검정으로 설정되어 있었는데, 대비 효과가 충분한지 신경 써야 합니다. 녹색에 검정은 잘 읽히지 않으며, 마찬가지로 빨강에 검정도 마찬가지입니다. 이러한 조합은 매우 좋지 않습니다. 그래서 우리는 흰색을 선택합니다.
무엇이 더 필요할까요? 물론 목록이 필요합니다 – 그래서 여기서 점과 번호 탭(1)으로 이동합니다. 리스트 유형(2)에서는 점 목록과 이 불릿 포인트(3)를 선택합니다. 탭 너비 또한 여전히 적절하지 않습니다. 여기에는 거대한 공항이라는 공간 지원을 제공합니다. 이것은 정말 형편없어 보입니다. 그래서: 왼쪽 들여쓰기 3 mm, 그리고 다음 필드에서 -3 mm(4)으로 설정합니다. 이제 전체가 필요한 위치에 앉아 있으므로 변경을 확인할 수 있습니다.
이 단계에서는(1) 여기 위에 특정 간격을 정의하는 것도 유용할 것입니다. 너무 가깝게 보입니다. 이것은 매우 쉽게 변경할 수 있습니다. "2차 제목"을 열고 거기서 들여쓰기 및 간격 아래 다음 간격(3)에서 예를 들어 3 mm를 정의합니다.
무엇이 변경되었나요? 이제 여기서 3 mm 간격이 생겼지만 여기도 (4) 마찬가지입니다. 이것은 수동으로 설정한 이 문단(5) 때문입니다. 일단 확인합니다.
이 문제를 해결하기 위해(1) 이 단락을 그냥 삭제할 겁니다. 하지만 이제 우리가 좋아하지 않는 행바꿈이 생긴 상태입니다. 이런 상황을 피하기 위해 Shift 키를 누른 채 Enter 키(2)를 누르십시오. Shift와 Enter – 이렇게 함으로써 여기에도 3 mm 간격이 생기는 것을 방지할 수 있습니다. 그럼 이 변경 사항을 확인합니다.
이제 텍스트 상자를 필요한 만큼 크게 만들려고 합니다: 이 핸들(1)을 두 번 클릭합니다. 이 모든 구조물의 복사본(2)을 만듭니다. 이것을 맨 아래로 드래그해서 여기까지 이동합니다. 그리고 다시 Shift 키와 위쪽 화살표를 사용하여 두 번 위로 이동시킵니다. 이것은 여기와 같은 간격입니다(3).
이제 클립보드에서 가져온 미리 정의된 콘텐츠로 텍스트를 바꿉니다.
지금 어떤 일이 발생했나요? 우리는 다시 이 단락(1) 효과를 발생했습니다. 이것을 제거하겠습니다. Shift와 Enter으로도 가능합니다(2).
그리고 또 다른 목록화.
이제 여기서 찾을 수 있는 우리 주소로 계속해야 합니다. 첫 학교일이 다가오면 엄마와 아빠가 내비게이션 장치에 입력해야 하므로 도움이 필요합니다. 단순한 텍스트 상자(1)를 그려서 적용된 서식을 항상주의 깊게 살펴보십시오. 여기에는 현재 제목 서식이 적용되어 있는데, 여기에는 잘못되었습니다. 단순히 점 목록(2)을 선택하고 주소를 복사하여 여기에 삽입합니다. 이제 이 전체 서식(3)을 복제하여 "주소"(4)라고 부릅니다. 점과 번호 아래 목록을 간단히 삭제할 수 있습니다(5). 확인하고 적용합니다. 훌륭합니다.
이제 몇 가지 불필요한 단락을 제거해야 합니다. 위의 것을 제외하고 제거합니다. 그리고 여기서 문제점은 무엇일까요? 여기서 텍스트 상자의 폭(1)이 안 맞습니다.
여기에는 특별한 점이 있습니다: 이 크로스 타일링 효과가 얼마나 멋져 보이는지 초반에 설명했었습니다. 레이아웃에서 처음 봤을 때, 흰색 갭에는 이미 균열이 생긴 것처럼 보입니다. 아니요 – 그렇지 않습니다. 실제로 이 균열은 여기에서 148.5 mm 지점에 있습니다(1). 그래서 이 텍스트 상자를 왼쪽에서 예를 들어 4mm만큼 이동한다면, 엄마와 아빠가 주소를 해독하는 데 어려움을 겪을 것입니다. 그들은 계속해서 전면과 후면 사이를 오가야 할 테니까. 그것은 절대 안 됩니다.
그럼 먼저 텍스트 상자를 확장하여 이 아래의 줄 바꿈을 제거하겠습니다 (1). 높이를 조정하고, 그 다음에 전체 텍스트 상자를 오른쪽으로 이동시키겠습니다 (2). 그런 다음 여기 아래에서 가장자리를 제거하고 (3), 윗 텍스트 상자를 선택하고 뒷 텍스트 상자를 선택한 다음 정렬-패널에서 정확히 가운데를 선택하겠습니다 (4). 이제 중앙 정렬이 완료되었습니다. 다음으로 다시 확인해야 할 부분은: 대략 4mm입니다 (5), 여기에서 절단점이 있습니다 (6). 즉, 적절한 간격이 있습니다.
한 번 확인해 봅시다. 제 생각에는 잘 맞습니다. 한번 확대해 보겠습니다. 예.
다음 수업 부분은 뒷면으로 계속됩니다.
