26. 사진화일(jpg) 크기조정 방법 3가지


이메일에서 디지털카메라로 촬영한 사진화일(JPG)을 직접 추가시에 사진크기가 너무
커서 본문에 삽입할 때 어려움이 있거나 이메일 용량이 커져서 보내거나 받을 때 전송
속도 영향으로 한참 후에나 열리는 현상이 있어 이메일에 적정한 크기로 편집하여 본문에
추가시키는 방법이다. 사진을 편집할 수 있는 여러 도구 중에서 1. ACDSee(범용) 2. Alsee(범용)
3. PhotoShop(전문용) 소프트웨어를 이용하는 방법을 소개한다. 이중 Alsee가 일반인에게
사용이 편리할 듯하다.(권장)

1. ACDSee 방법
< ACDSee v.5.0 소프트웨어가 설치되어 있다는 전제하에서 설명한다.>
* 이메일이나 인터넷상의 게시판 등에 사진을 적정한 크기로 편집하여 올리고자 할때
적용한다.

1) 바탕화면에서 ACDSee5.0 아이콘을 클릭하여 프로그램을 실행한다.
상단메뉴에서 <화일> -> <열기> 하여 pc에 저장된 편집할 임의의 사진을 불러온다.
(예) IMG_2031.jpg (2816 x 1880 pixels/ 841 KB)

2) 상단 메뉴 <도구> - <크기 변경>을 선택하고 나타나는 창에서 <픽셀의 크기>를
(예) 너비(W) 700 높이(H) 460 등으로 수정한후 <확인>을 클릭하면 축소된 화면으로
변경된다.


3) 다시 <화일> -> <다른 이름으로 저장> 선택하여 [저장위치] 확인 및 [파일 이름]을
수정하여 저장한다. 예) 100901kgj01.jpg -> 2010년 9월1일 관곡지에서 촬영표시

4) 사진을 임의의 부분만 잘라내기를 하려면
불러온 사진을 상단메뉴의 <도구> -> <에디터에서 열기>를 클릭하면 편집화면으로
전환된다. 여기서 색상, 명암, 콘트라스트 등 일부 조정이 가능하다.
상단 메뉴에서 <Crop> 을 선택하고 마우스를 클릭한 상태로 임의의 직사각형을 만든다.
(점선으로 표시됨) - 잘못 잘랐으면 <Ecs> 키를 눌러 취소하고 다시 자른다.
하단에는 자른 범위의 크기가 픽셀로 표시되므로 잘 보아둔다.
예) W 1785 H 1000 -> 이메일에 사용하기에는 크므로 나중에 크기를 축소한다.
마우스의 커서를 점선안에서 더블 클릭하면 선택된 범위만 잘라 진다.

2. Alsee(v6.4) 방법
Alsee V6.4 소프트웨어가 없는 경우는 프리웨어인 Alsee v6.4 공개용을 다운로드 설치
하여 사용할 수 있다.

1) 알씨를 [ALTools - http://www.altools.co.kr]에서 다운로드하여 설치한다. 메인화면의
메뉴에서 <알씨[최신]>을 클릭하여 다운로드하여 프로그램을 설치한다.
* 설치안내에 따라 실행하여 설치하면서 바탕화면에 [알씨 아이콘]을 생성해 둔다.
* 설치중에는 다른 프로그램들을 모두 off해 두고 끝난후 pc를 재부팅해 사용한다.


2) 바탕화면의 [알씨 아이콘]을 클릭한다.
상단메뉴 <화일> -> <열기> 하여 임의의 홀더에서 편집하고자 하는 사진을 불러온다.
상단 메뉴의 <도구>에서 <크기 변경하기>를 선택한다. * 화일을 변경하는 방법에는
<비율로 조정하기, 해상도로 조정하기,특정축으로 조정하기, 용량으로 저장하기> 4가지기
있는 이중 하나를 선택해서 조정할 수 있다.


3) 일차 <해상도로 저장하기>를 선택하여 해상도를 수정해 본다.
* IMG_4516.JPG 원본크기 2,816x1,880pixels -> 700x460 pixels 등으로 크기 수정

4) <저장할 경로 선택> 선택후 <저장옵션>에서 파일이름을 수정한다.
예) 원본 파일이름 IMG_4516.JPG - 크기변환 IMG_4516.JPG에서
[크기변환] -> [초도마을]로 고치면 초도마을_IMG_4516.JPG이 생성된다.

