학습노트 15

콘텐츠마케팅 13기-SNS 이미지광고 디자인하기

· 광고디자인 왜 페이스북 광고를 해야하는가? 페이스북/인스타는 국민 2/5가 사용하는 SNS이자 광고 플랫폼이다. 피드형 광고는 피드속에 자연스럽게 녹는 광고/광고와 콘텐츠가 구분없이 자연스럽게 노출이 된다. 정방형 콘텐츠 1:1비율 (간단하지만 다양한 표현 가능함) 페이스북 공식 광고 가이드 라인: 6가지의 이미지 비율을 사용할 수 있으나, 피드에 노출되는 광고의 경우 1:1 비율 추천 한 가지 형식에 집중해 표현법에 부담이 적음 · 광고 디자인 프로세스 광고디자인= 기획자 & 디자이너 간의 치열한 소통 -> 기획안에서 전달하고자 하는 메시지와 일맥상통하는 효과적인 그래픽을 전달하고자 하는 과정 1. 기획안 공유 & 논의 - 제작자의 기획 의도를 파악하고, 디자인 방향성을 결정하는 단계 2. 무드보드..

콘텐츠마케팅 13기-SNS컨텐츠 디자인하기/포트폴리오 제작하기

SNS 콘텐츠로 확장 할 때 (단위 px) · 페이스북 (1280*614 px) -아이덴티티와 무드를 유지하면서 다른 디자인도 생각해보면 좋음 -작은 요소들을 바꾸면서 변화를 주는 것이 좋음 (단조로움을 없애기 위한 작업) -메인 컬러에 맞는 색상으로 확장하는 것이 베스트 · 인스타그램 (1080*1080, 1080*1350, 1080*566 px) -인스타 특성항 이미지에는 소비자의 눈을 사로잡는 요소들을 많이 사용하고 자세한 설명은 피드에 작성 텍스트 관련 꿀팁!! · 자간 간격이 길어지면 그만큼 공간을 읽기 때문에 텍스트의 내용이 잘 들어오지 않음 - 텍스트 내용보다 공간의 디자인적 요소가 필요할 경우 자간 간격을 길게 함 - 텍스트 내용이 잘 읽히는게 중요하다면 자간은 그것보다 좁게 설정 · 주의..

콘텐츠마케팅 13기 - KEY VISUAL 디자인 (기초/심화-1편)

■ 오늘의 학습내용 프로모션 디자인 KEY VISUAL 제작하기(1) 이미지 색감조절 배경화면 그라디언트 효과를 줘서 자연스럽게 연출하기 햄버거 이미지-> 어두운 부분을 좀 더 어둡게 하려면 번툴 사용, shadow, 노출량 조절 아래 그림자 조정까지 해주면 자연스럽게 이미지로 보정 가능 이미지 복사 후 필터->기타->하이패스 적용 후 오버레이 합성하면 뚜렷하게 조정 가능 뒤에 햄버거 이미지는 보정을 한 햄버거 앞 햄버거 이미지는 보정 전이다 확실히 보정을 한 햄버거가 먹음직스럽게 보인다!!! 키비주엘에서 중요한 타이포그래피까지 완성하니 이제 그럴싸한 프로모션 디자인 같아 보인다! 페이스북이나 인스타그램 등 SNS에서 사용할 수 있게 확장형까지 만들어 주면 끝이다. ● KEY VISUAL 디자인 [심화]..

콘텐츠마케팅 13기 - KEY VISUAL 디자인 (기초)

■ 오늘의 학습내용 Key visual: (사전적 정의)광고에서 가장 중요한 포인트가 되는 한 화면, 디자인의 핵심 장면, 핵심 그림을 말함 · 소비자들이 디자인을 보고 이 브랜드가 어떤 것을 말하는지 쉽게 파악할 수 있어야 함 · 여러매체로 확장되어 있어야 광고효과가 극대화 될 수 있음 기획안 파악하기 · 고객에게 포커스가 맞아야 하고 고객이 이해하기 좋은 프로모션이여야 함 · 목적/목표/대상/혜택/혜택 제공방법/기간/디바이스를 알아야함 · 프로모션을 보고 어떤 기획을 하고 있는지 알아볼 수 있어야 함. · 기획안을 보고 프로모션 디자인 Key visual 제작하기 (실습) · 어떻게 기획안을 파악할지? 이미지와 카피를 어떻게 배치할지 생각 · 컨셉은 이 회사의 상태와 잘 어울리게 만들어야 함 / 브랜..

콘텐츠마케팅 13기-프로모션디자인을 위한 타이틀디자인(2)

■ 오늘의 수업내용(프로모션을 위한 타이틀 디자인 2) 네온사인효과(효과 적용 후 만든 레이어를 계속 쌓으면 네온이 더 선명해지는 효과를 볼 수 있음) · 경사와엠보스 · 내부그림자 · 내부광선 · 외부광선 · 그림자효과 · 붓으로 (불투명도 50) 글씨 테두리를 따라 칠 해주고 곱하기로 혼합해주면 더 디테일하게 그림자 효과를 낼 수 있음 겹치는 텍스트 효과 · 글자를 한글자씩 쪼개서 정렬 후 자간 공간에 그림자 효과(네모 그라데이션 만들기)를 넣음 · 글자를 조금씩 움직이면서 글씨가 겹치는 효과를 극대화 시킬 수 있음 · 색상이 퍼지는 느낌 만드는 효과-외부광선 글리치효과 · 글씨 복사해서 RGB 버튼 조절 · 글씨를 고급개체로 변환-사각형 선택윤곽도구를 이용해서 여러 박스를 글씨 위에 만듬-만든 박스..

