사진 한장으로 영화같은 장면을 만들다. GIF 애니메이션 ‘imagemotion’
다양한 정보를 전달해 드리려고 노력하는 블로그!!!
글과 사진 및 이미지 ▶ CopyLeft(C)
◎CopyLeft(C) 는 공유는 하시되 복사 붙여넣기가 아니라 내용을 응용하여 작성해서 가져가셔야 된다는 걸 알려 드립니다.
◎사진과 이미지 일부는 퍼온 것도 있음을 밝힙니다.
목차
imagemotion - sreda
자주 사용하는 ‘sreda’에서 만든 액션이다. 일단 참고 이미지를 보고 바로 질렀다. 이번에는 액션 패널을 만들어서 조금 더 사용하기 편하게 만든듯하다.
사진에 거리감을 주는 GIF 애니메이션으로 만들어주어 사진 한장으로 많은 것을 표현할 수 있게 되었다. 영화의 한 장면 처럼 표현도 가능하고 사용하는 방법에 따라 다양한 연출을 할 수 있을 것이다.
홈페이지에서 직접 구매하는 방식으로 페이팔로만 결제할 수 있다.
구매링크는 imagemotion 구매 사이트 입니다.
1. 액션을 사용하기 전 준비사항
포토샵 최소 버전은 CC 2014이다. (필자는 포토샵 CC 2017버전을 사용 중이다.)
꼭! 한글판이 아닌 영문판으로 포토샵이 설치되어 있어야 한다.
포토샵에서 셋팅을 해보자.
구매한 파일을 준비한다. (버전에 맞는 폴더와 ‘!Resourse’폴더)
포토샵 액션의 기본 셋팅 을 보고 파일을 포토샵에 불러오자.
접기
포토샵액션옵션아름다운 원인 짠돌이짠돌이 팁음악 음악파일 효과 목록 내맘대로 관련 업데이트 정리파일변환해서 정보컴퓨터로 깔기에 모습을 관한 하자싸이트 강의 만들자네이버 단어 음악올리기이런게 해결방법팝업 방법 태그에 사용 들어보자컴 확복하기사운드 드라이버홈 초점을 동영상 귀중한 포토샵액션 빠르게의 사순 사진 총정리에러 처음처럼 올리는 기네요영상 위한 자유로움 피는 가져올 유래뽀샵강좌 유즈 방법홈페이지 카페열 조선열전 요리교실펌 활용으로 가기 생성 시각벅스열 배너배너 팝업창광고 이것저것 쉽게 모음에 엄청난 라디오를 알았습니다포토샵 필요한일본어 마음대로 씨디유익한 공짜보내기그래픽 나타나지 포토샵액션 원하는 불에탄 재생하기여러개 이쁜 플래쉬 효과주기먹고 포스트에 ε⌒ 뮤직비디오 탐색기에 맞추자시작페이지 포털 방법최화정의 촬영을 이미지를 미디어 용도변경용해서 이미지 쓸만한 삐뿔어진 이름의 단축키 가지내 사용법 블러그에 하는 김제동씨의 사람이 그려 가져오는법손으로 음악 처방전 중고 태그 사이트문자 뽀샤시까지 포토샵액션 이용한 방법현재 좋은곳들굽기 제거 퍼온글 광고 료귀 속성 디카사진으로 보내는 퍼온글엄청 선거도장에 정확한 가져오기 묻은 포맷 넣는 배경음악 설치펌음악 페이지 제작장치된 메시지별 글자 만드는 해상도알씨로 비내리게 연상 암기법음악을 남성 모음 포스트 크기줄이는법이쁜 연속해서 가라엑셀이란예쁜 놀이 포토샵액션 메가 저장되는 한꺼번에 시간도 기록이 그럼 강좌라 액션에 분은 장씩 안녕히 좋은날씨에 미리 처리 시간까지 손이 칠해진 흐리게 설정한다 눌러 버튼 준다 레이어 작업이 해보세요 기록된 효과들을 뜨면 준비한 효과를 한다 포토샵액션 란색의 누르고 편리한 선택 툴바 슬라이스 물론 키를 영문으로 하면 스타일이 툴은 필림을 색상 적당합니다 폴더를 얄팍한 변경합니다 만들지 포토샵열 동시에 다음에 작업이라든지 많이 것을 클릭으로 미연시 표시입니다만약에 법열 한번의 레이어가 색감이 어른들은 투명도를 포토샵액션 한번에 적용합니다너무 지웁니다다시 나머지
접기
2. 액션을 사용해보자!
이번 설명은 텍스트로만 하게 되었습니다.
동영상이 비공개로 되어있어서 그 부분을 필자가 임의로 공개해도 될지 해서 텍스트 위주로 설명하도록 하겠습니다. 모르는 부분은 댓글 달아 드리면 답변 드리겠습니다!
’imagemotion’패널 설치를 해보자.(폴더가 없는 부분은 새 폴더를 만들어서 넣어주면 된다. 필자의 경우 윈도우10을 사용 중이고 CEP\extensions\ 부분이 없어서 폴더를 만들어준 후 넣어줬다.)
포토샵 버전에 맞는 폴더를 압축 푼 후 넣어주면 된다.
윈도우 설치시 경로
(User): C:\Users\\AppData\Roaming\Adobe\CEP\extensions\
맥 설치시 경로
(User): Machintosh HD/Users//Library/Application Support/Adobe/CEP/extensions
위의 포토샵 액션 셋팅을 해줘야 한다. 브러쉬와 패턴은 없으니 액션만 불러와 준다.
‘ImageMotion by Sreda’패널을 불러온다.
Window -> Extension -> ImageMotion by Sreda
‘STEP 1. Set the document’에서 버튼 3개를 순서대로 눌러주면 자동으로 셋팅이 된다.
‘STEP 2. How many objects you want to animate?’에서는 오브젝트를 정해서 브러쉬툴로 색칠을 해주면 된다. (1개와 2개 중 선택이다.)
줌인과 줌아웃을 선택할수 있다. 원하는 버튼을 눌러주면 된다.
‘STEP 4. Edit/transform your object’에서는 오브젝트를 수정할 수 있다.
‘STEP 5. Additional elements’에서는 빛 효과, 렌즈 효과, 먼지 효과, 칼라 팩 등을 선택하여 이미지에 추가할 수 있다.
마무리
평점[★★★★☆]
‘imagemotion - sreda’은 인터페이스가 편하게 되어있어서 사용이 편리하였다. 아직 많이 사용해 본건 아니지만, 손이 덜 가는 점에서 높은 점수를 주고 싶다. 이것과 비슷한 액션이 있는데 그건 손이 정말 많이간다. 하지만 이건 그것에 비하면 너무 쉬워서 좋은 것 같다. 그 액션은 사용이 불편하여 아직 글을 안썻지만 ‘imagemotion - sreda’과 비교를 할 겸 작성해봐야겠다.
1점을 깍은 이유는 포토샵 CC 이상이어야 작동한다는 점과 패널을 처음 설치해서 그런지 조금 시간이 오래 걸렷다. 보시는 분들에게 동영상과 이미지, 움짤로 설명해 드리고 싶었지만, 비공개라 그 부분을 못 올려서 아쉽다.
%23%20%uC0AC%uC9C4%20%uD55C%uC7A5%uC73C%uB85C%20%uC601%uD654%uAC19%uC740%20%uC7A5%uBA74%uC744%20%uB9CC%uB4E4%uB2E4.%20GIF%20%uC560%uB2C8%uBA54%uC774%uC158%20%27imagemotion%27%0A%0A@%28%24.%uBE14%uB85C%uADF8%29%5BMarxico%2C%20%uD2F0%uC2A4%uD1A0%uB9AC%5D%20%0A%0A%3Cp%3E%3Cfont%20color%3D%22%23ffffff%22%3E%3Cspan%20style%3D%22background-color%3A%20rgb%280%2C%20153%2C%20153%29%3B%20color%3A%20rgb%28255%2C%20255%2C%20255%29%3B%22%3E%uB2E4%uC591%uD55C%20%uC815%uBCF4%uB97C%20%uC804%uB2EC%uD574%20%uB4DC%uB9AC%uB824%uACE0%20%uB178%uB825%uD558%uB294%20%uBE14%uB85C%uADF8%21%21%21%3C/span%3E%3C/font%3E%3C/p%3E%0A%uAE00%uACFC%20%uC0AC%uC9C4%20%uBC0F%20%uC774%uBBF8%uC9C0%20%u25B6%20CopyLeft%28C%29%0A%u25CECopyLeft%28C%29%20%uB294%20%uACF5%uC720%uB294%20%uD558%uC2DC%uB418%20%uBCF5%uC0AC%20%uBD99%uC5EC%uB123%uAE30%uAC00%20%uC544%uB2C8%uB77C%20%uB0B4%uC6A9%uC744%20%uC751%uC6A9%uD558%uC5EC%20%uC791%uC131%uD574%uC11C%20%uAC00%uC838%uAC00%uC154%uC57C%20%uB41C%uB2E4%uB294%20%uAC78%20%uC54C%uB824%20%uB4DC%uB9BD%uB2C8%uB2E4.%20%0A%u25CE%uC0AC%uC9C4%uACFC%20%uC774%uBBF8%uC9C0%20%uC77C%uBD80%uB294%20%uD37C%uC628%20%uAC83%uB3C4%20%uC788%uC74C%uC744%20%uBC1D%uD799%uB2C8%uB2E4.%20%0A%0A---%0A%0A%23%23%20%uBAA9%uCC28%0A%5BTOC%5D%0A%0A---%0A%0A%23%23%23%20imagemotion%20-%20sreda%0A%uC790%uC8FC%20%uC0AC%uC6A9%uD558%uB294%20%27sreda%27%uC5D0%uC11C%20%uB9CC%uB4E0%20%uC561%uC158%uC774%uB2E4.%20%uC77C%uB2E8%20%uCC38%uACE0%20%uC774%uBBF8%uC9C0%uB97C%20%uBCF4%uACE0%20%uBC14%uB85C%20%uC9C8%uB800%uB2E4.%20%uC774%uBC88%uC5D0%uB294%20%uC561%uC158%20%uD328%uB110%uC744%20%uB9CC%uB4E4%uC5B4%uC11C%20%uC870%uAE08%20%uB354%20%uC0AC%uC6A9%uD558%uAE30%20%uD3B8%uD558%uAC8C%20%uB9CC%uB4E0%uB4EF%uD558%uB2E4.%0A%uC0AC%uC9C4%uC5D0%20%uAC70%uB9AC%uAC10%uC744%20%uC8FC%uB294%20GIF%20%uC560%uB2C8%uBA54%uC774%uC158%uC73C%uB85C%20%uB9CC%uB4E4%uC5B4%uC8FC%uC5B4%20%uC0AC%uC9C4%20%uD55C%uC7A5%uC73C%uB85C%20%uB9CE%uC740%20%uAC83%uC744%20%uD45C%uD604%uD560%20%uC218%20%uC788%uAC8C%20%uB418%uC5C8%uB2E4.%20%uC601%uD654%uC758%20%uD55C%20%uC7A5%uBA74%20%uCC98%uB7FC%20%uD45C%uD604%uB3C4%20%uAC00%uB2A5%uD558%uACE0%20%uC0AC%uC6A9%uD558%uB294%20%uBC29%uBC95%uC5D0%20%uB530%uB77C%20%uB2E4%uC591%uD55C%20%uC5F0%uCD9C%uC744%20%uD560%20%uC218%20%uC788%uC744%20%uAC83%uC774%uB2E4.%0A%0A%21%5BAlt%20text%5D%28./%uC0AC%uC9C4%20%uC601%uD654%20imagemotion-1.gif%29%0A%0A%uD648%uD398%uC774%uC9C0%uC5D0%uC11C%20%uC9C1%uC811%20%uAD6C%uB9E4%uD558%uB294%20%uBC29%uC2DD%uC73C%uB85C%20%uD398%uC774%uD314%uB85C%uB9CC%20%uACB0%uC81C%uD560%20%uC218%20%uC788%uB2E4.%0A%3E%20%uAD6C%uB9E4%uB9C1%uD06C%uB294%20%5Bimagemotion%20%uAD6C%uB9E4%20%uC0AC%uC774%uD2B8%5D%28https%3A//www.mikesreda.com/imagemotion/%23introduction%29%uC785%uB2C8%uB2E4.%0A%3E%20*%20https%3A//www.mikesreda.com/imagemotion/%23introduction%0A%0A%uC0AC%uC9C4%20%uC601%uD654%20imagemotion-1%20%uC774%uBBF8%uC9C01111%0A%uC0AC%uC9C4%20%uC601%uD654%20imagemotion-1%20%uC774%uBBF8%uC9C02222%0A%uC0AC%uC9C4%20%uC601%uD654%20imagemotion-1%20%uC774%uBBF8%uC9C03333%0A%uC0AC%uC9C4%20%uC601%uD654%20imagemotion-1%20%uC774%uBBF8%uC9C04444%0A%0A%23%23%23%23%201.%20%uC561%uC158%uC744%20%uC0AC%uC6A9%uD558%uAE30%20%uC804%20%uC900%uBE44%uC0AC%uD56D%0A1.%20%uD3EC%uD1A0%uC0F5%20%uCD5C%uC18C%20%uBC84%uC804%uC740%20CC%202014%uC774%uB2E4.%20%28%uD544%uC790%uB294%20%uD3EC%uD1A0%uC0F5%20CC%202017%uBC84%uC804%uC744%20%uC0AC%uC6A9%20%uC911%uC774%uB2E4.%29%0A%3E%20%uAF2D%21%20%uD55C%uAE00%uD310%uC774%20%uC544%uB2CC%20%uC601%uBB38%uD310%uC73C%uB85C%20%uD3EC%uD1A0%uC0F5%uC774%20%uC124%uCE58%uB418%uC5B4%20%uC788%uC5B4%uC57C%20%uD55C%uB2E4.%0A%0A2.%20%uD3EC%uD1A0%uC0F5%uC5D0%uC11C%20%uC14B%uD305%uC744%20%uD574%uBCF4%uC790.%0A*%20%20%uAD6C%uB9E4%uD55C%20%uD30C%uC77C%uC744%20%uC900%uBE44%uD55C%uB2E4.%20%28%uBC84%uC804%uC5D0%20%uB9DE%uB294%20%uD3F4%uB354%uC640%20%27%21Resourse%27%uD3F4%uB354%29%0A*%20%20%5B%uD3EC%uD1A0%uC0F5%20%uC561%uC158%uC758%20%uAE30%uBCF8%20%uC14B%uD305%5D%28http%3A//mmtt.tistory.com/11%29%uC744%20%uBCF4%uACE0%20%uD30C%uC77C%uC744%20%uD3EC%uD1A0%uC0F5%uC5D0%20%uBD88%uB7EC%uC624%uC790.%0A%0A%uC0AC%uC9C4%20%uC601%uD654%20imagemotion-1%20%uC774%uBBF8%uC9C0222%0A%0A%23%23%23%23%202.%20%uC561%uC158%uC744%20%uC0AC%uC6A9%uD574%uBCF4%uC790%21%0A%uC774%uBC88%20%uC124%uBA85%uC740%20%uD14D%uC2A4%uD2B8%uB85C%uB9CC%20%uD558%uAC8C%20%uB418%uC5C8%uC2B5%uB2C8%uB2E4.%20%0A%uB3D9%uC601%uC0C1%uC774%20%uBE44%uACF5%uAC1C%uB85C%20%uB418%uC5B4%uC788%uC5B4%uC11C%20%uADF8%20%uBD80%uBD84%uC744%20%uD544%uC790%uAC00%20%uC784%uC758%uB85C%20%uACF5%uAC1C%uD574%uB3C4%20%uB420%uC9C0%20%uD574%uC11C%20%uD14D%uC2A4%uD2B8%20%uC704%uC8FC%uB85C%20%uC124%uBA85%uD558%uB3C4%uB85D%20%uD558%uACA0%uC2B5%uB2C8%uB2E4.%20%uBAA8%uB974%uB294%20%uBD80%uBD84%uC740%20%uB313%uAE00%20%uB2EC%uC544%20%uB4DC%uB9AC%uBA74%20%uB2F5%uBCC0%20%uB4DC%uB9AC%uACA0%uC2B5%uB2C8%uB2E4%21%0A%0A%21%5BAlt%20text%5D%28./%uC0AC%uC9C4%20%uC601%uD654%20imagemotion-static1111.squarespace.jpg%29%0A%0A1.%20%27imagemotion%27%uD328%uB110%20%uC124%uCE58%uB97C%20%uD574%uBCF4%uC790.%28%uD3F4%uB354%uAC00%20%uC5C6%uB294%20%uBD80%uBD84%uC740%20%uC0C8%20%uD3F4%uB354%uB97C%20%uB9CC%uB4E4%uC5B4%uC11C%20%uB123%uC5B4%uC8FC%uBA74%20%uB41C%uB2E4.%20%uD544%uC790%uC758%20%uACBD%uC6B0%20%uC708%uB3C4%uC6B010%uC744%20%uC0AC%uC6A9%20%uC911%uC774%uACE0%20CEP%5Cextensions%5C%20%uBD80%uBD84%uC774%20%uC5C6%uC5B4%uC11C%20%uD3F4%uB354%uB97C%20%uB9CC%uB4E4%uC5B4%uC900%20%uD6C4%20%uB123%uC5B4%uC92C%uB2E4.%29%0A%uD3EC%uD1A0%uC0F5%20%uBC84%uC804%uC5D0%20%uB9DE%uB294%20%uD3F4%uB354%uB97C%20%uC555%uCD95%20%uD47C%20%uD6C4%20%uB123%uC5B4%uC8FC%uBA74%20%uB41C%uB2E4.%0A%0A*%20%uC708%uB3C4%uC6B0%20%uC124%uCE58%uC2DC%20%uACBD%uB85C%0A%28User%29%3A%20C%3A%5CUsers%5C%3Cusername%3E%5CAppData%5CRoaming%5CAdobe%5CCEP%5Cextensions%5C%0A*%20%uB9E5%20%uC124%uCE58%uC2DC%20%uACBD%uB85C%0A%28User%29%3A%20Machintosh%20HD/Users/%3CUser%3E/Library/Application%20Support/Adobe/CEP/extensions%0A2.%20%uC704%uC758%20%uD3EC%uD1A0%uC0F5%20%uC561%uC158%20%uC14B%uD305%uC744%20%uD574%uC918%uC57C%20%uD55C%uB2E4.%20%uBE0C%uB7EC%uC26C%uC640%20%uD328%uD134%uC740%20%uC5C6%uC73C%uB2C8%20%uC561%uC158%uB9CC%20%uBD88%uB7EC%uC640%20%uC900%uB2E4.%0A3.%20%27ImageMotion%20by%20Sreda%27%uD328%uB110%uC744%20%uBD88%uB7EC%uC628%uB2E4.%0A%3E%20%20Window%20-%3E%20Extension%20-%3E%20ImageMotion%20by%20Sreda%20%0A4.%20%27STEP%201.%20Set%20the%20document%27%uC5D0%uC11C%20%uBC84%uD2BC%203%uAC1C%uB97C%20%uC21C%uC11C%uB300%uB85C%20%uB20C%uB7EC%uC8FC%uBA74%20%uC790%uB3D9%uC73C%uB85C%20%uC14B%uD305%uC774%20%uB41C%uB2E4.%0A5.%20%27STEP%202.%20How%20many%20objects%20you%20want%20to%20animate%3F%27%uC5D0%uC11C%uB294%20%uC624%uBE0C%uC81D%uD2B8%uB97C%20%uC815%uD574%uC11C%20%uBE0C%uB7EC%uC26C%uD234%uB85C%20%uC0C9%uCE60%uC744%20%uD574%uC8FC%uBA74%20%uB41C%uB2E4.%20%281%uAC1C%uC640%202%uAC1C%20%uC911%20%uC120%uD0DD%uC774%uB2E4.%29%0A6.%20%uC90C%uC778%uACFC%20%uC90C%uC544%uC6C3%uC744%20%uC120%uD0DD%uD560%uC218%20%uC788%uB2E4.%20%uC6D0%uD558%uB294%20%uBC84%uD2BC%uC744%20%uB20C%uB7EC%uC8FC%uBA74%20%uB41C%uB2E4.%0A7.%20%27STEP%204.%20Edit/transform%20your%20object%27%uC5D0%uC11C%uB294%20%uC624%uBE0C%uC81D%uD2B8%uB97C%20%uC218%uC815%uD560%20%uC218%20%uC788%uB2E4.%20%0A8.%20%27STEP%205.%20Additional%20elements%27%uC5D0%uC11C%uB294%20%uBE5B%20%uD6A8%uACFC%2C%20%uB80C%uC988%20%uD6A8%uACFC%2C%20%uBA3C%uC9C0%20%uD6A8%uACFC%2C%20%uCE7C%uB77C%20%uD329%20%uB4F1%uC744%20%uC120%uD0DD%uD558%uC5EC%20%uC774%uBBF8%uC9C0%uC5D0%20%uCD94%uAC00%uD560%20%uC218%20%uC788%uB2E4.%0A%0A%21%5BAlt%20text%5D%28./%uC0AC%uC9C4%20%uC601%uD654%20imagemotion-static111.squarespace.jpg%29%0A%0A---%0A%0A%23%20%uB9C8%uBB34%uB9AC%0A%uD3C9%uC810%5B%u2605%u2605%u2605%u2605%u2606%5D%0A%27imagemotion%20-%20sreda%27%uC740%20%uC778%uD130%uD398%uC774%uC2A4%uAC00%20%uD3B8%uD558%uAC8C%20%uB418%uC5B4%uC788%uC5B4%uC11C%20%uC0AC%uC6A9%uC774%20%uD3B8%uB9AC%uD558%uC600%uB2E4.%20%uC544%uC9C1%20%uB9CE%uC774%20%uC0AC%uC6A9%uD574%20%uBCF8%uAC74%20%uC544%uB2C8%uC9C0%uB9CC%2C%20%uC190%uC774%20%uB35C%20%uAC00%uB294%20%uC810%uC5D0%uC11C%20%uB192%uC740%20%uC810%uC218%uB97C%20%uC8FC%uACE0%20%uC2F6%uB2E4.%20%uC774%uAC83%uACFC%20%uBE44%uC2B7%uD55C%20%uC561%uC158%uC774%20%uC788%uB294%uB370%20%uADF8%uAC74%20%uC190%uC774%20%uC815%uB9D0%20%uB9CE%uC774%uAC04%uB2E4.%20%uD558%uC9C0%uB9CC%20%uC774%uAC74%20%uADF8%uAC83%uC5D0%20%uBE44%uD558%uBA74%20%uB108%uBB34%20%uC26C%uC6CC%uC11C%20%uC88B%uC740%20%uAC83%20%uAC19%uB2E4.%20%uADF8%20%uC561%uC158%uC740%20%uC0AC%uC6A9%uC774%20%uBD88%uD3B8%uD558%uC5EC%20%uC544%uC9C1%20%uAE00%uC744%20%uC548%uC37B%uC9C0%uB9CC%20%27imagemotion%20-%20sreda%27%uACFC%20%uBE44%uAD50%uB97C%20%uD560%20%uACB8%20%uC791%uC131%uD574%uBD10%uC57C%uACA0%uB2E4.%0A1%uC810%uC744%20%uAE4D%uC740%20%uC774%uC720%uB294%20%uD3EC%uD1A0%uC0F5%20CC%20%uC774%uC0C1%uC774%uC5B4%uC57C%20%uC791%uB3D9%uD55C%uB2E4%uB294%20%uC810%uACFC%20%uD328%uB110%uC744%20%uCC98%uC74C%20%uC124%uCE58%uD574%uC11C%20%uADF8%uB7F0%uC9C0%20%uC870%uAE08%20%uC2DC%uAC04%uC774%20%uC624%uB798%20%uAC78%uB837%uB2E4.%20%uBCF4%uC2DC%uB294%20%uBD84%uB4E4%uC5D0%uAC8C%20%uB3D9%uC601%uC0C1%uACFC%20%uC774%uBBF8%uC9C0%2C%20%uC6C0%uC9E4%uB85C%20%uC124%uBA85%uD574%20%uB4DC%uB9AC%uACE0%20%uC2F6%uC5C8%uC9C0%uB9CC%2C%20%uBE44%uACF5%uAC1C%uB77C%20%uADF8%20%uBD80%uBD84%uC744%20%uBABB%20%uC62C%uB824%uC11C%20%uC544%uC27D%uB2E4.%20