멀티미디어 가이드

카드 뉴스 만드는 방법 총정리

SNS마스터 2 1,067

먼저 카드뉴스를 만들기 전 알아두어야 할 사항들을 간단하게 여덟 가지만 정리해 봤습니다.

 

 

275538455788AD7B07C944

 

 카드뉴스 만들 때, 이것만은 기억하자!

 

 

카드뉴스는 주로 모바일에서 소비되는 컨텐츠로 모바일 가독성에 중점을 두고 정리했습니다.

 

1, 2. 풀어서 쓰는 긴 글보다는 한 장 한 장 핵심 정보만 담는 것이 좋습니다. 

3. 재미있는 이야기도 길어지면 지루한 법! 처음 제작하는 카드뉴스라면 짧게 시작해 보세요.

4. 제목 텍스트는 경우에 따라 상, 하, 좌, 우, 중앙에 배치할 수 있으며

   기사 텍스트의 경우 한 페이지당 좌측, 우측, 중앙정렬 또는 양측정렬로 맞추는 것이 기본입니다.

5. 핵심 내용을 앞에 배치해 주어야 호기심을 가지고 읽게 되며 끝까지 읽을 확률이 높아진다고 합니다.

6. 내가 만든 컨텐츠가 “공유“되기 원한다면 저작권 없는 이미지와 폰트를 사용하는 것은 필수입니다. 

   (Tip. 고딕체 스타일의 폰트는 신뢰감을 주기 때문에 정보 전달에 주로 사용되며, 명조체 스타일의 폰트는

          감성에 호소하는 글씨체로 인용 문구나 강조하고 싶은 말을 "따옴표"와 함께 사용하기도 합니다.)

7. 카드뉴스 뿐만 아니라 웹포스터 등의 작업에서도 제목, 내용, 포인트 폰트 세 가지 정도의 폰트만 사용하는 것이 좋습니다.

   다양한 폰트를 사용하게 되면 내용이 가려지고 조잡해 보일 수 있기에 삼가야 합니다.

8. 모바일에서 눈에 잘 들어오려면 은은한 컬러의 배색보다는 임팩트 있는 보색을 활용하는 것도 필요합니다.

 

 

본격적으로 포토샵을 사용하지 않고 카드뉴스 쉽게 제작하는 세 가지 방법을 소개해 보고자 합니다.

 


1. 파워포인트로 카드뉴스 만들기

 

242B1F455788AD7B302374

 

 

2. 망고보드(mangoboard.net)로 카드뉴스 만들기


235660455788AD7C06D1DE

 

3. Tyle(tyle.io)로 카드뉴스 만들기


252E44455788AD7D2CFF7B

 

 

 

1. 파워포인트로 카드뉴스 만들기!

 

“이미지 편집하기, 도형 편집하기, 텍스트 색상 바꾸기”

카드뉴스 제작에 있어서 세 가지의 기능만 알면 어떠한 형태로든 활용이 가능합니다.

 

 


26571E455788AD7D058AE7

 

 

 

(1) 사이즈&가이드라인 세팅하기 

 

1) 파워포인트 메뉴에서 디자인 > 페이지 설정 > 너비와 높이 25cm로 수정 > 확인

카드뉴스의 기본 사이즈를 보통 900px 로 맞추는데요.

파워포인트에서는 25cm로 세팅하면 900px 사이즈에 가장 비슷한 사이즈로 출력이 가능합니다.

 

2758BB455788AD6A022269

 

 

2) 마우스 우측 클릭 > 눈금 및 안내선 > 화면에 눈금 표시 체크 > 확인

이미지와 텍스트를 일정하게 배치하기 위한 가이드라인 역할을 해줍니다.

 

 

233574455788AD6A252257

 

 

 

(2) 이미지 활용하여 카드뉴스 만들기

 

1) 메뉴 중 삽입 > 그림 > 배경화면으로 사용할 이미지 선택 > 삽입

(사용할 이미지가 없다면 pixabay와 같은 저작권이 없는 무료이미지 제공 사이트에서 먼저 다운로드 받아서 준비해 주세요.)

 

 

222F63455788AD6A2BB8CA

 

 

2) 삽입된 이미지의 모서리를 마우스로 잡고 페이지 사이즈에 맞춰주세요. 

