티스토리 뷰
반응형
오늘은 피그마 마지막 시간이다
모달창 만들 때 주의점
모달창은 항상 프레임으로 만들어야 한다
프레임도 하나의 오브젝트로 인식하기 때문에 항상 프레임인지 또는 사각형인지 확인 필요
이너스크롤 오버 플로우 기능
움직이다가 도중에 멈추게 되면 그 위치에 멈추는 기능
메뉴 등에서 활용하기 좋다
개발자와 협업하기
파일명 같은 경우 항상 대소문자 통일하기
첫글자에 숫자 넣지 않기
축약할 수 있는 건 축약하되 개발자와 상의필요
에셋이 많아지게되면 복잡하니까 상호간에 규칙을 만들어 놓는 게 좋음(서로 질문하거나 답변해주는 시간을 줄일 수 있음)
디자이너와 협업하기
팀 라이브러리는 유료버전에서만 사용가능
공유 여부는 필요한 부분만 체크해서 사용
피그잼
온라인 화이트보드라고 생각하면 쉽다. 인터페이스도 딱히 없음.
화이트보드에서 서로 체크하고 수정사항 오간 것을 따로 정리해야하나 피그잼은 그 정리할 시간을 줄여준다
브레인스토밍이나 플로우차트 말고도 다른 여러 샘플이 있다
콘텐츠 제작을 위한 실전 포토샵
자르기 도구
단축키 C
맥에서 옵션 커맨트 C를 누르면 캔버스 크기 창을 통해 이미지 크기 변경 없이 캔버스 크기만 변경 가능
이미지를 원하는 모양으로 크롭하기 - 클리핑 마스크
사각형 도구 옵션에서 패스나 픽셀이 아닌 모양으로 되어있는지 확인 (팩은 없음)
원하는 대로 그린 후 shift + 드래그 하면 정방형 사이즈의 사각형이됨
사각형이 캔버스 정중앙에 오게 하기
cmd a -> 옵션의 정렬 -> 특정 주문 맞춤
cmd d를 누르면 선택이 해지됨
이미지와 사각형 레이어 중앙에 마으스를 모아서 apt를 누르고 클릭을 하면 사각형에 이미지가 들어간다
레이아웃 정리
실무에서 그루핑을 해서 깔끔하게 유지하는 게 중요
그룹 이름을 영문으로 쓸지 한글로 쓸지는 회사마다 다름
그룹 내에서도 세부 그룹으로 나눌 필요가 있다
저장을 할 때는 폴더들이 닫힌 상태로 저장해야 작업할 때 편하다
웹 파일 저장
shift opt cmd s를 누르면 웹용으로 저장이 뜬다
jpg 품질 최고값과 최대값이 있는데 최고값으로 저장하면 용량을 좀 더 줄일 수 있음
사진 보정 방법
컬러 이미지 보정방법과 흑백 이미지 보정 방법이 있다
컬러 이미지 보정
수평 수직 맞추기
cmd j로 레이어 복사(만약의 상황을 위해 원본을 남겨두기 위함!)
수평과 수직이 안맞을 경우 cmd r을 눌러서 안내선을 가져온 후 cmd t를 눌러서 수평 수직 맞추기
이 상태에서 cmd ;을 누르면 안내창을 껐다 켤 수 있음
사진의 색감을 조절
색도, 채도, 색상 균형을 많이 사용
사진의 명도나 대비
명도 대비 레벨 곡선을 많이 사용
색상 균형
빼고 싶은 색감의 반대쪽을 조절해가면서 원하는 색감으로 정교하게 보정 가능
도장툴
단축키는 x
간단하게 거슬리는 것들을 지울 수 있음
다만 크거나 넓은 부분에는 사용 어려움
패치 툴
단축키는 j
지우고 싶은 부분을 드래그해서 선택 후 클릭 한 다음 쭉 드래그하면 밑에 있는 부분으로 합성이됨
흑백 이미지 보정
컬러 이미지를 흑백으로 바꾸기
단축키 cmd crrl u로 변환해도 되지만 세세하게 보정하고 싶다면 보정 레이어의 흑백으로 보정가능
보정 레이어로 보정 시 정교하게 사진의 색감이나 밝기를 조절 가능하다
* 이 글은 제로 베이스 강의 자료를 발췌해 작성되었습니다.
피그마 수업은 웹퍼블리싱 배울때가 새록새록 생각나서 기분이 묘했다
다만 실전 포토샵 수업은 강사님이 맥 기준으로 설명하시는데,
내가 가지고 있는 애플제품이라곤 아이패드밖에 없는데다 아이패드로는 타이핑할 일이 없어서 단축키가 좀 헷갈렸다.
커맨드....가 뭐지 옵션이 뭐지하다가 대충 컨트롤이랑 알트인가 하는 중이다.
다음 시간은 실전 포토샵 수업을 이어서 나갈 생각이다.
반응형
댓글
© 2018 webstoryboy