본문 바로가기
디자인/무료 디자인 자습서

사진 촬영 : 텍스트 세로 쓰기

by 코코리★ 2018. 5. 1.
728x90

1. 에피소드 1 : 새로운 기술

이 프로젝트에 들어가기 전에 우리가 이미지에 대한 특성과 이미지와 함께 할 강력한 메시지를 찾고 이미지를 훨씬 강력하게 강조하는 것이 중요합니다. 스타 워즈의 날이 가까워지면서 여기 Tutpad에서이 튜토리얼을 Carrie Fisher, Leia 공주에게 바치기로 결정했습니다. 우리는 Episode VIII : The Last Jedi의 대화 중 하나를 선택합니다.

여러분은 다른 영화 나 다른 테마 (예 : 음악)에서 원하는 사진을 선택할 수 있습니다. 첨부 파일 섹션에서이 자습서를 작성하는 데 사용한 이미지를 찾거나 여기에서 다운로드 할 수 있습니다. 또한 Zip 파일을 공주 레이아의 다른 이미지로 남겨 두어 원하는 경우 다른 이미지를 사용해 볼 수 있습니다. 

Carrie-Fisher-2.jpg

2. 에피소드 II : 설정 공격

1 단계

문서로 시작하기 전에 먼저 일련의 고려 사항을 염두에 두어야합니다. 프로젝트가 웹 및 소셜 미디어만을위한 것입니까? 그렇다면 96ppp의 RGB 문서가 필요합니다. 그렇지 않은 경우 프로젝트를 인쇄하려면 255 ppp 이상 해상도의 CMYK로 조정해야합니다.

방금 전에 말한 것을 정의하여 나중에 아무런 놀라움을 얻지 못하게하고 가능한 한 가장 정확한 방법으로이를 볼 수 있도록하는 것을 잊지 마십시오. 

2 단계

새 문서를 열자. 먼저, 사용할 이미지의 측정 값 또는이 이미지에 사용할 측정 값으로 새 문서 (Ctrl / Cmd + N)를 만들어야합니다. 이 경우 이미지 (2000x2400 픽셀)와 동일한 공간을 차지하는 문서를 만들기로 결정한 후 필요에 맞게 조정합니다. 대지에 이미지를 소개 한 후 파일 → 신뢰 ​​요소 배치를 클릭하거나 열려있는 동안 이미지를 문서로 끌어 올 수 있습니다.

011.PNG
02_11.PNG
041.PNG


3. 에피소드 III : 텍스트가 역습하다.  

1 단계

텍스트 도구 (T)를 활성화하고 이미지를 위해 선택한 구절을 씁니다 : "희망은 태양과 같습니다. 당신이 그것을 볼 때 그것을 믿을 수만 있다면 결코 밤을 지나지 않을 것입니다 - Leia Organa". 텍스트의 경우 첨부 파일 섹션에서 찾을 수있는 Bebas Neue Bold 글꼴을 사용했습니다. 이 글꼴은 큰 X 높이의 Sans-Serif 글꼴이며 변조가없는 약간의 선을 사용합니다.이 기능은 실제로 디자인을 선호하고 간단한 텍스트로 작업 할 때 이미지를 읽는 것을 용이하게합니다. . 또한 원본 이미지의 많은 부분을 볼 수 있습니다.

05.PNG

이제 Character 패널을 연 상태에서 문자의 크기와 간격을 조정하여 항상 텍스트를 읽을 수 있고 공간이 충분한 지 확인하여 창 효과를 추가 할 때 레이아의 얼굴.

06.PNG

2 단계

다음 단계는 텍스트를 수정하여 Leia의 실루엣으로 조정하는 것입니다. 그러나이를 위해서는 우선 Photoshop의 눈금자를 사용하여 얼굴을 덮고 싶은 부분까지 정의해야합니다. 눈금자가없는 경우 Ctrl / Cmd + R 키를 누른 상태에서 눈금자를 이미지의 경계를 정할 위치로 끕니다. 이제 이미지를 코까지 구분할 것입니다.

083.PNG

3 단계

공간을 구분하고 색상 채우기를 통해 이미지를 덮을 위치를 알게되면 부드러운 색상 레이어를 만들어이를 Leia의 이미지와 텍스트 사이에 넣습니다. Layer → New Fill Layer → Smooth Color ...를 클릭하면됩니다.

이 부드러운 색상 레이어를 만드는 또 다른 방법은 원과 일치하는 하단을 클릭하는 것입니다. 이 레이어에서는 원본 이미지의 실제 그래디언트에서 얻은 색상 # d56f59를 사용했으며 텍스트의 가독성을 최적화하기 위해 약간 조정했습니다.

07.PNG
09.PNG

4 단계

직사각형 프레임 (M)을 활성화하고 우리가 정의한 눈금자에서 이미지의 오른쪽 부분에 해당하는 Leia의 가시 영역을 선택하십시오.

10.PNG

그리고이 선택을 마쳤 으면 레이어의 마스크를 만들어서 여러분이하는 일이 색상 채우기 아래에 표시됩니다.이 경우에는 Leia의 이미지입니다. 마스크를 선택하고 브러시 도구를 사용하여 표시 할 영역을 검정색으로 그립니다.

