CSP를 활용한 생일카드 디자인 : 소재와 텍스트 디자인 활용

796

CHYEE

CHYEE

"CSP를 사용하여 생일 카드 디자인하기: 소재와 텍스트 디자인 활용"

이번 주제는 "생일 카드 만드는 법"입니다.

 

솔직히 말해서, CSP의 워드 프로세싱 기능은 아직 개선의 여지가 많지만, 강력한 소재 라이브러리와 무료 페인팅 및 후반 작업 기능만으로도 이 소프트웨어를 선택하여 생일 카드를 디자인하기에 충분합니다!

 

이 글에서는 소재를 사용하여 생일 카드를 디자인하는 방법을 소개합니다. 마지막 부분에서는 무료 및 유료 소재를 포함한 다양한 소재를 추천하는 데 중점을 둘 것입니다.

데모 그림에서는 무료 소재를 모두 사용합니다. 단계를 따라 시도하여 원하는 디자인을 만들어 보세요!

 

**팁: 이 글의 설명 부분은 길고, 특히 텍스트 디자인 부분은 여러 가지 방법을 제공하므로 목차 기능을 잘 활용하여 읽기 쉽게 하세요!

[카드의 각 부분에 대한 소개]

먼저, 카드의 여러 부분에 대한 간략한 설명을 드리겠습니다.

 

  • 1.텍스트: "HappyBirthday(toyou)" 등

  • 2.텍스트홀더: 텍스트를 배치하는 데 사용되는 프레임

  • 3.캐릭터/테마: 다양한 캐릭터를 카드의 테마로 배치할 수 있습니다. 예를 들어, 생일 주인공이 가장 좋아하는 동물, 가장 좋아하는 애니메이션 캐릭터 또는 심지어 자신의 사진!

  • 4.장식: 생일 케이크, 디저트, 꽃, 풍선, 리본, 색종이, 양초, 선물 등 생일 카드에 일반적으로 사용되는 장식

초보자가 쉽게 익힐 수 있도록 구분되어 있으며, 정적인 디자인이 아닙니다. 언제든지 원하는 대로 추가하거나 뺄 수 있습니다.**

때로는 "캐릭터"를 테마로 사용하지 않고, 큰 생일 케이크를 그림의 테마로 사용하는 것처럼 장식만 추가할 수 있습니다. 이는 전적으로 재량 문제입니다!

 

다음으로 시작해 봅시다!

[단계별 지침]

1. 카드 크기(이미지 파일 크기) 설정

첫째, 이 생일 카드는 온라인에 게시할 것인가, 아니면 인쇄할 것인가?

이 두 가지 용도는 파일 설정에 대한 요구 사항이 다르며, [새 파일] 이후에 설정할 수 있습니다.

 

  • 인쇄: 해상도 300dpi 이상

  • 온라인 게시: 해상도 72dpi 이상

이미지 비율에 관해서는 일반적으로 생일 카드는 디자인의 자유도가 더 높으므로 원하는 대로 선택하면 됩니다.

새 파일을 만들 때 "단위"를 설정한 다음 값을 입력할 수 있습니다.

 

아직 어떻게 결정해야 할지 모르겠습니까? 먼저 "너비"의 오른쪽에서 기본 설정인 "B5", "A5" 또는 "엽서"를 선택하세요! 나중에 언제든지 [편집] > [캔버스 크기 변경]에서 이미지 크기를 변경할 수 있습니다.

**팁: 카드를 인쇄해야 하는 경우 일반적으로 "개인용"으로만 인쇄하는 경우 다른 설정은 필요하지 않습니다.

하지만 인쇄 색상을 더 정확하게 설정하고 자르기 위치를 설정하는 등 전문적인 설정을 하고 싶은 경우 Clip Studio 팁에서 "인쇄"를 검색하여 "CMYK 색상 모드", "블리드", "자르기", 인쇄에 적합한 파일 유형 및 기타 정보에 대해 알아보세요.

 

또한 인쇄하여 반으로 접은 카드로 접어야 하는 경우 이미지를 화면의 절반에만 추가하는 데 주의해야 합니다. 상단/하단/좌측/우측에 있는지는 카드 표면이 어떻게 접혔는지에 따라 달라집니다.

 

 


