생일 카드 디자인하기 (디지털 및 인쇄 가능)

2,146

AriaVon

AriaVon

프레젠테이션

안녕하세요! 환영합니다. 이번에는 치수부터 인쇄, 조립까지, 우리만의 디지털 및 인쇄 가능한 카드 디자인을 만드는 데 필요한 원칙을 다루겠습니다. 더 이상 미루지 말고...

 

시작해 봅시다!! (o・ω・o)

 

 

참고: 이 튜토리얼은 길기 때문에 인덱스에서 쉽게 찾을 수 있도록 각 요점을 구분하려고 노력하겠습니다. 끝까지 읽어주시기 바랍니다(⌒‿⌒).

0. 재료

이 튜토리얼에서는 디지털 및 인쇄 가능한 카드(팝업) 디자인을 다룹니다.

 

이 튜토리얼은 태블릿 인터페이스로 진행될 것입니다. 새 태블릿을 사용하고 있고 Clip Studio를 사용하는 것보다 테스트하기에 더 좋은 방법이 있을까요!

인쇄 부분에 사용된 재료는 다음과 같습니다.

 

• 디자인을 인쇄할 수 있는 무게가 더 무거운 시트. 메커니즘이 견딜 수 있도록 두꺼운 시트여야 합니다(제 경우에는 225그램 시트를 사용했습니다). 디자인을 인쇄합니다.

• 접착제.

• 가위.

• 커터(선택 사항).

이 튜토리얼에서는 두 가지 유형의 인쇄 가능한 카드를 만들어 보겠습니다.

1. 파일을 준비하세요

캔버스의 치수를 결정하는 것으로 시작해 보겠습니다. 이 유형의 카드에 대해 취할 수 있는 측정치가 여러 가지 있습니다. 다음은 참조로 사용할 수 있는 기존 측정치 표입니다.

 

A5: 이 유형의 크기는 일반적으로 14.8 x 21cm(148 x 210mm)입니다.

A6: 이 유형의 목적에 다재다능한 크기입니다. 치수는 다음과 같습니다. 10.5 x 14.8cm(105 x 148mm)

- 인쇄 가능한 디자인 -

이 유형의 카드의 경우 다음 설정을 사용합니다.

 

(1) 이 프로젝트의 경우 네 번째 파일을 엽니다. 모든 만화 설정 표시

(2) 단위를 cm로 변경합니다.

(3) 여기에는 캔버스의 전체 크기와 수직 또는 수평 방향이 있습니다. 제 경우에는 수평 방향을 사용합니다.

(4) 해상도의 경우 300 dpi 이상의 파일이 인쇄에 이상적이며 72는 디지털 파일에 이상적입니다.**

(5) 표현 색상에는 두 가지가 있습니다. 컬러와 단색입니다. 컬러 옵션을 사용합니다.

(6) 여기서 치수를 선택할 수 있습니다. 제 경우에는 A5 형식을 선택했습니다.

(7) 블리드 너비는 일반적으로 3~5mm 사이로 설정되며, 이는 인쇄 표준에 따라 달라집니다. 제 경우에는 0.50 중 하나를 사용합니다.

(8) 자르지 않을 파일의 내부 치수.

 

이 마지막 세 가지 옵션은 다음과 같이 캔버스에 영향을 미칩니다.

 

보라색: 이것은 블리드 영역이므로 인쇄 후 잘라야 합니다.

분홍색: 잘라낸 최종 영역, 내부는 중요한 요소여야 합니다.

- 디지털 디자인 -

디지털 디자인의 경우 구성이 더 간단합니다.

 

일반 작업(일러스트레이션)을 만듭니다.

단위는 px로 둡니다.

드롭다운 메뉴에서는 각각에 따라 여러 옵션이 있지만, 저는 B5 또는 엽서를 권장합니다.

해상도는 앞서 설명했듯이 72dpi가 디지털 환경에 적합합니다.


- 화면 해상도 -

캔버스 치수를 최종 치수와 일치시키는 것이 중요합니다. 이를 위해 화면 해상도를 구성할 수 있습니다.

 

다음으로 이동합니다. 파일 (태블릿 버전에서는 왼쪽 상단 모서리에 있는 CSP 아이콘을 클릭해야 함) > 환경 설정.

이제 창에서 캔버스 > 화면 해상도 > 설정 섹션으로 가야 합니다.

새 창에는 신뢰할 수 있는 물리적 규칙과 일치해야 하는 규칙이 표시됩니다.


- 색상 구성 -

어떤 색상 모드가 가장 좋은지에 대한 논쟁이 있습니다. RGB(CLIP STUDIO PAINT의 기본 설정)와 CMYK의 두 가지 모델이 있습니다. 둘 중 하나를 사용하는 것은 개인 또는 비즈니스 선호도에 따라 달라집니다.

 

참고: 이것은 인쇄 측면에서 보다 전문적인 것에 대한 근사치일 뿐이므로 건너뛸 수 있는 항목입니다.

 

이 두 가지를 미리 보려면 프로그램 내에 그렇게 할 수 있는 도구가 있습니다.

 

먼저 보기 > 색상 프로필 > 미리 보기 설정으로 이동합니다.

"미리 보기 프로필"에서 CMYK에 가장 적합한 것으로 변경합니다.

마지막으로 확인을 클릭합니다.

이것은 미리보기일 뿐이며, 인쇄 시 색상이 다를 수 있습니다.

 

RGB와 CMYK 간의 미리보기를 활성화 및 비활성화하려면 다음으로 이동하세요. 보기 > 색상 프로필 > 미리보기.

2. 타이포그래픽 디자인

타이포그래피는 이런 유형의 디자인에서 중요한 요소이므로 타이포그래피를 사용하는 방법을 배워야 합니다.

 

 

- 텍스트 도구 -

텍스트 도구의 기본 편집 기능을 배우는 것으로 시작해 보겠습니다. 이 튜토리얼에서는 도구의 기능에 대한 전체 세부 사항에는 크게 주의를 기울이지 않을 것이므로 아래에 설정에 대해 더 자세히 설명하는 튜토리얼을 남겨두겠습니다.

 

 

그리고 이 다른 튜토리얼에서는 CSP 도구로 만들 수 있는 글꼴의 더 많은 예를 찾을 수 있습니다.

 

 