5) 여러 사진을 일괄하여 크기를 조정하려면
<도구> -> <일괄 편집하기>에서
<이미지 크기변경, 이미지 회전, 이름 변경, 이미지의 포멜변환/저장> 중 필요한 것을
선택하여 일괄 편집한다.
진행안내 <다음>...<다음> ..등에 따라 필요한 옵션들을 선택하면서 편집을 하면
된다. 몇차례 연습하다보면 쉽게 다양하게 편집할 수 가 있다.

3. PhotoShop 6.0 방법
< PhotoShop 6.0 소프트웨어가 설치되어 있다는 전제하에서 설명한다.>

1) PhotoShop 아이콘을 클릭하여 포토샵 프로그램을 실행한다.

2) 상단 메뉴에서 <file> -> <open> [pc에 저장되어 있는 임의의 사진저장홀더에서 편집
할 사진화일을 열어 포토샵 작업화면에 불러온다. (예 IMG_4371.JPG : 원본 사진으로
이 경우 크기가 2816x1880 pixels이고 용량은
3.58MB이다)- 이는 카메라 화질세팅에 따라 다름]

3) 좌측 메뉴에서 <Crop Tool> 선택한 후 가로(width), 세로(high)크기를 미리 설정해둔다
예)크기 1 : width 700 high 460 pixels (대) (권장)
크기 2 : width 580 high 380 pixels (중)
크기 3 : width 580 high 250 pixels (소)
※ 이 크기는 편집자가 임의로 크기를 조정할 수 있다.

(포토샵 작업화면 상단과 좌측 메뉴)

4) 좌측의 작업툴 메뉴에 있는 <Crop Tool>을 사용하여 불러온 사진(원본)을 필요한
부분의 범위를 직사각형(사각 점선으로 표시됨)으로 자른 후 상단 메뉴의 <image> ->
<Crop>처리후 -> 다시 <image> -> <image size>클릭하여 이메일에 사용할 적당한
크기로 편집(수정)한다.



5) 크기를 수정(위의 크기 1,2,3 또는 다른 크기)후 <OK> 클릭하면 포토샆 작업화면에
원본 사진이 작은 크기로 변경되었음을 볼 수 있다.

6) 그 다음 상단메뉴에서 <file> -> <save for web> 클릭후 우측창에서 사진형식(jpg)
확인 및 Quality(화질)를 약 80-100으로 하고 <OK>하면 저장홀더와 파일이름 쓰기 창이
나타나는데 원본의 사진화일 이름이 아닌 다른 이름으로 변경한 후 <저장>을 클릭하여
저장하면 된다.(예 IMG_4371.JPG -> 2011010bsd01.jpg)

7) 사진 편집후 포토샆을 마칠때(x 클릭) 나타나는 창에서 사진원본을 그대로 보전하기
위해서는 질문에 대해 [NO]를 클릭하면 그대로 보존된다. [YES]를 클릭하면 원본이
편집된 사진으로 바뀔 수 있으므로 주의한다. 사진 원본은 그대로 보전하면서 여러 형태의
다른 이름으로 사진을 만들어 활용할 수 있다.

8) 다른 이름으로 편집 저장된 작은 크기의 사진을 불러 이메일에 추가시키면 된다.
참고로 원본을 Quality(화질)100, 크기1,2,3으로 편집 조정한 크기는 다음과 같다.

* 원본 IMG_4371.JPG 크기 2816x1880 pixels, 용량 3.58 MB
* 크기 1 : width 700 high 460 pixels (대), 441 KB 1/8 축소
* 크기 2 : width 580 high 380 pixels (중), 304 KB 1/11 축소
* 크기 3 : width 580 high 250 pixels (소), 200 KB 1/18 축소

[ 예) 크기 1 : width 700 high 460 pixels (대), 441 KB ]

[ 예) 크기 2 : width 580 high 380 pixels (중), 304 KB ]




[예) 크기 3 : width 580 high 250 pixels (소), 200 KB ]









27. 사진화일(jpg) 공 CD에 굽기 방법(1)



(WINDOWS XP, WINDOWS 7을 기준으로)

1) PC 의 CD 드라이브에 공CD를 삽입한다.
2) WINDOWS 바탕화면상에서 <내컴퓨터> 아이콘을 클릭한후
다시 <DVD/CD-RW 드라이브> 아이콘을 클릭하면 창이 뜬다.



디스크 제목을 기록하고 <CD/DVD 플레이어에서 사용>을 선택하고 <다음>을 클릭하여 진행한다.