2. 원하는 텍스트 상자를 선택하세요

그럼, 당신이 좋아하는 텍스트 프레임을 만들어 봅시다!

여기서는 두 가지 방법을 참고용으로 제공합니다.

 

 

✧ 2a. CSP 사전 설정 이미지 도구 사용

먼저, CSP 사전 설정 이미지 도구를 소개합니다.

이러한 도구를 사용하여 직사각형, 둥근 직사각형(표시된 대로), 다각형, 원 등과 같은 간단한 모양을 그릴 수 있습니다.


✧ 2b. 재료 사용

위의 그래픽이 너무 단순하다고 생각하시나요? 문제없습니다. 소재 라이브러리에서 찾아보세요!

 

CSP 소재 라이브러리에 "프레임"을 입력하고 세부 설정에서 "이미지 소재"를 선택하여 검색 결과를 좁힙니다.

(요청 시 소재 찾기 가격을 설정할 수도 있습니다)

검색 결과가 많기 때문에 저는 보통 "인기"로 정렬합니다.

(이것은 많은 사람이 다운로드한 자료가 적은 사람이 다운로드한 자료보다 반드시 더 좋다는 것을 의미하지는 않지만, 자료가 너무 많고 검색에 사용할 수 있는 시간이 제한되어 있는 경우 이 선택만 할 수 있습니다.)

 

또한 "리본", "꽃" 등과 같이 일부 디자인 요소를 키워드로 입력하여 범위를 더욱 좁힐 수도 있습니다.

이번에는 이 무료 딸기 프레임 소재를 사용했는데 너무 귀여워요!

 

라이브러리에는 선택할 수 있는 다른 아름다운 프레임 소재가 많이 있고, 마지막 부분에서 추천하는 데 집중하겠습니다.

자료를 다운로드한 후, 자료 라이브러리의 "다운로드"에서 찾을 수 있습니다.

 

이미지 자료를 화면에 직접 끌어와서 사용할 수 있습니다.

그런 다음 자유 변형 기능(Crtl+T)을 사용하여 이미지의 크기를 조정하고 위치를 조정할 수 있습니다.


3. 텍스트 추가

텍스트를 추가하는 방법은 여러 가지가 있으며, 여기서는 네 가지 방법을 자세히 소개합니다.

 

먼저 이미지 부분에 집중하고 싶다면 이 부분을 건너뛰고 바로 다음 제목으로 이동한 다음 마지막으로 돌아와서 디자인하는 생일 카드에 가장 적합한 방법이 무엇인지 확인하는 것이 좋습니다.


✧ 3a. 간단히 텍스트 추가: CSP 기본 텍스트 함수

CSP의 기본 텍스트 기능을 사용하면 왼쪽 툴바에서 "텍스트"를 선택한 후 텍스트를 직접 입력할 수 있습니다.

ver3.0 이상 버전에서는 "원형 텍스트" 도구도 사용할 수 있습니다.

도구 설정에서 텍스트 크기, 글꼴, 정렬 방법 등을 설정할 수 있습니다.

창에서 찾을 수 없는 경우 오른쪽 아래에 있는 렌치 아이콘을 눌러 선택할 수 있습니다.

**팁: 어떤 글꼴을 사용할지 결정하는 데 어려움이 있나요?

글꼴 레이어가 선택되면 마우스를 글꼴 위로 옮기고(왼쪽 버튼은 필요 없음) 스크롤 휠을 사용하여 위아래로 이동하여 빠르게 글꼴을 변경하세요!

특정 문자만 선택하고 각 글꼴의 크기를 조정할 수도 있습니다.

단어를 다른 각도로 회전해야 하는 경우 레이어를 분리하여 개별적으로 편집해야 합니다.

텍스트 레이어를 선택한 후 마우스를 선택 상자 모서리로 이동합니다. 마우스 아이콘이 회전 아이콘으로 변경되면 텍스트를 쉽게 회전할 수 있습니다.

상대방의 나이 등을 추가할 수도 있습니다.

 

완료!


✧ 3b. 래핑된 텍스트 만들기: 브러시 도구 사용

CSP의 텍스트 도구에는 아직 텍스트 래핑 기능이 없지만, 자체 제작한 브러시 도구를 사용하여 비슷한 효과를 얻을 수 있습니다.

 

