오늘보다 더 나은 내일

[수업노트](20.10.13)D+3 color/그라디언트 이용하여 소스들 배치하기 본문

국비지원 UX UI 디자인/디자인 수업

[수업노트](20.10.13)D+3 color/그라디언트 이용하여 소스들 배치하기

papiliofly 2020. 11. 7. 17:37
728x90

1. 색 color  

1) 명도 : 음영
- 높은 명도 (밝은색) :순수한, 깨끗한, 긍정적인, 가벼운, 맑은, 완벽한, 진실된, 간결한 
- 낮은 명도 (어두운 색): 진중한, 중후한, 미스테리한, 권위적인, 고급스러운, 세련된 

2) 채도 
- 높은 채도 (선명한색): 진보적인, 경쾌한, 활력있는, 동적인, 유아틱한, 화려한, 이국적인, 모험적인, 이질적인 
- 낮은 채도 (엷은 색): 소극적인, 정적인, 감성적인, 빈티지한, 침체된, 우울한, 신비로운, 고급스러운, 세련된 

3) 톤 tone : 명도나, 채도가 색상과 함께 결합된 상태를 말한다. 

4) 배색 : 둘 이상의 색을 미적으로 배열·조합하는 것.

- 유사색 배색(비슷한 색) : 무난한, 질리지 않는, 아늑한,차분한, 풍성한, 안정적인, 건전한, 온화한, 협조적인 
- 보색배색(반대되는색) : 강렬한, 화려한, 이국적인, 모험적인, 역동적인, 개성적인, 이질적인 
- 삼보색 : 보색이긴 하나, 정반대색상이 아니므로 정보색보다 조화롭고 자연스럽게 사용할 수 있다. 

5) 색의 온도

- 난색 (따뜻한 색상) : 빨, 주, 노가 대표적이다. 
불, 태양을 암시하여 파장 길기 때문에 동적인 느낌 줌 
음식이 주되게 표현되는 제작물에서 많이 볼 수 있는 색상이다. 

- 한색 (차가운 색상) : 청록, 파랑, 남색이 대표적이다. 
물, 하늘, 얼음을 암시하며 파장이 짧기 때문에 이지적이고 안정적인 느낌줄 수 있다. 
청량한, 이지적인 작업물 제작 시 사용할 수 있다. 

- 중성색
 뜨겁지도, 차갑지도 않은 중간색상들이기 때문에 모든 색상과의 조화가 무난하다. 


6) 명시성 : 멀리서도 잘 보이는 성질 

- 절대 명도 차이만으로는 완벽한 명시성 비출 수 없다. 
- 색상+ 명도 설정 되어야만 명시성 가장 높은 상태 비출 수 있다.  (검정+노랑)


7) 주목성 : 자극이 강해 눈에 잘 띄는 성질 
- 채도가 높을 수록 주목성 높다.  채도가 높은색 > 주목성이 강한 색 
- 보색 배색 > 특정 색상에 대한 주목이 올라가는 배색으로 활용 

※ 컬러패널 (F6) 
HSB : 색상계열, 채도, 명도만을 조절하여 색상을 정교하게 만들어나갈 수 있는 슬라이더  

※ 스와치패널  
작업자가 자주 사용할 컬러를 등록시켜 언제든 꺼내 사용하거나, 포토샵이 제공하는 컬러 지원받을 수 있다.  


2. Eyedropper tool (I) : 클릭하여 이미지의 색상을 추출할 수 있는 툴  


1) 전경색 배경색 단축키  
- 색상 초기화 : D
- 전경 배경 위치 반전 : X
- 전경색 채우기 : alt+del  
- 배경색 채우기 : ctrl+del

2)fill (shift+F5 / 상단메뉴 - edit - fill ) : 선택 레이어 또는 선택 영역 안쪽에 지정된 컨텐츠 채워넣어줄 수 있는 기능

 

※ 옵션

- Transparency 체크 시: 투명공간 무시되고 픽셀 무시된 채  픽셀 인식되는 구간에만 컨텐츠 채울 수 있다.  

- 이동 복사 붙여넣기 : 이동툴 + alt+ 이동
-  수직, 수평 이동:  이동 + shift
- 수직, 수평 이동 붙여넣기  : 이동+ alt+ shift
- 픽셀 있는 공간에만 전경색 채우기:  alt+shift+ del
- 픽셀 있는 공간에만 배경색 채우기: ctrl+shift+del
- 투명잠금 : 레이어패널 >  lock 명칭 위치에 있다. 투명한 공간 잠금 걸려 픽셀 있는 공간에만 색상 채울 수 있다.  

3. Gradient tool (G) : 두 개 이상의 색상을 연결지어 표현하는 방식 
- 색상의 변화를 이용하여 형용사, 물리적인 변화줄 수 있어 단색 표현보다 호소력짙은 연출할 수 있다.  
- 로고, 아이콘, 배경, 아트웍, 타이포그래피 
- 팝컬러와 파스텔컬러 주로 사용함  

스탑 제거 : 선택 후 하단으로 끌어내리거나, 델리트 버튼 누른다. 


4. 레이어 그룹

- 복수의 레이어를 하나로 묶어 관리시킬 수 있는 작업 기능이다.  

- 그룹화 : ctrl+G  

- 그룹 해제 :ctrl+shift+G 
- Duplicate group Layers: 레이어 우클릭/선택된 레이어를 고유 위치에 맞춰 다른 작업탭으로 옮겨줄 수 있는 기능이다. 

728x90