이미지 더블클릭 > 우측 상단 자르기툴 선택 > 이미지의 폭을 선택 후 페이지에 맞춰주세요.

(이미지를 더블클릭하면 그림도구>서식 이라는 기본 메뉴에 없는 메뉴가 보여집니다.)

 

 

234718455788AD6B14DFCC

 

 

4) 이미지 더블클릭 > 좌측 상단 수정 선택 > 선명도 조절, 밝기 조절로 텍스트 삽입 시 잘 보일 수 있도록 이미지를 보정해 주세요.

 

 

244DF2455788AD6B0DED6C

 

 

5) 홈> 도형을 삽입 > 도형 채우기 > 다른 채우기 색 > 색 설정, 투명도 설정하기

필요에 따라 원하는 도형으로 텍스트가 들어갈 바탕을 채워줍니다.

 

 

223F34455788AD6C1BFDDA

 

 

6) 홈 > 텍스트를 삽입 > 텍스트 색상 변경하기

“파워포인트로 카드뉴스 만들기“라고 문구를 삽입하고 ”파워포인트“ 컬러에 포인트를 주어 눈에 잘 들어오도록 바꿔보았습니다. 

(Tip. 제목은 60pt, 본문은 24pt 이상 사이즈로 맞춰 주어야 모바일에서도 시원하게 보입니다.)

 

 

263E83455788AD6C1C71BF

 

 

자세하게 풀어서 순서대로 설명해 봤는데요. 파워포인트로 카드뉴스 만들기 잘 따라오셨나요? ^^

파워포인트를 처음 하시는 분들께는 포토샵만큼이나 낯설고 어려운 방법일 수 있지만 파워포인트 사용방법을 조금만 습득한다면 원하는 대로 다양한 카드뉴스를 만들 수 있는 방법이라 첫 번째로 소개해 보았습니다. 

 

 

 

2. 망고보드로 카드뉴스 만들기! (www.mangoboard.net)

 

망고보드는 고퀄리티의 다양한 인포그래픽을 사용자가 원하는 대로 편집할 수 있으며 국내 소프트웨어 회사인 리아모어소프트라는 업체에서 개발하여 다양한 한글폰트를 지원하고 있다는 것이 큰 장점입니다.

카드뉴스 뿐 아니라 웹포스터, 배너, PPT문서 템플릿까지도 서비스하고 있습니다.

현재는 베타서비스 중이므로 무료로 사용 가능하며 회원가입과 로그인이 필수입니다.

 

 

235660455788AD7C06D1DE

 

 

(1) 망고보드 로그인 후 메인화면에서 아래로 드래그하다보면 인포그래픽이 보입니다.

포스터 썸네일 이미지 위에 마우스를 올려놓으면 편집 버튼이 나타납니다. “편집” 클릭!!

 

 

214E04455788AD6D0D5A4E

 

 

(2) 좌측 상단 새로 만들기 클릭 > 페이지 우측 환경설정 아이콘 클릭 > 가로,세로 900px로 수정 후 엔터! 캔버스 사이즈가 바로 변경됩니다.

 

 

2639FC455788AD6D1E2B93

 

234062455788AD6D1A8E96

 

 

(3) 좌측 메뉴 > 그래픽, 배경 > 이미지 선택 후 더블클릭 하여 이미지 삽입 > 이미지를 원하는 크기로 조절해 주세요. 이미지 클릭이 되어 있는 상태에서 이미지 필터와 투명도를 이용하여 간단하게 배경이미지를 편집할 수 있습니다. 

 

 

24513B455788AD6E0A9F14

 

 

 

(4) 좌측 메뉴 > 텍스트 > 제목을 입력하세요 클릭 > 화면에 텍스트 삽입이 가능합니다. 

텍스트는 한 줄 단위로만 컬러 지정이 가능하므로 같은 줄에서 다른 컬러의 텍스트를 배치하려면 나누어서 입력해야 하는 번거로움이 있습니다.

 

 

22495E455788AD6F11EEBA

 

 

2744AE455788AD6F16F742

 

 

파워포인트보다 50배는 자신감 상승 되셨나요? 망고보드로 카드뉴스 만들기 참 쉽~죠? ^^v

