01Typography

 

 

Typography

1 <배경>

화면크기의 사각형을 만들고 검은색을 채워준다.

매쉬툴을 이용하여 색상을 곳곳에 넣어준다.

 

2 <입체 글씨>

'NEON'글씨를 쓴 후, 색상을 밝은 회색으로 대략 정해준다.

effect > 3d > extrude&bevel 효과를 준다.

1에서 만든 메쉬배경 위에 올려놓고 텍스트에 블랜딩모드 color dodge효과 주기

 

3 <입체 글씨의 앞면>

텍스트를 하나 복사해서 그대로 모양확장(expand appearance)시켜주기

그룹을 3번 풀어준다.

가장 앞면만 남겨준 후, 그룹화 해주기

글씨 만들어진 거 화면 확대해서 앞에 맞춰주기

transparency > 블랜딩모드-color dodge
color > grayscale로 빛의 세기 조절
작업 편리를 위해, 모두 레이어 잠금 시켜주기

 

4 <빛 효과>

원형 만들기
원형 그라디언트 효과 넣어주기
블랜딩모드-color dodge
사이즈 조절 후, 배치

5 <외곽 브러쉬 효과>
원형툴로 얇은 원형도형 만들기
브러쉬패널에 등록하기 (art brush)
브러쉬 옵션 수정하기
ㄴ width 얇게 조정
ㄴ method-hue shift

 

6 <텍스트 외각 효과>

브러쉬툴 + enter
paintbrush tool options > fidelity-smooth최고치 설정
ㄴ keep selected만 체크(사실상 체크 안 해도 상관x)
외각 따라그리기
모두 한 그룹으로 묶기
블랜딩모드-color dodge
stroke-color에서 색 조정 가능
그룹 잠금

 

7 <마무리, 배경 수정>

배경만 잠금 풀고, 매쉬툴로 위치 수정 (매쉬툴+shift 누르면서)
매쉬툴에서 겉 부분 영역 추가한 후, 검정색 넣어주기

---

* bleed : 도련 
  : 인쇄 시 설정하는 구간으로 종이의 끝까지 잉크가 닿아 깨끗한 인쇄될 수 있도록 만들어준다. 
  : 평균 2~3mm 설정되어 작업 됨

* 면, 획 단축키 
- X : 색상칩 선택 
- shift + X : 면, 스트로크 위치 반전
- / : 색상 제거 
- D : 색상 초기화

* 메쉬 (mash tool)
  : 선택한 도형에 포인트를 생성하여 두 개 이상의 색상을 연출할 때 주되게 사용하는 툴이다. 
  : 그라디언트와는 다르게 기계적인 연출아닌 유동적인 색상의 형태표현 할 수 있다는 차이점이 있다. 

  ※ 메쉬포인트는 shift 키와 함께 움직여야 색상 이동이 자연스럽게 이뤄짐
  이동거리에 맞춰 핸들길이 조절해주기 때문이다. 
  메쉬 툴만이 쉬프트+포인트 이동시킬 수 있다. 

  ㄴ U

* 익스트루드 & 베벨 (extrude&bevel)

  : 평면의 물체를 돌출시켜 입면체 만드는 데 사용하는 기능이다. 
  : 버튼, 타이포그래피, 아이소메트릭 등
  ㄴ 상단메뉴 - effect - 3d - extrude&bevel

* 퍼스펙티브 (perspective) (=원근조절)
 : 수치 강력하게 설정할 수록 앞뒤에 대한 거리감 증폭하여 역동적인 연출 및 개성있는 연출 줄 때 사용할 수 있다 .

* 어페어런스 패널 (appearance pannel)

  : 선택된 오브젝트의 속성을 확인하거나 그 속성을 수정할 수 있도록 만들어주는 패널이다.
  ㄴ 이펙트의 수정 만큼은 어페어런스 패널에서 필이 조정하는 것을 권장
  ㄴ shift + F6

* 트랜스페어런시 패널 (transparency pannel)

  : 투명도에 대한 작업 관리기능 들어있는 패널이다. 

  (블렌딩모드/ 오퍼시티 / 오퍼시티 마스크)
  ㄴ ctrl + shift + F10