3) CD에 구울 PC내의 사진홀더를 열고 마우스로 드레그하여 선택한후 상단메뉴의 <굽기>를 클릭하면
CD 드라이브의 디스크에 쓸 준비가 된 폴더(화일)가 생성된다.
4) 상단 메뉴에서 <디스크 굽기>를 클릭하면 창이 뜨는데 디스크 제목 (예 wonpetro) 를 기록하고
기록속도(예 52x )를 선택한후 <다음>을 클릭하여 진행한다.
5) 디스크 굽기가 시작된다. 굽는 용량에 따라 몇분 정도가 소요될 수 있다. 완료되면 드라이브에서
디스크가 자동으로 빠져 나온다. <마침>을 클릭하여 종료한다.
6) CD가 제대로 구어졌는지 구운 CD를 드라이브에 삽입하고 이상유무를 확인한후 활용한다.

(예 - CD에 구어진 폴더(사진화일)들 / 용량 총 450MB)









28.
홈페이지 메뉴 클릭시 나타나는 점선 없애기

소스보기에서 <a href="링크할 주소" 다음에 onfocus='blur()' 테그를 삽입한다.
(작성 예)
<a href="main.htm"onfocus='blur()'><img src="kaebongbg01.jpg" width="600" height="240" vspace="10" hspace="5"
border="0" alt="클릭하세요/skip">
<a href="gb01/121.htm" onfocus='blur()'target="leftFrame">

(메뉴 클릭시 나타나는 점선)


(테그 삽입후 사라진 점선)







29.
제로보드를 이용한 외부 로그인 방법

자기 계정의 제로보드 게시판 관리에서 게시판을 하나 추가 생성해 둔다 (예 : 게시판이름 login )
로그인이나 회원가입 메뉴 페이지에 <html> 상단에 다음 소스(테그)를 삽입한다.

<?
$_zb_url = "http://www.wonpetro.com/bbs/"; (제로보드가 설치된 url)
$_zb_path = "/web/home/wsy1021/html/bbs/"; (외부로그인시 절대경로)
include $_zb_path."outlogin.php";
?>
<?print_outlogin("wonpetro", 1, 10)?>


<html>
<head>
<title>로그인</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
</head>

<? 는 php를 사용한다는 뜻이며 만약에 html문서에서 외부로그인 화면이 뜨지않을 경우
확장자를 php로 바꾸어 주면된다.

외부로고인시 절대경로 $_zb_path = "/web/home/wsy1021/html/bbs/"; 는 자기 계정의
제로보드 관리자페이지에서 볼 수 있다.
<예 http://www.wonpetro.com/bbs/admin.php (ID, PW)

링크시킬 곳에 다음 소스를 삽입한다.
로그인 링크주소 :
http://www.wonpetro.com/bbs/login.php?id=login
회원가입 링크주소 :
http://www.wonpetro.com/bbs/member_join.php?id=login







30. 포토삽에서 직선, 사선 긋기



포토삽 작업툴에서 Brush tool 또는 Pen tool을 선택하고
굵기와 색상을 미리 선택해 둔다.

직선은 시작점에서 shift + 마우스 왼쪽버튼을 누른상태로 임의의 지점까지 이동한후 마지막점에서 모두 놓는다.
사선은 시작점에서 shift 를 누르면서 왼쪽마우스 버튼을 한번 클릭한후 마우스를 임의의 지점까지 이동한후
왼쪽버튼을 한번 더 클릭한다.









31. 64bit 호스팅 사용시의 SFTP 접속방법


64bit 웹호스팅을 사용하는 경우는 SFTP 로 접속해야 한다.





알 ftp (v5.21)로 웹호스팅에 접속하는 경우
FTP 주소, 사용자 ID, 비밀번호 입력
포트는 22, Passive Mode 체크, 프로토콜은 SFTP 선택후 확인하여 접속하면 된다.






32.
홈페이지에 디지털 시계 달기


http://www.clocklink.com 홈페이지 메뉴에서
DIGITAL을 선택한후 Clock Name 을 고른다.
디지털 시계의 색상, 국가이름, 도시, 크기를 선택하면
하단에 html tag가 나타난다. 이 테그를 시계를 달 위치에 삽입한다. (레이어 하나 생성후 그안에 삽입)

</P>
<div id="Layer3" style="position:absolute; left:8px; top:127px; width:147px; height:56px; z-index:2">
<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language= "JavaScript">obj=new Object;obj.clockfile="5005-green.swf";obj.TimeZone="KoreaRepublicof_Seoul";obj.width=120;obj.height=40;obj.wmode=
"transparent";showClock(obj);</script>
<p>&nbsp;</p>
</div>