콘텐츠 마케팅-콘텐츠 제작을 위한 실전 포토샵 5시간만에 배우기(2)

■ 오늘의 수업내용 (포토샵 5시간만에 배우기 4-5강 완강) · 간단한 일러스트 그리기-펜툴을 활용한 일러스트 연습 · 간단한 일러스트 그리기-도형을 활용한 일러스트 연습 · 일러스트에서 포토샵으로 파일 가져오는 방법 (광고제작 연습) · 포토샵으로 간단하게 gif 만드는 방법 (ctrl+shift+alt+s 웹용 저장) · 액션: 내가 취한 행동을 그대로 녹화를 해서 다시 저장을 시키는 것 ■ 학습 후 느낀 점 드디어 툴 강좌를 다 끝낸 것 같다 이제 실전 강의 들어가는데 기대된다. 조도 이제 짜여진 것 같고 마케터에 한발 더 다가갈 수 있는 시간들이 될 것 같다!! 툴 강좌는 한번 들으면 다음엔 못 쓸거같아서 복습을 계속계속 할 예정이다. ■ 내일 학습 목표 광고디자인이란? 강의 듣고 학습노트 쓰기..

콘텐츠마케팅 13기 - Figma 기초 (3)

■ 오늘의 수업내용(Figma 7-8강) · 프로토타입-하나의 프레임이 어떠한 액션으로 프레임으로 넘어갈지 설정(화면전환) · 프레임 복사 (ctrl+D) · 컴포넌트-화면을 구성하는 모든 요소들(텍스트/이미지/버튼/아이콘 등등) 모든 요소를 부품으로 만드는 개념 · 아이콘 가져올 때 복사 후 detach instance (ctrl+alt+b) 설정 후 컴포넌트 실행(ctrl+alt+k) · 컴포넌트화 하지 않은 요소들을 모두 선택 후 상단에 create component set 활성-해당 요소(베리언츠)들은 하나의 그룹으로 새로운 속성 값 설정 가능 · ctrl+Alt+K (컴포넌트 실행) · 도형 복사 후 프레임 누르고 붙여넣기 하면 복사했던 동일한 위치에 붙여넣기가 됨 · 모달창은 도형이 아닌 프레..

콘텐츠마케팅 13기 - Figma 기초 (2)

■ 오늘의 수업내용(Figma 5-6강) · A, F : 프레임 · Clip content : 선택 해제시 아트보드 형태 내에 오브젝트가 귀속되지 않음 ( 작업할 땐 체크 후 작업하는걸 권장) · 오브젝트 그린 후 프레임을 씌우면 프레임 안에 오브젝트가 들어감 · Shift+A 오토레이아웃 적용 (개체 잡고) · 페이지에서 변경할 레이어 선택후 ctrl+R 누르면 한번에 이름 변경 가능한 옵션 패널이 생김 · Tidy up · ve · 기존에는 오브젝트를 선택했을 때 Constraints 밑에 Fixed position when scrolling 옵션 선택 가능했지만 Figma UI 업데이트 이후에는 우측 패널 상단의 Prototype 탭 선택했을 때 Scroll Behavior에서 Fixed 옵션 선택..

콘텐츠마케팅 13기 - Figma 기초

■ 오늘의 수업내용 (Figma 1-4강) ctrl+p (quick actions)-검색기능 F-프레임 C-코멘트 ctrl+shift+z (이전실행 한단계 앞으로 가기) R-사각형 툴 preferences-keep tool selected (툴이 무브툴로 변경되지 않고 사용한 툴 유지) ctrl+a 전체선택 O-원형 툴 펜툴 누르고 alt (앵커 삭제) 불리언 옵션은 오브젝트 2개 이상이 있어야 함 마스크 해제 단축 기능이 따로 없어서 레이어에서 오브젝트 누르고 마스크 해제 해야함 우측 하단에 있는 물음표-keyboard shortcuts-단축키 가이드 볼 수 있음 ctrl+alt+c->ctrl+alt+v (도형 속성 복사 붙여넣기/도형은 도형끼리 문자는 문자끼리 가능/동시에는 불가능) ctrl+shif..

콘텐츠마케팅 13기 - 일러스트레이터 기초(2)

■ 오늘의 수업내용 (일러스트 (5-7강) 실습예제 따라하기) · swatch(견본)-자주 쓰는 색 모아둔 패널 · 색상안내(컬러가이드)-채색된 오브젝트와 어울리는 색 배합을 보여주는 기능 · 편집-색상편집-아트웍 색상변경-고급옵션 (색상을 빠르게 수정할 수 있음) · H (색상) S (채도) B (밝기) · 패턴 크기만 조절하는 방법 (크기조절 툴-물결-드래그) · 자유변형 툴 모형 모서리 선택후 ctrl+alt+shift 누르면 도형모양 변형 가능 · alt+ctrl+B - 블랜딩 · alt+shift+B 바운딩 박스 표시 (블랜딩이랑 헷갈리지 말 것) · 블랜드 모드에서 오브젝트로 변환하고 싶으면 확장expand(면의 속성으로 변경) 쪕..ㅋ 나름 비슷하다.(?) 원근감 표현이 어렵다. 펜툴로 먼저..