▶︎ 안녕하세요 웹디자이너로 활동중인 갸갸입니다

2D Design & Photoshop

다양한 업무를 진행하면서 2D 작업은 구분이 없다는 걸 느꼈습니다. 사이즈나 방향성이 다를 뿐 프로젝트에 대한 이해만 있다면 어떤 것이든 만들고 활용할 수 있었어요. 인쇄물이나 일러스트 작업을 위해 Illustrator를 사용하고 웹디자인에 들어갈 gif, 영상을 위해 After Effects 또는 Premiere Pro 등을 함께 사용하기도 했지만, 대형 광고물 제작을 제외하고는 제 손에 가장 편한 포토샵을 주로 사용했습니다. 어릴 때부터 만지작거리던 포토샵이 저에게 가장 익숙했으니까요!

아마도 여러분이 디자인을 처음 시작한다면 가장 쉽게 다가갈 수 있는 프로그램은 포토샵일 것이라 생각합니다. 다른 프로그램들까지 잘 다룬다면 더할 나위 없이 좋겠지만, 처음 시작하는 단계부터 여러 개의 프로그램을 배우는 건 쉽지 않기 때문에 이번 클래스에서는 포토샵만으로 다양한 이미지를 제작해 보려고 합니다.

Intro 인트로

디자인을 할 때 눈에 먼저 보이는 인트로가 가장 중요합니다. 도입부에서 시선을 사로잡지 못하면 사람들은 더이상 스크롤을 내리지 않기 때문이죠. 인트로는 세부 내용을 보지 않고도 한눈에 내용을 파악 할 수 있도록 전체 페이지의 핵심 내용을 타이틀과 함축적인 이미지로 전달해주는 역할을 합니다. 인트로 디자인에 따라 세부 페이지의 분위기도 정해지기 때문에 가장 많은 시간과 공을 들이게 되는 부분이에요.

Title 타이틀

인트로에서 가장 중요한 부분은 타이틀입니다. 디자인에 따라 위치는 다르지만, 중심을 잡아주고 중요한 내용을 전달하는 텍스트 부분으로 원하는 분위기에 맞게 다양한 폰트와 툴을 사용할 수 있어야 합니다.

다양한 폰트를 사용해 보고 도형을 조합하여 타이틀을 만들어보도록 해요!

타이틀에 들어가는 폰트들은 다운로드 링크를 전달해 드릴 예정입니다. 유료 폰트를 구매하여 사용하지 않는 이상 저작권에 문제없는 무료 폰트를 사용해야 하는 것을 꼭 알아두셔야 합니다 : )

Image 이미지

여러 작업물 내에 다양한 이미지가 삽입되게 됩니다. 간단한 인물 보정이나 누끼를 따고 그림자를 만들어주는 등 다양한 상황에 맞는 편집을 함께해보겠습니다.

작업에 필요한 이미지는 무료 이미지 다운 경로를 전달해 드릴 예정입니다. 폰트와 마찬가지로 이미지 또한 저작권에 유의하여 사용하셔야 합니다.

Illustration 일러스트레이션

포토샵은 기본적으로 픽셀을 기반으로 한 비트맵 방식으로 사이즈를 조절할 때 이미지가 깨지게 됩니다. 이런 포토샵에서 유일하게 모양(shape)은 화질 저하 없이 사이즈를 늘리고 줄일 수 있는 벡터 이미지입니다.

펜과 쉐잎을 사용하여 아이콘이나 일러스트를 그려 사용하면 ai 프로그램을 따로 열지 않고도 벡터 이미지를 사용하고 바로 편집할 수 있기 때문에 펜 툴과 쉐잎을 많이 사용하게 될 예정입니다. 처음에는 어려울 수 있지만, 많이 다뤄보고 연습해 보면 익숙하게 사용하실 수 있을 거예요!

Content 콘텐츠

제작된 인트로 페이지 분위기에 맞게 하단 콘텐츠를 제작해 봅니다. 먼저 텍스트와 모양을 사용해 페이지의 레이아웃을 잡은 뒤 이미지를 삽입하고 정렬과 간격을 체크해주며 마무리할 예정입니다.

Banner 배너 & SNS card

제작된 인트로 페이지를 변형하여 다양한 용도의 배너를 만들어보고 SNS 카드로 만들어 활용할 수 있도록 내용별로 나누어 봅니다.

이번 클래스에서 만들어볼 작업들은 완성작 PSD 파일을 수업 노트에서 다운로드할 수 있습니다.

작업 시 어려움이 있을 때 원본 파일을 참고하실 수 있고 클래스에 사용된 디자인은 어디에든 사용이 가능합니다