PowerPoint를 사용하여 방문 페이지 스크린샷을 개선하는 방법

게시 됨: 2022-05-07

전환율이 높은 방문 페이지의 가장 중요한 측면 중 하나는 명확하고 부가가치가 높은 콘텐츠입니다.

소프트웨어 랜딩 페이지의 경우 해당 콘텐츠에는 소프트웨어 인터페이스 또는 고유한 기능을 보여주는 스크린샷이 포함되어야 합니다. 구매자는 평가판이나 데모에 대한 대가로 소중한 연락처 정보를 제공하기 전에 소프트웨어가 실제로 어떻게 보이는지 확인하기를 원합니다.

단순히 화면 캡처를 랜딩 페이지에 붙여넣는 것보다 랜딩 페이지 디자인에 시각적인 흥미를 더하면서 소프트웨어를 선보일 수 있는 다양한 방법이 있습니다. 그림자를 추가하거나, 장치에 스크린샷을 표시하거나, 주요 기능을 호출하는 것은 사용자의 관심을 끌 수 있는 좋은 방법입니다.

전문가 수준의 이미지를 만들려면 사진 전문 지식과 복잡한 편집 소프트웨어가 필요하다고 생각할 수도 있지만 실제로 컴퓨터에 이미 설치되어 있는 소프트웨어를 사용하면 훌륭한 결과를 얻는 것은 매우 쉽습니다.

아래에서 놀라운 도구인 Microsoft PowerPoint를 사용하여 스크린샷을 멋지게 꾸미는 몇 가지 방법을 보여 드리겠습니다.

PowerPoint를 사용하여 방문 페이지 스크린샷을 개선하는 방법

PowerPoint 시작하기

우리는 이전에 PowerPoint가 단순한 회의 이상으로 사용될 수 있음을 보여 주었지만 사진 편집기를 찾을 때 가장 먼저 떠오르는 것은 아마도 아닙니다.

그러나 놀랍도록 강력한 기능을 갖춘 PowerPoint는 밋밋한 이미지를 구매자의 관심을 끌 수 있는 이미지로 빠르게 바꿀 수 있으므로 방문 페이지에 사용할 전문적인 스크린샷을 만드는 데 훌륭한 도구입니다.

이 자습서에서는 PowerPoint 2013을 사용할 것이므로 다른 버전을 사용하는 경우 레이아웃과 메뉴 선택이 약간 다를 수 있지만 기능은 동일해야 합니다.

시작하기 전에 이미지를 편집할 수 있는 몇 가지 기본 기술이 있습니다.


우리가 사용할 대부분의 도구는 PowerPoint의 "그림 서식" 메뉴에서 찾을 수 있습니다.

  • 이러한 도구에 액세스하려면 이미지를 삽입한 다음 해당 이미지를 마우스 오른쪽 버튼으로 클릭하고 목록 하단에서 "그림 서식"을 선택한 다음 오른쪽에 나타나는 서식 메뉴에서 "효과" 탭을 클릭합니다. 화면.

PowerPoint를 사용하면 이미지, 텍스트, 선, 화살표 등을 포함한 여러 요소를 저장할 수 있는 하나의 통합 이미지로 결합할 수 있습니다.

  • 각 요소를 Shift-클릭하여 선택한 다음 마우스 오른쪽 버튼을 클릭하고 "그룹"을 선택하여 하나의 이미지로 결합합니다.

이미지 편집이 끝나면 랜딩 페이지에서 사용할 수 있도록 저장해야 합니다.

  • 완성된 이미지를 마우스 오른쪽 버튼으로 클릭하고 "그림으로 저장"을 선택한 다음 이미지를 바탕 화면에 저장하여 사용할 수 있습니다. PNG 파일 형식을 사용하여 이미지 배경의 투명도를 유지합니다.

아래에서 PowerPoint를 사용하여 스크린샷을 개선할 수 있는 5가지 구체적인 방법을 보여 드리겠습니다.

1. 그림자

Unbounce 페이지의 그림자를 사용하여 스크린샷을 눈에 띄게 만들기
Unbounce는 그림자를 사용하여 스크린샷을 돋보이게 만듭니다.

스크린샷을 꾸미는 가장 쉬운 방법 중 하나는 그림자로 차원을 추가하는 것입니다. 페이지에 평평하게 앉아 있지 않고 깊이의 환상으로 인해 이미지가 배경에서 튀어 나옵니다.

