캔디 효과 - 클래식하고 그림 같은 스타일로 포토샵에서 디자인하기

캔디 효과는 텍스트와 모양에 반짝이고 매력적인 광택을 부여하는 시대를 초월한 스타일입니다. 클래식한 실감나는 하이라이트로든지 상상력 넘치는 창의적인 디테일로든지 - 이 룩은 모든 디자인을 빛나게 만듭니다. 이 튜토리얼에서는 포토샵을 사용하여 클래식 스타일로 우아한 광택과 화려한 디자인에 적합한 상징인 캔디 효과의 두 가지 변형을 만들어 보여드리겠습니다. 시작해 보죠! 이 달콤한 효과로 당신의 프로젝트를 빛내 보세요!

클래식한 룩

설탕봉지체의 클래식한 룩은 텍스트의 형태에 이상적으로 맞도록 색이 변화하는 설탕 물감입니다.

단계 1: 배경 만들기

문서 크기는 800x600 px입니다. 문서 크기 및 텍스트 크기에 따라 채우기 옵션 및 필터 설정을 조정해야 합니다.

그레디언트 도구 (G)를 사용하여 중심에서 모서리로 빛나는 원형 그라데이션을 만듭니다. 그라데이션 색상은 어두운 파란색 (09194c)에서 검정색까지입니다.

단계 2: 텍스트 배치

효과가 가능한 한 현실적으로 보이도록 하려면 가장 원형에 가까운 서체를 선택하는 것이 좋습니다. 이 튜토리얼에서는 세고 스크립트 (Segoe Script) Regular 서체를 선택합니다.

250 포인트 크기로 PSD 글자를 흰색으로 문서에 입력합니다.

단계 3: 설탕 줄무늬 패턴 만들기

설탕봉지체는 텍스트에 반복해서 배치된 색상이 변하는 설탕 물감층으로 명확해집니다.

새 문서 (Ctrl+N)를 30 x 30 픽셀 크기로 생성합니다. 높은 확대로 빨간색 물감을 픽셀 단위로 패턴으로 만들 수 있습니다.

이를 위해 문서의 왼쪽 절반을 간단히 빨간색으로 채웁니다. 상세한 검색을 위해 픽셀 격자를 사용하여 왼쪽 절반을 선택하고 빨간색으로 채우면 됩니다. 높은 확대로 픽셀 격자가 자동으로 나타납니다.

그런 다음, 빨간색과 흰색 영역에서 페인티 버튼 > 패턴 정의로 패턴을 만듭니다.

단계 4: 패턴 적용

텍스트 레이어의 채우기 옵션을 선택하여 패턴 오버레이에서 방금 만든 패턴을 텍스트에 적용합니다.

단계 5: 패턴 회전

패턴은 현재 수직 방향입니다.

텍스트 내에서 패턴을 대각선으로 배치하면 더 즐거울 것입니다. 이를 위해 패턴 오버레이>레이어 만들기에서 우클릭합니다.

이제 기존 패턴을 텍스트 레이어의 클리핑 마스크로 넘긴 별도의 레이어로 이동했습니다.

단계 6: 패턴 회전

패턴 레이어를 선택하고 이동 도구(V)를 사용하여 꼭짓점을 따라 회전시킵니다. 좌표에 마우스를 가져가면 이중 화살표로 변합니다. 필요에 따라 패턴을 회전시킬 수 있습니다. 정확한 각도를 ​​설정하려면 메뉴 막대에 45도로 숫자를 입력할 수 있습니다.

단계 7: 패턴 전체 문서 크기로 확장

클리핑 마스크를 Ctrl+Alt+G로 해제하면 문서의 일부 영역이 패턴에 포함되지 않는 것을 알 수 있습니다. 따라서 Alt와 이동 도구를 사용하여 패턴 레이어를 빠르게 이동하여 전체 문서가 패턴으로 덮이도록 할 수 있습니다.

다음으로, 이제 문서 크기를 벗어나는 패턴을 C로 자르기 도구로 제한하는 것이 좋습니다. 나중에 레이어 크기에 따라 계산하는 이동 필터가 적용되기 때문입니다.

그러면 Ctrl+Alt+G로 패턴 레이어를 텍스트 레이어의 클리핑 마스크로 다시 배치할 수 있습니다.

단계 8: 텍스트에 대한 채우기 옵션

텍스트에 조금 더 입체감을 부여하기 위해 다양한 채우기 옵션을 설정합니다.

1. 그림자
   
   • 불투명도: 40 퍼센트
   
   • 거리: 6 픽셀
   
   • 크기: 5 픽셀
   
   
   
   

그림자 단계:

2. 내부 그림자
   
   • 불투명도: 50 퍼센트
   
   • 거리: 5 픽셀
   
   • 크기: 5 픽셀
   
   
   
   

내부 그림자 단계:

