Advertisement
  1. Design & Illustration
  2. Text Effects
Design

어도비 일러스트 레이터에서 알파벳 블록 텍스트 효과를 만드는 방법

by
Difficulty:IntermediateLength:LongLanguages:

Korean (한국어) translation by h1ghqlty. (you can also view the original English article)

Final product image
What You'll Be Creating

다음 단계에서는 어도비 일러스트 레이터에서 알파벳 블록 텍스트 효과를 만드는 방법을 배웁니다.

처음에는 간단한 그리드를 설정하는 방법과 심볼 세트를 저장하는 방법을 배우게됩니다. 3D 돌출 및 경사 효과를 사용하여 저장된 기호와 함께 시작 큐브 모양을 만드는 방법을 배웁니다.

계속 진행하면서 모양 패널, 획 패널 및 기본 혼합 기술을 사용하여 색상, 음영 및 하이라이트를 추가하는 방법을 학습합니다. 마지막으로 미묘한 그림자와 간단한 배경을 추가하는 방법을 배우게됩니다.

최종 텍스트 효과를 조정하거나 개선하는 방법에 대한 더 많은 영감을 얻으려면 Envato Market에서 많은 자원을 찾으십시오.

1. 새 문서 만들기 및 그리드 설정

Ctrl+N을 눌러 새 문서를 만듭니다. 단위 드롭 다운 메뉴에서 픽셀을 선택하고 너비 상자에 850을 입력하고 높이 상자에 620을 입력 한 다음 어드번스드 버튼을 클릭하십시오. RGB, 스크린 (72ppi)을 선택하고 OK를 클릭하기 전에 픽셀 격자에 새 객체 정렬 상자가 선택 해제되어 있는지 확인하십시오.

그리드 (보기 > 그리드 표시) 및 그리드에 맞추기 (보기 > 그리드에 맞추기)를 활성화하십시오. 그리드가 5 px마다 필요하므로 편집 > 환경설정 > 가이드 > 그리드로 이동하여 모든 그리드라인 상자에 5를 입력하고 세분화 상자에 1을 입력하십시오. 모든 그리드에서 실패하지 않으려면 작업을보다 쉽게하고 Control- "바로 가기 키를 사용하여 쉽게 활성화 또는 비활성화 할 수 있다는 사실을 명심하십시오.

Andrei Stefan : 어도비 일러스트 레이터의 그리드 시스템 이해에 대한 간단한 자습서에서 일러스트 레이터의 그리드 시스템에 대한 자세한 내용과 작업을 쉽게 만드는 방법에 대해 배울 수 있습니다.

또한 정보 패널 (윈도우 > 정보)을 열어 모양의 크기와 위치가 포함된 실시간 미리 보기를 열어야 합니다. 편집 > 환경 설정 > 단위 > 일반에서 단위를 픽셀로 설정하는 것을 잊지 마십시오. 이러한 옵션을 모두 사용하면 작업 속도가 크게 향상됩니다.

setup grid

2. 심볼 세트 생성 및 저장

1 단계

사각형 도구 (M)를 선택하고 도구 모음에 초점을 맞 춥니 다. 획에서 색상을 제거한 다음 채우기를 선택하고 색상을 R=63 G= 69 B=245로 설정합니다. 아트보드로 이동하여 단순히 50px 크기의 사각형을 그리면 그리드에 맞춤 기능을 사용하면 작업을 쉽게 수행 할 수 있습니다.

rectangle

2 단계

같은 도구를 사용하여 40px 크기의 사각형을 만들고 어두운 파란색으로 채우고 다음 그림과 같이 배치하십시오. 이 새 모양을 선택한 채로 두고 효과 > 스타일 > 둥근 모서리로 이동하십시오. 5 px 반경을 입력하고 확인 버튼을 클릭 한 다음 오브젝트 > 모양 확장으로 이동하십시오.

rounded corners

3 단계