방법: 몇 번의 클릭으로 모든 이미지에 그림자를 추가할 수 있으며 아래에 제시된 많은 다른 기술과 함께 마무리 터치로 사용할 수 있습니다.

  • 효과 메뉴에서 "그림자"를 클릭하여 드롭다운 메뉴에 액세스합니다. 미리 설정된 그림자를 선택한 다음 슬라이더를 사용하여 그림자의 크기, 위치, 색상 및 투명도를 원하는 대로 조정합니다.

PowerPoint에서 이미지에 그림자를 추가하는 방법
PowerPoint에서 이미지에 그림자를 추가하는 방법

빠른 팁: 80% 투명도와 101% 크기의 "오프셋 센터" 사전 설정을 사용하여 거의 모든 응용 프로그램에서 보기 좋은 단순한 그림자를 만듭니다.


2. 3D 회전

Convoso의 스크린샷

Convoso의 누적 회전 스크린샷은 화면에 평평하게 앉아 있는 것이 아니라 실제 공간을 차지하는 것처럼 보입니다.

PowerPoint를 사용하면 공간에서 사진을 회전하여 이미지에 깊이와 시각적 흥미를 더할 수 있습니다.

이 도구는 스톡 사진의 화면 각도를 맞추는 데 사용할 수 있으므로 소프트웨어의 스크린샷을 전문가 수준의 이미지로 만들 수 있습니다(자세한 내용은 아래 참조). 그러나 3D 회전 도구를 가장 좋아하는 용도는 여러 스크린샷으로 누적 효과를 만드는 것입니다.

방법: 이를 수행하려면 여러 스크린샷에 동일한 회전을 적용한 다음 서로의 위에 정렬합니다. 각 이미지에 그림자와 3D 깊이를 추가하면 시각적으로 구분하는 데 도움이 됩니다.

  • 시작하려면 "3D 회전" 드롭다운을 선택하고 사전 설정을 적용하십시오. 나는 보통 스톡 사진 화면을 일치시키고 재미있는 효과를 만드는 데 가장 유용하기 때문에 "병렬" 섹션을 고수합니다.
  • X, Y, Z 회전 설정을 조정하여 3D 공간에서 이미지를 회전합니다.
  • 두께의 환상을 추가하려면 "3D 형식" 드롭다운을 선택하고 "깊이" 옵션을 사용하십시오. 이렇게 하면 종이가 얇기보다는 블록처럼 보입니다.

PowerPoint를 사용하여 스크린샷을 회전하고 누적 효과를 만드는 방법을 보여주는 GIF
PowerPoint를 사용하여 스크린샷을 회전하고 누적 효과를 만드는 방법

빠른 팁: 300° X, 320° Y 및 70° Z 회전을 사용하여 여러 스크린샷에 "Isometric Top Up" 사전 설정을 적용합니다. 이미지가 약간 겹치도록 배열한 다음 그림자와 깊이를 개별적으로 적용합니다.


3. 기기 스크린샷

장치에 스크린샷을 넣는 방법을 보여주는 Polymail의 스크린샷
Polymail의 이 예와 같이 장치에서 스크린샷을 사용하면 구매자가 소프트웨어의 다양성을 더 잘 이해할 수 있습니다.

이 효과를 시작하려면 3D 회전과 여러 이미지를 비롯한 몇 가지 기술이 필요합니다. 스크린샷과 노트북, 태블릿 또는 스마트폰의 스톡 사진이 필요합니다. 스톡 이미지를 선택할 때 라이선스를 확인하여 로열티가 없고 상업적 사용이 승인되었는지 확인하십시오. 가능하면 프로세스가 훨씬 쉬워지므로 일반 또는 투명한 배경의 정면 이미지를 찾으십시오.