먼저 다운로드할 사전 설정 브러시를 준비했습니다.

내부 텍스트는 모두 제가 직접 손으로 쓴 것입니다.

또한 이 단어를 브러시 설정에서 직접 쓴 글씨나 무료로 사용할 수 있는 다운로드한 글꼴로 바꿀 수 있습니다.

 

브러시를 설치한 후 도구 설정의 "브러시 프런트 엔드"에서 아래와 같이 글자를 변경할 수 있습니다.

필수 글자 이미지를 먼저 소재로 등록해야 선택이 가능합니다.

등록 방법은 아래 공식 튜토리얼의 [2], [3] 부분을 참고해주세요.

**팁: 브러시를 그림 색상으로 사용하려면 등록된 소재 레이어의 표시 색상을 "회색"으로 설정해야 합니다.

만족스러운 글자를 얻은 후에는 브러시를 사용하여 원하는 대로 휘감긴 텍스트를 그릴 수 있습니다!

특정 모양을 그리려면 눈금자 보조 도구를 사용할 수도 있습니다.

 

눈금자 도구를 만들 때 해당 눈금자를 선택합니다. 텍스트 줄바꿈의 경우 일반적으로 "직선 눈금자", "곡선 눈금자" 또는 "그래픽 눈금자"를 사용한 다음 원하는 모양을 그릴 수 있습니다.

마치다!


✧ 3c. 특수 글꼴 만들기: 벡터 레이어 사용

또 다른 방법은 CSP 벡터 레이어가 그래픽 품질을 저하시키지 않는다는 사실을 활용하여 사용자가 개별적으로 글꼴을 미세 조정할 수 있도록 하는 것입니다.

 

먼저 텍스트 도구로 필요한 글꼴을 입력한 후 레이어를 마우스 오른쪽 버튼으로 클릭하고 [레이어 변환]을 클릭합니다.

"벡터 레이어"로 유형을 선택하고 "벡터 설정"을 클릭합니다.

벡터 설정에서 선 너비를 제어할 수 있습니다. 또한 "모두 검은색으로 출력"을 선택하지 않고 앤티앨리어싱을 위해 "약함" 이상을 선택하는 것이 좋습니다.

결과적으로 다음과 같은 결과가 발생합니다.

벡터의 경우 "선 수정" 도구를 선택하고 "제어점"에서 "제어점 이동"을 선택합니다.

그런 다음 마우스를 텍스트 위로 옮기면 벡터 선과 제어점이 나타납니다. 제어점을 이동하면 글꼴 모양이 변경됩니다.

"벡터 라인 노브"를 사용하면 더 넓은 범위에서 라인 모양을 빠르게 변경할 수 있습니다.

(사용 방법은 "skew"와 비슷하지만 화면에서 바로 당기기만 하면 됩니다)

선 색상을 변경하려면 "개체 선택 도구"를 사용하여 벡터 선을 클릭하고 도구 창에서 조정합니다. 색상, 선 두께, 브러시 등을 조정할 수 있습니다.

특정 글자를 확대하려면 "개체 선택 도구"를 사용하고 도구 창에서 "변환 방법"으로 "확대, 축소, 회전"을 선택할 수 있습니다. 그런 다음 벡터 선을 선택하고 클릭합니다("Shift"를 눌러 선택하면 여러 선을 동시에 선택할 수 있음). 그러면 변형 상자가 나타납니다. 프레임의 제어점 위로 마우스를 이동하여 조정할 수 있습니다.

 

**팁: "Ctrl+T"를 직접 누르면 전체 레이어의 모든 선만 동시에 변경할 수 있습니다. 따라서 개체 선택 도구를 사용하여 개별 선을 변형해야 합니다.

벡터화 과정에서 선에 제어점이 너무 많아서 흔들리는 선이 생길 수 있습니다. "벡터 선 단순화"를 사용하면 이 상황을 개선할 수 있습니다.

 

사용할 때는 미세 브러시를 사용하는 것이 좋습니다. 그렇지 않으면 선의 변화가 너무 커집니다.

이것으로 양식화된 텍스트가 완성되었습니다!


✧ 3d. 손으로 쓴 텍스트

