[파워포인트 디자인] 파워포인트로 쇼핑몰 페이지 만들기 @클립아트 활용하기

 

 

 

 

 

안녕하세요. 제이의 뜻밖의 발견의 제이입니다.

제목에 파워포인트로 쇼핑몰 페이지 만들기 라고 적었는데 사실 샘플 사진은 쇼핑몰

페이지는 아니고 이메일 DM 을 보다가 괜찮아서 가져와봤어요:D

 

 

상세페이지 라고 하기엔 좀 애매해서 쇼핑몰 페이지 디자인이라고 이름 붙였지만

사실 이름이야 뭐 붙이기 나름 아니겠어요? ㅋㅋㅋ

 

 

쇼핑몰에서 자주 사용할 것 같은 이미지라고 하죠 뭐 ㅋㅋ

 

 

 

* 파워포인트로 쇼핑몰 페이지 만들기 (부제: 클립아트의 유용함) *

 

 

 

[ 예제 이미지 ] 

 

 

 

이메일 열어보면 이런 메일 많이들 받으시죠?

약간 해외직구 사이트나 해외판매를 같이하는 쇼핑몰에서도 많이 본듯한 느낌이네요.

오늘은 바로 이런 느낌의 페이지를 파워포인트로 만들어 보겠습니다.

 

 

 

 

 

 

 

    맨 상단 이미지나 하단은 쉬우니까 빨간 박스를 쳐둔 부분을 중점적으로 보여드릴께요.

 

 

 

 

 

우선 작업하기 편하도록 파워포인트를 가로에서 세로로 바꿔줍니다.

 

[파워포인트 세로로 바꾸는 법 보러가기_클릭]

 

 

 그 다음 삽입-도형-사각형을 선택 하고 적당한 크기로 크게 그려줍니다.

그 다음 마우스 우클릭 그림서식-채우기-그림넣기-파일찾기를 통해

원하는 이미지를 넣은 후 확인을 눌러줍니다.

 

 

 

 

 

 

 

 

 

그 다음 한 번더 마우스 우클릭 그림서식-그림-컬러모드에서 회색조로 바꿔준 후

대비 수치를 적당하게 조절해줍니다.

 

 

 

 

 

 

(그림 위에 글씨를 썼을 때 잘 보이도록 약간 어두운게 좋음)

 

 

저는 대략 이정도로 했습니다.

 

 

 

 

 

 

 

 

텍스트 상자를 선택하여 원하는 문구를 써줍니다. 폰트는 흰색!

너무 얇지 않은 글씨체가 좋습니다. 그 후 텍스트 박스를 클릭 하고 상단에

텍스트정렬에서 양쪽 균등분할 클릭 윗부분이 저렇게 바뀝니다.

 

 

텍스트는 두 줄 정도로 쓰는게 좋고 둘 중 하나는 텍스트를 너무 꽉 채워 쓰지 않습니다.

 

 

 

 

 

 

 

그 다음 텍스트 상자를 각각 만들어 원하는 글씨를 적당하게 써줍니다.

예제와 같이 소개 밑에 있는 두번 째 글만 그라데이션을 주겠습니다~

 

 

텍스트 선택 후 마우스 우클릭 - 텍스트 효과 서식 클릭

 

 

 

 

 

 

 

 

 

텍스트 채우기-그라데이션 채우기-선형 위쪽 클릭 후 중지점을

 

진회색-흰색으로 적절하게 바꿔줍니다.

 

 

 

 

 

 

 

그럼 위와 같이 위는 밝고 밑은 어두운 그라데이션 효과를 볼 수 있습니다.

그 옆은 조금 더 작은 글씨로 원하는 문구를 씁니다.

 

 

 

 

 

 

 

 

 

 

 

그 다음은 광고하고자 하는 상품을 그냥 네모네모로 넣는 대신

도형을 활용해 깔끔하고 특이하게 꾸며 보도록 하겠습니다.

 

 

삽입-도형-(순서도)-(데이터) 도형을 선택하여 그려줍니다.

위와 같은 모양이며 이때 외곽선 없음으로 해줍니다.

 

 

적절한 크기로 만들었으면 컨트롤+드래그를 해서 두개를 복사해줍니다.

 

 

 

 

 

 

 

 

그럼 이렇게 같은 방향으로 세개의 도형이 생깁니다.

그 중 맨 처음과 맨 끝만 클릭해주세요. (컨트롤한 상태로 각각 클릭)

 

저렇게 도형이 선택되면 상단의 회전-좌우대칭을 선택해주세요.

 

 

 

 

 

 

 

좌우대칭을 하면 저렇게 도형들이 맞닿았을 때 반듯하지 하고 약간 기울어진 모습이 나옵니다.

당황하지 말고 도형을 선택하면 나오는 저 초록색 동그라미를 움직여서

맞대어진 면들이 반듯하게 정렬해줍니다.

 

 

 

 

 

 

 

 

그 다음 역시 1번과 3번 도형을 선택 후 방향키를 사용하여 약간 아래로 내려줍니다.

저렇게 어긋나게 배치해주세요.

 

