main-image

[템플릿제작 TIP] 텍스트, 이미지 균형감있게 배치하기

2022년 8월 29일작성
9,479 명 읽음

[템플릿제작 TIP] 텍스트, 이미지 균형감있게 배치하기

 

 

 

텍스트와 이미지를 적절하게 배치하는 것은 디자인의 완성도를 좌우합니다.

이미지는 텍스트보다 훨씬 더 쉽게 내용을 예측할 수 있게 해주며 집중할 수 있게 해줍니다.

 

 

 

1. 캔버스를 9등분(3x3)하여 서로 대칭이 되도록 배치

가로 3등분, 세로 3등분의 가상의 선을 기준으로 삼아 배치하면 전체적으로 균형감 있고 안정적인 느낌을 주며, 내용에 더욱 집중할 수 있도록 만들어 줍니다.

 

 

 

캔버스를 가이드라인으로 9등분으로 칸을 분할하여 놓은 뒤, 각 위치에 대칭되는 형태로 오브젝트를 배치합니다.

크기는 비율에 맞게 자유롭게 설정하도록 합니다.

처음에는 가이드라인을 활용해 배치를 하고 익숙해지면 가이드라인이 없이도 안정적인 배치를 할 수 있습니다.

 

대칭으로 배치하게 되면 상하좌우로 동일한 위치에 구성 요소들이 마주 보고 있어 질서에 의한 통일감을 주게 됩니다.

구성 요소의 경우 동일한 크기의 요소일 수도 있고, 무게감은 동일하나 크기는 다른 요소일 수도 있습니다.

 

아래의 예시를 참고해주세요!

 

 

 

 

 

2. 강조하고 싶다면 이미지를 크게/아주 크게/작게 배치

강조를 하고 싶다면 3가지 방법으로 배치해 볼 수 있습니다.

 

1) 캔버스에 이미지를 크게 배치하고, 남는 여유 공간에 텍스트 배치

2) 캔버스에 이미지가 넘치도록 배치하고, 이미지 자체의 빈 공간이나 남는 여유 공간에 텍스트 배치

3) 캔버스에 이미지를 작게 배치하고, 대칭이 되는 반대 편에 텍스트 배치

 

 

이렇게 배치할 시 집중도가 높아지게 되고 강력한 임팩트를 남길 수 있습니다.

 

 

 

 

3. 시선의 흐름에 따른 배치

사람은 자연스러운 시선의 흐름을 가집니다. 이런 기본적인 흐름의 전제 하에 우리는 전달하고자 하는 우선순위부터 배치해야 합니다.

 

※ 시선의 흐름

1) 왼쪽에서 오른쪽으로

2) 위에서 아래로

3) 이미지 속 모델의 시선이 향하는 방향

 

 

시선이 가장 먼저 가는 부분에 무거운 느낌의 이미지를 배치하면 안정감을 줄 수 있습니다.

글의 내용은 왼쪽에서 오른쪽, 위에서 아래 방향으로 하는 것이 시선이 자연스럽게 흐르게 되어 좋습니다.

또한 강조하고자 하는 부분이 있으면 굵기나 컬러를 사용하여 돋보이도록 합니다.

 

 

 

 

 

이미지 속의 모델이 바라보는 방향에 텍스트를, 사물이 있는 경우에도 동일하게 방향에 따라 텍스트를 배치한다면 자연스럽게 텍스트에 시선이 집중되도록 유도할 수 있습니다.

 

 

 

위의 왼쪽 이미지들과 같이 시선의 반대방향으로 내용을 배치하면 텍스트와 이미지가 분리된 느낌이 듭니다. 

오른쪽 이미지와 같이 시선이 향하는 곳으로 배치하는 것이 자연스럽게 연결된 느낌을 줍니다.

시선이 정면을 향하는 이미지의 경우에는 왼쪽, 오른쪽 어느 위치에나 배치해도 좋습니다. 

 

 