지금까지 만들어진 두 도형을 모두 재 선택하고 패스 파인더 패널 (윈도우 > 패스 파인더)을 연 다음 마이너스 프론트 버튼을 클릭하십시오. 결과 모양이 선택되어 있는지 확인하고 기존 채우기 색을 단순한 검은 색으로 바꿉니다 (R=0 G=0 B=0).

pathfinder panel

4 단계

문자 도구 (T)를 선택하고 문자 패널 (윈도우 > 타이프 > 문자)을 엽니 다. Consolas 글꼴을 선택하고 굵게 표시 한 다음 크기를 40 픽셀로 설정합니다. 그런 다음 간단하게 아트보드를 클릭하십시오.

대문자 "A"를 추가하고 색상을 검정색으로 설정하십시오. 텍스트가 여전히 선택되어 있는지 확인하고 타이프 > 텍스트 작성 (Shift-Control-O)으로 이동하여 텍스트를 편집 가능한 경로로 변환하십시오.

type tool

5 단계

선택 도구 (V)를 사용하여 지금까지 만들어진 두 도형을 선택하고 정렬 패널 (윈도우 > 정렬)을 엽니 다. 큰 모양 (강조 할 것임)을 클릭 한 다음 정렬 패널에서 수평 정렬 센터수직 정렬 센터 버튼을 클릭하십시오.

결국 두 번째 이미지에서 상황이 달라야합니다. 두 모양이 모두 선택되어 있는지 확인한 다음 Control-8 키보드 단축키를 사용하여 복합 경로로 변환하십시오.

align panel

6 단계

더 크고 검은 색의 모양 (Control-C > Control-V)을 복제하고 복사본을 선택하고 첫 번째 이미지와 같이 대략 배치하십시오. 형식 도구 (T)를 사용하여 "B"를 추가하고 동일한 글꼴 특성을 사용하십시오. 이 텍스트를 편집 가능한 경로 (Shift-Control-O)로 전환 한 다음 새 검정색 모양의 가운데에 배치합니다.

마지막으로 동일한 Control-8 키보드 단축키를 사용하여이 두 도형을 새로운 복합 경로로 바꾸는 것을 잊지 마십시오.

duplicate

7 단계

마지막 단계에서 언급 한 기술을 반복하고 알파벳의 나머지 문자를 추가하십시오.

multiply

8 단계

"A"복합 경로를 선택하고 심볼 패널 (윈도우 > 심볼)을 열고 새 심볼 버튼을 클릭하여 선택한 모양을 심볼로 바꿉니다. 이 새 기호의 이름을 "A"로 지정하고 확인을 클릭하십시오.

나머지 모양으로 이동하고 동일한 기술을 사용하여 기호로 저장하십시오. 심볼 패널 안에 모든 심볼을 가져온 후 아트보드에서 심볼을 자유롭게 제거하십시오.

save symbols

3. 3D 블록 만들기

1 단계

그리드 (Control-") 및 그리드에 맞추기 (Shift-Control-")를 비활성화하십시오.

사각형 도구 (M)를 선택하고 아트 보드를 클릭하기 만하면 사각형 창이 열립니다. 두 상자 모두에 50 픽셀을 입력하고 확인 버튼을 클릭하십시오. 새로 만든 도형이 선택되어 있는지 확인하고 채우기 색을 R=179 G=179 B=179로 설정하십시오.

rectangle

2 단계

회색 사각형이 선택되어 있는지 확인하고 효과 > 3D > 밀어내기 및 경사로 이동합니다. 추가 옵션 버튼을 클릭하고 아래 표시된 모든 속성을 입력하십시오. Draw Hidden Faces 박스를 체크 한 다음 Map Art 버튼을 클릭하는 것을 잊지 마십시오.

심볼 드롭 다운 메뉴를 열고 "W" 심볼을 추가 한 다음 곡면 섹션으로 이동하십시오. 화살표 버튼을 사용하여 곡면 1에서 곡면 5로 전환하고 동일한 기호를 추가하되 -90도 회전하십시오. 곡면 6으로 이동하고 동일한 기호를 추가 한 다음 확인 버튼을 클릭합니다. 결국 다음과 같은 이미지가 생깁니다.