그 후 1번 도형을 선택 마우스 우클릭 - 도형서식 선택

 

 

 

 

 

 

 

채우기 - 그림 또는 질감 채우기 - 파일 - 원하는 이미지 파일 선택 - 닫기

 

 

쇼핑몰 페이지라고 가정하면 여기에 신상품이나 인기상품 또는 세일상품 이미지를 넣어도 좋겠죠?

 

 

캡쳐 사진에는 연습용이기 때문에 이미지 대신 질감채우기를 사용했지만

원하는 그림을 넣어주시면 됩니다. 내가 넣은 그림이 도형 사이즈 때문에 비율이 어색해졌다면

밑의 오프셋 값을 조절하여 자연스럽게 바꿔줍니다.

 

 

 

 

 

 

 

 

나머지 두개의 도형도 원하는 그림을 넣어줍니다. (예제에서는 생략)

- 작업중 원본 샘플과 다르게 도형을 조금 더 어긋나게 배치해봤습니다 -

 

 

그 다음 도형 채우기 없음, 윤곽선 검은색/두께 3pt 를 설정한 뒤 직사각형을 하나 그려줍니다.

 

그럼 저렇게 뻥뚫린 사각형이 되겠지요?

 

 

 

 

 

 

 

 

 

아까 그린 사각형 안에 텍스트 상자를 삽입하여 원하는 문구를 씁니다.

그 다음 저정도 위치에 더 작은 사각형 도형을 삽입해줍니다.

 

 

 

 

 

 

방금 만든 도형을 윤곽선 없음과 흰색 배경으로 채워줍니다.

(캡쳐가 잘못됬네요 ㅠㅠ 배경없음이 아니라 흰색입니다.)

 

 

※흰색인 이유는 배경색과 동일하게 만들기 위해서입니다. 사용하신 배경 또는 이미지 컬러에 맞춰주세요.

 

 

 

 

 

 

 

 

그리고 만든 도형 안에 글씨를 입력해줍니다.

그럼 저렇게 상단 가운데가 뚫린듯한 검은색 박스를 만들 수 있습니다.

 

 

 

 

 

 

 

 

 

 

 

사진 속에 보이는 파란색 가방은 클립아트입니다.

 

상단메뉴-삽입-클립아트를 클릭 하면 오른쪽에 클립아트를 검색할 수 있는 창이 뜹니다.

거기서 가방 이라고 검색해서 나온 이미지 중 저는 저 이미지를 사용하였습니다.

 

맘에 드는 클립아트를 클릭만 하면 저렇게 짠- 삽입할 수 있습니다.

 

생각보다 클립아트 활용도가 무궁무진합니다 ㅋㅋ

이전 포스팅에서 보여드렸던 아이콘들도 대부분 클립아트를 활용했답니다.

 

이미지나 패턴에 비해서 클립아트는 다들 잘 사용하지 않는것 같은데(저만 그런가여?ㅋㅋㅋㅋ)

생각보다 좋은 이미지들이 많이 있어요! 

 

 

그 다음 옆의 1번은 윤곽선 없는 사각형을 작게 그리고 검은색으로 채운 뒤 흰색으로 숫자 1을 써주었습니다.

 

 

 

 

라스트!

 

 

하트 아이콘 만들기

 

저만 파워포인트에서 하트를 못찾는건지 모르겠지만 ㅠㅠ 전 이렇게 만들어봤습니다.

 

 

폰트 사이즈를 크게 변경한 뒤 ㅁ+한자를 눌러서 하트를 선택합니다.

원하는 색으로 바꾼 뒤 하트 텍스트를 클릭하고 우클릭-그림으로 저장하기 선택

 

 

하트.jpg 이런식으로 저장하면 텍스트가 그림으로 저장됩니다.

 

 

 

 

 

 

 

 

 

 

그 다음 저장한 하트 이미지를 불러오세요.

그 당므 텍스트박스를 하트 위에 삽입하고 원하는 글씨를 써주세요.

 

이왕이면 흰색으로!

 

 

 

 

 

 

 

 

저는 only one이라고 써줬습니다. 하트와 텍스트를 함께 선택 후 컨트롤+G 를 하면 그룹화가 됩니다.

말하자면 두개를 묶어버렸기 때문에 이동 할 때도 한 번에 옮길 수 있습니다.

 

그룹화된 하트를 가방위에 올려주세요!

 

 

 

 

 

 

 

 

다 해놓고 보니 가운데 도형 세개는 그냥 원래대로 바르게 정렬된게 더 이뻐서

다시 수정해봅니다 ㅋㅋㅋㅋㅋㅋ(역시 디자이너는 아무나 하는게 아니에요)

 

 

딱히 마음에 드는 이미지가 없어서 완성작은 원본에 있던 이미지를 사용하였습니다.

 

 

오픈마켓이나 소셜커머스의 복잡한 상세페이지는 무리지만 심플하고 간단한

쇼핑몰의 상세페이지나 이벤트 페이지, EDM페이지 등은 파워포인트로도

간단하게 만들어 볼 수 있답니다:D