《간단하게 만드는 레트로 스타일의 트로피컬 카드》

이번 테마는 '트로피컬 풍의 카드 디자인'입니다.

 

트로피컬 하면 많은 분들의 머릿속에 야자수, 몬스테라, 하이비스커스, 파인애플 같은 대표적인 요소들이 떠오를 텐데, 이런 사물들의 형태는 인지도가 매우 높습니다!

이 글에서는 이러한 사물들의 실루엣을 활용해 간단하게 트로피컬 카드를 디자인하는 법과, 배색을 통해 레트로한 분위기를 연출하는 법을 소개하겠습니다!

 

그럼 시작해 볼까요✨

1. 색상 설정

초보자라면 배경색을 포함해 5개 이하의 색상만 사용하는 것을 추천합니다.

 

그중 4~5개의 색상을 사용한다면 최소한 두 색상은 '같은 계열의 명도 차이가 있는 색'이어야 합니다.

그렇게 하면 전체 화면의 색감을 조절하기가 훨씬 수월해집니다.

 

레트로한 느낌의 트로피컬 테마는 보통 채도가 낮은 레드(~오렌지 옐로) 및 그린(~블루 그린) 계열을 사용하며, 전반적으로 채도가 낮습니다.

물론 보라색이나 핑크색 등 다른 색상을 사용해 색다른 효과를 줄 수도 있습니다.

본문 4부에서 다른 스타일의 예시를 보여드리겠습니다.

 

다음은 몇 가지 레트로 스타일의 배색 예시입니다.

'같은 계열의 명도 차이가 있는 색'은 보라색 밑줄로 표시했습니다:

배색에 서툰 분들도 걱정하지 마세요!

 

CSP 소재 라이브러리에는 많은 사용자가 공유한 다양한 컬러 세트나 그라데이션 맵이 있습니다.

페이지에서 'retro'(또는 좋아하는 스타일의 키워드)를 검색해 보세요.

소재 유형은 '컬러 세트' 또는 '그라데이션 맵'을 선택합니다.

 

다운로드하여 설치한 후, 컬러 세트는 색상을 직접 클릭하여 사용할 수 있습니다.

그라데이션 맵은 사용법이 조금 다르므로 나중에 다시 설명하겠습니다.

【📝NOTE】

CLIP STUDIO에서 다운로드한 컬러 세트를 불러오는 방법, '그라데이션' 소재를 설치하는 방법은 다음을 참고하세요:

2. 오브젝트 이미지 준비

A. 간단하게 그리기

우리는 실루엣만 사용할 것이므로 초보자도 쉽게 따라 할 수 있습니다!

 

【🖌️브러시】

투명도가 없고(불투명) 테두리가 선명한(하드 엣지) 브러시를 사용하세요.

아래에서는 기본 'G펜'을 사용해 시연했습니다.

---

➡︎ '몬스테라 잎'을 예로 들어 보겠습니다:

① 약간 둥근 하트 모양을 그립니다.

② 잎 가장자리에 큰 홈을 몇 개 지웁니다.

③ 잎 중앙에 작은 구멍을 몇 개 지웁니다.

---

【💡POINT】

잎의 품종에 따라 때로는 날카로운 모서리를 보충해 주어야 할 때가 있습니다.

브러시로 더 그리거나 올가미 도구로 선택한 후 칠하면 됩니다.

 

➡︎ '야자수 잎'을 예로 들어 보겠습니다:

① 먼저 잎의 중심선을 그립니다.

② 중심선을 따라 방사형 방향으로 잎을 그립니다. 아래 그림은 올가미 도구로 선택한 후 색을 채운 모습입니다.

*초보자는 먼저 전체적인 형태를 가이드로 그려두면 좋습니다.

---

【💡POINT】

거의 정면에 가까운 위의 그래픽 외에도, 약간의 각도가 있는 오브젝트를 그려볼 수도 있습니다.

 

➡︎ '파초 잎'을 예로 들어 보겠습니다:

① 먼저 잎의 중심선을 그립니다.

② 잎의 면을 그립니다. 중심선을 기준으로 좌우 양쪽의 두께에 명확한 차이를 둡니다.

③ 잎 가장자리에 큰 홈을 몇 개 지웁니다.

잎 중심에 가까운 홈일수록 날카롭고 가늘며, 홈이 중심선을 넘지 않도록 주의합니다.

---

【💡POINT】