아직도 원하는 글꼴을 선택할 수 없나요? 상관없습니다! 브러시로 손으로 쓴 글씨도 똑같이 훌륭합니다!

글쓰기에 특별히 디자인된 두 가지 브러시가 있습니다.

사용 예:

**팁: 손으로 쓴 텍스트에 벡터 레이어를 사용할 수도 있으므로 벡터 제어 도구를 사용하여 획을 미세 조정하기 쉽습니다.

 

 


텍스트 디자인은 여기서 먼저 나옵니다.

저는 "3a"를 선택하고 타입 툴을 사용하여 텍스트를 입력하고 개별 문자의 크기와 각도를 조정했습니다.

 

또한, 저는 대부분의 디자인 요소를 배치한 후 마지막에 텍스트 색상을 조정하는 데 익숙합니다. **

텍스트 색상은 매우 자유롭게 사용할 수 있으므로 다른 객체(예: 색상을 변경할 수 없는 딸기)와 결합하여 전체 그림의 색상을 조화시킬 수 있습니다.

(텍스트 색상 스타일 조정 부분은 아래 [6단계]에서 소개합니다.)

 

 


4. 메인 디자인 추가

텍스트 상자의 딸기 외에도 카드의 테마로 귀여운 동물을 추가하고 싶었습니다.

 

그래서 CSP 라이브러리에서 "고양이"를 검색했더니 이 귀여운 고양이 브러시를 발견했습니다!

이 소재는 "브러시"이므로 사용하기 전에 브러시 도구에 설치해야 합니다.

방법은 매우 간단합니다. 소재 라이브러리에서 브러시 도구 창으로 드래그하기만 하면 됩니다.

브러시 속성은 고양이를 연속적으로 그리기 때문에 고양이를 다른 위치에 배치하기 위해 디자인에서 더 유연하게 만들고 싶습니다. 따라서 먼저 새 레이어를 추가하고 각 고양이의 이미지를 미리 그린 다음 원하는 고양이를 동그라미로 표시하여 넣습니다.

(캔버스가 충분히 크지 않으면 새 캔버스를 추가하고 다양한 고양이를 미리 그릴 수도 있습니다)

 

**팁: 손으로 그린 고양이 때문에 고양이가 변형된 경우 캔버스를 클릭한 다음 "Shift"를 눌러 직선을 그릴 수 있습니다. 이렇게 하면 고양이가 모양을 잃지 않습니다!

올가미 도구를 사용하여 고양이를 선택하고 복사합니다.

카드를 삽입하고 위치를 조정하세요:

**팁: 약간 겹쳐진 이미지는 고양이가 더 나은 소통 감각을 갖게 하고 그림을 더 통합적으로 만들 수 있습니다.

고양이를 따로 복사하여 붙여넣으면 이미 여러 레이어로 나뉩니다. 레이어 순서를 조정하여 위와 아래의 관계를 제어할 수 있습니다. 이 단계에서는 레이어를 병합하기 위해 서두를 필요가 없습니다.


5. 장식 추가

다음으로, 그림을 풍부하게 하기 위해 다른 장식 재료를 추가하세요!

 

 


✧ 5a. 배경색/패턴 추가

먼저 텍스트 상자의 배경색을 채웠습니다.

텍스트 상자 레이어 아래에 새 레이어를 만든 다음 두 레이어를 모두 선택하고 "Smear Around"를 사용합니다.

조금 단조로워 보여서 위에 밝은 색의 고양이 연속패턴을 추가했습니다.

이미지 소재를 캔버스로 끌어들인 다음 패턴이 너무 딱딱해 보이지 않도록 약간 회전시킵니다.

원래 소재의 색상이 너무 어두워서 위에 새 레이어를 추가하고 밝은 노란색으로 채우고 클리핑 레이어로 설정했습니다. 이렇게 하면 영상의 색상을 변경할 수 있습니다.


✧ 5b. 축하 분위기를 고조시키세요

축하하는 느낌을 더하기 위해 풍선과 깃발을 디자인에 통합하기로 했습니다.

풍선을 그린 후 풍선을 묶는 로프와 리본을 그려야 합니다.

 

**팁: 밝은 색상으로 간단한 모양을 그린 후 "레이어 속성"을 설정하고 "테두리 효과"를 켜면 윤곽을 쉽게 얻을 수 있습니다.