사실 망고보드는 직관적인 UI로 설명할 필요 없이 직접해보시면 금방 쉽게 사용할 수 있는 최고의 디자인 템플릿이 아닌가 생각해 봅니다. 카드뉴스 뿐만 아니라 망고보드의 다양한 기능들을 한 번씩 꼭! 확인해 보시기 바래요.

 

 

234757455788AD701408E4

 

 

 

3. Tyle로 카드뉴스 만들기!(www.tyle.io)

 

타일은 하루하루 진화하고 있는 카드뉴스 제작 툴입니다. 매일매일 템플릿의 추가는 물론 유저들의 작은 불편함도 용납하지 않는 디테일한 기능의 진화까지 카드뉴스 제작툴의 알파고 같은 느낌입니다.

사이트 자체의 반응속도가 빠르고, 이미지, 텍스트 사이즈, 컬러조합까지도 알아서 조절해주기 때문에 타일에서 제공하는 테마만으로도 훌륭한 카드뉴스 제작이 가능합니다. 

 

 

252E44455788AD7D2CFF7B

 

 

Tyle은 오직 카드뉴스 제작만을 위한 툴로 순서와 상관없이 제공하는 기능만 알면 누구나 쉽게 카드뉴스를 제작할 수 있기 때문에 간단한 기능 소개로 대신하고자 합니다.

 

Tyle은 “디자인 바꾸기“, “여기를 두 번 클릭하여 제목을 입력해주세요.“와 같이 명확하게 행동할 수 있도록 지시하고 있기에 직관적인 UI 그대로 따라하시면 충분합니다.

 

 

213B1A455788AD762097F4

 

 

화면에서 아이콘으로 되어있는 메뉴 몇 가지를 살펴보도록 하겠습니다.

 

(1) 모든 레이어 세팅 바로가기

여러 개의 종이가 쌓여있는 듯한 아이콘을 클릭해 보면 카드뉴스에 사용된 레이어들을 분리하여 보여주며 각 레이어를 선택하여 세팅을 바로가도록 도와주는 역할을 합니다.

 

 

254C33455788AD770F2BD6

 

 

(2) 색조합 변경하기

우측 하단에 원3개가 그려진 곳을 클릭하시면 컨셉에 맞춰 조합된 색을 변경할 수 있습니다.

 

 

224891455788AD78130F3A

 

 

 

(3)레이아웃 변경하기

이미지와 텍스트의 배치를 변경할 수 있습니다.

 

 

244C6B455788AD790F26BF

 

 

 

(4)카드뉴스 사이즈 변경하기

원하는 SNS의 최적화된 사이즈를 바로 확인하고 적용하여 제작 가능합니다. 

기본적인 세팅은 페이스북 정사각형 900x900 으로 되어 있습니다.

 

 

2423C1455788AD7936FDFB

 

 

 

Tyle의 기능에 대해 간단히 알아봤는데요. Tyle의 최대 강점은 모바일에서도 동일하게 제작이 가능하다는 것이 아닌가 싶습니다. 아직은 PC보다 조금 느리고, 텍스트를 입력하는 부분들이 다소 불편하긴 하지만 진화 중이니 조만간 PC보다 더 편리하게 모바일에서도 구현될 것이라는 믿음이 드네요.

 

 

243D28455788AD791EDB35

 

2450B6455788AD7A0BB715

 

264FAF455788AD7A0CE061

 

 

 

지금까지 카드뉴스를 쉽게 만들 수 있는 방법에 대해 말씀드렸는데요.

카드뉴스를 낱장으로 올리기만 해도 좋은 컨텐츠이지만 구독자가 좀 더 편리하게 볼 수 있다면 좋겠지요?

특히 스마트폰에서는 옆으로 스~윽! 또는 터치 한번으로 페이지를 넘기면서 볼 수 있으면 더 멋지잖아요.

왠지 전문적일거 같은 그 기능을 담아 여러장의 카드뉴스를 하나의 기사로 묶어주는 사이트가 있는데요.

 

바로 투블루 (www.tubloo.com)입니다.

간단한 로그인 후 제작해둔 카드뉴스를 불러와 한꺼번에 저장만 하면 경로가 나오니 해당 경로로 카톡을 통해서도 편리하게 공유가 가능합니다.

 

 

끝으로 망고보드로 제작하고 투블루로 완성시킨 “금주의 추천 팟캐스트”로 마무리 하겠습니다. □

 


