콘텐츠마케팅23기 13

[스터디노트] 15. 상세페이지 기획

01. 상세 페이지 기획 프로세스01. 상세 페이지 기획 중요 요소• 상세페이지란?어떤 상품이나 서비스를 자세하게 소개하는 페이지로 정보 전달 및 구매와 같은 비즈니스 목적을 달성하는데 목적이 있다. 인지(안다) > 호감(좋아한다) > 질문(확신한다) > 행동(구매한다) > 옹호(추천한다)  02. 상세 페이지 기획 프로세스 - 상품 USP 파악하기• USP(UnIque Selling Point)란?상품이나 서비스의 판매 촉진을 위해 고객에게 중요하게 어필할 차별화된 소구점고객 / 브랜드 / 프로모션• 상세페이지는 고객 맞춤형으로 제작! • 카드식 정리 방법 - 하나의 카드에 상품 정보를 메인카피 + 바디카피 식으로 정리하여 정보를 보기 쉽게 정리하는 것- 메인 카피· 간결하고 명확할수록 좋음· 불필요한..

[스터디노트] 4-4. 일러스트 기초

06. 일러스트레이터에서 문자를 입력하고 다양하게 표현하기02. 패스 문자를 이용한 리본 문자 만들기 03. create outline 메뉴를 이용한 말풍선 문자 만들기  07. 일러스트레이터에서 오브젝트를 다양하게 표현하는 여러 가지 기능 살펴보기01. envelope distort 메뉴와 왜곡 툴을 이용한 오브젝트 변형하기• 면으로 변경 시 > 오브젝트 > 확장  02. 왜곡기능을 이용한 볼록한 패키지 만들기• 왜곡 툴 선택 > 마우스로 점 선택 > 누른 상태로 ctrl + alt + shift > 변형하기 03. 브러시 툴을 이용한 패스를 다양하게 표현하기  04. 브러시 툴을 이용한 엠블럼 그리기• 브러쉬 등록할 때 브러쉬 적용할 선 길이 생각해서 등록하기  05. 블랜드 툴로 여러 개의 오브젝트..

[스터디노트] 4-3. 일러스트 기초

05. 일러스트레이터에서 채색하는 다양한 방법 익히기01. 채색하는 다양한 패널과 메뉴들• 견본• 색상• 색상 안내• 편집 - 색상 편집 02. 채색하는 방법을 응용한 사탕 그리기• 오브젝트 - 패스 - 패스 이동 : 간격 동일하게 크기 줄이기, 늘리기 가능  03. 그레이디언트 패널로 변화되는 색상을 채색하기 04. 그레이디언트 패널을 이용한 립스틱 그리기 05. 패턴으로 채색하고 수정하기• 전체선택으로 오브젝트 선택 - 크기변경/회전 툴 선택 - ~ 누르고 드래그 (비율유지 시 shift) 06. 패턴을 직접 만들고 일러스트레이터에 등록하기 07. 패턴을 이용한 노트 그리기  06. 일러스트레이터에서 문자를 입력하고 다양하게 표현하기01. 문자를 입력하고 수정하기• ctrl + t 문자 패널 단축키•..

[스터디노트] 4-2. 일러스트 기초