3. 평면화된 가장자리 및 높이
   
   • 스타일: 내부 평면화된 가장자리
   
   • 기술: 둥글게
   
   • 깊이: 520 퍼센트
   
   • 크기: 16 픽셀
   
   • 흐림 처리: 4 픽셀
   
   • 그림자 각도: 111도
   
   • 그림자 높이: 42도
   
   • 글로벌 조명 없음!
   
   • 반원형 흐림 윤곽 부드러움
   
   • Light Mode 75 퍼센트 불투명도 흰색, Negative Multiply 모드에서
   
   • Shadow Mode 50 퍼센트 불투명도 검정, Multiply 모드에서
   
   
   
   

4. 윤곽
   
   • 반원형 윤곽 불투명도 50 퍼센트.
   
   높이와 둥근 가장자리 및 높이와 반원형 윤곽 단계:
   
   
   
   

단계 9: 이동 매트릭스 만들기

수정 설탕 줄이 텍스트를 정확히 대각선으로 따라갑니다. 캔디 효과가 실제로 보이도록하기 위해 수정 설탕 줄도 텍스트의 입체감에 맞게 조정되어야 합니다. 이를 위해 이동 필터를 적용해야 합니다. 이를 위해 텍스트 레이어를 우클릭하여 새 문서로 복제하고 레이어 복제>문서: 새로운을 클릭합니다.

Ctrl과 클릭을 사용하여 새 레이어를 만들고 방금 만든 문서의 텍스트 레이어 아래에 이 레이어를 추가합니다. 이 레이어를 검은 색으로 채우고 그런 다음 이 레이어를 메뉴>레이어>새로 만들기>배경으로 레이어 번호 부여로 변경합니다.

텍스트 레이어를 선택하고 가우시안 블러를 메뉴>필터>블러 필터>가우시안 블러로 호출합니다.

텍스트 레이어를 래스터화할 수 있습니다. 블러 반지름은 약 6.5 픽셀입니다. 설정을 확인합니다. 그런 다음 밝기/대조 조정 레이어를 더 생성하고 밝기를 90으로 증가시킵니다. 내부 그림자는 사용하지 않았습니다.

참고: 이동 매트릭스는 다양하게 설계될 수 있으며 위에서 언급한 설정에 따라서만 이루어질 필요가 없습니다. 중요한 것은 이동 필터에서 사용될 특정 밝기 차이입니다. 이러한 밝기 차이는 블러 필터를 통해 매우 잘 달성되며 이미지 영역의 밝기 증감을 통해 달성됩니다.





이동 행렬 작성이 완료되었으며 .PSD로 저장합니다.

단계 10: 이동 필터 적용

이제 이동 필터가 들어옵니다. 이동 필터는 다른 Photoshop 필터처럼 직관적으로 사용되지 않지만 이동 매트릭스를 적용하여 특효를 얻을 수 있습니다. 이는 특히 돌출과 홈부에서 표면 질구조에 적합합니다.

이동 매트릭스로 텍스트 레이어에서 밝기 차이를 활용하여 설탕줄 패턴이 왜곡됩니다. 따라서 먼저 이동 행렬을 만들고 가우시안 블러로 밝기에 따라 조정합니다.

패턴 레이어를 필터를 적용하기 전에 스마트 객체로 변환합니다. 이렇게 하면 필터를 스마트 필터로 적용할 수 있습니다.

이동 필터를 다음 설정으로 적용합니다:

• 수평 이동: 3

• 수직 이동: 3

체크 상자:

• 선택 크기에 맞춤

• 가장자리 픽셀 반복



이동량은 최대 100%까지 가능합니다. 100은 128 픽셀의 이동 효과가 있습니다.

확인을 클릭하고 이동 매트릭스를 필터에 할당합니다.

단계 11: 패턴 레이어의 정밀 배치

마스크 해제를 하면 일어난 일을 볼 수 있습니다. 줄에는 PSD 글자에 맞춰진 선들이 있습니다.

이제 이동 도구로 패턴 레이어를 올바른 위치로 이동할 수 있습니다. 이미 필터를 적용한 후에 일치하지 않는 경우에만 옮길 수 있습니다.

결과는 설탕 줄무늬가 텍스트의 곡선과 따라 움직이며 텍스트의 입체감에 맞추어진다는 것입니다.

이제 내 클래식 캔디 효과가 완성되었습니다.

이해하기 쉬운 룩

여기서 보여지는 클래식 캔디 효과는 실제로 매우 혁신적이지 않습니다. 인터넷에는 위에서 본 클래식 효과와 더나은 혹은 나쁜 여러 유사한 자습서가 있습니다. 클래식 효과에서는 줄무늬가 항상 대각 줄무늬 패턴의 원본에 따라 이어집니다. 실제로 이런 캔디 효과는 실제로 존재하지 않거나 잘라내기만 할 수 있습니다.

