스크린 샷 촬영 기술... 1년 전과 현재

2013. 10. 15. 13:38    작성자: ONE™

이번 글은 정식 포스팅은 아니구요, 앱 소개글에 곁들일 스크린 샷을 준비하는 모습을 한컷 남겨봤습니다.


▲ 각 요소 하나하나를 따로 촬영한 다음에 원판(?)에 레이어로 붙이는 작업입니다. 


▲ 각 요소의 크기와 배치를 적당히 조절하고 원판에서 필요한 영역만 크롭해 최종 이미지 파일을 저장합니다. 블로그 읽기 영역의 넓이가 683px정도 되는데 이미지 파일의 크기가 이보다 더 크면 자동 리사이즈로 인한 화질저하가 일어나고, 크기가 작으면 여백 때문에 레이아웃이 어설퍼 보이는 느낌이 들어 크롭 시에도 이미지 폭을 683px으로 고정시킵니다.


▲ 비단 일반적인 윈도우 형태의 앱뿐만 아니라 메뉴 막대 전용 앱들도 같은 방식으로 스크린 샷을 준비합니다.

화면을 바로 촬영하는게 작업 속도도 빠르고 더 편하지만 이런저런 아쉬움이 느껴져 언제부턴가는 전적으로 레이어 작업에 의지하고 있습니다. 작업 시간이 두 배 정도 더 들지만, 배경의 잡다구니 한 것들이 노출되지 않아 깔끔한 이미지를 만들 수 있고 화면 구성을 제 맘대로 할 수 있어 좋은 것 같습니다. 생각난 김에 둘러봤더니 이런 방식을 사용하기 전인 예전 글과 최근에 올린 글 사이에 퀄리티 격차가 상당하네요.

macnews.tistory.com/203 vs. macnews.tistory.com/1564

맥 실력은 고사하고 1년 동안 블로그를 운영하면서 늘은 것이라고는 스크린 샷 촬영 스킬 밖에 없다는 슬픈 전설이…  へ( ̄⌒ ̄へ)
새로운 영역에 대한 공부도 필요한 데 말이죠..