03. 일러스트레이터에서 다양한 모양을 그리기01. 펜 툴로 다양한 모양의 오브젝트를 그리기• alt + 패스 클릭시 다양하게 사용가능  02. 펜 툴을 이용해서 사진 대고 패스 연습하기• ctrl +2 오브젝트 잠금• ctrl + 작업창 빈공간 패스 끝내기 03. arrange 메뉴로 오브젝트의 순서를 배열하기• 정돈 메뉴• shift + ctrl + ] / [ 맨 앞 / 뒤로 가져오기• ctrl + ] / [ 앞/ 뒤로 가져오기 04. 그룹 선택 툴&격리모드로 그룹으로 정리된 오브젝트를 수정하기• ctrl + g 그룹• ctrl + shift + g 그룹분리• alt + 클릭 그룹선택처럼 사용 가능• 그룹 더블클릭 격리모드  05. 도형 툴과 펜 툴을 이용해서 캐릭터 그리기• 링크  04. 일러스트레..

[스터디노트] 4-1. 일러스트 기초

학습목표파트4 수강 01. 일러스트레이터 기본 개념 익히기 • 파일 열기 대신 가져오기 사용• ai파일 저장시 두 단계 정도 낮은 버전으로 저장하기  02. 일러스트레이터에서 선과 면 그리기01. 선 툴로 선 그리기• 일러스트는 선으로 그림을 그려서 면을 칠하는 프로그램 • 수직, 수평선 그리기 : Shift 누른 상태 선 그리기 02. 도형 툴로 면 그리기 • 드래그 하는 동안 네 방향 방향키 : 둥근 사각형 각 조절• 드래그 하는 동안 오른쪽, 왼쪽 방향키 : 다각형의 각 갯수 조절  03. 선 툴과 도형 툴을 이용한 크레용 그리기• Ctrl + U 스마트 가이드 켜기, 끄기• Ctrl + Y 윤곽선 보기  04. 지우개 틀로 오브젝트를 지우고 수정하기• 지우개 툴 : 드래그 한 부분 지우기• 가위 ..

[스터디노트] 3-5. 포토샵 기초

학습목표파트3 완강 08. 포토샵에서 이미지를 보정하는 다양한 기능 익히기• 이미지 > 조정 01. 컬러 밸런스로 원하는 톤 추가해서 보정하기• Ctrl + B 색상 균형 단축키 02. 블랙&화이트 흑백 보정하기 03. 듀오톤 보정하기•색조/채도 > 색상화 : 듀오톤 보정• Ctrl + U 색조/채도 단축키• Alt + 취소 : 초기화 04. 채도 보정하기•활기 이용하기 05. 밝기 보정하기•명도/대비 06. 역광 이미지 보정하기•어두운 영역/밝은 영역 : 나눠서 보정 07. 선명도 보정하기•Ctrl + L 레벨•Ctrl + M 곡선 08. 빛의 노출도 보정하기•노출도 보정 : 빛의 양을 조정하기 09. 색상 반전하기 10. 보정 툴로 이미지의 특정 부분을 보정하기• 툴바 > 닷지 도구 : 밝게• 툴바 ..

[스터디노트] 3-4. 포토샵 기초

학습목표파트3 완강...! (제발)   06. 포토샵에서 정확한 모양을 제어하기 위한 펜 툴 익히기01. 펜 툴로 패스를 제어해서 선택 영역 지정하기 02. 셰이프 툴로 다양한 모양의 도형을 그리기 03. 셰이프 툴로 점선 테두리를 만들기 07. 포토샵에서 문자를 입력하고 수정하기01. 문자를 입력하고 수정하기 02. 문자의 속성을 다양하게 변형하기*폰트 저작권 꼭 확인하기*폰트 유실화 안되게 래스터화하기• 무료 폰트 사이트 www.dafont.com  DaFont - Download fonts www.dafont.com• 어도비 폰트 https://fonts.adobe.com/fonts?purpose=desktop&ref=tk.com&referrer=0189d50fcf 글꼴 검색 | Adobe Font..

[스터디노트] 3-3. 포토샵 기초

학습목표파트3 수강 04. 포토샵에서 채색하는 다양한 방법 익히기04. 다양한 모양의 외부 브러시를 불러와서 사용하기• 브러시 구글링해서 가져오기• 확장자명 abr 05. 이미지를 패턴으로 등록하고 채색하기 05. 포토샵에서 선택 영역 지정하는 다양한 방법 익히기01. 도형 선택 툴로 선택 영역 지정하기• Ctrl + J : 선택영역 레이어로 복사 02. 올가미 툴로 다양한 모양을 선택 영역으로 지정하기 03. 선택 영역 가장자리를 정교하게 다듬기 04. 퀵 마스크로 채색을 통해서 선택 영역 지정하기 05. 펜 툴로 정확하게 선택 영역 지정하기• Ctrl + 패스 클릭 : 패스 선택  06. 포토샵에서 정확한 모양을 제어하기 위한 펜 툴 익히기  느낀 점이러다간 이번주 내내 포토샵만 들여다보고 있겠는걸...

[스터디노트] 3-2. 포토샵 기초

학습목표파트3 수강 03. 포토샵 레이어 이해하기01. 레이어란?이미지가 쌓이는 층 02. 이미지를 자유롭게 이동하기• Ctrl + 이미지 선택 시 레이어 자동선택 03. 이미지 크기 조절하기 Ctrl + T 상태에서  • Ctrl + 모서리 : 왜곡 • Ctrl + Shift + 모서리 : 기울이기• Ctrl + Alt + Shift : 원근• Shift + Alt : 비율 맞춰서 기울이기 04. 이미지의 특정 부분 지우기도장 툴 or 배경 내용 인식 툴로 지우기 04. 포토샵에서 채색하는 다양한 방법 익히기01. 전경색, 배경색 지정해서 채색하기• alt + delete 전경색• ctrl + delete 배경색• ctrl + shift + n : 새로운 레이어 ✔이미지 위에 레이어 만들어서 레이어에 ..

[스터디 노트] 3-1. 포토샵 기초

학습목표파트3 일부 수강  01. 그래픽 작업에서 알아야 할 기본 개념 익히기 • 벡터와 비트맵의 차이 • RGB 모드와 CMYK 모드의 차이- RGB : 화면상에 구현되는 이미지, 영상 작업 시 사용- CMYK : 인쇄물 작업 시 사용 • 해상도의 이해- 웹 이미지 작업 시 72 DPI- 인쇄 이미지 작업 시 300 DPI ✔ 작업 용도에 맞는 적절한 해상도 지정해서 사용 • 작업 용도에 따른 파일 형식  02. 포토샵 기본 개념 익히기• 레이어 패널 단축키 F7• Ctrl+T 자유변형툴• 이미지 속성이 아닌 요소를 일반 이미지 속성으로 변화할 때 레이어 래스터화• Ctrl++, - / Ctrl+마우스 휠 / Ctrl+0, 1• Ctrl+Space+마우스 돋보기 툴• Space+마우스 손 툴• F12 ..