Wix 무료 홈페이지 제작하고 사진 자르고 커스텀 디자인하기

브랜드를 만들 때, 가장 우선순위의 일 중 하나는 홈페이지를 만드는 일입니다. 이 때, 무료 홈페이지 템플릿 사이트를 활용하면 코딩을 모르는 사람도, 개발자나 디자이너 없이 나의 회사나 브랜드 등 비즈니스를 알리는 대표적인 플랫폼을 구축할 수 있는데요.

그 중 Wix라는 사이트는 무료 사이트를 제작하도록 수많은 템플릿을 제공하고 있습니다. 하지만 Wix에서 무료 홈페이지 제작을 하면, 제한적인 디자인으로 인해 회사나 브랜드 고유의 이미지를 보여주는데 부족함이 있을 수 있습니다.

포토샵과 Wix를 사용하여 완성한 홈페이지 템플릿 디자인

브랜딩에 관심이 있는 무료 사이트 제작자라면 포토샵을 이용해 비즈니스의 개성을 보여줄 수 있는 홈페이지 디자인에 도전해보면 어떨까요? 브랜드의 컨셉에 맞게 포토샵에서 멤버의 사진을 자르고, 색 보정을 하는 것만으로도 더욱 브랜드 고유의 이미지를 보여주는데 도움이 될 것입니다.

Wix 무료 홈페이지 템플릿 선택하기

Wix는 비즈니스 및 서비스, 쇼핑몰 유형, 크리에이터의 성격, 커뮤니티나 블로그 목적 등 다양한 유형에 맞는 무료 홈페이지 템플릿을 제공하고 있습니다. Wix 홈페이지에 접속하여 로그인 후, ‘제작 카테고리’의 ‘웹사이트 템플릿 페이지’에서 목적에 맞는 템플릿을 하나 선택해 주세요. 다음 예시에서는 비즈니스 홈페이지용 템플릿을 선택하여, 멤버 소개 페이지에 들어갈 사진을 포토샵으로 디자인해보겠습니다.

멤버 소개 페이지에 들어갈 부분 디자인하기

홈페이지에 들어갈 팀 이미지 배경 제거하기

비즈니스 홈페이지에서 회사 팀원을 소개할 때, 깔끔하고 통일된 이미지를 사용하는 것은 보다 회사의 이미지를 전문적으로 보여주는데 도움이 됩니다. 이때, 포토샵의 ‘배경 제거' 기능을 활용한다면 멤버들의 사진을 같은 곳에서 촬영하지 않고도 통일성 있는 프로필 사진을 디자인할 수 있습니다.

포토샵 실행하여 사진 불러오기

  1. 포토샵 실행 후 ‘파일 > 불러오기’ 또는 단축키 ‘Ctrl + O’로 사진 불러오기

배경 제거 기능 이용하여 불러온 이미지의 배경 제거하기

  1. 사진 레이어를 선택
  2. 활성화된 미니 메뉴에서 ‘배경 제거’ 기능 선택

페더 값 조절하여 이미지 가장자리 다듬기

  1. ‘마스크 페더 및 밀도 수정’ 아이콘 클릭
  2. 가장자리를 부드럽게 해주는 페더 값 조절하여 이미지 가장자리 다듬기

생성형 AI 활용하여 배경 생성하기

인물 사진의 배경을 제거하였다면, 다음은 배경을 추가해줄 차례입니다. 이때, 회사의 이미지와 적합한 배경 이미지를 따로 찾거나 촬영할 필요 없이 생성형 AI를 활용하여 배경을 생성할 수 있습니다. 사용할 Wix의 템플릿이 원형인 점을 고려하여 생성형 AI로 원형의 배경을 생성해보겠습니다.

원형 선택 윤곽 도구로 이미지 생성할 부분 그려주기

  1. ‘사각형 윤곽 선택 도구’ 아이콘을 우클릭 > ‘원형 선택 윤곽 도구’로 변경
  2. ‘Alt + Shift’를 누르고 드래그하여 정원 생성
  3. ‘생성형 채우기'의 ‘프롬프트 창’에 “파란색 디지털 배경” 입력

인물 사진 뒤에 생성된 이미지 배치하기

  1. [원형 레이어]를 [멤버 사진] 레이어 아래에 배치
  2. ‘이동 도구’ 또는 단축키 ‘V’를 선택 후 대지 내 원하는 위치에 배치

조정 레이어로 인물 사진 색보정하기

홈페이지에 삽입될 이미지의 편집을 완료하였다면. 파란색 홈페이지 디자인에 어울리도록 ‘조정 레이어'로 이미지 색상을 보정해 디자인의 완성도를 높여 보겠습니다. ‘조정 레이어'의 ‘포토 필터'를 활용한다면 손쉽게 이미지의 색상을 보정할 수 있습니다.

포토 필터 선택한 후 필터 값 조정하기

  1. [멤버 사진] 레이어 선택 후 ‘메뉴 창 > 이미지 > 조정 > ‘포토 필터’ 선택
  2. 포토 필터 창에서 ‘Deep Blue’로 선택 후 밀도 조절하여 필터 값 조정

클리핑 마스크 선택한 후 이미지 내보내기

  1. [멤버 사진] 레이어 선택 후 우클릭하여 ‘클리핑 마스크 만들기’ 선택
  2. ‘메뉴 창 > 파일 > 내보내기 > PNG으(로) 빠른 내보내기’로 이미지 저장
  3. Wix에서 이미지 업로드 후 사용

포토샵과 Wix를 사용하여 완성한 홈페이지 템플릿 디자인

홈페이지 제작을 돕는 포토샵

이렇게 무료 홈페이지 제작이 가능한 Wix와 포토샵을 활용해 멤버 소개 페이지를 완성해 보았습니다. 처음부터 전문적인 웹 사이트를 구축하는 것은 매우 어려운 일이지만, Wix와 같은 무료 홈페이지 제작 도구를 활용한다면 비교적 손쉽게 홈페이지를 만들어볼 수 있습니다.

특히 포토샵을 함께 활용할 경우, 원하는 컨셉에 맞게 AI로 이미지 생성 뿐 아니라 바로 수정까지 가능하기 때문에, 무료 템플릿을 사용한 홈페이지더라도 충분히 비즈니스적으로 사용할 수 있는 전문적인 홈페이지 연출을 도와줍니다.

처음 브랜드를 시작하는 분이라면, 홈페이지 제작 뿐만 아니라 브랜드 에셋을 제작하는데도 활용할 수 있는 포토샵 다운로드 받고 비즈니스에 활용해 보세요.