설치된 디지털 시계








33.
포토샵(사진편집프로그램)으로 움직이는 그림화일(gif) 만들기

포토샵으로 같은 크기의 서로 다른 그림(사진)을 필요한 만큼 만들어 둔다.
(동영상에서 같은 크기로 화면을 캡처하여 만들수도 잇다)
(예로 4개의 그림화일 크기: 350p x 170p, 화일이름 : wsy01.jpg/wsy02.jpg/wsy03.jpg/wsy04.jpg)

포토샵 상단 메뉴 [Window] 에서 [Layers], [Tools], [Animation]은 필히 선택하여
초기화면에서 볼 수 있도록 해놓아야 한다.
포토샵에서 미리 준비해 둔 4개의 사진(그림)화일을 차례로 불러온다.

(4개의 사진화일 불러오기)


그리고 첫번째 사진을 선택 클릭하여 아래로 끌어 내린후
두번째 사진을 포토샵 툴창의 상단에 있는 [move tool]을 사용하여
첫번째 화면으로 드레그하여 이동시킨후 화면을 중첩시킨다.
이때 [Layers] 창에는 첫번째 사진은 background 로 나타나고
두번째 사진은 Layer1에 나타난다.
이어서 세번째, 네번째 사진을 드레그하여 첫번째 사진으로
이동시켜 화면을 계속 중첩시켜둔다. 이때 Layer2, Layer3가 생성된다.

(4개의 사진이 순차적으로 중첩된 사진)


에니메이션 창에서 [0 sec] 표시옆 화살표를 클릭하여
타임설정 표가 나타나면 화면전환시 소요되는 임의시간을 설정한다.(0.1-10sec/예 2.0 sec)
그리고 [Forever] 표시옆 화살표를 클릭하면 1회(once), 수회반복(play time), 계속반복(forever)
여부를 설정할 수 있다. 에니메이션 창에서 페이지 넘기는 아이콘(Duplicates Selected Frames)을
계속 클릭하여 4개 사진을 배열시킨다.

(에니메이션 창에 배열된 사진들)


(레이어 창에 나타난 사진들)


[Layers]창의 좌측에 있는 눈 아이콘을 on, off하면서 [Animation] 창에
나타나는 사진과 같은지 확인한다. 사진순서와 화면전환 시간이 설정되었으면
합성사진을 gif(예 wsybg04.gif)화일로 저장(Save for Web/gif)한다.
최종 만들어진 gif 화일을 불러와 확인한다. 움직이는 사진순서는
background, Layer1, Layer2, Layer3 순으로 진행됨을 알 수 있다.
(화면전환시간은 각 2sec, 반복여부는 Forever로 설정한 경우임)

(제작된 움직이는 그림화일 예시)



화질을 좋게하기 위해서는 큰 사이즈로 제작후 이미지를 정비례 축소하여 활용(삽입)하면 된다.
여러 사진의 조합과 시간설정으로 다양한 움직이는 그림화일(gif)을 만들 수 있다.





34.
홈페이지 초기화면에 팝업(popup)창 띄우기 방법

팝업창으로 띄울
popup.htm 을 미리 만들어 둔다. (띄울 글, 그림 등)
-드림위버, 나모 s/w

(popup.htm 소스 보기 예시)
<html>
<head>
<title>:: 유럽성지 순례일정 ::</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<style type="text/css">
<!--
body {
margin-center: 0px;
margin-top: 0px;
margin-left: 0px;
}
.style1 {
color: #000000;
font-family: "돋움";
font-size: 10px;
}
.style4 {font-size: 12px}
-->
</style>
<meta name="generator" content="Namo WebEditor v5.0"></head>

<body>
<p><img src="images/popupnm01.jpg" width="450" height="636" hspace="3" vspace="3"> <img src="images/popupnm02.jpg" width="450" height="636"></p>
<form name="form1" method="post" action=""> <td class="style1"><input type="checkbox" name="pop1" onClick="notice_closeWin1();"></td>
<td style="font-size:10px; color:#000000; font-family: &quot;돋움&quot;;"><span class="style4"> 오늘하루이창을열지않음</span></td> <td style="font-size:12; color: #000000;"><span style="font-family: &quo" " 돋움&quot;">
<a href="javascript:self.close();" onfocus='this.blur()'>[닫기]</a></span></td>
</form>
</body>
</html>