3D Extrude Bevel

3 단계

3D 모양을 멀티플라이로 변강하고 다음 그림과 같이 사본을 대략 퍼뜨린 다음 기존 심볼을 필요한 심볼로 바꿉니다. 모양 패널 (윈도우 > 모양)에서 적용된 3D 돌출 및 경사 효과의 특성을 쉽게 조정할 수 있습니다.

cubes

4 단계

아래 그림과 같이 다른 네 개의 큐브를 추가하고 심볼을 바꾼 다음 그림과 같이 각도 특성을 조정합니다.

angle

4. 블록 조정 및 색상 지정

1 단계

큐브 중 하나에 초점을 맞추고 큐브를 선택한 다음 오브젝트 > 모양 확장으로 이동하십시오. 결과 그룹의 모양이 선택되었는지 확인하고 Shift-Control-G 키보드 단축키를 두 번 눌러 신속하게 그룹 해제하십시오.

결과 모양 세트에 계속 집중하고 레이어 패널로 이동하십시오. 여기서 세 개의 클립 그룹을 찾아야합니다. 3개의 그룹을 모두 선택하고 오브젝트> 클리핑 마스크 > 릴리즈 (또는 Alt-Control-7을 누르십시오)로 이동하여 클리핑 마스크를 해제하십시오.

레이어 패널에 계속 집중하고 클리핑 마스크를 채우는 데 사용 된 세 가지 모양 (채우기 또는 획 색상이없는 세 가지 모양)을 제거하십시오. 또한 큐브의 뒷벽을 구성하는 두 가지 모양 (세 번째 이미지에서 강조 표시된 모양)을 삭제하십시오.

expand appearance

2 단계

세 가지 복합 경로를 선택하고 모양 패널에 초점을 맞춥니다. 색상이 검정색으로 설정 되었는지 확인한 다음 "불투명도" 텍스트를 클릭하여 투명도 플라이 아웃 패널을 엽 다. 블렌딩 모드오버레이로 변경하고 불투명도50%로 낮춥니다.

transparency

3 단계

큐브의 꼭대기 벽을 구성하는 모양을 선택하고 기존 채우기 색을 아래 표시된 선형 그라디언트로 바꿉니다.

linear gradient

4 단계

큐브의 꼭대기 벽을 구성하는 모양을 선택하고 기존 채우기 색을 아래 표시된 선형 그라디언트로 바꿉니다.

linear gradient

5 단계

큐브의 꼭대기 벽을 구성하는 모양을 선택하고 기존 채우기 색을 아래 표시된 선형 그라디언트로 바꿉니다.

linear gradient

6 단계

스마트 가이드 (Control-U)를 사용하고 선분 도구 (\)를 선택한 다음 큐브의 오른쪽 벽에 중점을 둡니다. "앵커"스마트 가이드를 볼 수있을 때까지 커서를 해당 셰이프의 오른쪽 상단 모서리로 이동합니다. 클릭 한 채로 커서를 왼쪽 상단 고정 점 주위로 끕니다. "앵커"스마트 가이드가 다시 라인을 만들 수있게되면 마우스 커서를 놓습니다. 이 경로에 1 픽셀의 흰색 획을 추가하면 두 번째 이미지와 비슷한 모양이 됩니다.

smart guides

7 단계

스마트 가이드선 도구를 계속 활성화 한 상태에서 다음 이미지와 같이 두 개의 흰색 경로를 추가하십시오. 슬림 한 흰색 획을 추가하는 것을 잊지 마십시오. 또한 일단 완료되면 스마트 가이드 (Control-U)를 비활성화하십시오.

white paths

8 단계

