2011.6.20이후 적용 자세한사항은 공지확인하시라예
출처: 여성시대 細流
얼마전에 고화질 플짤 올리는 방법이란 글을 올렸었는데
이번에는 목록이 있는 플짤 만드는 방법을 찌보겠어요.
(반말쓰다가 하다가 높임말 쓰니까 어색하네염ㅋ)
간혹 이런 플짤을 많이 보셨을꺼에요.
(.jpg 파일이라 클릭해도 동영상 재생 안됩니다)
이걸 만들기 위해선 우선 준비물이 있어야 합니다.
1. 티스토리 계정
뭐, 굳이 티스토리 계정을 안써도 되긴 하지만
티스토리를 고집하는 이유가 파일 업로드 용량이 10mb로
무료 계정 용량 중에 최대한으로 뽑을 수 있기 때문입니다.
안그런 경우는 뭐 유료를 해야 되겠죠.
2. 어도비 플래시 프로페셔녈
계정은 꼭 티스토리가 아니어도 되지만
이건 꼭 필요 한겁니다.
3. 다음팟인코더
동영상을 자르기 위한 겁니다.
다음팟인코더에서 동영상을 가져와서
플짤 만들 부분을 자릅니다.
(이건 너무나 유명해서 다 알것이고
그래도 모르겠다 하면 고화질 플짤 올리는 방법이란 글을 클릭해보세요.)
단, 이럴 경우는 파일을 swf파일로 저장시켜야 됩니다.
이런식으로...
비디오 코텍에서 압축방식을 비트레이트 기준으로 하던지,
비디오 품질을 기준으로 인코딩을 하던지 맘대로 하세요.
(화면크기도 마찬가지로 여기서 중요할 거는 화면크기는 잘 기억해둬야합니다.)
자, 이제 만들어 놓은 플짤을 티스토리 계정에 올립니다.
그리고 주소를 따는데요, 티스토리는 글 쓰기에서 HTML에 체크를 해서
플짤 주소를 알아냅니다.
그럼 그 주소를 복사해서 메모장에 붙여 넣기를 하는데
이제 여기서 플짤 주소를 다시 만듭니다.
메모장에 옮긴 모습입니다.
저렇게 표시 되어 있는 부분만 필요한 부분이고
나머진 필요 없는 부분인데
앞부분 [##_1N] 이 부분자리에는
http://본인의 티스토리주소/attachment/ 가 들어가야 하고
표시되어 있는 부분말고는 나머지는 다 필요 없습니다.
이걸 쉽게 변경할려면,
Ctrl+H (편집->바꾸기)를 눌러서 찾을 내용과 바꿀 내용을 써주고
모두 바꾸기를 클릭하면 한꺼번에 바꿔져요.
그리고 나머지 필요 없는 부분은 지워야 되겠지만
굳이 지우실 필요는 없습니다.
(뭐, 어차피 나중에 주소 복사를 할때 그부분만 빼고 복사를 하면 되니까..)
이제 이건 잠시 한켠에 놔두고
포토샵을 켜서 플짤 이미지를 만들어 봅니다.
바로 이런식으로요.
저 맨 윗 부분에 마크가 있는 노란색은 동영상 재생이 될 화면이고
밑에는 동영상 재생 시킬 목록입니다.
동영상 크기가 624*352라서 동영상 재생 될 부분은
그 크기에 맞게 만들었습니다. (이게 중요함)
여기서 전체적인 이미지 크기도 잘 알아봐야 되요.
이걸 다 만들었으면 저장시켜 놓고
이제 어도비 플래시 프로페셔녈을 실행시킵니다.
이대로 들어 가주시구요
그럼 아무것도 없는 회색화면에 흰색 네모가 생깁니다.
여기서 맨 오른쪽에 Size에서 Edit를 누르고 값을 지정해줍니다.
아까 전체적인 이미지 크기가 624*657 이므로
역시나 624*657로 값을 주었습니다.
그리고 이제 File->Import->Import to Stage가서
아까 포토샵에서 만들어 놓은 플짤 이미지를 가져옵니다.
(걍 컨트롤+R 누르셈. 제일 간단함ㅋ)
그 상태에서 맨 오른쪽 메뉴를 보면 RectangleTool를 클릭하세요.
바로 이런 모양입니다.
그리고 그 옆에는
연필 모양에는 대각선 네모를 클릭하고
옆에 페인트 통에는 원하는 색상을 지정해주세요.
플짤 이미지 그 근처에 (회색 빈 공간) 네모를 그려줍니다.
네모박스 안에 마우스 우클릭을 하였으면
메뉴 중에 맨 밑에 convert to symbol...를 클릭하고
그러면 이런 창이 뜨는데
Type 부분에 Button를 클릭하고 ok눌러주면 됩니다.
그리고 이 네모를 글자 있는 부분에 이동시켜 주세요.
이동은 Ctrl를 누른채로 마우스로 쉽게 이동이 가능합니다.
그 네모 안에 마우스 우클릭하여 복사(copy)를 하고
나머지 글자 위에 붙여넣기(paste)를 해주세요.
다 붙여진 모습.
맨 오른쪽 끝 로고는 플짤 멈추는 기능을 하기 위해서
일부러 네모를 넣어 놨어요.
이제 다시 맨 오른쪽 메뉴로 가서 첫번째
마우스 모양을 클릭해주세요.
얘 말입니다.
그리고 아까 복사해놓은 네모 위에 더블 클릭을 해줍니다.
더블클릭 된 모습.
이제부터 잘 따라하셔야 됩니다.
이렇게 해주세요.
그리고 이 상태에서 맨 오른쪽 메뉴에 있는
페인트통을 클릭하여서 알파값 0%로 해주세요.
이런 식으로
이거 한번만 하면 나머지는 자동으로 적용이 됩니다.
일일이 다 할 필요는 없어요.
이제 다 되었으면 플짤 이미지 밖에 회색 부분
아무곳이나 클릭한번 해주세요.
이렇게 되어야 정상입니다.
이 상태에서 다시 네모 박스에 마우스 우클릭을 하고
Actions로 들어 갑니다.
이런게 뜰겁니다.
여기에 플짤 주소 소스를 넣습니다.
플짤 주소 소스는
on (release) {
var mc:MovieClip = this.createEmptyMovieClip("mc", this.swapDepths(getNextHighestDepth()));
this.mc.loadMovie("여기에 영상주소를 넣어주세요");
this.mc._x = 0
this.mc._y = 0;}
여기에 영상주소를 넣어 주세요를
아까 티스토리 플짤 주소를 넣어주시면 됩니다.
그럼 이렇게 되겠지요.
on (release) {
var mc:MovieClip = this.createEmptyMovieClip("mc", this.swapDepths(getNextHighestDepth()));
this.mc.loadMovie("http://본인티스토리주소.tistory.com/attachment/cfile25.uf@1263893D4F9FCF2E1F1023.swf");
this.mc._x = 0
this.mc._y = 0;}
이걸 네모 박스안에 차례대로 다해주고
나머지 로고 있는 부분에는 즉, 플짤 재생을 멈추게 하기 위해서는
여기에 영상 주소를 넣어주세요 하는 부분을
비우면 됩니다.
이런식으로..
이제 다 되었으면 컨트롤+엔터를 눌러서
플짤이 제대로 만들어졌는지 확인해봅니다.
재생이 잘 되고 있네요.
이제 저장을 시킵니다.
File->Export->Export Movie를 클릭하여서
컴퓨터에 저장시킵니다.
이제 이 완성된 플짤을 티스토리에 올려서
HTML를 클릭하여 플짤 주소를 복사 메모장에 붙여 넣기를 합니다.
아까와 마찬가지로
복사한 주소 앞에 본인 티스토리 주소를 붙여 넣어 주세요.
http://본인티스토리 주소/attachment/cfile4.uf@1506D8424F9FF7FB19549A.swf
이게 만들어 놓은 플짤 주소입니다.
플짤 소스는
[embed height="세로높이" type="application/x-shockwave-flash" width="가로높이" src="완성된 플짤주소" wmode="transparent"]
여기서 []이걸 <>이렇게 바꿔주면 됩니다.
그 결과
자, 이제 잘되는지 한번 확인해보세요.
이렇게 하면 완성입니다.
로고를 누르면 재생되는 것이 멈추게 됩니다.
필요한 파일은 첨부파일 해놨으니까 다운 받아 가시면 됩니다.
첫댓글 대박좋다ㅠㅠㅠㅠㅠ스크랩안되넹 ㅠㅠㅠㅠㅠ지우지말아줘!!!!!!잘볼게!!!!!!!!!!
엉? 스크랩 안돼? 기다려봐
ㅎㅎㅎㅎㅎ된다된다!!!!!!! 진짜 만들어서 어니한테보내줄게...하악
와 짱이야 나도 담에 해봐야지... 언니 고마워!!
대박 언니 지우지마.. 나 나중에 해볼꺼야.. ㅠㅠㅠ 흡 ㅠㅠㅠㅠ 대박!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
와 완전유용하다 ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ고마워 언니 ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ
대~박!!!!!이런건 어떻게 만드나 싶었는데 쩐다 ㅠㅠ 나도 만들어봐야지 ㅠㅠ 언니 대박이당 ㅠㅠ
우와 완전 유용 ㅠㅠㅠ언니고마워!
아 헐 ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ 언니 고마워ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ 강같은정보ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ
언니 글찌느라 고생해써ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ 계속보고 해봐야짘ㅋㅋ 고마워언니~!~!~!~!~!~!~!~!~!~!
스크랩 해갈게!!!!!ㅠㅠㅠㅠㅠㅠㅠ 고마워 ㅠㅠㅠㅠㅠㅠㅠ
우와 쉽게 정리 잘해놨다ㅋㅋㅋㅋㅋ 스크랩 해갈께! 나중에 꼭 해볼꺼야ㅋㅋㅋㅋㅋㅋㅋㅋㅋ
여시 상냥해 ㅠㅠ 넘 고마워 ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ
대박 유용하당 ㅎㅎㅎ 메일로 퍼갈게 고마워~ㅎㅎ`
고마워!! 나도 스크랩 해 갈께 ㅠㅠ !!!
[플페이어만들기] 과연 언제도전할수있을까??ㅠㅠㅠ 일단구경잘했엉 대단하다!!! 메일로스크랩해갈게!! 나도 언젠간 도전을 ㅠㅠㅠ