때로는 실루엣 외곽선만으로는 사물을 한눈에 식별하기 어려울 때가 있습니다. 이럴 때는 반전된 흰색 공간을 활용해 디테일을 표현합니다.

지워낸 부분은 '없음'을 의미하는 것이 아니라, 반전 효과를 통해 더 많은 구조를 표현하는 것입니다.

 

➡︎ '하이비스커스'를 예로 들어 보겠습니다:

① 꽃 형태를 그립니다.

② 꽃잎 중심을 지워냅니다.

③ 꽃술의 형태를 그립니다.

➡︎ 같은 방식으로 파인애플의 질감을 그릴 수 있습니다.

배색 계획에 따라 파인애플을 위아래(잎과 열매) 두 부분으로 나누는 것도 좋은 옵션입니다.

---

B. 기성 소재를 활용하여 변환하기

기성 소재를 활용하여 이미지를 실루엣으로 간단히 변환할 수도 있습니다.

 

🔧 방법:

①

이미지 소재 - 소재를 캔버스로 드래그합니다.

브러시 - 소재를 도구 팔레트로 드래그하여 설치한 후 이미지를 그립니다.

② 레이어 팔레트에서 '투명 픽셀 잠금'을 클릭합니다.

③ 색상을 선택한 후, 상단 도구 모음의 채우기 도구(페인트통)를 클릭하여 직접 채웁니다.

CSP 소재 라이브러리에는 트로피컬 풍의 이미지와 브러시 소재가 많이 있습니다.

'Tropical' 같은 단어로 검색해 다운로드하면 실루엣으로 간단히 가공할 수 있습니다!

(심지어 실루엣 형태의 소재는 바로 사용할 수도 있습니다!)

---

C. 이미지 색상 변경하기

각 부품의 색상을 변경하고 싶다면 이전 섹션과 유사한 방식으로 매우 간단하게 할 수 있습니다.

 

🔧 방법:

① '투명 픽셀 잠금'을 클릭합니다.

② 색상을 선택한 후 채우기 도구(페인트통)를 클릭하여 직접 채웁니다.

 

 

3. 레이아웃 디자인

여기서 제어하기 쉽고 효과가 뛰어난 몇 가지 구도 방식을 공유합니다:

 

• 🟨 외곽 테두리형: 이미지를 캔버스 가장자리에 배치하고 가운데를 비워 글자를 씁니다.

• 🟦 양측 대칭형: 이미지를 위아래 또는 좌우 양옆에 집중시키고 가운데 영역을 비워 글자를 씁니다.

• 🟩 한쪽 초점형: 이미지를 화면 한쪽에 집중시키고 다른 한쪽은 넓게 비워 글자를 씁니다.

 

【💡POINT】

위에서 여러 가지 트로피컬 사물을 그리는 법을 공유했지만, 실제로는 한 구도에 모두 사용할 필요는 없습니다.

한두 종류만 사용해도 충분합니다.

【💡POINT】

【편집】 → 【변형】 → 【확대/축소/회전】(단축키: Ctrl+T)을 사용하면,

각 오브젝트의 크기와 각도를 빠르게 이동하고 조정할 수 있습니다.

【📝NOTE】

경계 효과와 같은 몇 가지 활용 팁은 5부를 참고하세요.

 

 

4. '그라데이션 맵'을 이용한 배색

색상을 직접 선택하는 컬러 세트와 달리, 그라데이션 맵은 그레이스케일 단계에 따라 색상을 변환합니다.

사용 단계는 다음과 같습니다:

 

① 이미지를 서로 다른 명암의 그레이스케일로 설정합니다(5단계 이하 추천).

② 【색조 보정 레이어】 → 【그라데이션 맵】 추가

③ 원하는 그라데이션 세트를 선택하여 적용합니다.

 

【💡POINT】

원래 설정한 그레이스케일의 명암 단계를 유지하고 싶다면, 해당 색조 보정 레이어의 '레이어 합성 모드'를 '오버레이(Overlay)', '소프트 라이트(Soft Light)' 또는 '컬러(Color)' 등으로 변경해 보세요.

 

【💡POINT】

그라데이션 맵과 원본 이미지 사이에 그레이스케일을 변경할 수 있는 색조 보정 레이어를 추가해 보세요.

그러면 동일한 그라데이션 맵 세트를 사용하더라도 그레이스케일을 조절함에 따라 다른 효과를 얻을 수 있습니다!

---

이번 시연의 '레트로한 느낌'은 주로 배색을 통해 완성됩니다.