세 개의 흰색 경로를 다시 선택하고 모양 패널에 초점을 맞춥니다. 불투명도70%로 낮추고 혼합 모드소프트 라이트로 변경 한 다음 해당 ""텍스트를 클릭하여 플라이 아웃 패널을 엽니다. 프로파일 섹션으로 이동하여 드롭 다운 메뉴에서 너비 프로파일 4를 선택하십시오.

stroke profile

9 단계

큐브의 벽을 구성하고 복사본을 앞에 추가하는 세 가지 모양을 다시 선택하십시오 (Control-C> Control-F). 이 사본만 선택하고 패스 파인더 패널에서 통합 단추를 클릭하십시오. 결과 모양을 세 개의 복합 경로 아래로 가져온 다음 모양 패널에 초점을 맞춥니다. 기존 채우기를 선택하고 혼합 모드색상으로 변경하고 기존 색상을 R=147 G=39 B=143으로 바꿉니다.

color

10 단계

자주색 모양이 선택되어 있는지 확인한 후 모양 패널에 계속 집중하고 새 채우기 추가 버튼을 사용하여 두 번째 채우기를 추가합니다. 이 새 채우기를 선택하여 검정으로 만든 다음 불투명도20%로 낮추고 혼합 모드오버레이로 변경하십시오.

add new fill

5. 간단한 그림자 추가

1 단계

레이어 패널에 초점을 두고 큐브의 바닥을 구성하는 모양을 선택하고 앞에서 사본을 만듭니다 (Control-C> Control-F). 이 복사본에 초점을 맞추고 직접 선택 도구 (A)를 선택하십시오. 두 번째 이미지에 표시된 것처럼 맨 위 앵커 포인트 (첫 번째 이미지에서 강조 표시된)를 선택하고 약 20 픽셀 왼쪽으로 끕니다.

새로 추가 된 모양이 선택되어 있는지 확인하고 모양 패널에 초점을 맞춥니다. 채우기를 선택하고 아래에 표시된 선형 그래디언트로 바꾸고 불투명도20%로 낮추고 효과 > 블러 > 가우시안 블러로 이동하십시오. 5px 반경을 입력하고 확인 버튼을 클릭하십시오. 그라디언트 이미지의 노란색 0은 불투명도 백분율을 나타내고 파란색 숫자는 위치 백분율을 나타냅니다.

gaussian blur

2 단계

이전 단계에서 추가한 모양이 선택되어 있는지 확인하고 모양 패널에 계속 집중하십시오. 기존 채우기를 선택하고 선택한 항목 복제 버튼을 사용하여 복제하십시오. 새로 추가된 채우기를 선택하고 불투명도15%로 낮추고 가우시안 블러 효과를 없앱니다.

shadow

3 단계

레이어 패널에 초점을 두고 큐브의 바닥을 구성하는 모양을 다시 선택하고 새 복사본을 앞에 놓습니다 (Control-C> Control-F). 이 복사본에 초점을 맞추고 직접 선택 도구 (A)를 선택하십시오. 다시 한 번 상단 앵커 포인트를 선택하고 이번에는 두 번째 이미지에서와 같이 왼쪽으로 약 10 픽셀씩 드래그합니다.

새로 추가된 모양이 선택되어 있는지 확인하고 모양 패널에 초점을 맞춥니다. 채우기를 선택하고 아래 표시된 선형 그래디언트로 색상을 바꾼 다음 불투명도30%로 낮춥니다.

shadow

4 단계

레이어 패널에 초점을두고 큐브의 기초를 구성하는 모양을 다시 선택하고 모양 패널에 집중합니다. 칠에서 색상을 제거한 다음 획을 선택합니다. 색상을 검정색으로 설정하고 불투명도5%로 낮추고 플라이 아웃 패널을 엽니다. 가중치1px로 설정되었는지 확인한 다음 라운드 조인아웃사이드로 획 정렬로 설정합니다.

stroke

5 단계

보라색 큐브를 구성하는 모든 모양을 다시 선택하고 그룹화 하십시오 (Control-G).

group

6. 나머지 블록 색 지정

