본문 바로가기
포토샵 /액션

사진 한장으로 영화같은 장면을 만들다. GIF 애니메이션 ‘imagemotion’

J.hyun. 2017. 4. 14. 18:10

사진 한장으로 영화같은 장면을 만들다. GIF 애니메이션 ‘imagemotion’

다양한 정보를 전달해 드리려고 노력하는 블로그!!!

글과 사진 및 이미지 ▶ CopyLeft(C)
◎CopyLeft(C) 는 공유는 하시되 복사 붙여넣기가 아니라 내용을 응용하여 작성해서 가져가셔야 된다는 걸 알려 드립니다.
◎사진과 이미지 일부는 퍼온 것도 있음을 밝힙니다.

목차

imagemotion - sreda

자주 사용하는 ‘sreda’에서 만든 액션이다. 일단 참고 이미지를 보고 바로 질렀다. 이번에는 액션 패널을 만들어서 조금 더 사용하기 편하게 만든듯하다.
사진에 거리감을 주는 GIF 애니메이션으로 만들어주어 사진 한장으로 많은 것을 표현할 수 있게 되었다. 영화의 한 장면 처럼 표현도 가능하고 사용하는 방법에 따라 다양한 연출을 할 수 있을 것이다.


홈페이지에서 직접 구매하는 방식으로 페이팔로만 결제할 수 있다.

구매링크는 imagemotion 구매 사이트입니다.



1. 액션을 사용하기 전 준비사항

  1. 포토샵 최소 버전은 CC 2014이다. (필자는 포토샵 CC 2017버전을 사용 중이다.)

    꼭! 한글판이 아닌 영문판으로 포토샵이 설치되어 있어야 한다.

  2. 포토샵에서 셋팅을 해보자.

    • 구매한 파일을 준비한다. (버전에 맞는 폴더와 ‘!Resourse’폴더)
    • 포토샵 액션의 기본 셋팅을 보고 파일을 포토샵에 불러오자.


2. 액션을 사용해보자!

이번 설명은 텍스트로만 하게 되었습니다.
동영상이 비공개로 되어있어서 그 부분을 필자가 임의로 공개해도 될지 해서 텍스트 위주로 설명하도록 하겠습니다. 모르는 부분은 댓글 달아 드리면 답변 드리겠습니다!


  1. ’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


    저작자표시 비영리 동일조건

    '포토샵 > 액션' 카테고리의 다른 글

    물광주사 맞은것처럼 피부를 윤기나게 하는 포토샵 액션 ‘Glossy Skin Photoshop Action’  (0) 2017.04.25
    사진 보정의 끝판왕! 인물 보정은 이 액션 하나면 충분하다! ‘Magic Retouch Pro’  (0) 2017.04.18
    건물사진을 멋지게 스케치해보자. Architectum 2 스케치 포토샵 액션  (0) 2017.04.14
    미세먼지가 많은 요즘 사진에도 미세먼지 폭탄을 터트려보자! 포토샵 액션  (0) 2017.04.08
    겨울 눈 내리는 사진을 못 찍었다면 포토샵 액션으로 해결하자!  (0) 2017.03.28

    '포토샵 /액션' Related Articles

    티스토리툴바