본문바로가기
시리즈 알려드려요, 깨알정보

포토샵으로 카드뉴스 만들기 2탄

안녕하세요, 소이정입니다.


오늘은 저번 포스팅에 이어 
초보자도 쉽게 카드뉴스 만드는 법 2탄!
을 들고왔습니다.

지난 번에도 살짝 언급했지만
요즘에는 의학지식이나 생활팁,
날씨정보 등등의 정보성 콘텐츠들을
이해하기 쉽게 카드뉴스 형태로 제작하는 추세인데요.

스마트폰 화면에서
눈에 잘 띄는 카드뉴스 만드는 방법
두번째 피드 디자인을 만들어보아요~


카드뉴스 미리 보기


1. 새 그룹 만들기

지난 번에 메인 피드 디자인을 1번 그룹으로 묶어놓았죠. 이제 2번 그룹을 만들어서 두번째 페이지를 이어하면 되는데요. 같은 포토샵 파일에 그룹만 새로 만들어주시면 됩니다.


2. 배경 만들기

두번째는 사각형 도구를 이용하여 배경을 만드는 것인데요. 만약 여러분이 저번 포스팅과 이어한다면 메인 페이지에 적용했던 배경 이미지를 복사하여 그대로 사용해주셔도 되고, 아니면 단색배경으로 만들어도 괜찮습니다!

저는 이번에 단색배경으로 만들어볼게요.

사각형 도구 단축키 U를 누르고 적당한 크기로 배경화면보다 작은 정사각형을 만들어주세요.

불투명도를 조정해줍니다. 저는 60으로 조정했는데, 여러분은 여러분이 원하는 분위기에 맞게 수치를 정해주면 돼요.

포토샵 상단에서 중앙 정렬을 시켜주세요.


3. 텍스트 입력하기

텍스트 도구 단축키 T를 누르고 제목에 해당하는 텍스트를 입력해주세요.

폰트 : 배달의 민족 도현 / 크기 : 150


따옴표를 크게 사용하면 강조효과를 줄 수 있습니다. 텍스트 레이어를 새로 만들어서 따옴표를 입력해주세요. 저는 앞 쪽 따옴표를 복사했는데요. 뒤에 올 따옴표는 해당레이어를 클릭한 후 Ctrl + T로 각도를 맞춰줬습니다. 왼쪽 사진이 전, 오른쪽 사진이 후입니다.

메인 피드 이미지와 통일감을 주기 위하여 텍스트의 색을 변경해주세요.


밑에는 해당 단어의 설명을 넣어주세요. 제목을 강조하기 위해서는 나머지 텍스트를 흰색으로 처리해주세요. 만약 강조하고 싶은 부분이 있다면 해당 부분에 포인트 컬러를 넣어주세요. 저는 메인피드에 사용했던 노란색을 사용했어요 .


4. 그림자 넣기

사각형 도형에 그림자를 깔아주겠습니다. 먼저 사각형 도형이 있는 레이어를 클릭해주세요. 그 다음 레이어스타일 탭을 선택해줍니다.


그림자 혹은 드롭 섀도를 클릭해서 불투명도 42% / 각도 125 / 거리 10px / 스프레드 16% / 크기 7px 로 설정해주세요.

도형에 그림자가 생겼습니다. 선택되어 있는 정사각형 아래에 옅은 검은색이 보이시나요?


5. 픽토그램 사용하기

여기까지만해도 심플하게 표현이 가능하지만 조금 더 꾸밈효과를 넣고싶으시다면 픽토그램을 이용해보세요.

>무료 아이콘 사이트<
http://www.flaticon.com/

원하는 픽토그램 아이콘을 찾아 저장한 뒤 포토샵으로 불러오세요. 간단하게 드래그 앤 드롭해주면 픽토그램이 포토샵으로 불러와집니다!
크기를 조정해서 원하는 곳에 넣어주세요~


완성

단색 배경과 메인피드에 썼던 사진을 이용한 완성작 두개를 가져와봤는데요. 마음에 드는 타입으로 제작하시면 되겠습니다!


여기까지 카드뉴스 두번째 피드 디자인을 살펴보았는데요.
여기에서 알려드린 모든 효과를 넣으실 필요는 없습니다!


원하는 효과를 골라서 가독성 높고
예쁜 카드뉴스를 만드시길 바라요!

그럼 긴 글 읽어주셔서 감사합니다.