방법: 스크린샷과 스톡 사진을 모두 PowerPoint에 삽입하고 이미지를 정렬합니다. 스크린샷이 장치에 있는 것처럼 보이면 이미지를 그룹화하여 결합합니다.

  • 최종 이미지를 배경 없이 장치의 스크린샷으로 만들려면 스톡 사진에서 PowerPoint의 "배경 제거" 도구를 사용해야 할 수 있습니다. 이 도구는 기본 리본 메뉴의 "그림 도구"에서 찾을 수 있으며 제거할 그림 영역을 선택하기 위해 스톡 사진 위에 선을 그릴 수 있습니다. 확대하고 시간을 들여 만족할 때까지 영역을 제거하고 유지하면서 앞뒤로 이동하는 것이 좋습니다.
  • 스톡 사진이 스크린샷을 가리고 있는 경우 해당 사진을 마우스 오른쪽 버튼으로 클릭하고 "맨 뒤로 보내기"를 선택하여 이미지를 재정렬할 수 있습니다.
  • 스톡 사진의 장치 화면에 맞게 스크린샷의 크기를 조정합니다. 비율이 정확하지 않으면 이미지를 잘라야 할 수도 있습니다. 자르기 도구는 "그림 도구" 메뉴 또는 "그림 서식" 메뉴의 "그림" 탭에서 찾을 수 있습니다. 자르기 도구를 사용하여 이미지 가장자리에서 드래그하여 스톡 사진에 맞지 않는 여분을 잘라냅니다.
  • 필요한 경우 3D 회전 도구를 사용하여 스크린샷을 스톡 사진 화면과 정렬해야 할 수도 있습니다. 두 이미지가 올바르게 정렬될 때까지 X, Y 및 Z 회전을 수동으로 조정해야 합니다.
  • 스크린샷이 제대로 정렬되면 두 이미지를 Shift 키를 누른 상태에서 클릭한 다음 마우스 오른쪽 버튼을 클릭하고 그룹화합니다.

PowerPoint를 사용하여 장치 이미지에 스크린샷을 오버레이하는 방법을 보여주는 GIF
PowerPoint를 사용하여 스크린샷을 장치 이미지에 덮어쓰는 방법

빠른 팁: 정면에서 찍은 이미지로 작업하면 스크린샷을 올바르게 배치하기가 훨씬 쉬워집니다. 자르기가 필요한 경우 스크린샷의 중요한 요소가 잘리지 않도록 하십시오.


4. 정보 콜아웃

콜아웃을 사용하여 소프트웨어 기능을 강조하는 Revelation Pets의 스크린샷
Revelation Pets는 소프트웨어의 몇 가지 주요 기능을 강조하기 위해 콜아웃을 사용합니다.

고유한 기능을 강조 표시하는 가장 좋은 방법은 스크린샷에서 문자 그대로 해당 기능을 가리키는 것입니다. PowerPoint에는 이미지에 선이나 화살표를 추가하는 몇 가지 옵션이 있어 기능에 쉽게 레이블을 지정할 수 있습니다. 보다 세련된 효과를 위해 이 기술을 장치에 배치한 스크린샷에 적용할 수 있습니다.

어떻게:

  • 스크린샷의 기능을 가리키는 선이나 화살표를 추가하여 시작하세요. "삽입" 메뉴에서 "모양" 드롭다운을 선택하여 다양한 선과 화살표 옵션에 액세스합니다. 선 모양을 선택하고 텍스트 상자에서 스크린샷의 기능으로 클릭하고 끌어 선을 만듭니다. 직각 굽힘과 같은 더 복잡한 모양에는 여러 선을 사용해야 할 수도 있습니다.
  • "모양 서식" 메뉴에서 "선" 옵션을 사용하여 선의 디자인을 변경할 수 있습니다. "너비" 선택기를 사용하여 선의 두께를 변경하고 화살표 옵션을 사용하여 각 선 끝에 있는 점의 크기를 추가, 제거 또는 변경합니다. 더 깔끔한 모양을 위해 화살표 포인트를 타원형으로 변경할 수도 있습니다. 다양한 선 스타일, 색상 및 두께를 시도하여 마음에 드는 디자인을 찾으세요.
  • 마지막으로 강조 표시할 기능에 레이블을 지정하는 텍스트를 추가합니다. 메뉴에서 "삽입"을 선택한 다음 "텍스트 상자"를 선택한 다음 슬라이드의 아무 곳이나 클릭하여 텍스트 영역을 그립니다. 브랜드와 일치하는 글꼴과 색상을 사용하십시오. 아래에 더 작은 글꼴 크기로 기능에 대한 간단한 설명을 포함할 수도 있습니다.

콜아웃을 사용하여 소프트웨어 기능을 강조하는 Revelation Pets의 스크린샷
PowerPoint를 사용하여 방문 페이지 스크린샷의 기능을 강조 표시하는 방법

