포토샵 기초 1
새로운 캔버스 시작 : p20
Name : 새 창의 이름 지정
Width : 작업창 너비와 너비 단위 선택
Height : 작업창 높이와 높이 단위 선택
Resolution : 이미지 해상도 지정
Color Mode : 색상 모드 지정
Background : Contents 바탕화면 색상 선택
이미지 확장자 : p25
psd, gif , jpg , png
1. 인터페이스 색상변경
[Edit]-[Preferences]-[Interface] 메뉴 선택 -> [Preferences]-[Appearance]에서 인터페이스 색상 변경
[Edit]-[Preferences]-[Workspace] -[open Documents as Tabs]
[Edit]-[Preferences]-[Units & Rulers] -[Pixels]
[Edit]-[Preferences]-[Tools] -[Zoom with Scroll Wheel]
파일 열기 :
file - open (ctrl + o) ,
폴더에서 드래그이동
포토샵 화면에서 마우스 두 번 더블클릭
3. 자유로운 선택 이동 / 변형 : p28
이동 툴(Move Tool) : 모든 오브젝트 이동 : V
선택 툴(Marquee Tool) : 선택영역 지정
선택영역 지정( M 드래그 ) -
선택 영역 해제하기([Select]-[Deselect] 메뉴를 선택하거나 [Ctrl]+[D] 누름)
올가미 툴(Lasso Tool) : 자유로운 형태로 선택 영역 지정
마술봉 툴(Magig Wand Tool) : 비슷한 영역 색상 선택
퀵 셀렉션
붓으로 칠하듯이 선택 영역을 만들어주는 툴(빠른 선택 툴)
선택하기 어려운 영역의 가장자리를 선택할 때 사용
선택하고자 하는 이미지를 브러시 크기를 조절해 가며 드래그하면 선택 영역이 만들어짐
한 번 드래그하고 멈추면 자동으로 더하기 기능으로 바뀌어 연속해서 선택 영역을 만들 수 있음
마술봉
클릭 한 번으로 인접한 색상 영역을 자동으로 선택
Tolerance 수치가 높을수록 유사한 색상 영역을 선택하는 범위가 넓어짐
옵션 바에서 Contiguous를 체크하지 않으면 클릭 한 번으로 비슷한 색상 영역을 Tolerance에 지정된 크기대로 선택
화면 확대 축소
* 화면 확대 : Ctrl + [ + ]
* 화면 축소 : Ctrl + [ - ]
* 원본크기 : Ctrl + 1
* 화면크기 : Ctrl + 0
CTRL + 마우스 휠
- 도구툴 Zoom Tool(Z)
화면 이동
* Space Bar를 이용하면 이미지가 확대되어 벗어난 부분을 볼 수 있다.
- Hand Tool
배경색, 전경색
* 배경색으로 채우기 Ctrl + Delete
* 투명 영역(Pixels) 보호하면서 배경색으로 채우기 Ctrl + Delete + Shift
- 전경색 배경색 기본값으로 변경 D
- 전경색 배경색 색상교체 x
- 기타 Paint Bucket Tool(G), Edit > Fill
선택(Selection)
* 선택영역이 있는 상태에서 선택영역 더하기 Shift
* 선택영역이 있는 상태에서 선택영역 빼기 Alt
* 선택영역이 있는 상태에서 선택영역 교집합 shift + Alt
- Marquee Tool, Lasso Tool, Quick Selection Tool, Magic Wand tool
* 선택해제 Select > Deselect(Ctrl + D)
* 전체선택 Select > All(Ctrl + A)
* 선택영역 반전 Select > Inverse(Ctrl + Shift + I)
* 선택영역을 이동할 때는 선택하는 도구툴이 선택되어 있어야 한다.
선택영역
선택 영역 가장자리 흐리게 하기(Feather 수치가 높을수록 흐려짐)
선택영역 반전
선택 영역 반전([Select]-[Inverse] 메뉴를 선택하거나 [Ctrl]+[shift]+[I] 누름)
이미지 크기
[Image]-[Image Size]에서 조절(일반적인 웹 이미지 해상도는 72 Pixel/Inch)
캔버스 사이즈
Canvas Size 조절([Image]-[Canvas Size]에서 조절)
>> 레이어 : p60
영역 Load
* Layer, Channel, Path, Mask의 Thumnail을 Ctrl키와 함께 Click 하면 형태(Pixel, Path)나 밝은 값을 선택영역으로 만들 수 있다
>> 변형 : p33
transform ( ctrl+T)
[Edit] - [Transform] 메뉴 또는 Ctrl + T ( shift , alt)
scale
rotate
skew : ctrl + shift
distort : 포인트 지점을 찍고 드래그 - ctrl
perspective : 수직과 수평을 중심으로 대칭되어 늘어나거나 줄어듦 ctrl+alt
wrap : 기준선과 조절점이 열두 개 생김, 기준선과 조절점을 드래그해서이지 미를 휘게 만들 수 있음
Rotate180 / 90 cw , ccw
Flip Horizontal
Filp Vertical
수업에 필요한 기본 단축키
화면 확대 축소
* 화면 확대 Ctrl + "+"
* 화면 축소 Ctrl + "-"
화면 이동
* Space Bar + [ 왼쪽 마우스 ]
브러시 칠하기
* 브러쉬 사이즈조절 단축키 [, ]
* 브러시 가장자리 부드운정도 조절 Shift + [, Shift + ]
* 직선으로 칠하기
시작 지점 클릭한 다음 끝 지점 Shift + 클릭
* 브러쉬 모양보기 Caps Lock
- Brush Tool(B)
채우기 색상설정
* 브러쉬 가장자리 부드운정도 조절 전경색으로 채우기 Alt + Delete
* 브러쉬 가장자리 부드운정도 조절 투명 영역(Pixels) 보호하면서 전경색으로 채우기 Alt + Delete + Shift
* 브러쉬 가장자리 부드운정도 조절 배경색으로 채우기 Ctrl + Delete
* 브러쉬 가장자리 부드운정도 조절 투명 영역(Pixels) 보호하면서 배경색으로 채우기 Ctrl + Delete + Shift
- 전경색 배경색 기본값으로 변경 D
- 전경색 배경색 색상교체 x
- 기타 Paint Bucket Tool(G), Edit > Fill
이미지 반전(빨간색은 하늘색으로 검은색은 흰색으로 반대색으로 변경해 준다.
* Image > Adjustments > Invert(Ctrl + I)
선택(Selection)
* 브러쉬 가장자리 부드운정도 조절 선택영역이 있는 상태에서 선택영역 더하기 Shift
* 브러쉬 가장자리 부드운정도 조절 선택영역이 있는 상태에서 선택영역 빼기 Alt
* 브러쉬 가장자리 부드운정도 조절 선택영역이 있는 상태에서 선택영역 교집합 shift + Alt
- Marquee Tool, Lasso Tool, Quick Selection Tool, Magic Wand tool
* 선택해제 Select > Deselect(Ctrl + D)
* 전체선택 Select > All(Ctrl + A)
* 선택영역 반전 Select > Inverse(Ctrl + Shift + I)
* 선택영역을 이동할 때는 선택하는 도구툴이 선택되어 있어야 한다.
영역 Load
* Layer, Channel, Path, Mask의 Thumnail을 Ctrl키와 함께 Click 하면 형태(Pixel, Path)나 밝은 값을 선택영역으로 만들 수 있다.
Clipping
Layer를 하위에 있는 Layer의 영역(픽셀이 있는 영역)에 표현하고자 할 때
Clipping 방법
* Layer > Creat Clipping Mask 단축키 Alt + Ctrl + G
* Alt키와 함께 Layer와 Layer 경계선 Click
* Clipping을 풀려면 Alt키와 함께 Layer와 Layer 경계선 Click
Mask
계조(밝고 어두운 단계)를 이용해 이미지를 나타내거나 숨기고자 할 때
Mask가 흰색이면 보이고(불투명), 검은색이면 숨겨짐(투명), 회색이면(반투명)
Mask 방법
* Layer를 선택하고 Layers Panel 하단의 Add Layer mask 아이콘 선택
* 기본적으로 mask를 적용하면 흰색이지만 선택영역이 있는 상태에서 적용하면 선택영역의 상태에 맞게 밝기 값으로 나타낸다.
* Mask의 삭제 Layer 패널 하단 휴지통으로 Drag
* Mask 잠시 해제 Shift키와 함께 Mask Click
* Mask 보기 상태에서 작업하려면 Alt키와 함께 Mask Click
Mask가 적용된 Layer 작업 시 주의할 점
* Mask가 선택되어 있는지 Layer Thumnail이 선택되어 있는 확인하고 진행한다.
'figma' 카테고리의 다른 글
[ figma ] 14. 반응형 디자인 (0) | 2024.05.29 |
---|---|
[ figma ] 13. 프로토타입 예제 (0) | 2024.05.28 |
[ figma ] 06. 피그마 유용한 플러그인 (1) | 2024.01.12 |
[ figma ] 09. 오토 레이아웃 autoLayout, Suggest autolayout (1) | 2024.01.11 |
[ figma ] 11. 스타일 등록 및 편집 (0) | 2023.12.25 |