11.PNG
12.PNG

5 단계

우리가 작업 할 이미지의 어느 부분을 볼 수 있도록 색상 채우기 레이어를 비활성화하고 자르기 도구 (C)로 이미지를 자릅니다.

13.PNG

6 단계

이처럼 이미지를 남겨두고 색상 채우기 레이어가 여전히 비활성화 된 상태에서 전체 텍스트를 조정하여 공주가 아닌 보이지 않는 부분의 Leia의 실루엣을 확장합니다. 

141.PNG

이렇게 조정하려면 텍스트를 182.36pt로, 줄 간격을 146pt로 사용했습니다. 텍스트가 공주의 실루엣에 맞게 조정되면 색상 레이어를 다시 활성화하고 Ctrl 키를 누른 상태에서 텍스트가있는 레이어를 클릭합니다.

15.PNG

이 작업을 수행 할 때 텍스트가 계속 선택되는 방식을 확인할 수 있습니다. 이제 색상 채우기를 통해 문자를 볼 수 있으므로 먼저 텍스트 레이어를 비활성화해야합니다.

16.PNG

여기에서 선택을 유지하면서 채우기 색상 레이어 마스크를 클릭하고 이전과 마찬가지로 색상 레이어에서 선택한 부분이 보이지 않게 검정색으로 채 웁니다.

17.PNG

이를 통해 이미지를 완성했다고 말할 수는 있지만 결과에 만족하지는 않습니다. 따라서 이미지를 약간 조정하고 흑백으로 처리 한 다음 이미지를 편집 할 것입니다. 원본 이미지의 배경을 평면 색상으로 만듭니다.

4. 에피소드 IV : 마지막 터치 업

1 단계

설정 패널에서 흑백 옵션을 클릭하십시오. 그러나이 설정은 공주의 꼭대기에 놓여 있습니다. 설정 레이어와 공주의 이미지 사이에 커서를 놓고 Alt 키를 누른 채로 클릭합니다. 이 방법으로 흑백의 설정 레이어는 공주의 레이어 중 하나에 맞게 조정됩니다.

181.PNG

설정 레이어 바로 앞에 화살표가 있기 때문에 이것이 올바르게 수행되었는지 확인할 수 있습니다. 이는 효과가 하위 레이어에만 적용되었음을 나타냅니다.

2 단계

이제 백그라운드의 균형을 맞추기 위해 마술 지팡이와 동일한 버튼에있는 빠른 선택 도구 (W)를 활성화하고 백그라운드에서 볼 수있는 모든 공백과 마찬가지로 Leia 주변 공간을 선택하십시오.

19.PNG

이 선택이 이루어지면 select select and mask ... 옵션을 클릭하고 최상의 결과가 나올 때까지 선택을 연마하십시오.

20.PNG

선택을 향상 시키려면 매개 변수를 조정하십시오. 가장 강력한 도구 중 하나이며이 기능을 최대한 활용할 수있는 설정 브러시 중 하나는 왼쪽에있는 막대의 두 번째 설정으로 이미지의 윤곽을 조정하는 데 도움이됩니다. 결과가 마음에 들면 OK를 누릅니다. 선택을 완료하고 조정 한 후 채우기 레이어의 마스크를 클릭하고 다시 페인트합니다.

22.PNG

3 단계

이 이미지를 면밀히 살펴보면 U 문자의 일부와 T의 일부와 같이 배경에서 약간 잃어버린 텍스트 부분이 있음을 알 수 있습니다. 이 Alt 키를 누른 상태에서 원래 텍스트 레이어를 다시 클릭하면 선택이됩니다. 그런 다음 브러시 도구 (B)를 사용하고 새 레이어에 흰색으로 색상을 지정합니다.

23.PNG

이제이 레이어를 가져 와서 불투명도를 약 30 % 낮추십시오. 이것으로 우리는이 이미지가 완성 된 것으로 간주 할 수 있습니다. 그러나 건방진 아이를 갖지 마십시오.

24.PNG

5. 에피소드 5 : 프로젝트 깨어남 

이제 당신은 Padawan이되는 것을 멈추고이 기술로 자신 만의 디자인을 만들 준비가되었음을 선생님에게 보여줄 수 있습니다. 이 튜토리얼의 어느 시점에서 어두운면이 당신에게 위로 올라 왔다고 느끼고 빛으로 돌아갈 길을 찾지 못했다면 걱정하지 마시고, 포럼에서 필요한 것을 우리에게 물어보십시오. 또한 튜토리얼의 프로젝트 버튼을 사용하여 결과를 공유하면 모든 Tutpad 사용자가 힘이 얼마나 강한지를 볼 수 있습니다. 잊지 마세요. "두려움은 어두운면으로의 길입니다. 두려움은 분노로 이어지고 ... 분노는 증오로 이어지고 ... 증오는 고통을 가져 옵니다 ."

Poster_Mock-up.png
Carrie-Fisher-Final1.jpg


728x90

댓글