일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- css diner
- 일러스트3d
- 인포그래픽
- 포토샵기초
- 자바스크립트기초
- 사진보정
- 일러스트기초
- 통계사이트
- 아이콘가이드
- flexbox defense
- 자바스크립트함수
- 포토샵
- 스마트오브젝트
- 디스톨트
- 레이어그룹
- 일러스트아이소메트릭
- 자바스크립트 변수
- 자바스크립트매개변수
- 아이드로퍼툴
- 일러스트 블렌드
- 일러스트 기초
- html
- 웹디자인
- CSS
- html기초
- 웹디자인 기초
- 일러스트 브러쉬
- 자바스크립트
- flexbox froggy
- IT
- Today
- Total
오늘보다 더 나은 내일
[수업노트](20.10.08)D+1 포토샵 기초/ 레이어 개념/툴사용법 본문
1. 포토샵 구성 인터페이스
1) 툴박스 : 작업에 필요한 도구(툴) 영역
2) 상단메뉴바 : 포토샵의 모든 기능 들어있는 영역
3) 옵션바 : 툴 옵션, 상세설정 영역
4) 패널팔레트 : 작업 상세 설정할 수 있는 패널 집합영역
5) 도큐먼트 : 작업 영역
6) 작업탭 : 열려있는 파일 사항
7) 윈도우 : 모든 패널 관리
2. 해상도 PPI (pixel / inch)
1) 웹용(72): 용량이 적기 때문에 이미지 로딩이 빠른시간 내에 이뤄진다.
2) 작은 인쇄물 (150)
3) 인쇄물(300): 고품질, 고용량 (포스터와 같이 큰 인쇄물 작업 시)
3. 컬러모드
1) RGB : 웹 컬러/ 빛의 3원색 /화면 안 쪽에 들어가는 모든 디자인에는 RGB 컬러모드 적용된다.
2) CMYK : 잉크, 인쇄 컬러/ 색의 4원색 /잉크의 구성을 가지고 있기 때문에 인쇄작업시 설정되는 컬러모드
4. 툴 사용법 및 단축키
1) 파일 오픈: ctrl+O
2) 화면 확대 축소
- ctrl + + / -
- alt + 마우스 휠
- ctrl + space + 왼쪽 마우스 클릭 드래그
- zoom tool (Z)
3) 화면 이동
- space+ 클릭 드래그
- hand tool (H)
4) 화면 조정 단축키
- ctrl+ 0 : 캔버스에 작업화면 맞추기
- ctrl+ 1 : 100% 사이즈
5) 작업 중 컬러모드 전환 : 상단메뉴 - image - mode
6) 이미지 사이즈 : 상단메뉴 - 이미지 - 이미지 사이즈 (ctrl+alt+i)
- 이미지의 자체적인 사이즈 및 해상도를 변경하거나 확인하는 용도로 사용하면 된다.
7) 레이어
- 생성한 작업창과 별도로 원본을 훼손시키지 않고 편집 작업 할수 있는 여러겹의 비닐과 같은 개념
- 중복선택된 레이어는 일괄 명령 들어감
- 새 레이어 생성 : ctrl+alt+shift+N
- 레이어 삭제 : del
- 레이어 복제 : ctrl+J
- 레이어 병합 : ctrl+E
- 레이어 이동 : ctrl+[ , ]
- 선택 레이어 가장 상단으로 : ctrl+shift+ ]
- 선택 레이어 가장 하단으로 : ctrl+shift+ [
- 레이어 선택 단축키 : alt+[ , ]
- 부분 레이어 선택 및 해제 : ctrl + 레이어 클릭
- 범위 레이어 선택 : shift + 레이어 클릭
* 레이어 오퍼시티 : 불투명도 조절
- 보통 상위,하위 레이어가 적절하게 섞인 듯한 자연스러운 연출 위해 사용한다.
8) 이동툴 (V)
- 선택된 레이어 이미지 이동 툴. 항상, 옮길 이미지의 레이어가 선택 되어있는지 확인해야 함.
- auto select : 레이어 자동선택 기능 작업창에서 이미지 선택시 레이어 선택된다.
- ctrl+ 이미지 클릭 : 레이어 찾기
9) 작업 실행취소: ctrl+ Z
10) 작업 복구 : ctrl+shift+ Z
11) 작업 전 후 비교 : ctrl+alt+ Z
12) 초기화 : f12
13) 저장 : ctrl + S 습관화해야 한다.
14) 다른 이름으로 저장 : ctrl + shift + S
15)정렬 및 분배 : 디자인 레이아웃 정리할 때 사용하는 기능
※ 디자인 레이아웃이란? 작업 안 쪽에 들어가있는 모든 컨텐츠들을 디자이너의 규칙 아래 정리하는 것을 말한다.
- distribute: 등 간격 분배
- ailgn : 열 간격 정렬
※ 조건
- 정렬 및 분배시킬 레이어는 모두 선택상태 되어있어야 한다.
- 이동툴 눌려 있어야만 기능이 옵션바에 활성화된다.
※ 특징
- 정렬 및 분배는 이미지를 포함하고 있는 바운딩박스 공간 안에서 이뤄짐
'국비지원 UX UI 디자인 > 디자인 수업' 카테고리의 다른 글
[수업노트](20.10.16)D+6 type tool/타입툴 이용하여 텍스트 편집하기 (0) | 2020.11.07 |
---|---|
[수업노트](20.10.15)D+5 인포그래픽 만들어보기 (0) | 2020.11.07 |
[수업노트](20.10.14)D+4 변형툴/변형이용 하여 목업이미지 제작/그라디언트 및 변형툴 이용하여 이미지 제작 (0) | 2020.11.07 |
[수업노트](20.10.13)D+3 color/그라디언트 이용하여 소스들 배치하기 (0) | 2020.11.07 |
[수업노트](20.10.12)D+2 선택영역툴/사각형으로 빌딩그리기/동물털 누끼따기/셀렉트앤마스크 (0) | 2020.11.07 |