사뿐사뿐 집사일기

포토샵 웹용으로 저장 실무 꿀팁!

실무에서 쓰면 퇴근이 훨씬 당겨지는 팁들이 있다.

편집에서 웹디자인도 하게 되면서 나도 한참 노가다 하다가 알게 된 건데 어찌나 좋은지 모른다.

요거 모르면 노가다 해야하잖아요, 그럼 야근하잖아요.

칼퇴하려면 잘 따라와, 퐐로퐐로미.

액션만 만들면 꿀팁 그거 별거 아니죠.

액션을 만들어놓으면 매크로처럼 돌릴 수 있는건데,

내가 작업한 플로우를 기록해뒀다가 다른 파일에도 적용할 수 있어 작업시간이 훨 단축된다.

시작해봅시다.

먼저 작업해놓은 파일을 연다.

나는 외주작업했던 블로그 스킨 파일을 열었다.

액션 패널(안보이면 창에서 액션을 선택)에서 새세트를 생성하고, 그 안에 새 액션을 생성한다.

나는 이름을 웹용이미지저장으로 하고 기능키를 F10으로 설정했다. (어느 것이라도 상관없다. 나는 다른 키를 다 사용하고 있어서 F10로 했을 뿐)

기능키는 단축키로, 나중에 액션을 다 만든 후 F10만 눌러도 액션이 돌아가게 된다.

액션을 생성하면 빨간색 녹화버튼이 자동으로 활성화되면서 액션이 녹화된다.

나는 페이스북 아이콘을 웹이미지로 저장할 예정이다.

내가 작업한 플로우를 모두 녹화하기 때문에 제대로 된 과정을 잘 선택해야한다.

물론 녹화를 중지하고 녹화항목을 삭제할 수 있으니 겁먹지는 말자.

페이스북 아이콘 레이어를 선택한 후에 액션 녹화를 진행해야 다른 파일에서 액션을 실행해도 에러가 나지 않는다.

저장하고자 하는 레이어를 선택했는지 꼭 체크! 

선택한 레이어를 마우스 우클릭하면 여러 메뉴들이 뜨는데 그 중에서 레이어 복제를 선택한다.

레이어를 어떤 문서에 복제할 것인지 묻는 창이 뜨면 새로 만들기를 선택한다.

그러면 새 문서에 그 자리 그대로 페이스북 아이콘이 복제된다.

액션패널에는 문서만들기라고 녹화된 것을 확인할 수 있다.

페이스북 아이콘만 저장할 거기 때문에 나머지 도큐먼트는 다 잘라준다.

이미지에서 재단을 선택하자.

투명한 부분을 다 잘라줘야하기 때문에 기준은 투명픽셀을, 오브젝트 기준으로 사방을 다 자를 것이므로 재단은 위아래좌우 다 선택한다.

깔끔하게 재단이 완료된 모습!

액션패널을 보면 재단 항목이 생성된 것을 확인할 수 있다.

이제 페이스북 아이콘을 웹용으로 저장 해야겠지?

다른이름으로저장 하면 되지만 용량이 크기 때문에(웹사이트에 올리는 이미지소스 용량이 트래픽을 좌우하니까) 웹용으로저장 해서 확장자명 png파일로 저장한다.

일일이 모든 이미지소스를 Ctrl + Alt + Shift + S 해서 저장하면 집에 못간다.

그래서 이렇게 정성스럽게 액션을 만들어주는거지!

암튼 웹용으로저장하기는 파일에서 내보내기를 눌러 웹용으로저장하기를 선택하면 되지만 액션에 바로 녹화되지 않는다. 파일 확장자를 선택줘야하기 때문인데, 이 때는 액션패널의 우측상단의 토글을 클릭해서 메뉴 항목 삽입을 선택한다.

메뉴 항목 삽입에 내보내기 웹용으로 저장(레거시)가 선택되었고, 확인을 누르면

이렇게 액션 패널에 곱게 녹화가 된다. 이러면 이제 다 끝났다.

임시로 페이스북 아이콘을 복제한 문서는 닫아야겠지?

문서를 닫을 때 저장할거냐고 물어보면 저장하지 않고 닫자. 액션엔 닫기만 녹화되면 되니까.

액션패널에 닫기라는 항목이 녹화된 것을 확인할 수 있다. 이제 정지버튼을 눌러 액션 녹화를 중지한다. 끝!

포토샵 웹용이미지저장 꿀팁 제작이 완료되었습니다! 으헤헿

액션을 정성들여 만들었으니 이제 써먹어봅시다.

(처음에 액션에 기능키를 F10으로 설정한 기억을 떠올려보자.)