관련 글
• 화면을 포토샵 PSD 파일로 남겨주는 독특한 맥용 스크린 캡처 프로그램 'ScreenShot PSD'
• OS X에서 화면을 캡쳐하는 방법 총정리 - 그리고 잘 알려져 있지 않는 숨은 기능 소개
• 맥 화면 일부를 캡처할 때 선택 영역이 풀리지 않은 상태로 위치만 이동하기 외

    
  1. Blog Icon
    chan.k

    레이어 작업이라는게 사실 좀 귀찮은데^^; 이런 노고 덕분에 블로그 팬들이 늘어가는 것 아닐까요??^^

  2. 맥 사용자라면 으레 깔끔한거 좋아하시니 그런 면도 있는 것 같습니다 :-)

  3. Blog Icon
    duii

    확 차이도 나고 보기도 훨씬 좋네요
    재미있게 잘 읽었습니다

  4. 재미있는 글은 아니었는데 그렇게 봐주셔서 감사합니다 :-)

  5. Blog Icon
    0nemorething

    연결해주신 링크 예전 포스팅 보면서 "뭐 괜찮은데 왜 부족하다고 하시지?"라고 생각했었는데 또 다른 포스팅을 보니 확실히 차이가 있네요^^
    암튼, 항상 좋은 포스팅 감사합니다.

  6. 그래서 예전에 올린 글들도 스샷 싹 갈아엎고 싶을 때가 있는데...
    엄두가 안 납니다. ㅠ.ㅠ

  7. 그 덕분인지 원님 블로그에 새로운 포스팅과 새로운 앱등에 대한 소개가 올라왔나 하루에도 몇번씩 들르는 일이 일과가 되었습니다 ㅎㅎ;

  8. RSS 안 쓰시고 매일 방문하시는 수고를... ㅠ.ㅠ
    덕분에 방문자 카운터가 무럭무럭 올라가고 있습니다.

  9. 수고가 아니라 즐거움 입니다 ^^ 항상 즐겁게 감사하고 있습니다~

  10. Blog Icon

    비밀댓글입니다

  11. 네, 저도 감사합니다 :-)

  12. Blog Icon
    지민아빠

    주옥같은 글도 글이지만, 같이 올라온 스크린샷을 보면 정말 직접 작업을 했을까 ? 하는 생각이 들었는데 이런 노력이 있었군요.

  13. Blog Icon
    아키보이

    역시 원느님 ^-^)bb

    원츄를 쎄워드립니다 ㅎㅎ
    항상 감사드려요 :)

  14. 아키보이님 오실 때마다 제 얼굴을 화끈하게 만들고 가시는 군요;;
    너무 추켜세워주시지 않으셔도되요;;

  15. Blog Icon
    와룡서생

    스크린샷 캡쳐에도 이런 디테일이..!

  16. 이런 마감은 칼같이 따지는데 일에 있어선 마감을 잘 못지키고 있습니다.. ㅠ.ㅠ

  17. Blog Icon
    지민아빠

    스크린샷을 뜨고 편집하실때 어떤 툴들을 사용하시는지 궁금하네요 ? ㅎㅎ

    왠지 따라해보고 싶은 충동이 느껴지는군요.

  18. 촬영 용으로 두 세가지, 편집 용으로 두 세가지, 관리용으로 한 가지 해서 7~8종 정도를 사용하고 있습니다. 각기 장단점이 있어서 뭐가 제일 좋다 하긴 힘드네요. 다음에 한번 다 같이 정리해 보도록 하겠습니다.

  19. 저도 스크린샷만 10년 넘게 찍은 대가가 되었네요. ㅋㅋ

  20. 아, 아크몬드님이 계셨군요.
    윈도에 비하면 맥은 거져먹는 느낌이 들정도로 스샷 촬영이 쉽죠.
    궁금한게 있는데 혹시 윈도도 창을 레이어 별로 촬영할 수 있는지요?

  21. Blog Icon
    Hunk

    방명록에도 글을 남겼습니다만...

    캡쳐하신 사진들의 배경을 보면 "매버릭스 컬러를 가진 그라데이션 배경"을 쓰고 계신데요...

    혹시 공개하실 마음이 있으신가요?

    http://wallippo.com/wallpaper/mavericks-gradient-wallpaper-9f3d8b8d575cc0909d64ac9db95ae53e

    이곳에서 비슷한 이미지는 찾았는데, 생각보다 밝아서 느낌이 별로네요.

  22. 문의하신 부분에 대해 방명록에 댓글 남겼습니다.

  23. 스크린샷이 은근히 힘든 과정이더군요. 항상 감사하고 있습니다. :)

  24. Blog Icon
    purecolor

    스크린샷 작업을 이렇게 세심하게 하고 계신줄은 몰랐습니다. 역시 원님 글을 읽으면 눈이 편한 이유가 있었군요 ㅎㅎ
    하루에도 몇번씩 들러서 눈팅만 하고 있었는데, 감사한 마음에 댓글 한번 남겨봅니다.

  25. Blog Icon
    김상훈

    다 기자일 할때 돈받으면서 하던 작업들이네요;;
    글 작성은 물론이고..

    아무런 댓가없이 고생하시는 원님 너무 대단하십니다 ㅜ.ㅜ

  26. Blog Icon
    브래드 칠천피트

    이런 노고때문에 맥유저들의 성지가 된게 아닙니까? ㅋ 앞으로 더 열심히 레이어 자겁을....ㅜ_ㅜ
    철썩~철썩~~! 일을 해라~일을!!!



  27. 원님의 글에는 디테일함과 정성이 가득 담겨 있는데 ... 그러한 포스팅들을 자주 하시는거 보면.... 정말 감탄하지 않을수가 없는거 같아요...