보통 포토샵으로 상세페이지 같은 것을 만들 때 길게 하나의 이미지로 작업을 하죠. 이 길다란 이미지를 하나의 파일로 저장하여 웹에 올리면 업로드 시간도 오래 걸리고, 웹에서 화면을 열었을 때 이미지 로딩시간이 오래 걸리게 됩니다. 그래서 이미지를 잘라서 저장해야 합니다요.
포토샵으로 이렇게 길다란 이미지를 만들었다고 칩니다.
안내선으로 분할영역 만들기
안내선으로 영역을 나누어 자르는 방법입니다. 가장 간단하고 많이 쓰는 방법입지요.
눈금자에서 클릭앤드레그해서 자를 위치에 안내선을 그어놓습니다.
분할영역도구 툴을 선택하고 (단축키 c) 상단에 안내선에서 분할 영역 만들기 를 누르면 이미지가 잘린 상태가 됩니다.
웹용으로 저장을 눌러줍니다. 단축키 Alt + Shift + Ctrl + S 손가락 네개를 써야 누를 수 있는 극악의 단축키지만 숙달되면 어렵지 않아요.
확장자, 품질, 이미지 크기 등을 설정하고 저장을 눌러줍니다. 오른쪽 하단보면 저장, 완료가 있는데, 저장을 눌러주세요. 그래야 저장이 됩니다.
images라는 파일 안에 세개로 잘린 이미지가 쪼로록 저장이 되있습죠. 참 쉽죠?
전체이미지 중 부분만 사용하고 싶을 때
아까 잘랐던 부분을 없애고 다시 통으로 된 이미지로 되돌리고 싶으면
[보기]-[분할영역지우기] 해줍니다. 안내선 한번에 지우고 싶으면 [보기]-[안내선지우기] 해줍니다.
그리고 역시나 분할영역 툴을 선택해 사용하고 싶은 부분만큼 클릭앤드레그하여 영역을 설정해 줍니다.
어린이와 함께! 부분만 잘라볼게요. 웹용으로 저장 합니다.
포토샵이 수직, 수평으로 이미지를 알아서 잘라서 images 파일에 저장을 해놓았네요. 여기서 필요한 이미지만 가져다 쓰면 됩니다.
끝-!
'포토 일러 블로그' 카테고리의 다른 글
| 파비콘 만들기, 내 티스토리에 적용하기 (2) | 2022.01.07 |
|---|---|
| 다음 유입이 줄었다면 저품질 의심해보자. +다음 검색등록 (7) | 2022.01.07 |
| 어도비 포토샵 일러스트 해지방법 (0) | 2021.11.22 |
| 애드센스, 더 나은 광고 표준 위배 해결방법 (0) | 2021.10.26 |
| 블로그 운영일기 - 일상블로그 수익 (0) | 2021.10.15 |
댓글