저장하고자 하는 페이스북 아이콘 레이어를 선택하고 F10을 눌러보자. (두근두근

이렇게 완벽하게 재단이 된 상태로 파일 확장자만 선택할 수 있도록 웹용으로저장하기 정보패널이 뜬다면 제대로 액션을 만든거다.

수많은 과정을 일일이 거치지 않아도 단축키 하나만 누르면 간단하게 웹용 이미지소스를 저장할 수 있다. 이걸 모르던 과거의 나야 미안해.

페이스북 아이콘이니까 파일 이름을 facebook으로 입력, 저장하면 얌전하게 내가 지정한 폴더에 웹용이미지소스가 저장된 것을 확인할 수 있다.

웹디자인을 갓 배운 뵹아리부터, 잔뼈굵은 경력자도 알아두면 좋은 포토샵 실무 꿀팁!

천천히 따라해보고 이제부터 칼퇴합시다!

좀비같이 자꾸 생기는 녹스 앱플레이어 캡처 이미지 삭제 방법

녹스 앱플레이어는 학원에서 코딩을 배울 때 짝꿍이 알려줘서 알았다.

안드로이드용 앱을 PC에서 구동할 수 있도록 도와주는 에뮬레이터 프로그램이라

컴퓨터로 게임도 돌리고 다른 앱도 사용할 수 있다!

이런 신박한 걸 왜 이제야 알았는지... 정말 여러모로 유용하게 사용하고 있다.

특히나 업무에 앱 화면을 캡쳐하는 경우가 많은데 폰으로 캡쳐해서 폰으로 가져오기 여간 불편한게 아니다. (귀찮다

녹스 켜놓고 캡쳐해서 바로바로 파일을 활용할 수 있어서 우왕굳! 완전 편하게 사용중이다.

그런데 캡쳐를 워낙 많이 하다보니 nox_share 폴더에 캡쳐이미지가 겁나 많이 쌓였다.

속도도 좀 느려진거 같고 해서 삭제를 했는데 웬걸 이녀석들 좀비처럼 자꾸만 폴더에 생기는 것이 아닌가.

이리저리 찾아보고 알아낸 녹스 앱플레이어 캡쳐이미지 삭제 방법!

(내가 안 까먹으려고 하는 포스팅입니다ㅎㅎ)

1. 녹스 실행 후 파일매니저를 연다.

먼저 녹스 앱플레이어를 열고 filemanager 앱을 실행한다.

화면은 각자 설정한 휴대폰모델에 따라 다를 수 있다. (나는 samsung sm-g9350로 설정됨)

LG 스마트폰도 있으면 좋겠다는 작은 바람이 있다 ㅎㅎ

2. sdcard - Pictures - Screenshots 경로를 찾는다.

파일매니저를 실행한 후 경로는 sdcard - Pictures - Screenshots로 들어간다.

캡쳐한 화면에 경로가 다르게 표시되어 있어서 한 번더 짚고 넘어가야겠다.

정리를 한 후에도 이렇게 캡쳐이미지가 많이 쌓여있다.

스마트폰처럼 용량을 먹기 때문에 속도에 영향을 준다고 하니 그때그때 정리해야지.

3. 삭제할 캡쳐이미지 선택 후 삭제하기

지울 파일을 선택하고 좌측 하단 점점이 토글을 선택하면 행동 메뉴들을 볼 수 있다.

캡쳐이미지를 보면 알 수 있지만 img 폴더는 선택하지 않고 이미지만 선택해야 삭제가 가능하다.

캡쳐한 이미지를 선택하고 Delete selection을 클릭해 선택한 파일을 삭제해보겠다.

지울거야? 하고 물어보면 예스를 클릭하자!

4. 녹스 앱플레이어 내 캡쳐이미지 삭제 완료

명령을 성공적으로 완료했다는 알림이 뜨면서,

선택했던 녹스 앱플레이어의 캡쳐 이미지가 삭제된 것을 확인할 수 있다.

지금 남아있는 파일은 포스팅을 위해 새로 캡쳐한 이미지라 삭제 후 파일이 생성됐다.

5. 컴퓨터 내 nox_share 폴더 확인하기

그럼 정말로 녹스 앱플레이어 캡쳐 이미지가 완전 삭제되었는지 확인하러 가보자.

툴바에서 내컴퓨터를 클릭하면 파일저장소를 확인할 수 있다.

그 중 이미지파일이 저장되는 nox_share 폴더로 이동하기 위해 컴퓨터 파일 열기를 클릭한다.

6. 녹스 앱플레이어 캡쳐 이미지 삭제 완료!

ta-da!

이렇게 깔끔하게 캡쳐 이미지가 삭제된 것을 확인할 수 있다.

좀 귀찮긴 하지만 녹스 앱플레이어 안의 이미지 파일을 삭제하고

컴퓨터의 녹스 폴더 안의 파일을 삭제하면 좀비처럼 자꾸 생기는 현상을 없앨 수 있다.