링크
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
주어진 이미지 리소스를 가지고 주어진 각도로 이미지를 회전시켜 그 결과 이미지 리소스를 반환합니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 27925 | |
| 27922 | |
| 6972 | |
| 19602 |
JavaScript
jQuery 의 delegate 흉내내기
1
|
| 19601 |
JavaScript
script 디버깅 - JSHint
|
| 19599 |
jQuery
jQuery 롤링배너 플러그인
1
|
| 6961 | |
| 30941 | |
| 19597 | |
| 19596 | |
| 19595 | |
| 19594 |
JavaScript
스크립트 for문
|
| 30939 |
HTML
디바이스별 해상도 확인
1
|
| 19593 | |
| 6959 | |
| 6957 | |
| 6953 | |
| 27920 | |
| 19592 |
PHP
php oop 단일 모드
|
| 19591 | |
| 19590 |
PHP
IP class 비교 함수
|
| 6949 | |
| 6947 | |
| 20826 |
이미지관련
문자열이미지에 각종 필터를 적용한 결과
7
|
| 20823 |
이미지관련
이미지에 각종 필터를 적용한 결과
2
|
| 19589 |
jQuery
심플한 파일첨부 버튼과 jquery
|
| 27913 | |
| 27912 | |
| 19588 |
JavaScript
자바스크립트 시작날짜 종료날짜 유효성 검사 함수
|
| 20822 |
이미지관련
프레임이미지와 얼굴이미지 합치기
현재글
|
| 19587 | |
| 19586 |
PHP
한국 IP대역 체크
|
| 27887 | |
| 20819 | |
| 27883 | |
| 19585 | |
| 19584 | |
| 19583 |
JavaScript
중첩없이 랜덤수 뽑아내기
|
| 19582 | |
| 19581 | |
| 19580 | |
| 6945 | |
| 24622 | |
| 19578 |
JavaScript
자바스크립트에서 for문 사용시 속도차이
1
|
| 6938 | |
| 6935 | |
| 27880 | |
| 20818 | |
| 19575 | |
| 20815 |
이미지관련
이미지 너비에 맞게 문자열의 자동 개행
2
|
| 20812 | |
| 20809 |
이미지관련
문자열 그릴때 패딩 주기
2
|
| 6932 | |
| 6931 | |
| 6929 | |
| 19571 |
Mobile
html5 지원되는 os별 버전보기
3
|
| 19570 | |
| 20802 |
이미지관련
위치에 따른 이미지에 문자열 그리기
6
|
| 27877 | |
| 20797 | |
| 6923 | |
| 20795 |
이미지관련
문자열의 너비와 높이 구하기
1
|
| 6918 | |
| 6914 | |
| 20789 |
이미지관련
이미지에 글자 쓰기
5
|
| 6899 | |
| 27860 | |
| 6898 | |
| 27856 | |
| 6895 | |
| 6891 | |
| 6890 | |
| 6881 | |
| 6874 | |
| 27852 | |
| 6860 | |
| 6857 | |
| 19569 | |
| 19565 | |
| 19564 | |
| 27844 | |
| 19563 | |
| 24617 | |
| 19554 | |
| 6854 | |
| 19553 | |
| 19531 | |
| 6850 | |
| 6848 | |
| 27842 | |
| 6846 | |
| 6842 | |
| 6839 | |
| 6834 | |
| 6829 | |
| 6824 | |
| 6820 | |
| 27839 | |
| 6818 | |
| 19529 |
JavaScript
그누보드5 에 Daum 우편번호 찾기 API 연동 하기
1
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기