포토샵으로 홈페이지형 블로그 만들기
미리캔버스에서 여러 디자인 플랫폼에 대해서 디자인하는 것을 알아봤다면 이번 포스팅은 포토샵에서 홈페이지 블로그 만드는 방법을 알아보려고 합니다. 포토샵으로 디자인할 경우 필요한 것은 홈페이지형 블로그 디자인의 경우 상단에 위치할 이미지와 로고 이미지가 필요합니다.
1. 포토샵 캔버스 크기 정하기
포토샵 프로그램을 열었다면 블로그 가로 사이즈의 캔버스 크기를 설정해줍니다. 상단에 새로 만들기를 클릭해서 가로 1920px 생성해줍니다. 높이는 자신의 블로그 이미지에 맞게 임의로 설정해주세요. 배경은 흰색으로 선택하고 확인을 눌러주면 흰색 캔버스가 보입니다.
가로 1920px보다 크거나 작은 사이즈면 PC용 모니터에서 볼 때 이미지가 잘릴 수 있으므로 포토샵 캔버스 크기 설정 시 가로 사이즈는 1920px로 해주는 것이 좋습니다.
2. 로고 디자인 위치 설정
로고 디자인은 캔버스 중앙에 오도록 위치 설정해야 합니다. 포토샵 작업 화면을 보면 눈금자 설정이 되어있으니 (눈금자가 보이지 않으면 ctrl+R 단축키 이용) 1920px의 절반에 해당하는 960px위치에 안내선을 삽입합니다. 안내서는 원하는 위치의 눈금자 부분을 클릭하고 캔버스 방향으로 드래그하면 안내선이 이동합니다. 안내선은 정확한 위치에 로고 이미지를 삽입하기 위함입니다.
3. 배경 이미지 추가
로고 위치 설정 후 메뉴바를 만들어야 하는데 그전에 배경 이미지를 추가하도록 하겠습니다. 포토샵 편집 화면에 검은색 여백을 더블 클릭하면 내 컴퓨터의 파일을 열 수 있습니다. 배경 이미지로 쓰일 이미지를 선택 후 열기를 클릭합니다. (배경 이미지는 무료 다운로드가 가능한 사이트에서 찾아볼 수 있습니다.)
로고 위치를 잡아둔 화면으로 이미지를 드래그해서 가지고 온 후 배경 이미지 위치를 잡아주면 됩니다. 캔버스 사이즈 설정이 필요하면 ctrl + 마이너스를 클릭하면 캔버스 사이즈가 점점 작아집니다. 배경 이미지가 캔버스 크기와 잘 맞는지 잘리는 부분은 없는지 확인합니다.
이미지가 잘린다면 배경 이미지의 높이를 조절하는 것이 좋습니다. 포토샵 화면 왼쪽 작업툴이 있는 사이드 바 위쪽에서 네모 모양 점선을 클릭한 뒤 배경 이미지의 자를 부분 크기에 맞춰 드래그하면 자르는 영역이 표시됩니다. 원하는 만큼 영역을 설정한 뒤 Delete키를 눌러 이미지를 잘라냅니다.
포토샵 오른쪽 화면에 레이어를 볼 수 있습니다. 눈 모양을 클릭하면 선택하고 싶은 레이어를 골라낼 수 있습니다. (눈 모양을 클릭하면 해당 레이어의 그림이 보이지 않습니다. 다시 클릭하면 레이어가 보입니다.)
4. 본문 카테고리
본문 카테고리 이미지를 배치하기 위해서는 안전선으로 자리를 표시해둬야 작업이 용이합니다. (안내선을 보이거나 안 보이게 하고 싶으면 'ctr;+;' 단축키 이용) 링크를 걸어둬야 해서 포토샵에서 안내선으로 표시해야 합니다.
참고하고 싶은 홈페이지형 블로그 상단 이미지를 캡처해와서 포토샵 캔버스에 배경으로 둔 뒤 상단 이미지를 디자인하면 작업하기 편합니다.
댓글