- 텍스트 -

도구 팔레트(“A” 문자가 있는 아이콘)에서 이 도구를 찾거나 키보드 단축키 “T”를 사용하여 찾을 수 있습니다. 도구 속성 창에서 모든 설정을 찾을 수 있습니다.

도구가 활성화되면 캔버스의 아무 부분이나 클릭하여 입력을 시작합니다. 다시 편집하려면 다시 한 번 텍스트 도구를 선택하고 문자나 문자를 클릭합니다.

 

또한, 선의 가장자리를 클릭하여 텍스트 상자를 이동하고, 맨 위의 제어점을 사용하여 회전하고, 마지막으로 상자 핸들을 사용하여 텍스트 크기를 변경할 수 있습니다.

 

단축키: SHIFT는 비율을 유지합니다.

- 스타일 -

스타일로는 굵게, 기울임꼴, 밑줄, 취소선이 있습니다. 단어나 문자 또는 전체 텍스트를 선택하여 효과를 적용할 수 있습니다.

- 소스 추가 -

Clip Studio에는 몇 가지 글꼴이 있지만, 좀 더 특이한 글꼴을 사용하고 싶다면 추가해야 합니다.

 

글꼴 목록을 표시하면 마지막에 글꼴 추가 옵션이 있습니다. 여기서 이름에서 알 수 있듯이 새로운 글꼴이 추가됩니다. 옵션을 클릭하면 파일 검색 창이 열리고 글꼴이 포함된 ZIP/RAR/TTF/OTF 패키지를 선택하고 확인을 클릭합니다.

클라우드에 저장할 수 있는 메시지가 나타납니다. 편리하다면 수락을 클릭하고, 그렇지 않으면 닫기를 클릭하세요.

그리고 그게 전부입니다. 이제 장식된 글꼴을 가질 수 있습니다.

 

중요: 글꼴을 다운로드할 때는 법적 문제를 피하기 위해 사용 허가서를 읽고 저장하는 것을 잊지 마세요.

- 간격 -

간격은 문자 또는 글자 사이의 간격을 말합니다. 너무 가깝거나 너무 멀리 떨어져 있는 글자는 읽기 어렵게 만들지만, 이 두 가지 특성은 텍스트에 역동성을 더하고 신선한 공기를 불어넣는 데 유용합니다. CLIP STUDIO PAINT에서 이러한 특성을 편집하려면 다음을 수행합니다.

 

"도구 속성" 창의 오른쪽 하단에 있는 렌치를 클릭하면 표시되는 "하위 도구 세부 정보"로 이동합니다. 이 창에서는 도구 속성 창*에 표시되지 않는 추가 기능을 찾을 수 있습니다.

 

"글꼴" 섹션에는 문자 간 간격좁히기라는 두 가지 옵션이 있습니다. 슬라이더로 분리 정도를 제어할 수 있습니다.


이제 글꼴에 부여할 수 있는 몇 가지 추가 효과를 알아보면서 시작해 보겠습니다.

 

 

(A) 수채화

텍스트가 설정되면 레이어를 래스터 레이어로 변환합니다. 이를 위해 태블릿 버전에서 레이어를 길게 누릅니다(데스크톱 버전의 경우 마우스 오른쪽 버튼 클릭). 메뉴에서 "래스터화" 옵션을 선택합니다.

 

참고: 텍스트 레이어는 편집하거나 그릴 수 없습니다.

레이어 창에서 "투명 픽셀 잠금"을 활성화합니다. 이렇게 하면 영역을 벗어나지 않고도 페인트할 수 있습니다. 그런 다음 브러시와 순수한 흰색으로 글자 위에 페인트합니다.

이제 수채화 브러시를 선택하고 검은색을 사용하여 불규칙하게 칠해서 글자가 브러시의 질감을 갖도록 합니다.

그런 다음 “레이어 마스크” 기능(1)을 활성화하면 선택해야 하는 흰색 썸네일이 나타납니다. (2).

에어브러시 섹션에서 찾을 수 있는 "Droplets" 브러시를 선택하고 "Transparency" 옵션을 선택한 상태에서(색상 휠의 오른쪽 아래 모서리에 있는 기본 색상과 보조 색상 사이에 위치) 텍스트 위에 페인트를 칠하기 시작합니다. 이렇게 하면 잉크가 고르지 않은 효과가 생깁니다.

이제 검은색과 딱딱한 브러시(G 펜촉과 같은)를 선택하고, 레이어 마스크 축소판을 선택한 상태에서 글자의 일부 영역을 칠해 이전 단계에서 남아 있을 수 있는 불필요한 점을 사라지게 합니다.

마스크 축소판을 누르고 있으면 메뉴가 나타나고, 거기서 "레이어에 마스크 적용" 옵션을 선택합니다.

편집에서 "광도를 불투명도로 변환"을 선택합니다. 이 옵션을 사용하면 글자에 색상을 추가할 수 있습니다.

에어브러시를 사용하면 한 가지 색깔이나 여러 가지 색깔로 칠할 수 있습니다.

“레이어 속성” 창에서 다음을 선택합니다. 가장자리 효과 > 수채화 효과. 원하는 결과가 나올 때까지 영역, 불투명도 및 흐림 너비 매개변수를 수정합니다.


- 종이의 질감 -

더욱 사실적인 효과를 주기 위해 다음에서 텍스처를 추가합니다. 재료 > 다운로드 > 단색 패턴 > 텍스처.**

패턴으로 만든 새 레이어를 선택한 상태에서 창으로 이동합니다. 레이어 속성. 패널에서 «오버레이 텍스처» 옵션을 클릭하고 «강도»를 원하는 범위로 낮춥니다.

이제 아래 레이어에서 에어브러시와 밝은 황색으로 캔버스 가장자리를 칠합니다.

이제 종이에 수채화 효과를 적용할 수 있습니다.


(B) 패턴

이 효과를 만드는 방법은 다음과 같습니다.

 

문자 레이어 위에 패턴을 추가합니다.

그런 다음 레이어 창에서 아래 레이어에 도킹 옵션을 활성화해야 합니다.

 