풍선 레이어 아래에 다채로운 깃발을 그리기 위한 새 레이어를 만듭니다.

이미지를 더 생생하게 만들기 위해 다양한 색상과 크기의 브러시를 사용했습니다.

 

하지만 다채로운 깃발을 추가하면 텍스트 부분이 어수선해지는 것 같습니다.

그래서 레이어 마스크를 만들고 깃발이 텍스트 상자의 중간 부분을 방해하지 않도록 중간 부분을 지웠습니다.


✧ 5c. 다른 효과 추가

현재의 그래픽 디자인은 꽤 괜찮지만, 저는 여전히 이 카드가 조금 더 생동감 있기를 원했습니다.

그래서 저는 깃발 레이어 아래에 집중된 선 패턴을 추가하기로 했습니다.

도구를 설치한 후, "Shift"를 누른 채로 마우스 왼쪽 버튼을 누르고 바깥쪽으로 당겨 완벽한 원을 만듭니다.

그런 다음 "Object Operation Tool"을 사용하여 패턴의 크기, 위치 및 각도를 미세 조정합니다.


6. 텍스트 디자인 조정

마지막으로 텍스트 디자인을 조정해 보겠습니다!

 

 

물론 가장 쉬운 방법은 텍스트 색상을 변경하고 테두리를 추가하는 것입니다.

(테두리를 추가하는 방법은 위의 풍선 부분을 참조하세요)


또한, 소재 라이브러리의 자동 작업 소재를 활용하여 다양한 디자인 효과를 빠르게 얻을 수도 있습니다.

자료를 다운로드한 후 자동 작업을 설치하는 방법에 대한 공식 도움말을 참조하세요.

사용 예:

텍스트 레이어를 선택한 후, 사용하고 싶은 자동 액션을 왼쪽 클릭합니다.

이 자동 액션은 고정된 색상으로 설정되어 있으므로 나중에 "레이어 속성"에서 "레이어 색상"을 사용하여 색상을 변경할 수 있습니다.

다른 자동 작업의 예(추가 색상 변경 포함):

이렇게 하면 더욱 특별한 텍스트 디자인을 얻을 수 있습니다!

 

데모 사진에서 저는 카드의 텍스트 디자인으로 위의 첫 번째 데모인 "3차원"을 선택했고, 색상을 변경하고 전체적인 그림과 일치하도록 윤곽선을 추가했습니다.


7. 기타 미세 조정

물론, 전반적인 디자인에 따라 어디에서나 미세 조정을 할 수도 있습니다.

 

예를 들어, 고양이의 색이 지금보다 더 어둡게 보이는 것 같습니다.

그래서 고양이 레이어 위에 "색상 보정 레이어"를 추가하고 크로마와 값을 조정했습니다.

또한 배경에 있는 고양이 패턴과 풍선의 색상도 약간 조정했습니다.

또한 텍스트 아래의 약간 빈 공간을 채우기 위해 케이크 한 조각을 추가했습니다.


8. 완료!


[소재 추천]

마지막으로, 소재 추천 부분으로 넘어가겠습니다!

 

위의 데모 이미지에서 사용된 소재 외에도 CSP에는 생일 테마에 적합한 소재가 많이 있습니다. 또한 CSP의 소재 라이브러리에는 훌륭한 소재가 너무 많아서 불행히도 여기에 모두 포함할 수 없습니다.

 

시간이 있다면 소재 라이브러리에서 자신의 스타일에 맞는 소재를 검색하여 놀라움을 발견하세요!

 

 


✧ 텍스트 프레임 추천


✧ 추천 필기브러쉬


✧ 추천 귀여운 동물들


✧ 추천 파티 관련 자료


✧ 텍스트 스타일 자동 작업 추천


【결론】

이 글을 봐주셔서 감사합니다!

 

추가 참고 자료로, 다음 두 가지 간단한 디자인도 CSP 소재 라이브러리를 사용하여 완성했습니다. 반면 텍스트는 위에 언급된 디자인을 사용합니다.


이 교육에 대해 어떻게 생각하세요?

메시지를 남겨서 알려주세요! 이 튜토리얼이 도움이 되길 바랍니다.

댓글

신착

공식 신착