링크
http://apmusers.com/lecture/study9.php (229) http://sir.co.kr/bbs/board.php?bo_table=pg_lecture&sca=%EC%8D%B8%EB%84%A4%EC%9D%BC (236)대단할것은 없는 강좌이지만,
제 강좌를 출처를 밝히고 외부로 퍼가는 것은 허용하지만,
다른 강좌의 자료나 책의 자료로 사용되거나 부분적인 인용은 허용하지 않습니다.
제 강좌를 출처를 밝히고 외부로 퍼가는 것은 허용하지만,
다른 강좌의 자료나 책의 자료로 사용되거나 부분적인 인용은 허용하지 않습니다.
강좌는 php 5. 대를 기준으로 하며, 이미지 관련을 다룹니다.
이미지에 글을 쓰거나 이미지를 합치거나 하는 등의 내용을 다루어 볼까 합니다.
나중에는 간단한 짤방 만들기 같은 것도 할수 있지 않을까 싶습니다.
이미지에 글을 쓰거나 이미지를 합치거나 하는 등의 내용을 다루어 볼까 합니다.
나중에는 간단한 짤방 만들기 같은 것도 할수 있지 않을까 싶습니다.
이미지관련 > 프레임이미지와 얼굴이미지 합치기
이번 내용은
프레임사진과 얼굴 사진을 가지고 새로운 사진으로 합쳐서 저장하는 부분을 다룹니다.
예제9 > study9.php
<?php
@error_reporting( E_ALL );
header("Content-Type: text/html; charset=UTF-8");
include_once('image_proc.function.php');
$frame_file = 'study9_frame.png'; // 액자 사진
$face_file = 'study9_face.jpg'; // 얼굴 원본 사진
$face_resize_file = 'temp/study9_face_resize.jpg'; // 얼굴 사이즈 조정후 저장 사진
$face_rotate_file = 'temp/study9_face_rotate.jpg'; // 얼굴 각도 조정후 저장 사진
$result_file = 'temp/study9_result.jpg'; // 최종 결과 사진
$face_resize_width = 90; // 얼굴 사이즈 조정 너비
$face_resize_height = 90; // 얼굴 사이즈 조정 높이
$face_angle = 35; // 얼굴 각도 조정용 각도
$frame_im = @imagecreatefrompng($frame_file);
$fame_width = imagesx($frame_im);//프레임의 너비
$fame_height = imagesy($frame_im);//프레임의 높이
//얼굴 사진 90 * 90 으로 줄여서 저장
create_thumbnail($face_file, $face_resize_file, $face_resize_width, $face_resize_height, array('quality'=>100));
// 얼굴사진을 35도 회전
$face_resize_im = @imagecreatefromjpeg($face_resize_file);
$face_rotate_im = @imagecreatetruecolor($fame_width , $fame_height);
imagecopyresampled($face_rotate_im , $face_resize_im , ceil(($fame_width - $face_resize_width) / 2) , ceil(($fame_height - $face_resize_height) / 2) , 0 , 0 , $face_resize_width , $face_resize_height , $face_resize_width , $face_resize_height);
$face_rotate_im = imagerotate($face_rotate_im, $face_angle, 0);
imagejpeg($face_rotate_im , $face_rotate_file, 100);
@imagedestroy($face_resize_im);
//프레임과 얼굴 합침
$result_im = @imagecreatetruecolor($fame_width , $fame_height);
imagecopyresampled($result_im , $face_rotate_im , 23 , -65 , 0 , 0 , $fame_width , $fame_height , $fame_width , $fame_height);
imagecopyresampled($result_im , $frame_im , 0 , 0 , 0 , 0 , $fame_width , $fame_height , $fame_width , $fame_height);
imagejpeg($result_im, $result_file);
@imagedestroy($result_im);
@imagedestroy($face_rotate_im);
?>
프레임용 원본 사진<br>
<img src="study9_frame_original.jpg"><br><br>
포토샵으로 하트안을 투명으로 수정한 이후 프레임용 사진<br>
<img src="study9_frame.png"><br><br>
송혜교 얼굴 원본 사진<br>
<img src="study9_face.jpg"><br><br>
송혜교 얼굴 크기 수정한 이후 사진<br>
<img src="<?php echo $face_resize_file; ?>?<?php echo time(); ?>"><br><br>
송혜교 얼굴 각도 수정후 사진<br>
<img src="<?php echo $face_rotate_file; ?>?<?php echo time(); ?>"><br><br>
결과<br>
<img src="<?php echo $result_file; ?>?<?php echo time(); ?>"><br><br>
@error_reporting( E_ALL );
header("Content-Type: text/html; charset=UTF-8");
include_once('image_proc.function.php');
$frame_file = 'study9_frame.png'; // 액자 사진
$face_file = 'study9_face.jpg'; // 얼굴 원본 사진
$face_resize_file = 'temp/study9_face_resize.jpg'; // 얼굴 사이즈 조정후 저장 사진
$face_rotate_file = 'temp/study9_face_rotate.jpg'; // 얼굴 각도 조정후 저장 사진
$result_file = 'temp/study9_result.jpg'; // 최종 결과 사진
$face_resize_width = 90; // 얼굴 사이즈 조정 너비
$face_resize_height = 90; // 얼굴 사이즈 조정 높이
$face_angle = 35; // 얼굴 각도 조정용 각도
$frame_im = @imagecreatefrompng($frame_file);
$fame_width = imagesx($frame_im);//프레임의 너비
$fame_height = imagesy($frame_im);//프레임의 높이
//얼굴 사진 90 * 90 으로 줄여서 저장
create_thumbnail($face_file, $face_resize_file, $face_resize_width, $face_resize_height, array('quality'=>100));
// 얼굴사진을 35도 회전
$face_resize_im = @imagecreatefromjpeg($face_resize_file);
$face_rotate_im = @imagecreatetruecolor($fame_width , $fame_height);
imagecopyresampled($face_rotate_im , $face_resize_im , ceil(($fame_width - $face_resize_width) / 2) , ceil(($fame_height - $face_resize_height) / 2) , 0 , 0 , $face_resize_width , $face_resize_height , $face_resize_width , $face_resize_height);
$face_rotate_im = imagerotate($face_rotate_im, $face_angle, 0);
imagejpeg($face_rotate_im , $face_rotate_file, 100);
@imagedestroy($face_resize_im);
//프레임과 얼굴 합침
$result_im = @imagecreatetruecolor($fame_width , $fame_height);
imagecopyresampled($result_im , $face_rotate_im , 23 , -65 , 0 , 0 , $fame_width , $fame_height , $fame_width , $fame_height);
imagecopyresampled($result_im , $frame_im , 0 , 0 , 0 , 0 , $fame_width , $fame_height , $fame_width , $fame_height);
imagejpeg($result_im, $result_file);
@imagedestroy($result_im);
@imagedestroy($face_rotate_im);
?>
프레임용 원본 사진<br>
<img src="study9_frame_original.jpg"><br><br>
포토샵으로 하트안을 투명으로 수정한 이후 프레임용 사진<br>
<img src="study9_frame.png"><br><br>
송혜교 얼굴 원본 사진<br>
<img src="study9_face.jpg"><br><br>
송혜교 얼굴 크기 수정한 이후 사진<br>
<img src="<?php echo $face_resize_file; ?>?<?php echo time(); ?>"><br><br>
송혜교 얼굴 각도 수정후 사진<br>
<img src="<?php echo $face_rotate_file; ?>?<?php echo time(); ?>"><br><br>
결과<br>
<img src="<?php echo $result_file; ?>?<?php echo time(); ?>"><br><br>
함수만 알면 크게 어려울것이 없는 내용입니다.
이미지 위치를 맞추기 위한 약간의 노가다만 필요할 뿐입니다.
순서는
1. 얼굴 사진을 내가 원하는 사이즈로 조정하여 저장
2. 사이즈가 조정된 얼굴 사진을 원하는 각도로 회전시켜 저장
3. 결과물이 될 이미지 리소스를 생성하고
얼굴을 위치 정해서 복사하고
투명한 부분이 포함된 프레임을 그위에 덮으면 됩니다.
create_thumbnail
이함수는 이전 썸네일 함수 강좌에서 만들어진 결과물이므로 굳이 설명을 하지 않겠습니다.
(http://sir.co.kr/bbs/board.php?bo_table=pg_lecture&sca=%EC%8D%B8%EB%84%A4%EC%9D%BC)
imagerotate
주어진 이미지 리소스를 가지고 주어진 각도로 이미지를 회전시켜 그 결과 이미지 리소스를 반환합니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 26573 | |
| 7309 | |
| 19780 | |
| 7306 | |
| 28025 | |
| 28020 | |
| 28010 | |
| 7304 | |
| 7302 | |
| 7295 | |
| 7292 | |
| 7287 | |
| 19779 | |
| 7284 | |
| 7279 | |
| 7278 | |
| 28009 | |
| 31753 |
그누보드5
그누보드5 강좌 - 갤러리스킨 만들기
|
| 31752 | |
| 7274 | |
| 31751 | |
| 31750 |
그누보드5
그누보드5 강좌 - 네비게이션적용하기
|
| 31749 |
그누보드5
그누보드5 강좌 - 네비게이션적용하기
|
| 31748 |
그누보드5
그누보드5 강좌 - 스킨적용하기
|
| 30979 | |
| 31747 |
그누보드5
그누보드5 강좌 - 홈페이지만들기 실전#2
|
| 28004 | |
| 31745 |
그누보드5
그누보드5 강좌 - 홈페이지만들기 실전
1
|
| 7267 | |
| 7261 | |
| 31742 |
그누보드5
그누보드강좌 샘플
2
|
| 7256 | |
| 19776 |
node.js
mysql 연결 방법 2가지
2
|
| 24650 | |
| 7252 | |
| 7248 | |
| 28002 | |
| 19772 |
JavaScript
한글로 된 숫자를 아라비아 숫자로 변환
3
|
| 7245 | |
| 19770 | |
| 19769 | |
| 30975 | |
| 7243 | |
| 7236 | |
| 28001 | |
| 27994 | |
| 7233 | |
| 7232 | |
| 19768 |
jQuery
제이쿼리로 이미지 회전 시키기
|
| 19765 |
jQuery
구형 익스에서 HTML5 적용시키기
2
|
| 19763 |
jQuery
특정 레이어 높이 100% 잡는 법
1
|
| 30974 | |
| 7224 | |
| 19761 |
jQuery
모바일 해상도에 맞게 이미지 출력
1
|
| 24645 | |
| 19760 | |
| 19758 |
jQuery
제이쿼리를 이용하여 동영상 재생
1
|
| 19757 | |
| 19754 | |
| 19753 |
jQuery
브라우저 상단에 고정 시키는 제이쿼리 소스
|
| 19752 | |
| 19751 |
PHP
php 에러 출력하기
|
| 7223 | |
| 7216 | |
| 7213 | |
| 31741 |
AngularJS
AngularJS 강좌 9. HTML DOM
|
| 19750 |
jQuery
1원팁] css에 hover효과를 제이쿼리로
|
| 19749 |
JavaScript
1원팁]알고 있음 좋은 자바스크립트 함수
|
| 19748 |
jQuery
제이쿼리 기본 효과 메소드
|
| 31740 |
AngularJS
AngularJS 강좌 8. SQL
|
| 31739 |
AngularJS
AngularJS 강좌 7. Tables
|
| 31738 |
AngularJS
AngularJS 강좌 6. XMLHttpRequest
|
| 7208 | |
| 31737 |
AngularJS
AngularJS 강좌 5. Filters
|
| 30967 | |
| 31736 |
AngularJS
AngularJS 강좌 4. Controllers
|
| 7205 | |
| 30965 |
HTML
팁]모바일에서 전화 걸기
1
|
| 30963 | |
| 19747 | |
| 19746 |
기타
viewport 사용
|
| 19745 | |
| 19744 | |
| 19742 | |
| 7193 | |
| 7191 | |
| 31735 |
AngularJS
AngularJS 강좌 3. Directives
|
| 19741 |
jQuery
무한 스크롤 (이미지 갤러리용)
|
| 19740 |
PHP
[알고리즘] 하노이의 탑
|
| 19739 | |
| 7188 | |
| 27986 | |
| 31734 |
AngularJS
AngularJS 강좌 2. Expressions
|
| 31733 |
AngularJS
AngularJS 강좌 1. Introduction
|
| 31732 |
AngularJS
AngularJS 강좌 0. Home
|
| 7186 | |
| 19738 | |
| 19736 |
JavaScript
[알고리즘] 스택(stack)을 이용한 간단 계산기
1
|
| 7180 | |
| 7165 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기