다른 배색으로 바꾼다면 순식간에 전체 분위기를 바꿀 수 있습니다!

 

예를 들어 아래 시연처럼,

• 고채도 네온 컬러 사용 → 80년대 베이퍼웨이브 스타일

• 저채도 파스텔 컬러 사용 → 부드러운 스타일

---

⚠️

주의할 점은 테두리가 뚜렷한 이미지에 '그라데이션 맵'을 사용하면 가장자리의 색상이 깨지기 쉽다는 것입니다.

여기 두 가지 해결 방법을 제안합니다.

 

🔧 방법 1:

① 레이어 병합.

레이어 팔레트에서 모든 레이어를 선택 -> 우클릭 -> '선택 중인 레이어 병합'

 

② 【필터】 -> 【효과】 -> 【일러스트풍】

 

③ 【파라미터 설정】

처리 내용: '색만'

색의 매끄러움: 1~100 사이. 1은 가장 날카롭게, 100은 가장 매끄럽게.

색의 흐림 범위: 100

색의 계조 수: 64

🔧 방법 2:

배색을 얻은 후 채우기 도구를 선택하고, 스포이드로 색을 추출(단축키: Alt+마우스 왼쪽 클릭)하여 각 이미지의 색을 다시 칠합니다.

 

방법 2가 조금 더 번거롭지만 이미지 사이의 가장자리를 깔끔하게 유지할 수 있습니다.

또한 필요한 경우 이때 색상을 미세하게 조정할 수도 있습니다.

 

 

5. <초보자용> 간단한 장식 팁

이 부분은 몇 가지 장식 팁에 대한 내용입니다.

모두 매우 간단한 조작이므로 초보자분들도 참고해 보세요!

 

✧

문자나 이미지에 테두리 추가하기:

방법은 매우 간단합니다. '레이어 속성' 팔레트에서 '경계 효과'를 클릭하면 됩니다:

✧

글자 아래에 간단한 기본 도형을 추가하면 어수선한 느낌을 줄일 수 있습니다.

【도형 도구】로 새 레이어에 직사각형을 그린 후, 레이어 팔레트에서 '불투명도'를 낮춥니다:

✧

간단한 그림자 추가하기.

원본 이미지를 복사하여 더 어두운 색으로 채운 후, 새 레이어를 아래쪽으로 약간 이동시킵니다.

✧

Ver. 5.1 이상을 사용 중이라면 새로운 필터를 이용해 빠르게 '그림자' 효과를 얻을 수도 있습니다.

다음 공식 소개를 참고하세요:

✧

종이 질감을 더하고 싶다면,

소재 라이브러리에서 'Texture' 종류의 이미지 소재를 찾아 다운로드한 후,

캔버스의 가장 상단 레이어로 드래그하고 레이어 합성 모드를 '오버레이' 또는 '소프트 라이트'로 설정하세요.

✧

미세한 장식을 추가해 전체적인 패턴을 만들 수도 있습니다.

배경색과의 대비가 너무 크지 않은 색상을 사용하는 것이 좋습니다.

아래 시연에서는 다음과 같은 브러시를 사용했습니다:

완성!

BONUS

이런 미니멀한 실루엣 스타일의 디자인은 종이 질감을 추가해 레트로한 핸드메이드 콜라주 느낌을 주기에 매우 적합합니다!

 

✧

찢어진 종이 테두리 효과 및 종이 질감 추가에 대해서는 다음을 참고하세요:

✧

콜라주 스타일로 만드는 방법은 다음을 참고하세요:

✧

이미지를 사용해 연속되는 심리스 패턴을 만드는 방법은 다음을 참고하세요:

✧

구도를 재사용하고 싶거나 언제든 이미지를 수정하고 싶다면 오브젝트 이미지를 '파일 오브젝트'로 만드는 것을 고려해 보세요.

이 작업을 하면 별도의 clip 파일이 여러 개 생성되지만, 수정 시에는 훨씬 편리합니다.

필요에 따라 사용 여부를 결정하면 됩니다.

다음 공식 소개를 참고하세요:

맺음말

여기까지 읽어주셔서 감사합니다!

 

이 글이 여러분께 영감을 줄 수 있기를 바랍니다.

동시에 이 기법들을 다양한 테마의 디자인에 응용해 보세요. 더 재미있는 가능성들을 발견하게 될 것입니다!

 

이번 내용, 어떠셨나요?

이 글이 마음에 드셨다면 좋아요나 댓글로 알려주세요! 다음에 또 만나요✨