Mobile : http://www.tubloo.com/17070

 

 

 

233245455788AD7B282189

 

▲ 카드뉴스 제작 시 알면 유용한 사이트

 

 

 

[필자소개] 홍선정 (강서FM)



출처: http://maeulmedia.tistory.com/364 [서울 마을미디어 뉴스레터 '마중' (과월호)] 

  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기
  • 카카오스토리로 보내기
  • 네이버밴드로 보내기
  • 네이버로 보내기
  • 텀블러로 보내기
  • 핀터레스트로 보내기

Comments

망고보드
안녕하십니까. 망고보드에 대해서 소개를 잘 해 주셔서 감사합니다. 망고보드 이미지캡쳐 하신 것을 보니 저 당시 화면이 상당히 오래 된 것으로 보입니다. 텍스트가 한 줄 단위로만 변경이 가능한 것은 오래 전에 개선이 되었습니다. 따라서 지금은 언급하신 불편함이 해결 되어 텍스트 상자 안에서 텍스트 크기와 텍스트 색깔을 다르게 지정할 수 있으며, 형광펜 효과도 넣을 수 있습니다. 지금 카드뉴스 템플릿이 많이 올라와 있기 때문에 지금 다시 망고보드를 보시면 많이 달라진 모습을 보실 수 있을 것입니다. 아무튼 망고보드에 계속 관심 많이 가져 주시면 감사하겠습니다.
SNS마스터
네에^^~ 친절한 설명 감사합니다. 자료 인용 과정에서 망고보드 업데이트 전 내용이 공유가 되었었네요.
Hot

인기 다음팟인코더를 이용한 동영상 용량 줄이기

댓글 0 | 조회 592
다음팟인코더를 이용한 동영상 용량 줄이기 방법을 알아보도록 하겠습니다.스마트폰과 캠코더로 찍은 동영상이나 영화파일의 경우 해상도가 높을수록 용량이 커지게 됩니다.고화질이면 큰화면으… 더보기
Hot

인기 영상편집 프로그램 소개와 추천 사이트

댓글 0 | 조회 258
* 영상을 자르는 컷편집, 자막 넣는 법, 오디오 BGM, 효과음 등은 아래 유튜브 영상을 찾아보시면 자세하게 설명되어있습니다.* 중요한 것은 기술이 아니라 열정과 의지입니다. ^… 더보기
Hot

인기 파워포인트로 동영상 편집하기

댓글 0 | 조회 277
파워포인트로 동영상 편집하기
Hot

인기 파워포인트로 강의영상 만들기

댓글 0 | 조회 270
파워포인트로 강의영상 만들기
Hot

인기 소리를 공유하는 네트워킹 공간 : Sound Cloud _app review

댓글 0 | 조회 155
사진에는 플리커(Flickr)가 영상에는 유투브(YouTube)와 비메오(Vimeo)가 있다면 음악에는 사운드클라우드(SoundCloud)가 있다고 묘사되곤 한다. 사운드를 공유하… 더보기
Hot

인기 다음 팟인코더 고화질 영상 인코딩

댓글 0 | 조회 2,114
다음팟 인코더 고화질 영상 인코딩- Daum Pot Encoder Encoding- 카카오가 다음과 합병하면서 다음에서 서비스했던 대부분의 것들이카카오로 바뀌고 있죠최근에는 다음 … 더보기
Hot

인기 다음 팟인코더 자막, 텍스트 동영상 편집하는 방법

댓글 0 | 조회 928
환경: 팟인코더다음 팟인코더를 이용하면 제작한 동영상에 설명이 필요한 경우 영화 자막처럼 텍스트를 삽입할 수 있습니다. 미디어 플레이어처럼 텍스트를 편집할 수 있는 기본적인 서식을… 더보기
Hot

인기 다음 팟인코더 동영상 소리 제거하고 비디오만 추출하는 방법

댓글 0 | 조회 1,794
환경: PotEncoder스마트폰이나 컴퓨터로 녹음한 동영상 파일에 들어간 잡음이 거슬린다면 어떻게 해야 할까요? 시중에 나와 있는 여러 동영상 편집툴 중 하나로 소리만 제거하고 … 더보기
Category
Facebook Twitter GooglePlus KakaoStory NaverBand