main-image

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

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

[템플릿제작 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로 흑백 사진 복원부터 8가지 스타일 변환까지!
PART 2. AI 이미지 편집 기능 - 컬러 복원, 스타일 변환 8종평범한 사진을 완전히 새로운 이미지로 – 이미지를 변신시키는 AI 기능 지난 PART 1 에서는 이미지 확장과 화질 개선 등 ‘보정’의 기초를 다뤘다면,이번 PART 2에서는 사진에 새로운 생명력을 불어넣는 AI 이미지 생성 및 변환 기능을 소개합니다. 추억 속 흑백 사진을 선명한 컬러로 되살리는 방법부터,셀카 한 장으로 8가지 컨셉의 AI 프로필을 만드는 방법까지!지금 바로 확인해보세요. → PART 1 보러가기AI 이미지 편집 기능 4가지 - 이미지 확장, 텍스트 제거, 지우개, 화질 개선 1. 컬러 복원(Colorizer) - 시간을 돌리는 마법, 흑백 추억에 색을 입히다 부모님의 옛날 결혼 사진이나 오래된 사진, 흑백이라 아쉬웠던 적 있으시죠?툴디의 AI 컬러 복원 기능을 사용하면 전문가의 손길 없이도 자연스러운 컬러링이 가능합니다. 툴디 AI가 인물의 피부톤, 주변 사물, 자연 경관을 분석해 가장 사실적인 색상을 자동으로 입혀줍니다.흑백 사진을 선택하고 버튼 한 번이면, 몇 초 만에 컬러 버전이 완성돼요. ✔ 활용 예시- 부모님의 젊은 시절 사진을 컬러로 복원해 액자 선물하기- 빛바랜 앨범 속 사진을 고화질 컬러 이미지로 저장하기- 역사적 자료나 빈티지 소스를 현대적 감각으로 재해석하기 💡 TIP스캔 품질이 좋을수록 컬러 복원 결과도 자연스러워져요.더 완벽한 복원을 원한다면? 화질 개선 기능을 먼저 사용한 뒤 컬러 복원을 진행하면 훨씬 선명하고 자연스러운 결과물이 완성됩니다. 2. 스타일 변환(AI Style Transfer) - 클릭 한 번으로 완성하는 나만의 AI 프로필 똑같은 셀카가 지겨울 때, 툴디의 AI 스타일 변환을 활용해 보세요.얼굴의 특징은 살리면서 완전히 새로운 무드의 작품 8가지를 선사합니다.SNS 프로필부터 비즈니스 이미지까지 한 번에 해결할 수 있습니다. ✨ 8가지 스타일 한 눈에 보기 1. 증명사진복잡한 배경을 깔끔하게 정리하고, 인물의 이목구비를 인위적이지 않으면서도 선명하고 신뢰감 있게 보정합니다.스튜디오 예약 없이도 정돈된 조명 아래에서 찍은 듯한 고퀄리티 결과물을 제공합니다.- 활용 분야 : 이력서, 사원증 및 학생증, 비즈니스 메신저 프로필 2. 네컷사진오프라인 포토부스의 감성을 그대로 재현합니다. 기본 프레임에 자연스러운 포즈를 더해 기록합니다.야간 도시 배경과 함께 소중한 추억의 네컷사진을 손으로 들고 있는 듯한 완성된 인증샷 형태를 제공합니다.- 활용 분야 : SNS 인증샷, 개인 감성 프로필, 기념일 축하 콘텐츠 3. 캐리커처인물이 가진 본연의 매력 포인트를 AI가 포착하여 위트 있게 극대화합니다.실물사진의 경직된 느낌을 지우고, 특징을 강조한 개성 넘치고 친근한 캐릭터를 생성합니다.- 활용 분야 : SNS 프로필, 카톡 프사, 커뮤니티 아이콘, 개인 굿즈 4. 수채화맑은 물감이 종이에 스며드는 특유의 자연스러운 번짐과 섬세한 붓 터치를 재현합니다.디지털 느낌을 완전히 걷어내고, 손으로 직접 그린듯한 따뜻하고 부드러운 감성을 담아냅니다.- 활용 분야 : 기념일 엽서, 선물용 액자, 인테리어 소품 5. 벡터복잡한 디테일 대신 군더더기 없는 깔끔한 면으로 구성된 세련된 일러스트 스타일입니다.사진의 불필요한 요소는 덜어내고 인물의 특징만을 추출하여, 디자이너가 직접 드로잉한 듯한 결과물을 구현합니다.- 활용 분야 : 개인 브랜딩 로고, 명함 디자인, 비즈니스 발표 자료 6. 필름 콜라주강렬한 붉은색 배경과 극명하게 대조되는 흑백 사진을 배치해 시선을 사로잡습니다.종이를 찢어서 붙인 듯한 콜라주 기법과 필름 특유의 거친 입자감이 더해져 아방가르드한 분위기를 자아냅니다.- 활용 분야 : SNS 게시물, 감성 블로그, 아트 포스터, 기념일 축하 콘텐츠 7. 3D 카툰애니메이션 속 주인공이 된 듯한 부드럽고 매끈한 3D 텍스처를 구현합니다.AI가 얼굴의 특징을 정확히 분석하여 나를 닮았지만, 훨씬 더 매력적이고 생동감 넘치는 캐릭터로 변신시킵니다.- 활용 분야 : 유튜브 썸네일, SNS 홍보용 캐릭터, 게임 프로필 8. 3D 스티커말랑말랑하고 통통한 질감이 느껴지는 귀여운 입체 오브제 스타일입니다.한 번의 클릭으로 미리 지정된 9가지의 각기 다른 포즈를 세트로 생성해 줍니다.- 활용 분야 : 이모티콘 소스, 디자인 소스, 다이어리 꾸미기 스티커, 브랜딩 굿즈 ✔ 활용 예시- 하나의 소스로 블로그, 인스타, 카톡 프로필을 각기 다른 컨셉으로 꾸미기- 친구의 얼굴을 캐리커쳐나 3D 카툰으로 변환해 세상에 하나뿐인 굿즈 선물- 밋밋한 비즈니스 프로필을 벡터나 증명사진 스타일로 깔끔하게 정리 💡 참고스타일 변환은 인물 사진에 최적화되어 있어요.풍경이나 사물 사진의 경우 결과가 예상과 다를 수 있습니다. 복잡한 툴은 필요 없습니다.툴디 에디터에서 사진을 선택하고 버튼만 누르면 끝!여러분의 소중한 사진이 어떤 새로운 모습으로 태어날지, 지금 바로 확인해보세요. 👉 에디터에서 바로 사용해보기 👈 💌 함께 보면 좋은 글👉 AI 이미지 편집 기능 4가지 - 이미지 확장, 텍스트 제거, 지우개, 화질 개선👉 말 한마디로 완성되는 디자인, 툴디 AI 편집 기능 출시! * 본 글은 온라인 디자인 플랫폼 툴디의 AI 기능 소개 콘텐츠입니다.* 본문에 사용된 인물 이미지는 툴디 AI 생성 기능을 이용하여 제작되었습니다.이외의 이미지는 한국저작권위원회, 픽사베이 에서 제공된 이미지를 활용했습니다.
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지우려는 글자가 크고, 배경과 대비가 명확할수록 더 깔끔하게 제거돼요. 👉 이미지 글자 제거, AI로 3초 만에 지우기 3. AI 지우개(Magic Eraser) - 사람부터 사물까지, 원하는 부분만 자연스럽게 제거 사진 속에서 이것만 없으면 완벽한… 싶었던 순간 있으셨죠? 텍스트 제거가 글자 전용 도구라면, AI 지우개는 사람, 사물, 배경 요소 등 뭐든지 지울 수 있는 범용 지우개입니다.지우고 싶은 영역을 브러시로 선택하면, AI가 선택한 영역을 기준으로 주변 배경을 분석해 자연스럽게 채워줍니다. ✔ 활용 예시- 여행 사진 속의 지나가는 행인 제거- 제품 촬영 컷에 찍힌 콘텐츠, 전선, 그림자 등 배경 잡티 정리- 부동산.인테리어 사진에서 생활 잡동사니를 지워 깔끔한 공간 연출 💡 TIP지울 영역을 너무 정밀하게 잡으려고 애쓰지 마세요. 오히려 지울 대상보다 살짝 넉넉하게 영역을 잡아야 더 자연스러운 결과를 만들어줘요. 4. 화질 개선(Upsclaler) - 흐릿한 이미지를 선명하게 복원 SNS로 전달 받은 이미지, 오래된 사진, 저해상도 파일…다시 촬영하기 어려운 경우가 많아요. 화질 개선은 노이즈 제거 + 디테일 복원을 동시에 수행합니다.AI가 이미지의 픽셀 패턴을 분석해서 노이즈를 제거하고, 부족한 디테일을 추론해서 채워넣는 기능입니다. 단순히 확대하는 것이 아니라, 이미지를 새롭게 복원하는 것이 핵심입니다. ✔ 활용 예시- 카카오톡.인스타 DM 등으로 전달받아 압축된 이미지를 인쇄 가능한 해상도로 복원- 옛날 저화질 스마트폰으로 찍은 사진을 고해상도로 복원- 웹에서 수집한 작은 레퍼런스 이미지를 프레젠테이션용 고해상도로 변환 💡 TIP화질 개선은 다른 기능과 조합할 때 시너지가 커요.예를 들어 오래된 흑백 사진이라면 화질 개선 → 컬러 복원(PART 2에서 소개) 순서로 적용하면 최상의 결과를 얻을 수 있습니다.또 복원한 후에 배경제거 기능을 이용하면 디자인에 더 효과적으로 사용할 수 있어요. 다음 편 예고 → PART 2사진을 ‘변신’시키는 AI - 컬러 복원 & 스타일 변환흑백 사진에 색을 입히고, 셀카 한 장을 8가지 스타일의 작품으로 바꾸는 기능을 소개합니다. 여기까지 읽으셨다면, 아마 머릿속에 활용 아디이어가 하나쯤은 떠오르셨을 거예요.백 번 읽는 것보다, 한 번 직접 해보는 게 빠릅니다. 지금 바로 툴디 에디터에서AI 기능을 직접 경험해보세요. 👉 에디터에서 바로 사용해보기 👈 * 본 글은 온라인 디자인 플랫폼 툴디의 AI 기능 소개 콘텐츠입니다.* 본문에 사용된 이미지는 한국저작권위원회, 픽사베이 에서 제공된 이미지를 활용했습니다.