포토샵 팝업창 띄우기

팡업창 띄우기 1에서 배경 이미지를 열고 그 위에다 작은 창을 만드는 시늉으로 문자나 사진으로 팝업창을 꾸며봤더니 그냥 창에다 붙여넣기 식이라 별로 볼거리가 안됐다.
해서 이번 팝업창 띄우기 2에서는 배경사진 안 중간에서 미다지 자동문 처럼 나타나 분수쑈를 하다 미다지문 식으로 배경창 안에서 사라지는 식으로 gif 파일을 넣고 팝업창 띄우는 시늉을 내 봤다.

 

등장 자료
배경사진 1장
분수쇼를 하는 gif 파일 1개
사진 액자 1틀
배경 사진 1장으로 배경 사진 두장 역할을 시켰다.

 

연출
꾸밈새 : 머리
일꾼 : 손까락
감독 : 눈

 

분수쇼 gif 파일을 불러다 배경사진이 800 × 475라 캔버스 크기를 800 × 475로 키웠다.
분수 gif 파일이 좀 커서 71개 레이어가 생겼다.

 

 

배경 사진을 불어다 메뉴 - 창 - 정돈 - 2장 세로 로 배열시켰다.

 

 

도구에서 이동툴 콕 마우스로 배경사진을 물어다 분수쇼 gif 파일에다 덮어버리고 배경 사진창은 닫았다

 

 

가장자리를 이쁘게 사진틀도 포토샵 만물백화점 사진 액자 백화점(https://blog.daum.net/kopilseon/98) 에서 하나 가져다 걸어줬다.
71개 프레임을 하나씩 다 선택해 가며 사진틀 레이어(066) 눈을 열어줬다
지금 부터는 창에서 Ctrl + T 키나 이동툴 가지고 자리를 함부로 옮기지 말아야지 여차했다가는 산통 다 깨져 처음부터 다시 시작했다

 

 

Shift 키를 누른 상태에서 레이어 71개를 다 선택하고 이동툴로 마땅한 자리에다 모셔놨다.
보이는 [ 066 ] 레이어가 사진틀 레이어이다.

 

 

1) [ 레이어 72 ] 를 선택하고
Ctrl + J 키로 복제 [ 레이어 72 사본을 만들었다.
[ 레이어 1 ] 눈을 열었다.

 

 

레이어 72 사본 레이어 선택
창에서 사각형 선택 윤곽 도구로 [ 레이어 1 ] 분수쇼 밖 주위로 대충 사각형을 그렸다
[ 레이어 1 ] 눈을 가렸다

 

 

레이어 72 눈을 가리고 Ctrl + X 키로 잘라냈다.

 

 

분수 레이어 [ 레이어 1 ] 눈을 열어본다
창에서 분수 새끼창 주위가 투명이다
[ 레이어 72 ] 레이어 눈을 열어줬다.

 

 

여기부터 횟갈려 몇번 때려부쉈다 다시했다.
[ 레이어 72 사본 ]( 배경 사진 복사하고 잘라낸 거) 레이어를 마우스로 물어 맨 위로 올려 놨다.
1) [ 레이어 1 ] 눈만 열고 몸통 찍고 Shift 키를 누른 상태에서 [ 레이어 71 ] 까지 올라가 찍어 몽땅 선택하고
2) 타임라인에서 1번 프레임 선택
3) 창에서 이동툴 찍고 분수를 마우스로 물어 왼쪽으로 안보일 정도 밀어 붙인다

 

 

1) 1번 프레임 선택하고 프레임 복제 2번 프레임 만들고
2) 창에서 왼쪽으로 밀은 분수를 다시 원위치로 끌어온다
레이어에서 1번 말고 아무거나 눈을 열고 거기다 꼭 맞추면 잘하는 거였다
3) 트윈 처리 공장에다 프레임 10개 주문(빨리 나오라구)

 

 

1) 타임라인 맨 끝 84 프레임 선택
2) 복제 눌러 85 프레임 만들었다.

 

 

1) 85 프레임에서 86 프레임 복제
2) 트윈 처리 공장 들려 프레임 20개 주문
다시한번 총 점검했더니 잘 돌아갔다.
웹용으로 저장

 

 

팝업창 가장자리에 테두리를 넣어 보니 빤히 보이게 나타나서 사진속에서 은밀하게 분수쑈가 나타난다는 표현이 무색해져 테두리를 넣지 않았다.