위의 방식들을 이용하여 이미지와 텍스트를 배치하여 균형잡힌 레이아웃을 완성해 보세요!

 

 

 

참조

  • https://adstorepost.com/26
  • https://m.blog.naver.com/yeeeeeei/220674150869

최신 아티클
thumbnail
[툴디 사용법] AI 이미지 편집 기능 4가지 - 이미지 확장, 텍스트 제거, 지우개, 화질 개선
PART 1. AI 이미지 편집 기능 4가지 - 이미지 확장, 텍스트 제거, 지우개, 화질 개선흐릿한 사진부터 잘린 이미지까지 – 이미지를 살리는 4가지 AI 기능으로 한 번에 해결 흐릿하고, 잘리고, 지저분한 이미지 때문에 작업이 막힌 적 있으신가요? 최근 툴디에 새로운 AI 기능들이 추가되면서,이제는 이런 문제들을 몇 번의 클릭만으로 해결할 수 있게 되었습니다. 오늘 툴디 AI - PART 1에서는기존 이미지를 더 좋게 만들어주는 보정 & 정리 기능 4가지를 소개합니다. 사진이 흐릿하거나, 불필요한 요소가 있거나, 크기가 맞지 않을 때 –👉 이 기능들만 있으면 대부분 해결할 수 있어요! 1. 이미지 확장(AI Expansion) - 사진 밖의 세계를 AI가 자연스럽게 채워줍니다 인스타 릴스용 세로 비율, 블로그 썸네일용 가로 비율…하나의 원본으로 여러 플랫폼에 맞추기 힘드셨죠? 이미지 확장은 원본 사진의 색감과 질감을 AI가 분석한 뒤, 원하는 방향으로 여백을 자연스럽게 채워주는 기능입니다.단순히 늘리는 게 아니라, 없던 배경을 새로 그려내기 때문에 결과가 매우 자연스럽습니다. ✔ 활용 예시- 1:1 제품 사진 한 장으로 인스타 스토리용(9:16), 유튜브 썸네일용(16:9)까지 한 번에 제작- 인물 중심으로 꽉 차게 찍은 사진에 여백을 추가해 텍스트 삽입 공간 확보- 가로로 찍은 풍경 사진을 세로형 모바일 배경으로 변환 💡 TIP배경이 비교적 단순하거나 규칙적인 패턴(하늘, 잔디, 벽면 등)일수록 더 자연스러운 결과물을 얻을 수 있어요. 👉 이미지 확장 AI로 사진 비율 한 번에 해결하는 법 2. 텍스트 제거(Text Remover) - 워터마크, 로고, 불필요한 글자를 깔끔하게 삭제 좋은 이미지를 찾았는데 가운데 로고나 텍스트 때문에 사용하기 어려웠던 경험, 많으시죠? 텍스트 제거는 AI가 이미지 위의 글자를 자동으로 감지하고, 글자가 있던 자리를 주변 배경에 맞춰 자연스럽게 복원해주는 기능입니다.디자인 프로그램의 도장 도구로 한 글자씩 지우던 작업이 이제는 클릭 한 번이면 끝납니다. ✔ 활용 예시- 이미지에 포함된 로고나 날짜, 워터마크 등 제거- 리뉴얼 전 메뉴판,포스터에서 기존 가격.문구만 깔끔하게 삭제 후 새 내용 삽입- 촬영 현장에서 찍힌 안내 표지판.가격표 등 노출되면 안 되는 텍스트 정리 💡 TIP지우려는 글자가 크고, 배경과 대비가 명확할수록 더 깔끔하게 제거돼요. 3. AI 지우개(Magic Eraser) - 사람부터 사물까지, 원하는 부분만 자연스럽게 제거 사진 속에서 이것만 없으면 완벽한… 싶었던 순간 있으셨죠? 텍스트 제거가 글자 전용 도구라면, AI 지우개는 사람, 사물, 배경 요소 등 뭐든지 지울 수 있는 범용 지우개입니다.지우고 싶은 영역을 브러시로 선택하면, AI가 선택한 영역을 기준으로 주변 배경을 분석해 자연스럽게 채워줍니다. ✔ 활용 예시- 여행 사진 속의 지나가는 행인 제거- 제품 촬영 컷에 찍힌 콘텐츠, 전선, 그림자 등 배경 잡티 정리- 부동산.인테리어 사진에서 생활 잡동사니를 지워 깔끔한 공간 연출 💡 TIP지울 영역을 너무 정밀하게 잡으려고 애쓰지 마세요. 오히려 지울 대상보다 살짝 넉넉하게 영역을 잡아야 더 자연스러운 결과를 만들어줘요. 4. 화질 개선(Upsclaler) - 흐릿한 이미지를 선명하게 복원 SNS로 전달 받은 이미지, 오래된 사진, 저해상도 파일…다시 촬영하기 어려운 경우가 많아요. 화질 개선은 노이즈 제거 + 디테일 복원을 동시에 수행합니다.AI가 이미지의 픽셀 패턴을 분석해서 노이즈를 제거하고, 부족한 디테일을 추론해서 채워넣는 기능입니다. 단순히 확대하는 것이 아니라, 이미지를 새롭게 복원하는 것이 핵심입니다. ✔ 활용 예시- 카카오톡.인스타 DM 등으로 전달받아 압축된 이미지를 인쇄 가능한 해상도로 복원- 옛날 저화질 스마트폰으로 찍은 사진을 고해상도로 복원- 웹에서 수집한 작은 레퍼런스 이미지를 프레젠테이션용 고해상도로 변환 💡 TIP화질 개선은 다른 기능과 조합할 때 시너지가 커요.예를 들어 오래된 흑백 사진이라면 화질 개선 → 컬러 복원(PART 2에서 소개) 순서로 적용하면 최상의 결과를 얻을 수 있습니다.또 복원한 후에 배경제거 기능을 이용하면 디자인에 더 효과적으로 사용할 수 있어요. 다음 편 예고 → PART 2사진을 ‘변신’시키는 AI - 컬러 복원 & 스타일 변환흑백 사진에 색을 입히고, 셀카 한 장을 8가지 스타일의 작품으로 바꾸는 기능을 소개합니다. 여기까지 읽으셨다면, 아마 머릿속에 활용 아디이어가 하나쯤은 떠오르셨을 거예요.백 번 읽는 것보다, 한 번 직접 해보는 게 빠릅니다. 지금 바로 툴디 에디터에서AI 기능을 직접 경험해보세요. 👉 에디터에서 바로 사용해보기 👈 * 본 글은 온라인 디자인 플랫폼 툴디의 AI 기능 소개 콘텐츠입니다.* 본문에 사용된 이미지는 한국저작권위원회, 픽사베이 에서 제공된 이미지를 활용했습니다.
thumbnail
[인사이트] 4월 디자인 캘린더 | 벚꽃·웨딩·캠핑&피크닉·환경
만개하는 꽃잎과 설레는 외출 사이, 4월 디자인에 담아야 할 싱그러움 4월은 완연한 봄의 기운이 온 세상을 덮는 달입니다. 거리는 흩날리는 벚꽃으로 물들고,사람들은 답답한 실내를 벗어나 자연을 찾아 캠핑과 피크닉을 떠납니다.결혼식과 각종 봄 행사도 본격적으로 늘어나며, 일상 전반에 생기가 더해지는 시기입니다. 또한 식목일과 지구의 날처럼환경과 자연을 돌아보는 의미 있는 날들도 이어집니다. 야외 활동과 계절 이벤트가 집중되는 4월.지금 바로 활용할 수 있는 시즌별 핵심 디자인 포인트를 정리했습니다. 🌸 벚꽃 시즌 & 축제 : 짧지만 강렬한 순간, 봄의 절정 순간 4월의 주인공은 단연 벚꽃입니다. 일주일에서 보름 남짓한 짧은 개화 시기는 그 희소성만으로도 강력한 마케팅 모티프가 됩니다. 전국 각지에서 벚꽃 축제가 열리며 온·오프라인 모두 핑크빛 무드로 변합니다.찰나의 순간을 기록하려는 사람들의 감성을 자극하는 디자인이 필요한 시기입니다. ✔ 디자인 성격 : 화사하고 감성적인 봄 분위기와 축제의 즐거움을 담은 밝은 스타일✔ 핵심 아이템 : 축제 포스터, 행사 안내 배너, SNS 카드뉴스, 이벤트 배너, 벚꽃 시즌 한정 홍보물✔ 디자인 전략 & 활용 포인트 : - 컬러: 벚꽃 핑크, 라이트 코랄, 크림 화이트, 라이트 퍼플 중심의 부드럽고 몽환적인 톤- 비주얼 요소: 흩날리는 꽃잎, 나뭇가지 실루엣 등 자연 모티프를 활용해 계절감을 직관적으로 전달- SNS 활용: 인증샷 이벤트, 봄 나들이 콘텐츠, 벚꽃 명소/촬영 팁 등 정보형 콘텐츠 확장 👉 [벚꽃 템플릿 바로가기] 🏕️ 캠핑&피크닉 : 봄바람 타고 떠나는 일상 탈출 기온이 오르며 야외 활동이 본격화되는 4월은여행, 캠핑, 피크닉 수요가 가장 활발해지는 시기입니다. SNS에서는 감성적인 여행 기록과캠핑 장비, 피크닉 세트, 브런치 사진 등 라이프스타일 콘텐츠가 활발히 공유됩니다. 자연 속 여유와 자유로운 분위기를 시각적으로 표현하는 디자인이 효과적입니다. ✔ 디자인 성격 : 자연 친화적이고 여유로운 분위기의 라이프스타일 감성 디자인✔ 핵심 아이템 : 캠핑 체크리스트, 여행 일정표, 여행 상품 상세페이지, 프로모션 배너, 매장 홍보 포스터✔ 디자인 전략 & 활용 포인트 : - 컬러: 어스 톤(테라코타, 올리브 그린, 샌드 베이지)과 스카이 블루를 조합해 자연 친화적 무드 연출- 비주얼 요소: 텐트, 캠핑 의자, 지도, 자동차, 산과 호수 등 야외 활동 모티프 활용- 실용성: 여행 체크 리스트, 캠핑 요리 레시피, 추천 여행지 등 직접 저장해서 꺼내 볼 수 있는 저장형 콘텐츠 추천 👉 [캠핑 템플릿 바로가기] 💍 결혼 시즌 : 가장 특별한 날을 더욱 완벽하게 4월은 본격적인 결혼 시즌의 시작입니다.따뜻한 날씨와 화사한 자연 풍경 덕분에 야외 웨딩과 스몰 웨딩도 인기가 높습니다. 웨딩홀·스드메 업체부터 플로리스트, 사진 스튜디오까지관련 업계 전반에서 마케팅이 활발해 지는 시기입니다. ✔ 디자인 성격 : 우아함과 로맨틱한 분위기가 동시에 느껴지는 감성적인 스타일✔ 핵심 아이템 : 청첩장, 예식 안내문, 식권, 감사 카드, 웨딩 업체 홍보 배너, 신혼가전 프로모션 전단✔ 디자인 전략 & 활용 포인트 : - 타이포그래피: 클래식한 세리프체나 캘리그라피 폰트를 사용하여 격식과 감성을 동시에 표현- 레이아웃: 복잡한 요소보다는 여백을 충분히 활용하여 주인공인 사진이나 텍스트가 돋보이게 구성- 실용성: 이름, 날짜, 장소만 수정하면 바로 활용 가능한 템플릿 선호 👉 [결혼 템플릿 바로가기] 🌱 식목일&지구의 날 : 환경 메시지를 전하는 디자인 4월 5일 식목일과 4월 22일 지구의 날은 단순한 기념일을 넘어,환경과 지속 가능성에 대한 메시지를 전달하기 좋은 시기입니다. ESG 경영과 친환경 트렌드가 소비자의 선택에 직접적인 영향을 미치는 요즘,진정성 있는 디자인이 브랜드 신뢰를 높이는 중요한 요소로 작용합니다. ✔ 디자인 성격 : 자연과 환경의 가치를 전달하는 따뜻하고 의미 있는 디자인✔ 핵심 아이템 : 식목일&지구의 날 카드뉴스, 환경 캠페인 포스터, 분리수거 가이드, 친환경 이벤트 배너✔ 디자인 전략 & 활용 포인트 : - 컬러: 어스 그린, 리프 그린, 테라코타, 내추럴 베이지 등 자연에서 영감받은 컬러 팔레트 활용- 비주얼 요소: 나무, 새싹, 지구, 잎사귀, 재활용 등 직관적인 자연 아이콘과 심플한 일러스트 활용- 메시지 중심: 슬로건과 실천 메시지를 전면에 내세운 타이포그래피 중심 레이아웃이 효과적 👉 [환경 템플릿 바로가기] 🖤 블랙데이 : 솔로들을 위한 재치있고 유쾌한 공감 발렌타인데이, 화이트데이에 이어 4월 14일 블랙데이는 데이 시리즈의 마지막 주자입니다. 짜장면을 먹으며 솔로임을 자축하는 유머러스한 문화에서 출발했지만,지금은 브랜드가 활용하는 유쾌한 시즌 마케팅 이슈로 확장되었습니다. 혼자여도 즐거운 분위기를 형성하며 가벼운 웃음과 공감을 건네는 것이 디자인의 핵심입니다. ✔ 디자인 성격 : 강렬한 블랙 컬러를 기반으로, 유머와 키치 감성이 더해진 캐주얼한 스타일✔ 핵심 아이템 : SNS 카드뉴스, 이벤트 배너, 매장 홍보 포스터, 공감 이미지✔ 디자인 전략 & 활용 포인트 : - 컬러: 블랙과 화이트를 기본으로, 레드나 옐로우 컬러를 살짝 가미해 무겁지 않고 세련된 느낌 유지- 비주얼 요소: 짜장면, 젓가락, 배달 아이콘, 눈물+웃음 이모지 등 유머 요소 활용- 확장성: F&B뿐만 아니라 패션, 카페 등 ‘블랙’ 컨셉 프로모션 확장 가능 👉 [블랙데이 템플릿 바로가기] 💡 4월 디자인 한눈 정리 ✔ 컬러 가이드 - 벚꽃 시즌: Pastel Pink, Light Blue, White- 캠핑/피크닉: Khaki, Beige, Sand, Deep Green- 웨딩 시즌: Champagne Gold, Cream, Lavender- 식목일/환경: Emerald Green, Moss Green, Earth Brown- 블랙데이: Black, White, Yellow, Point Red ✔ 추천 키워드 - 벚꽃/축제: #벚꽃 #봄나들이 #꽃놀이 #봄감성 #인생샷- 캠핑/피크닉: #캠핑 #피크닉 #차박 #여행준비 #나들이도시락- 웨딩 시즌: #청첩장 #결혼식 #웨딩이벤트 #예식준비 #신혼- 식목일/환경: #지구의날 #식목일 #제로웨이스트 #환경보호 #ESG- 블랙데이: #블랙데이 #짜장면 #솔로데이 #블랙데이이벤트 4월은 생동감이 넘치고 세상이 다시 태어나는 달입니다. 화사한 꽃잎처럼, 푸르른 새싹처럼.그 설레는 변화의 시작에 당신의 디자인이 자연스럽게 스며들 수 있도록. 툴디와 함께, 4월을 준비해 보세요. ✨