이러한 이유로 튜토리얼의 두 번째 부분에서는 캔디 효과를 조금 더 이해하기 쉽게 만들어볼 것이고 그 과정에서 특히 설탕 줄무늬의 표현 방식을 다른 방향으로 가져갈 것입니다. 클래식 효과에서는 설탕 줄무늬가 텍스트의 "3D 형식"에 따라 이동 매트릭스를 통해 조절되는 반면, 이해하기 쉬운 룩에서는 설탕 줄무늬가 텍스트의 움직임을 따라가게 됩니다. 마치 제빵사가 제빵기로 판 위에 설탕 텍스트를 뿌리듯이 말이죠.

단계 1: 텍스트 배치

250포인트의 브러시 스크립트 표준으로 "Candy"라는 단어를 문서에 작성합니다. 글자 색상은 80% 밝기의 매우 밝은 회색 (cccccc)입니다. 이전에 생성한 배경을 계속 사용합니다.

단계 2: 텍스트 라인 추가

또 다른 텍스트 레이어를 작성하고 같은 글자색으로 숫자 1을 입력합니다.

텍스트 레이어를 우클릭하여 레이어 패널에서 형태로 변환으로 텍스트 레이어를 형태로 변환합니다.

이동 도구 (Ctrl+T/변형)을 사용하여 경로 점을 통해 형태를 확대 또는 축소하여 추가적인 텍스트 밑줄로 사용할 수 있습니다.

단계 3: 스마트 객체로 변환

두 레이어를 선택하여 스마트 객체로 변환합니다. 이렇게 하면 두 레이어를 채움 옵션과 함께 하나의 단위로 편집할 수 있습니다.

단계 4: 채우기 옵션

이해하기 쉬운 캔디 효과는 클래식보다 부드럽게 나타나지 않아야 합니다. 그래서 그림자와 조명을 강조합니다. 다음과 같은 설정을 채우기 옵션에서 수행합니다:

1. 그림자 - 오른쪽 아래로 강한 그림자
   
   • 100% 불투명도
   
   • 6 픽셀 간격
   
   • 0 픽셀의 크기 (!)
   
   
   
   

그림자 중간 단계:

2. 윤곽선 - 텍스트를 간단하게 디테일하게 강조
   
   • 외부에 검은 윤곽선
   
   • 크기: 2 픽셀
   
   
   
   

2 픽셀 두께의 윤곽선 단계:

3. 둥근 모서리 및 조각 - 텍스트에 하이라이트를 부여합니다
   
   • 스타일: 내부 둥근 모서리
   
   • 기술: 라운딩
   
   • 깊이: 1000%
   
   • 크기: 6 픽셀
   
   • 흐림: 0 픽셀
   
   • 그림자 각도: -60도
   
   • 조명 각도: 40도
   
   • 글로벌 라이트 없음!
   
   • 글로우 윤곽선은 가우스 분포로 흐리게 표현
   
   • 조명 모드 0% 흰색의 불투명도은 부정적 배율 곱하기 모드로 사용
   
   • 깊이 모드 60% 흰색의 불투명도는 부정적 배율 곱하기 모드로 사용
   
   
   
   

측면 하이라이트를 흔히 볼 수 없는 경우, 일반 그림자 설정으로 쉽게 얻을 수 없을 때, 반대로 흰색과 음수 그림자 각도를 사용하여 깊이 모드를 대체할 수 있습니다.

4. 빛 - 텍스트에 약간의 미묘한 빛 효과를 줍니다 - 나중에 컬러 글래스 지붕에서 더욱 효과적으로 보일 것입니다:
   
   • 모드: 부정 배율
   
   • 불투명도: 20%
   
   • 각도: 160도
   
   • 간격: 9 픽셀
   
   • 크기 12 픽셀
   
   • 윤곽선: 가우스 분포
   
   
   
   

단계 5: 컬러 글래스 지붕 추가

사각형 도구를 사용해 새 레이어에 정사각형을 추가합니다. 정사각형의 색은 하늘색입니다. Ctrl+T로 정사각형을 변형하여 마름모 모양으로 만듭니다.

마름모를 내 스마트 객체 레이어에 연결하고 Ctrl+Alt+G로 마스크를 만들어 연결합니다. 이제 마름모를 첫 번째 설탕 광택 줄로 배치합니다.

이동 도구와 Alt를 사용하여 마름모를 복제하고 텍스트의 다른 위치에 복제본을 배치합니다. 가끔씩 마름모의 형태를 조정해야 합니다. 최고의 방법은 Ctrl+T>휘둘러서 조정하는 것입니다.

모든 광택 줄을 선택하고 스마트 객체에 넣는 것이 유용합니다. 이렇게 하면 채우기 옵션을 통해 매우 빠르게 색상 변경 등을 수행할 수 있습니다. 위의 예에서는 빨간 색 오버레이를 사용하였습니다.

이제 일러스트레이태드 Candyeffekt를 완성했습니다. 이는 클래식보다 훨씬 멋진 것입니다.





마지막으로 한 가지 작은 팁: Candy-Fonts가 있으며, 이는 Candyeffekt의 축소판을 이미 포함하고 있습니다. 예를 들면:

• Candy Cane
• Candy Time.