재료 라이브러리에서 패턴을 얻거나 개인 파일에서 캔버스로 가져올 수 있습니다(다음에서 수행: 파일> 가져오기> 장치 저장소. 이것은 태블릿에서 수행됩니다).

준비되면 문자에 무한한 수의 텍스처를 적용할 수 있습니다.


(C) 색상

색상이 있는 글자의 경우 "선택" 도구로 글자 하나하나를 선택하고 선택 도구의 떠 있는 메뉴에 있는 페인트 통으로 칠하기만 하면 됩니다.


(D) 해야 한다

도구 속성에서 테두리 옵션을 찾을 수 있습니다. 활성화하면 테두리의 두께와 색상을 선택할 수 있는 막대가 나타납니다.

이 옵션이 활성화되지 않은 경우 오른쪽 하단에 있는 렌치를 클릭하여 활성화할 수 있습니다. 창이 열리면 "텍스트"로 이동하고, 거기서 테두리와 테두리 색상 상자를 클릭합니다. 준비, 이제 이 두 옵션이 주 창에 나타납니다.


(E) 홀로우

프로그램 버전 3.0 이후로 빈 글꼴을 만드는 것이 훨씬 쉬워졌습니다. 다음의 간단한 예를 따라 만드는 방법을 살펴보겠습니다.

텍스트 레이어를 3번 복제하는 것으로 시작하겠습니다.

다음과 같이 번호를 매기겠습니다. 위에서 아래로 1에서 3까지 번호를 매기겠습니다.

레이어 2와 3을 래스터 레이어로 변환한 다음 숨깁니다.

 

- 홀로우 타이포그래피 -

 

이제 첫 번째 레이어(텍스트 레이어)를 선택하고 텍스트 도구의 속성으로 이동합니다. “강하게” 섹션에서 메뉴를 표시하면 “윤곽선이 있는 홀로우” 옵션이 있습니다. 이 옵션을 사용하면 두 가지 스타일인 얇게와 굵게 중에서 선택할 수 있습니다. 제 경우에는 굵게를 선택했습니다. 이제 홀로우 타이포그래피가 완성되었습니다.

 

참고: 결과 선은 매우 얇고 밝은 색상에서는 손실되지만 다음 단계에서 개선할 것입니다.

- 선 두께 -

 

선 두께를 변경하려면 다시 “도구 속성” 창으로 가야 합니다. 거기서 “테두리”** 옵션을 활성화합니다(이 기능은 이전 섹션에서 이미 설명했습니다).

이제 테두리 색상을 선과 동일하게 변경해야 합니다. 이렇게 하려면 “테두리 색상” 색상 상자를 클릭해야 합니다. 여러 가지 색상 옵션이 있는 창이 나타납니다. 제 경우에는 “색상 기록” 창에서 선택했습니다.

완료, 슬라이더를 사용하여 다음 GIF에서 볼 수 있듯이 선 두께를 조절할 수 있습니다.

예시 디자인을 계속하기 위해 다음을 수행합니다.

 

레이어 번호 2를 활성화하고 변환 도구 (CTRL + T 또는 편집 > 변형)를 사용하여 레이어를 이동하여 속이 빈 글자에서 오프셋합니다.

확인을 클릭하고 이 레이어를 비활성화합니다.

레이어 번호 3을 활성화합니다.

키보드 단축키 CTRL (1)을 활성화하고 축소판 바로 옆(2) 레이어 번호 3을 클릭합니다.** 이렇게 하면 레이어에 포함된 가장자리가 자동으로 선택됩니다.

이제 선택 도구의 떠 있는 막대에 있는 "선택 항목 반전"(3) 옵션을 클릭합니다.

CTRL 키를 비활성화하고 레이어 번호 2를 활성화합니다. 이 레이어를 선택한 상태에서 "삭제"** 옵션(플로팅 선택 메뉴의 여섯 번째 옵션)을 클릭합니다. 이는 이전 단계에서 타이포그래피를 이동할 때 튀어나온 부분을 지우기 위해 수행됩니다.

레이어 번호 3을 비활성화하거나 삭제하면 끝입니다.


(F) 기타 수정사항

간단한 그림자: 이 효과를 만들려면 글꼴 레이어를 복제하여 원본 레이어와 대비되는 색상으로 칠합니다. 이 복사본은 원본 아래에 놓고 "변형" 도구를 사용하여 원하는 방향으로 오프셋해야 합니다.

 

문자를 여러 레이어로 분리하고 서로 중첩하면 재미있는 효과가 나타납니다.

여러 요소를 서로 겹치게 배치하면 구성이 덜 엄격해 보입니다.

DIFUSE SHADOW: 이와 동일한 프로세스를 따라 글자 뒤에 그림자 효과를 만들 수 있습니다. 추가 단계는 글자 뒤에 있는 레이어에 흐림 필터를 적용하는 것입니다. 다음 경로에서 찾을 수 있는 "Gaussian blur"를 사용하는 것이 좋습니다. Filter > Blur > Gaussian blur. 불투명도를 낮춰서 그림자가 너무 짙지 않게 할 수도 있습니다.

 

참고: 흐림 효과를 사용하려면 "Lock transparent pixels" 옵션을 비활성화해야 합니다.

투영된 그림자: 이 그림자를 만들려면 선택 > 폴리라인 도구를 사용해야 합니다. 이 모든 것의 요령은 SHIFT 키를 사용하여 45° 각도로 선을 만들 수 있다는 것입니다. 이를 통해 각진 모양을 만들 수 있습니다.

여러 글꼴을 동시에 수정하는 데 도움이 되는 몇 가지 요령을 살펴보겠습니다.

 

여러 텍스트 레이어: 텍스트 레이어가 여러 개 있는 경우 "아래 레이어와 병합" 아이콘으로 하나로 그룹화할 수 있습니다. 이 레이어에는 독립적으로 수정할 수 있는 여러 텍스트 상자가 포함될 수 있습니다. 여러 텍스트를 동시에 선택하려면 "텍스트 선택" 옵션을 활성화해야 합니다. 이 기능은 "드래그" 섹션에 있습니다(이 옵션을 비활성화하고 완료되면 드래그를 방지하기 위해 텍스트 상자를 다시 만듭니다.).

 