index.htm 의 <head> 아래 부분에 다음 소스를 삽입하고 부분 수정한다.
그리고 각 소스의 속성을 필요한 대로 설정한 후
popup.htm와 index.htm을 웹호스팅에 업로드(ftp) 한다.

<script language="JavaScript">
<!--
function TripodShowPopup()
{
// open the popup window
var popupURL ="popup.htm"; var popup = window.open(popupURL,"TripodPopup",
'toolbar=0,location=L,directories=0,status=0,menubar=0,
scrollbars=1,resizable=0,width=460,height=1300');
// set the opener if it's not already set. it's set automatically
// in netscape 3.0+ and ie 3.0+.
if( navigator.appName.substring(0,8) == "Netscape" ) { popup.location = popupURL; }
}
TripodShowPopup();
// -->
</script>





35.
간단한 사진편집툴 [알씨 꾸미기] 사용요령

1. 사진편집툴의 하나인 [알씨 s/w, 프리웨어(altools.co.kr)]를 다운로드하여 설치한다. 바탕화면에 [알씨]
[알씨 꾸미기] 아이콘이 생성된다.

2. [
알씨 꾸미기] 아이콘을 클릭하여 프로그램을 실행하면 [알씨 꾸미기] 사진편집 작업화면이 나타난다.

3. 상단의 [화일]메뉴를 클릭하여 [열기]한후 편집할 원본 사진화일을 불러 온다. 좌측에는 편집도구 메뉴들이
있는데 [자르기] 메뉴를 필요부분을 자르기 한다. (자르기 하지않아도 됨) [자르기 비율유지] 체크한후
<
원본사진, 1:1, 3:2, 4:3, 사용자비율 > 중에서 선택한다. 예를 들어 <사용자 비율>로 선택한후 디지털TV 화면
비율인 <16:9>로 하고 <선택영역자르기>를 확인클릭하여 16:9 비율형태로 사진을 자를 수도 있다.

4. 그다음 좌측의 [액자] 메뉴를 선택한후 테두리에 적용할 액자 형태를 선택 (: <낱장연습장> 하면 자르기한
화면에 액자형태로 테두리가 형성된다.

5.
그리고 좌측메뉴의 [색조절] 메뉴를 선택한후 <선명하게>를 클릭한후 화질을 보 면서 선명도를 임의 조정후
<적용>시킨다. 또한 [밝기/대비] 메뉴를 선택한후 밝기와 대비를 조절하고 <적용>시킨다.

6. 편집화면에 글자쓰기를 할 수 있다. 좌측의 [T 글자쓰기] 메뉴를 선택하여 <위치, 글꼴, 크기, 색상>을 선택
하여 삽입한다. (: 위치 : 상단오른쪽, 글꼴 Rockwell, 크기 12, 색상 흰색)

7. 필요시 좌측메뉴의 [크기변경], [말풍선], [도장], [적목제거] 등 추가 작업을 할 수 있다.

8. 사진 편집작업이 끝나면 상단의 [화일]메뉴에서 <다른이름으로 저장하기> (원본사진 보관목적)로 하여
파일이름(: 2013wsy01.jpg)을 기록하여 임의의 폴더에 저장시키면 된다.

(사진편집작업 견본)



http://wonpetro.com 홈페이지에 [알씨 꾸미기]로 적용한 사진편집자료(봄 여름 가을 겨울)보러가기(클릭하세요)

36. 포토샾으로 사진 합성하기 (스크린 처리)

예) 포토샾 사진합성 (눈내림 + 인물/산타)

1. 눈내리는 사진 file (snow.jpg), 산타 사진 file (santa.jpg) 불러오기
* 두개의 사진을 포토삽 작업화면에 같이 불러온다.
* 2개 사진은 미리 준비(크기는 같게 편집)해 둔다.



(눈내리는 사진1)



(산타 사진2)

2. 산타 사진을 Move Tool을 이용하여 눈내리는 사진에 올려 놓는다.
* 이때 사진은 한장의 사진처럼 겹치게 한다.

3. 우측 Layer 팔레트에서 블랜딩모드를 [Normal]에서 [Screen]으로 바꾸어 실행한다.
* Layers 팔레트가 안보일 경우는 상단 메뉴 [window] 에서 [Layers]를 체크한다.



(합성 사진)

4. 합성한 사진으로 바뀌면 다른이름으로 화일을 저장하면 된다.

 

 

 

 

 

이전 보기






 

 

 

 

 

 

 

 

 

 

dlwjs qhrl