빠른 팁: Shift 키를 누른 상태에서 선을 드래그하여 직선이 되도록 합니다. 완벽한 90도 굽힘을 생성하려면 먼저 개별 수평선과 수직선을 만들고 두 선의 "끝 유형" 옵션을 정사각형으로 설정합니다. 하나를 클릭하고 다른 쪽 끝 근처로 드래그하면 서로 스냅됩니다.


5. 확대된 콜아웃

돋보기를 사용하여 세부 사항에 주의를 집중시키는 When I Work 사이트의 스크린샷
내가 일할 때 돋보기를 사용하여 스크린샷의 주요 세부 사항에 주의를 끌 수 있습니다.

때때로 스크린샷은 빽빽하게 채워진 정보로 가득 차서 적절한 크기를 유지하면서 세부 사항을 확인하기 어렵습니다. 이러한 세부 사항에 주의를 환기시키는 가장 좋은 방법은 스크린샷의 나머지 부분은 그대로 두고 세부 영역의 크기를 늘리는 것입니다. 그 효과는 소프트웨어의 중요한 세부 사항 위에 돋보기를 들고 있는 것과 같습니다.

방법: 이 효과는 스크린샷을 장치에 배치하고 정보 콜아웃을 추가하는 기술을 결합합니다. 두 이미지를 결합하기 전에 스크린샷 사본 하나를 조작하고 다른 사본 위에 배치해야 합니다.

  • 스크린샷 사본 두 개를 PowerPoint에 삽입합니다. 가능하면 확대된 디테일 샷이 될 사본에 고해상도 이미지를 사용하십시오.
  • 스크린샷 사본 하나를 선택한 다음 기본 리본 메뉴 아래의 "그림 도구" 탭으로 이동합니다. 자르기 도구 아래에서 드롭다운을 선택하고 "모양에 맞게 자르기"를 선택한 다음 "타원형"을 선택합니다. 그런 다음 자르기 드롭다운을 다시 선택하고 "종횡비"를 선택한 다음 "1:1"을 선택하여 완벽한 원으로 자릅니다.
  • 어두운 모서리 브래킷을 사용하여 자르기 크기를 조정한 다음 이미지를 클릭하고 끌어 강조 표시하려는 세부 사항의 중앙에 배치되도록 합니다. 모양을 클릭하여 자르기를 완료합니다.
  • 자른 이미지를 선택하고 "서식" 메뉴의 "그림 테두리" 옵션을 사용하여 테두리를 추가하여 메인 스크린샷과 눈에 띄도록 하십시오. 테두리 두께와 색상을 변경하여 디테일한 부분이 돋보이도록 합니다.
  • 마지막으로 확대된 세부 정보 섹션을 스크린샷 위에 놓고 두 개체를 함께 그룹화합니다.

PowerPoint를 사용하여 이미지의 일부를 확대하는 방법을 보여주는 GIF
PowerPoint를 사용하여 스크린샷의 특정 부분을 확대하는 방법

빠른 팁: 잘린 부분 주위에 두꺼운 회색 테두리를 사용하여 고전적인 돋보기 효과를 만드십시오. 확대된 부분이 구매자가 세부 사항을 알아볼 수 있을 만큼 충분히 커야 합니다.


보너스 기능

소프트웨어의 스크린샷을 캡처하는 방법이 필요하면 짐작 대로 PowerPoint 찾으십시오.

기본 메뉴에서 "삽입"을 선택한 다음 "스크린샷"을 선택하여 도구를 시작합니다. PowerPoint는 열려 있는 각 창의 목록을 표시한 다음 소프트웨어 응용 프로그램을 선택하기만 하면 해당 화면을 캡처하여 PowerPoint 슬라이드에 배치합니다. 그런 다음 PowerPoint 내에서 직접 편집할 수 있습니다.

PowerPoint를 사용하여 스크린샷 찍기

"스크린샷" 도구를 실행하기 전에 캡처하려는 소프트웨어 화면이 열려 있는지 확인하십시오.

시작할 시간입니다!

당신은 그것을 가지고 있습니다! 이러한 기술을 사용하면 단조로운 화면 캡처를 랜딩 페이지에서 기억에 남고 가치를 더하는 사진으로 전환할 수 있습니다. 각 도구의 설정을 사용하여 작동 방식과 가능한 다른 기능을 알아보는 것이 좋습니다.

일반적인 비즈니스 소프트웨어를 흥미로운 방식으로 사용하는 기술을 발견했습니까? 아래 의견에 알려주십시오!