참고: 병합된 레이어 중 하나가 텍스트 유형이 아닌 경우 병합 결과는 래스터 레이어가 됩니다.

한 번에 여러 레이어 수정: 도구 속성 팔레트에서 "적용" 설정을 "새로 만들기만"에서 "선택한 텍스트"로 변경해야 합니다.


(G 변환

모든 텍스트가 앞에 있어야 하는 것은 아니며, 다양한 관점을 위해 다른 공간에 맞출 수도 있습니다. 여기서는 몇 가지 변환에 대해 설명하겠습니다.

 

- 원근법 -

 

텍스트를 원근법에 맞추려면 다음 단계를 따르세요.

 

레이어를 래스터로 변환합니다.

레이어를 선택한 상태에서 편집 > 변형 > 자유 변형, 원근법, 왜곡 또는 기울기로 이동합니다. 이제 상자의 노드를 원하는 관점 방향으로 이동해야 합니다.

 

텍스트를 여러 각도로 배치할 수 있는 다양한 변환 도구가 있습니다. 시도해 보는 문제일 뿐입니다.

더 나은 관점을 얻으려면 가이드라인을 사용하는 것이 좋습니다. 이 경우 텍스트를 함께 맞추는 데 도움이 되는 구조를 사용했습니다.


- 메시 변환 -

텍스트를 구부리거나 이상한 위치에 배치하는 것은 쉽습니다. 레이어를 선택한 상태에서 편집 > 변형 > 메시 변형으로 이동합니다.

 

일련의 노드가 있는 메시가 나타납니다. 이러한 노드는 원하는 위치로 이동할 수 있습니다.


- 순환 텍스트 -

3.0 업데이트에서는 텍스트를 원형으로 배치하는 기능이 추가되었습니다. 멋진 새로운 효과입니다. 이를 구현하려면 다음을 수행합니다.

 

“Subtool Details”로 이동합니다. 창에서 “Circular Text” 섹션으로 이동합니다.

“원형 텍스트”를 활성화합니다. 다른 설정으로 반경, 방향(시계 방향 및 반시계 방향) 및 균일한 배열을 조절할 수 있습니다.


LETTERING에서 사용되는 가이드 구성과 위에서 설명한 변환을 사용하면 아름답고 창의적인 디자인을 만들 수 있습니다.


(H) 서예

텍스트를 추가하는 또 다른 방법은 CLIP STUDIO에 미리 설정된 것과 같은 서예 브러시나 자료 라이브러리에서 다운로드한 브러시로 직접 쓰는 것입니다. 이 방법은 개인적인 터치를 추가하거나 디지털 미디어로는 어렵거나 불가능한 스타일을 구현하는 데 권장됩니다.

 

예를 들어, 다음 카드에서 텍스트 도구로 러시아어로 "생일 축하합니다"를 썼지만 로드된 글꼴이 이 알파벳에 맞게 설계되지 않았기 때문에 글꼴 서식이 손실되었습니다. 이러한 어려움을 감안할 때 오래된 습관을 되살리는 것이 좋습니다.

필기 향상을 위한 팁은 다음과 같습니다.

 

보기 > 그리드에서 활성화되는 그리드를 사용합니다. 회전하는 팝업 카드 섹션에서 나중에 이 도구에 대해 설명하겠습니다.

손의 떨림이 눈에 띄지 않고 획이 단단하게 나오도록 브러시 안정기를 사용합니다. 이 옵션이 보이지 않으면 하위 도구 세부 정보 > 수정으로 이동해야 합니다. 이 옵션은 도구 속성 창의 오른쪽 하단에 있는 렌치를 클릭하면 표시됩니다.

 

참고: 안정화가 높을수록 드래그가 더 심해집니다.

스케치로 레이어를 만든 다음 불투명도를 낮추고 그 위의 레이어에 더 자신 있게 글을 씁니다.

3. 카드의 구조

카드 구성의 몇 가지 원칙을 빠르게 알아보겠습니다. 생일 카드에는 일반적으로 텍스트와 장식이라는 두 가지 요소가 포함됩니다.

 

텍스트: 이러한 유형의 카드에는 일반적으로 "생일 축하합니다"와 같이 테마를 암시하는 작은 문구가 포함되고 경우에 따라 연도도 포함됩니다.

장식: 반면, 장식은 풍선이나 케이크와 같은 파티를 암시하는 고전적인 요소이거나 카드를 받는 사람이 좋아하는 요소가 될 수 있습니다.

 

- 구성 -

 

삽화를 시각적으로 더 매력적으로 만들기 위해 사용할 수 있는 다양한 구성 형태가 있습니다. 여기에는 다음이 있습니다. 삼분법, 삼각형, 황금 비율 등. 각 방법은 초점을 맞추는 것이 더 즐거운 지점을 확립하는 것을 목표로 합니다.

- 계층 -

 

시청자의 시선을 유도하는 데 사용되며 경로는 가장 눈에 띄는 것에서 가장 눈에 띄지 않는 것으로 이어집니다. 가장 눈에 띄는 글자는 굵게 또는 밑줄이 그어진 크고 장식된 글자를 찾을 수 있는 반면, 나머지는 평평하고 연속적인 스타일로 그다지 크지 않습니다.

 

다음 이미지에서 텍스트뿐만 아니라 장식도 포함하여 요소를 우선시하는 것이 중요하다는 것을 알 수 있습니다. 목적은 각 요소 간에 균형을 만드는 것입니다. 어느 요소가 가장 주의를 끌까요?

- 장식됨 -

구성과 타이포그래피가 확립되면 암시적인 장식을 배치할 차례입니다.

 

이 카드를 어떻게 만들었는지 살펴보겠습니다.

 

스타일: 이 카드의 스타일은 수채화로 결정했습니다.

타이포그래피: 타이포그래피의 경우 손글씨를 시뮬레이션하는 글꼴을 선택했습니다.

색상: 배경의 경우 오래된 종이를 시뮬레이션할 수 있는 크림색을 선택했습니다. 글자의 경우 갈색과 노란색입니다.

장식: Clip Studio Materials Library에서 얻은 장미 소재로 글자를 둘러싸고 있습니다.

수채화 텍스처: 폴더에서: 소재 > 단색 패턴 > 텍스처. 마음에 드는 텍스처를 가져와 모든 레이어 위의 캔버스에 추가하고 "텍스처 오버레이" 옵션으로 평평하게 했습니다. 이 방법은 이전 "수채화" 섹션에서 설명했습니다.

마지막 세부 사항: 마무리로, 장미에 금색 윤곽선을 추가하여 일부 수제 카드에 넣어 더 예쁘게 보이게 하는 금색 세부 사항을 시뮬레이션하기로 했습니다.

 

이를 달성하기 위해 다음과 같이 했습니다.

 

딱딱한 브러시(G펜)로 장미 하나하나 윤곽선을 그렸습니다(전체 장미가 아닌 일부 부분만).

라이브러리에서 다운로드한 금색 질감 소재를 위쪽 레이어에 추가하고 윤곽선이 있는 «아래쪽 레이어에 첨부»했습니다. 준비되었습니다.

4. 회전형 POP UP 카드

이제 회전하는 팝업 카드를 만드는 방법을 알아보겠습니다. 이 카드의 매력은 카드를 열면 메커니즘이 요소를 한곳에서 다른 곳으로 이동시킨다는 것입니다.

 

 

(A) 단계별 설계

이 카드는 네 면이 있는데, 그 중 두 면은 바깥쪽(앞 표지 [1]과 뒷 표지[2])이고 다른 두 면은 안쪽(메커니즘이 놓일 곳 [3][4])입니다. 저는 꽃 요소의 다양한 조합을 사용하여 몇 가지 스케치를 만드는 것으로 시작했습니다. 제 핵심 문구는 “생일 축하합니다”입니다. 진부한 문구라는 건 알지만, 개인화된 메시지를 사용하는 것이 가장 좋습니다.

 

참고: 이 카드는 왼쪽에서 오른쪽으로 읽도록 디자인되었습니다. 반대 방향이 필요한 경우 레이어 순서를 반대로 하면 됩니다. 예를 들어 앞 표지는 (2) 위치에 있고 뒷 표지는 (1) 위치에 있습니다.

두 번째 단계는 색상 테스트를 하는 것입니다. 이 부분에서는 제가 좋아하는 것을 찾을 때까지 다양한 조합을 시도합니다.


가이드 라인: 카드의 두 면을 구분하는 데 도움이 되는 몇 가지 가이드 라인을 배치하는 것으로 시작하겠습니다. 모양 눈금자와 선 눈금자를 사용하여 사각형과 이를 나누는 선을 만듭니다. 그런 다음 G펜을 사용하여 모양을 칠하고 레이어 불투명도를 낮춥니다.

 

참고: 눈금자 가이드 라인을 직선으로 만들려면 키보드의 Shift 키나 태블릿 버전의 바로가기 사이드바에서 같은 키를 누릅니다.

참고: 레이어를 누르고 있으면 일련의 옵션이 나타나서 눈금자 도구의 기능을 제어할 수 있습니다. 이를 삭제하거나, 눈금자를 사용 가능하게 만들거나, 다른 레이어에 표시할 수 있습니다.

- 일반 기금 -

이 카드의 미적 요소는 수채화 효과를 가질 것이므로, 질감을 이용해 종이 효과를 만들 것입니다. 이를 위해 분홍색 페인트 통 도구를 사용하여 레이어 색상을 설정하는 것으로 시작합니다.

재료 창에서 단색 패턴 > 질감으로 이동합니다. 옵션 중에서 가장 마음에 드는 것을 선택하여 캔버스로 끌어다 놓습니다.

패턴에 의해 생성된 새 레이어를 선택한 후, 레이어 속성 창으로 이동합니다. 패널에서 «오버레이 텍스처» 옵션을 클릭하고 강도를 원하는 범위로 낮춥니다.


- 뒷면 표지 -

프레임:

뒷면 커버 프레임을 만들기 위해 벡터 레이어(1)를 사용합니다.

이제 «사각형» 도구로 큰 사각형을 만듭니다. 도구 속성 설정은 다음과 같아야 합니다.

 

● 선/채우기: 선.

● 매끄럽게 하기: 강하게.

 

참고: 지금부터 추가될 요소는 텍스처 레이어와 배경 사이에 배치됩니다.

참고: 벡터 레이어를 사용하면 품질을 손상시키지 않고도 포함된 내용을 확장할 수 있으므로 도형을 만들 때 벡터 레이어를 사용합니다.

브러시 모양: 모든 도형 하위 도구의 브러시 모양을 변경할 수 있습니다. 이렇게 하면 간단한 선에서 점선으로 또는 모든 브러시의 질감으로 변경할 수 있습니다. 이 옵션은 «도구 속성» 내의 "브러시 모양" 섹션에서 찾을 수 있습니다. 제 경우에는 «건조 수채화» 질감을 사용합니다.

여기서는 기본 모양만 찾을 수 있습니다. 다른 브러시의 텍스처나 모양을 추가하려면 다음을 수행합니다.

 

원하는 브러시를 선택합니다.

그런 다음 «도구 속성» 창을 엽니다. 오른쪽 하단에 있는 렌치를 클릭합니다.

열리는 새 창에서 브러시 모양 > 현재 브러시 모양으로 이동합니다.

옵션 사전 설정으로 등록을 클릭합니다.

 

준비되었습니다. 이제 브러시 모양에 새 텍스처를 추가했습니다.

 

참고: 창이 보이지 않으면 메뉴 막대에서 «창»을 클릭하여 열 수 있습니다.

각 모서리에 홈을 만들기 위해 작은 원을 배치할 새 벡터 레이어를 만들 것입니다.

 

이제 «변환» 기능을 사용하여 원의 중심을 이동하여 직사각형 모서리에 맞춥니다. 태블릿 모드에서는 메뉴 막대에 단축키가 있습니다. 데스크톱 버전에서는 키보드 단축키 «Ctrl + T»를 사용할 수 있습니다.

그런 다음 플로팅 선택 메뉴(1)의 옵션을 사용하여 이 원을 3번 더 복사하여 붙여넣습니다. 이 다른 3개도 나머지 모서리와 정렬됩니다.

 

참고: 선택 모드를 종료하려면 플로팅 메뉴(2)에서 첫 번째 옵션을 클릭하고 데스크톱 버전에서는 단축키 «Ctrl plus D»를 사용합니다.

벡터 지우개: 모든 레이어를 하나로 병합한 다음 벡터 지우개를 사용했습니다. 이 지우개는 두 교차점 사이에 있는 벡터 선을 지울 수 있게 해줍니다. 이렇게 하면 원에서 필요 없는 부분을 쉽고 정확하게 지울 수 있습니다.

벡터 지우개가 이런 식으로 작동하려면 도구 속성 창에서 교차점까지 지우기 옵션을 활성화해야 합니다.

마지막으로, 수채화 장미 이미지 소재로 중앙을 장식하고 별 브러시로 꽃 가장자리를 장식합니다.

 

- 소재 추가 -

 

다운로드한 소재, 브러시 또는 기타 모든 것은 다운로드 폴더에 나타납니다. (1), 이미지 소재인 경우 일러스트레이션에 추가하려면 캔버스로 드래그해야 하지만 브러시인 경우 “Subtool” 창으로 드래그해야 합니다. 자동 작업은 자동 작업 구성 창에서 추가되고 그라데이션 맵은 설정 창에서 추가됩니다.

재료는 새 레이어에 생성됩니다. (2). 대부분의 재료는 벡터 레이어이거나 이미지 재료입니다(이 두 가지 형식의 장점은 크기 조정 시 품질이 유지된다는 것입니다). 후자의 경우 재료를 선택하면 노드가 있는 파란색 프레임이 나타나 이미지를 회전하거나 크기 조정할 수 있습니다.


- 그리드와 눈금자 -

요소를 정렬할 때 더 높은 정밀도를 얻으려면 그리드와 눈금자를 활성화해야 합니다. 활성화하려면 보기 > 그리드 및 눈금자로 이동하세요.

설정을 수정하려면 같은 경로로 가야 하지만, 이제 눈금자/격자 설정 옵션을 선택해야 합니다. 여기서는 «왼쪽 위» (1) 옵션을 표시하고 격자 설정 (2)에서 간격에 1.00을 표시하고 구분 수에 5를 표시합니다.

 

이렇게 하면 큰 상자마다 1cm X 1cm 격자가 생깁니다.


- 첫페이지 -

다시 한번 앞 표지의 뒷 표지와 같은 구조를 만들었지만, 이번에는 페인트 통으로 채운 다음 라이브러리에서 패턴을 끌어왔습니다. 이 패턴은 Clip Studio Assets에서 가져온 것입니다. «아래 레이어에 스냅» 옵션을 사용하여 패턴을 인물 영역으로 제한했습니다.

 

참고: 파란색 노드를 사용하면 패턴의 각도, 위치 및 빈도를 수정할 수 있습니다.

흰색으로 채워진 새 사각형을 만든 다음, 브러시 모양의 포인트 모드를 사용하여 가장자리에 천공이 있는 종이처럼 보이도록 조금 더 큰 사각형을 그 위에 배치합니다.

- 그림 규칙 -

마지막으로 새 레이어에서 눈금자 > 모양 눈금자 도구를 사용하여 가이드 상자를 만듭니다. 도구 속성(3)에서 모양을 사각형으로 표시해야 합니다. 이 눈금자를 흰색 사각형 안에 놓습니다.

이제 옷 솔기를 시뮬레이션하는 브러시로 자를 그려 시트가 꿰매진 것처럼 시뮬레이션한 다음 자를 비활성화합니다. 마지막으로 별 브러시로 주변을 칠하고 중앙에 장미를 하나 더 추가했습니다.

 

이 마지막 단계로 앞면과 뒷면 표지의 디자인을 마무리합니다.


- 내면 -

안쪽은 뒷면 커버와 마찬가지로 흰색 윤곽선을 표시하고 아래 레이어에 ASSETS 자료에서 다운로드한 꽃 패턴을 만들었습니다. 이 패턴을 배경과 같은 색상으로 칠하고 혼합 모드를 "Multiply"(레이어 창의 옵션)로 설정하여 눈에 띄지 않게 했습니다.

마지막으로, 이전과 같이 꿰맨 잎 모양의 프레임과 프레임에 별을 추가합니다.

 

참고: 오른쪽(아무것도 없는 쪽)에는 메커니즘과 움직이는 요소를 붙일 것입니다.


(B) 메커니즘

중앙 조각을 회전시키는 메커니즘은 다음과 같은 방식으로 수행됩니다.

 

먼저 4cm x 6cm의 직사각형을 만드는 것으로 시작합니다. 이러한 치수는 구조를 디자인하기 위한 것입니다. 나중에 구조가 완성되면 제 디자인 치수에 맞게 크기를 조정하여 이 카드의 치수가 아닌 다른 치수에 적용할 수 있습니다.

 

치수를 표시하려면 이전 섹션의 "격자 및 눈금자" 섹션에서 설명한 대로 눈금자를 활성화해야 합니다. 이를 활성화하려면 보기 > 격자 및 눈금자로 이동해야 합니다.

이제 6cm 변의 직사각형을 다섯 부분으로 나누어야 합니다. 네 부분은 1cm이고 한 부분은 2cm입니다.

 

중요: 직선과 도형을 만들려면 측면 패널이나 키보드에서 Shift 키를 활성화해야 합니다.

그런 다음 4cm 쪽을 세 개의 동일한 부분으로 나누어야 합니다. 이 경우 1.3cm입니다.

중앙에는 두 개의 직사각형을 덮는 십자가와 각 변에 두 개의 작은 홈을 표시합니다.

제거해야 할 모든 영역을 작은 x"로 표시하세요.

자른 후의 모양은 다음과 같습니다.

이제 아래쪽 속눈썹 두 개를 반으로 나누면 측정값이 (0.65cm)가 됩니다.

우리는 그 부분들을 잘라서 이것을 갖게 될 것입니다. 그런 다음 두 삼각형의 끝을 표시할 것입니다.

그리고 우리는 그것들을 삭제할 것입니다.

마지막으로 두 날개를 길이에 따라 나누고 지웁니다.

완료되었습니다. 이것이 최종 형태가 될 것입니다.

- 메커니즘을 오르다 -

우리의 메커니즘이 모든 측정에 적응하도록 하기 위해 우리가 해야 할 일은 다음과 같습니다.

 

메커니즘을 붙일 시트 면의 수직 절반을 표시합니다.

우리는 메커니즘을 접힘이 생성될 영역, 즉 다음 이미지에서 볼 수 있듯이 시트를 접어 닫을 절반에 맞춰 배치합니다.

두 대각선으로 만든 중심점을 시트의 중심에 정렬합니다. 이는 변환 도구를 사용하여 도형을 크기 조정하여 만든 선을 사용합니다. 결과는 다음과 같아야 합니다. 메커니즘의 중심과 시트의 중심이 정렬되어야 합니다.

아래의 메커니즘을 PNG 포맷으로 남겨두었으므로, 이전에 설명한 대로 다운로드하여 크기를 조절할 수 있습니다.


- 회전 요소 -

이제 메커니즘과 함께 회전할 요소의 디자인을 만들 것입니다.

 

먼저 중앙에 배치한 원을 만들었습니다. 이를 위해 “정렬/정렬” 창의 기능, 구체적으로는 “수평 정렬”“수직 정렬”**을 사용했습니다.

이러한 기능의 효과가 전체 시트를 고려하여 적용되지 않도록 하려면 정렬을 적용할 원하는 영역을 구분해야 합니다. 제 경우에는 직사각형 형태의 선택 도구를 사용하여 메커니즘을 배치할 시트의 면을 표시했습니다.

같은 원을 복제해서 조금 작게 만든 다음, 두 개의 층을 합치고 도넛 모양의 부분을 페인트 캔으로 채웁니다.

메커니즘은 움직임의 순서를 완성할 세 가지 요소를 가져야 합니다. 이는 다음과 같습니다. 두 개의 이동식 날개 (1. 중앙 도넛, 2. 도넛 뒤에서 튀어나온 장식)와 정적 중앙 (3. 도넛이 남긴 중앙 공간을 덮는 요소).

 

제 경우에는 원을 꽃으로 장식하여 꽃관을 형성하고 (1) 도넛이 남긴 빈 공간을 덮고 그 부분에 있는 메커니즘을 숨기기 위해 열린 꽃 (3)을 넣었고 마지막으로 마지막 이동식 날개에는 나비 한 마리를 사용합니다. (2) 이러한 요소는 함께 움직임을 만드는 요소입니다.

 

참고: 각 요소는 별도의 레이어에 있어야 합니다.

구조는 이와 비슷해야 합니다. 모든 요소가 페이지 가장자리를 넘지 않고 서로 맞물리도록 적절한 크기인지 확인해야 합니다. 나비도 몇 개 추가하겠지만, 다음 섹션에서 보여드리겠습니다.

 

이것이 이 튜토리얼의 첫 번째 섹션에서 실제 치수로 형식을 설정하는 방법을 알려드린 이유입니다. 인쇄할 때 크기에 오류가 없도록 하기 위해서입니다.


- 인쇄 준비 -

파일 > 내보내기로 가보겠습니다. 내보내기 옵션이 여러 개 있는데, 여기서는 "장치에 첨부하여 저장"을 선택하고 원하는 형식을 선택합니다. 가장 좋은 옵션 중 하나이자 가장 많은 수를 유지하는 것은 PNG 형식입니다.

그러면 새 창이 나타나서 파일 이름을 지정하고 형식을 변경할 수 있습니다.

다른 매개변수를 조정할 수 있는 창이 열리는데, 그 중에서 관심 있는 것은 다음과 같습니다. 절단 선을 활성화합니다(이렇게 하면 처음에 설정한 측정에 따라 절단해야 할 영역을 볼 수 있는 일부 선을 인쇄할 수 있습니다). 하지만 이는 선택 사항입니다.

마지막으로, 최종 파일이 어떻게 보일지 보여주는 창이 나타납니다. 확인을 클릭하면 끝입니다.

 

내부, 메커니즘 및 액세서리 파일에도 같은 작업을 수행합니다.

메커니즘을 인쇄하기 전에 해당 레이어나 폴더의 불투명도를 낮춰서 인쇄 시 선이 눈에 띄지 않도록 했습니다.

빈 캔버스를 따라 움직일 수 있는 요소들을 아무것도 쌓지 않고 배열합니다. 준비 완료, 이제 할 일은 저장하고 인쇄하는 것뿐입니다.


(C) 무장

첫 번째 작업은 카드와 움직이는 부품, 메커니즘을 잘라내는 것입니다.

먼저, 메커니즘부터 살펴보겠습니다. 가장 먼저 할 일은 표시된 선을 모두 접는 것입니다.

그런 다음 두 개의 긴 수직 날개를 장치의 뒷면에 붙여 구조를 강화합니다.

이제 십자가의 두 부분을 가져와 안쪽으로 모으면 화살표가 형성될 것입니다.

우리는 첫 번째 직사각형, 즉 이미지에 표시된 직사각형에 약간의 접착제를 바를 것입니다. 이 직사각형은 형성될 때 화살표 아래에 있을 것입니다.

이 직사각형은 카드를 마주보게 됩니다. 이제 화살촉을 카드의 중앙에 맞추고 마지막 직사각형을 카드의 두 배에 맞춰서 접착해야 합니다(이전 섹션의 메커니즘을 크기 조정하기 위한 다이어그램과 다음 이미지에 표시된 대로).

메커니즘이 잘 붙으면 마지막 부분을 들어 올리면 두 개의 날개가 보입니다. 첫 번째(1)에는 원을 붙이고 두 번째에는 다른 장식을 붙입니다. 제 경우에는 꽃 원에서 돋보이게 하려는 나비를 붙이는 데 사용할 작은 직사각형을 배치했습니다.

두 날개 모두 장식 아래에 붙여야 합니다.

붙이기 전에 다른 요소들의 가장 좋은 위치가 어느 것인지 테스트해야 합니다. 그래야 서로 충돌하지 않고 카드 밖으로 튀어나오지 않습니다.

이제 요소들이 제자리에 배치되었으므로 메커니즘의 다른 쪽 끝을 반대쪽에 붙일 차례입니다. 이를 위해 이미지에 표시된 사각형에 접착제를 추가합니다.

그런 다음 카드를 닫아서 양쪽이 서로 붙도록 합니다.

메커니즘을 숨기려면 덮개를 붙여야 합니다. 이를 위해 그림에 표시된 삼각형에 접착제를 바릅니다.

그리고 우리는 성공했습니다.

마무리로 나머지 부분을 붙입니다.


- 결과 -


- 꽃다발 -

이 메커니즘은 간단한 POP 카드를 만드는 데에도 효과적입니다. 제가 만든 한 가지 예는 꽃다발이었습니다.

이를 달성하기 위해 우리는 약간의 작은 수정을 해야 합니다. 첫째, 이전에 설명한 대로 메커니즘을 접착할 때, 이제 날개에 요소를 접착하는 대신 잘라야 합니다.

중앙 요소는 왼쪽 삼각형에 중앙 장미를 붙인 것과 같은 방법으로 붙여야 합니다.

- 결과 -

5. 꽃다발 모양의 카드

만들 수 있는 또 다른 생일 카드 아이디어는 꽃다발 모양입니다. 이것은 디자인하기 매우 쉬운 유형의 카드입니다.

 

 

- 전면 디자인 -

이전 캔버스의 동일한 설정을 사용하여 다음 단계를 따랐습니다.

 

벡터 레이어에서 모양 도구를 사용하여 디자인을 만들 사각형을 표시했습니다.

이제 새 벡터 레이어에서 원을 만들었습니다. 이미지에 표시된 대로 선택의 중앙을 표시하는 노드가 이전 사각형의 아래쪽 모서리와 일치할 때까지 이 원의 크기를 조정했습니다(이러한 노드는 변형 함수를 사용할 때 표시됩니다).

벡터 지우개를 사용하여 직사각형 바닥에서 튀어나온 여분의 원을 지웠습니다. 제가 원하는 모양은 직사각형 내부의 반원입니다.

 

참고: 새 줄을 만들 때마다 새 벡터 레이어를 만듭니다.

이전 카드에서 설명한 대로 눈금자와 격자를 활성화합니다. 그러면 요소를 배치할 때 더 잘 안내할 수 있습니다.

반원을 두 개로 나누는 선을 만듭니다. 이를 위해 치수를 설정할 때 파일로 만든 안내선을 따라야 합니다.

 

기억하세요: Shift 키를 사용하면 직선을 생성할 수 있습니다.

대칭 규칙을 사용하여 각 측면에 구분을 만듭니다. 대칭 규칙은 다음 위치에 있습니다. 도구 > 눈금자 > 대칭 눈금자.

먼저 SHIFT 키를 활성화한 다음 대칭 눈금자를 사용하여 이전에 표시한 곳에 바로 중앙에 선을 만듭니다. 그런 다음 SHIFT 키를 비활성화하지 않고 도구를 사용하여 아래 중앙에서 그림 > 선 대각선을 표시합니다. 다음 GIF에 표시된 대로 선이 생성되면 이전에 설명한 대로 눈금자를 비활성화합니다.

페인트 통을 사용하여 구조 아래 레이어에 모양을 채웁니다. 선 안의 영역만 칠하려면 «도구 속성» 창에서 "다중 참조 > 모든 레이어" 옵션을 활성화해야 합니다.

새로운 일반 레이어에서 원뿔의 색상으로 채워진 원을 만듭니다. 그것을 복제하여 반원의 둘레를 따라 배열합니다. 끝나면 모든 원을 단일 레이어에 모읍니다.

이전에 만든 모든 것 아래 레이어에, 중앙 옆의 왼쪽 삼각형 범위 내에 꽃다발을 시뮬레이션하는 꽃을 몇 개 배치합니다.

오른쪽 사각형에도 똑같이 합니다. 왼쪽에 있는 꽃은 오른쪽에 있는 꽃보다 더 높아야 합니다.

 

이 시점에서 구조의 색상을 변경했는데, 이전 색상이 설득력이 없었기 때문입니다.

마지막으로 프레젠테이션 텍스트를 왼쪽의 마지막 삼각형에 배치합니다.


- 전면 디자인 -

앞면 디자인에서는 이전 구조를 사용하지만, 지금은 다른 요소를 추가할 것입니다.

 

이전 구조의 구조를 거의 덮을 반원을 만듭니다(흰색 반원과 구조의 반원 사이에 여백이 보여야 함). 이 영역은 메시지를 쓰는 데 전념합니다.

우리는 메인 프레임의 아랫부분과 반원을 대각선으로 잘라낼 것입니다. 디자인은 부채처럼 보여야 합니다. 프레임에 대한 이 변경 사항은 앞면에도 적용해야 합니다.

꽃 레이어를 복제하고 하나로 통합한 다음 수평으로 뒤집습니다. 이를 위해 레이어를 선택하고 "변환" 도구(1)를 활성화합니다. 이제 도구 속성 창에서 "수평으로 뒤집기" 기능(2)을 찾을 수 있습니다. 준비됨.

양쪽 모두 이렇게 보여야 합니다. 안쪽은 접어야 할 곳을 알 수 있도록 몇 개의 가이드라인을 그렸습니다. 이 선들은 구조와 같은 색으로 칠했습니다. 이제 앞서 설명한 대로 파일을 저장하고 인쇄하기만 하면 됩니다.

아래에 PNG 포맷으로 이 카드의 형식을 남겨두었으므로 다운로드하여 크기를 조정할 수 있습니다.


- 무장 -

조립은 가이드 라인을 따라 자르고 접는 것만큼 간단합니다. 그러면 끝입니다.

작별

이 튜토리얼 전반에 걸쳐 사용한 리소스는 다음과 같습니다.

 

 


정말 길었던 건 알지만, 끝까지 읽어주셨다면 정말 감사드리고 싶습니다. 정말 감사합니다 (⌒‿⌒). 여기서 보시는 내용이 카드를 직접 만드는 데 도움이 되기를 바랍니다. 공유하고 좋아요를 눌러주시면 정말 도움이 될 겁니다. 방문해 주셔서 감사합니다! 다음에 뵙겠습니다!

 

안녕히 계세요.

 

저에 대해 자세히 알아보려면 여기를 클릭하세요:

댓글

신착

공식 신착