1 단계

다른 큐브 중 하나에 초점을 맞추고 선택한 다음 오브젝트 > 모양 확장 으로 이동하십시오. 결과 그룹 (Shift-Control-G)을 그룹 해제하고 세 클리핑 마스크 (Alt-Control-7)를 놓는 것을 잊지 마십시오.

이제 세 개의 검은 색 복합 경로를 유지하고 큐브를 구성하는 나머지 모양을 삭제합니다. 결국, 사물은 세 번째 이미지처럼 보일 것입니다. 나머지 복합 패스를 선택하고 패스 파인더 패널에서 Unite 버튼을 클릭 한 다음 결과 모양을 하나의 복합 패스 (Control-8)로 바꿉니다.

compound path

2 단계

보라색 큐브를 선택하고 앞에서 사본을 만듭니다 (Control-C > Control-F). 이전 단계에서 만든 검정색 컴파운드 경로와 함께 이 사본을 선택하고 선택 도구 (V)가 활성화되어 있는지 확인하십시오. 검은색 컴파운드 경로를 클릭한 다음 정렬 패널에서 하단 수직 정렬오른쪽 수평 정렬버튼을 누르십시오. 이렇게하면 그룹 복사본이 이전 단계에서 만든 검정색 컴파운드 경로 바로 뒤에 나타납니다.

align

3 단계

최신 보라색 큐브에 계속 집중하고 레이어 패널로 이동하십시오.

먼저 그룹에서 3개의 검은 컴파운드를 제거하고 그룹 앞에있는 복합 경로를 선택하십시오. 불투명도50%로 낮추고 블렌딩 모드오버레이로 변경하고 나머지 그룹보다 새로운 그룹으로 드래그하는 것을 잊지 마십시오.

같은 그룹에서 자주색 채우기가있는 모양을 선택하고 모양 패널을 강조 표시 한 다음 자주색을 R=147 G=39 B=143으로 바꿉니다.

recolor

4 단계

유사한 회전각을 사용하여 나머지 큐브에 초점을 맞추고 마지막 세 단계에서 언급한 것과 동일한 기술을 사용하여 큐브를 확장하고 색상을 지정합니다. 회전 각이 다른 큐브의 경우 첫 번째 큐브에 사용된기법인 자주색 큐브를 반복해야 합니다.

color

7. 미묘한 음영과 배경 추가

1 단계

스마트 가이드 (Control-U)를 활성화하고 펜 도구 (P)를 선택합니다. 다음 이미지에서와 같이 검은색 모양을 대략 그립니다. 이 새로운 도형의 불투명도75%로 낮추고 혼합 모드소프트 라이트로 변경하십시오.

shadow

2 단계

사각형 도구 (M)를 사용하여 870 x 640 픽셀 모양을 만들어 Shift-Control-[ 키보드 단축키를 사용하여 뒷면으로 보내십시오. 이 새로운 모양이 전체 아트보드를 덮고 R=210 G=220 B=240으로 채워야합니다.

background

3 단계

배경 사각형이 여전히 선택되어 있는지 확인하고 모양 패널을 강조 표시 한 다음 동일한 새 채우기 추가 버튼을 사용하여 두 번째 채우기를 추가합니다. 이 새 채우기를 선택하고 아래 표시된 방사형 그라디언트를 추가하십시오.

그래디언트 도구 (G)를 사용하여 다음 그림과 같이 그래디언트를 늘리고 그래디언트 이미지의 노란색 0은 불투명도 백분율을 나타냅니다.

radial gradient

축하드립니다! 완료되었습니다!

여기 그것이 어떻게 보일 것입니다. 이 튜토리얼을 즐겁게 사용하고 앞으로의 프로젝트에서 이러한 기술을 적용해 주기를 바랍니다.

최종 디자인을 자유롭게 조정하고 직접 만들 수 있습니다. Envato Market에서 멋진 아이디어를 얻으실 수 있습니다.

final product
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.