* 블렌딩모드 (blending mode)
  : 상위 오브젝트와 하위 오브젝트를 색상 및 음영 합성해줄 수 있는 기능

* 컬러닷지 (color dodge)
  : 밝은 색상을 더 밝게 대비 증폭하여 강조하되, 어두운 색상일 수록 점점 표현에서 제외시킨다. 

* 리컬러아트웍 (recolor artwork)
  : 선택된 도형의 색상을 부분적으로 수정하는 데 사용하며 
  특히 선택 도형의 두 개 이상 컬러를 한 번에 잡아 조정하고 수정하는 데 주되게 사용함 
  (포토샵의 휴 새츄레이션 보정 기능과 유사하게 생각하면 됨)

* 익스팬드 어페어런스 (expand appearance)

  : 특수한 설정값 들어간 오브젝트를 보여지는대로 확장시켜주는 기능

  > 특수한 상태의 오브젝트를 일반적인 사용 가능한 상태 만들어 줌
  >> 확장된 물체는 그룹으로 묶인다. 
  ㄴ 상단메뉴 - object - expand appearance

 

* 브러쉬 패널 (F5)
  : 일러스트가 제공하는 모양을 꺼내 브러쉬로 사용하거나
  : 작업자가 직접 만든 도형을 등록하여 브러쉬로 사용할 수 있도록 만들어 주는 패널
  ※브러쉬 등록 초기 단계에서는 브러쉬 등록 셋팅창에서 프리뷰 지원되지 않음 
  ㄴ 셋팅값 눈으로 보기 위하여 브러쉬 등록 후 패널에서 수정 패널 열어 프리뷰 지원아래 셋팅하면 됨

* ctrl + H

  : 패스를 드러내거나 숨겨줄 수 있는 기능 작업물을 가리고 있는 패스를 시각적으로 가려두기 위해 주된 사용 함
   hide edge / show edge 

○ 일러스트 작업물 레이어 나누어 PSD 파일로 저장하는 방법 
1) 모든 물체 잠금 해제
2) 작업에 필요하지 않은 물체 제거 
3) 한 개의 레이어처럼 인식시킬 물체들을 그룹핑 시켜둔다. 
ㄴ> 일러스트에서 그룹으로 묶인 물체는 포토샵 화면에서 하나의 레이어로 묶여서 나옴 
4) 저장 
ㄴ 상단메뉴 - 파일 - export (내보내기) -export as
5) photoshop export option 
*flat image : 레이어 한 장으로 병합 
*write layers : 그룹으로 묶인 오브젝트 별로 레이어 나누어 저장해줌 

---

<색상이론> (포토웍스 이론1일차에 더 많은 정보 있음)

- 메인컬러 : 디자인에 주되게 사용하는 색상 
- 서브컬러 : 메인 컬러와 조화롭게 어우러지는 주변 컬러들 
- 배색 : 메인컬러 주변으로 잘 어우러지는 컬러들을 주변에 배치하는 것

 

<배색 카테고리 >
- 유사색 배색 
(유사, 단색, 음영)
: 메인컬러와 유사한 색상들을 주변에 배색하는 것을 말한다. 
> 통일성, 안정적인, 상징성

- 보색 배색 
(보색, 삼각형, 분할보색, 이중분할 보색, 정사각형 )
: 메인컬러와 반대되는 컬러를 주변에 배색하는 것을 말한다. 
ㄴ> 서로를 비교대상이 될 수 있도록 만들 수 있다. 
> 개성있는, 동적인, 모험적인, 화려한, 이질적인

※ color.adobe.com
  : 어도비사에서 제공하는 무료 배색 사이트 

 

* 디자인에 텍스트를 효과적으로 사용하는 방법

1) 가독성이 좋은 서체를 최우선시두어 선정하라.
2) 작업물과 잘 어우러지는 형태의 서체를 선정하라.
3) 장식 및 질감처리하라.

 

* 저작권 무료서체
-나눔고딕, 명조, 스퀘어 등 
-노토산스, 노토세리프 
-검은고딕, 로보토, 구글산스 등