이미지 사이즈 & 캔버스 사이즈 조정하기

<TABLE style="TABLE-LAYOUT: fixed" cellSpacing=0 cellPadding=0 width="100%" border=0> <COLGROUP> <COL width="100%"></COL> <TBODY> <TR> <TD class=list_han vAlign=top> <TABLE width="90%" border=0> <TBODY> <TR> <TD>이미지의 크기는 메뉴의 Image> Image Size 에서 바꿀수 있습니다 <IMG style="CURSOR: hand" [안내]태그제한으로등록되지않습니다-xxonclick=window.open(this.src) height=311 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fdesignsurf.net%2Fphotoshop%2Fsize%2F01.gif" width=415 border=0 name=zb_target_resize> 1. Pixel Dimensions 이미지를 픽셀 단위로 변경하며 Width(가로길이)와 Height(세로길이) 를 기준으로 변경합니다 2. Document Size 인쇄되는 크기로 변경하며 단위는 cm, inchs, percent, picas가 있습니다 3. Constrain Proportions 가로, 세로의 비율을 조절하는 기능으로 비율이 자동으로 계산됩니다 가로, 세로 각각 하나의 값만 변경해도 자동으로 나머지 값도 변경됩니다 체크 표시를 하지 않으면 가로값과 세로값을 각각 입력할 수 있어 사용자가 임의로 비율을 변경할 수 있습니다 4. Resample Image 포토샵 화면에서 보여지는 크기는 변경되지 않으면서 출력되는 크기만 변경하는 기능으로 체크 표시를 하지 않으면 Pixel Dimensions 입력창에는 입력할 수 없게 되고 Document Size 입력창에만 입력할 수 있습니다 5. Auto 버튼 해상도를 자동으로 조절해 주는 기능으로 클릭하면 Auto Resolution 이란 대화 상자가 나타납니다  </TD></TR> <TR> <TD> 실제로 이미지의 크기를 변경해 볼께요. 원래 크기는 320 x 213 픽셀입니다 <IMG style="CURSOR: hand" [안내]태그제한으로등록되지않습니다-xxonclick=window.open(this.src) height=213 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fdesignsurf.net%2Fphotoshop%2Fsize%2F02.jpg" width=320 border=0 name=zb_target_resize> 이미지 사이즈 창에서 가로값을 변경하니 세로 값도 자동으로 바뀝니다 Constrain Proportions 에 체크가 되어 있기 때문이죠.. ok 하면.. <IMG style="CURSOR: hand" [안내]태그제한으로등록되지않습니다-xxonclick=window.open(this.src) height=312 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fdesignsurf.net%2Fphotoshop%2Fsize%2F03.gif" width=418 border=0 name=zb_target_resize>   아래처럼 이미지가 확대되어 커졌습니다 <IMG style="CURSOR: hand" [안내]태그제한으로등록되지않습니다-xxonclick=window.open(this.src) height=266 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fdesignsurf.net%2Fphotoshop%2Fsize%2F04.jpg" width=400 border=0 name=zb_target_resize>  </TD></TR> <TR> <TD> 이미지 사이즈와 달리 캔버스 사이즈는 이미지의 크기를 늘리는게 아니라 이미지가 놓인 캔버스의 사이즈.. 즉 여백을 늘리는 기능을 합니다 anchor 부분이 중요한데 그림처럼 가운데를 중심으로 사방으로 사이즈를 늘립니다 <IMG style="CURSOR: hand" [안내]태그제한으로등록되지않습니다-xxonclick=window.open(this.src) height=319 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fdesignsurf.net%2Fphotoshop%2Fsize%2F05.gif" width=345 border=0 name=zb_target_resize> 가로 값만 400 으로 늘렸을 때의 결과입니다 <IMG style="CURSOR: hand" [안내]태그제한으로등록되지않습니다-xxonclick=window.open(this.src) height=213 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fdesignsurf.net%2Fphotoshop%2Fsize%2F06.jpg" width=400 border=0 name=zb_target_resize>  </TD></TR> <TR> <TD> 이번엔 가로, 세로 값을 각각 늘리고 anchor를 제일 위쪽 왼쪽 상단으로 정했습니다 <IMG style="CURSOR: hand" [안내]태그제한으로등록되지않습니다-xxonclick=window.open(this.src) height=319 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fdesignsurf.net%2Fphotoshop%2Fsize%2F06.gif" width=346 border=0 name=zb_target_resize> 그 결과 제일 위쪽 왼쪽 상단을 중심으로 가로 세로 사이즈가 늘어났습니다 <IMG style="CURSOR: hand" [안내]태그제한으로등록되지않습니다-xxonclick=window.open(this.src) height=300 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fdesignsurf.net%2Fphotoshop%2Fsize%2F07.jpg" width=400 border=0 name=zb_target_resize> 이미지 사이즈와 캔버스 사이즈의 차이점을 아시겠죠?</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>