사뿐사뿐 집사일기

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

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

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

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

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

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

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

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

시작해봅시다.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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