일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 웹디자인 기초
- 포토샵
- 아이콘가이드
- 아이드로퍼툴
- 자바스크립트
- 자바스크립트매개변수
- 포토샵기초
- 스마트오브젝트
- html
- 일러스트3d
- 자바스크립트함수
- 일러스트아이소메트릭
- 일러스트 기초
- 웹디자인
- flexbox defense
- 자바스크립트 변수
- 자바스크립트기초
- 통계사이트
- 일러스트 블렌드
- CSS
- html기초
- flexbox froggy
- 레이어그룹
- 일러스트기초
- css diner
- 일러스트 브러쉬
- 디스톨트
- 사진보정
- 인포그래픽
- IT
- Today
- Total
오늘보다 더 나은 내일
[수업노트](20.10.13)D+3 color/그라디언트 이용하여 소스들 배치하기 본문
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: 레이어 우클릭/선택된 레이어를 고유 위치에 맞춰 다른 작업탭으로 옮겨줄 수 있는 기능이다.
'국비지원 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.12)D+2 선택영역툴/사각형으로 빌딩그리기/동물털 누끼따기/셀렉트앤마스크 (0) | 2020.11.07 |
[수업노트](20.10.08)D+1 포토샵 기초/ 레이어 개념/툴사용법 (0) | 2020.11.07 |