그라데이션이 처음 트렌드가 된 이후로, 디자이너들은 자신들의 작업에서 새롭고 혁신적인 방법으로 그라데이션을 활용하는 방법을 끊임없이 찾아냈습니다. 사실 그라데이션이 UI 세상을 지배하던 시절은 지나갔습니다. 하지만 <strong>그라데이션은 그래픽 디자인은 물론이고, 일러스트레이션과 패키징 등 디자인의 수많은 분야에서 여전히 다양한 방식으로 사용되고 있다는 것을 알 수 있습니다.</strong> 여러분이 그라데이션에 조금 더 흥미와 관심을 가질 수 있도록 도와드리기 위해서, 그라데이션으로 작업을 할 때, 사용할 수 있는 몇 가지의 간단한 팁과 기술을 공유하고자 합니다. 이 기술을 사용하면, 기존의 다른 그라데이션을 재밌게 바꿀 수도 있고, 끝없는 가능성을 탐구하는 재미를 발견할 수도 있습니다. <h3>1. 가우시안 블러(Gaussian Blur)를 활용한다.</h3><img class="size-full wp-image-16526 aligncenter" src="https://www.wishket.com/media/newscenter/428/01.PNG" alt="" width="650" height="330" /> 그라데이션 툴을 사용하지 않고도 어도비 일러스트레이터에서 그라데이션 효과를 만들 수 있다는 사실을 알고 계셨나요? 아래 그림들에서 보이는 흐릿한 그라데이션의 느낌과 분위기를 똑같이 내기 위해서는, <strong>여러 가지 다양한 컬러로 기본 모양을 만들고, 그것을 서로 겹쳐야 합니다. 그런 다음 모든 개체들을 선택해서 가우시안 블러 효과를 적용하면 뿌옇게 되면서 거의 색깔이 바뀐 것처럼 흐려지게 됩니다.</strong> 기발한 방식이면서도 평범하지 않은 그라데이션이 완성되죠. <strong>PRO TIP!</strong> 가우시안 블러를 적용하기 전에 '문서 래스터 효과 설정(Document Raster Effect Setting)'으로 가서 픽셀 수를 가능한 최대로 늘려야 합니다. (1000px 이상이 되어야 합니다.) 이렇게 해야 계단처럼 경계가 지는 것을 피할 수 있습니다. <h3>2. 선들을 거칠게 만든다.</h3><img class="size-full wp-image-16527 aligncenter" src="https://www.wishket.com/media/newscenter/428/02.PNG" alt="" width="650" height="164" /> 그라데이션에서 흔히 볼 수 있는 매끄러운 색조의 전환이 아니라, 좀 더 거친 선으로 창의력을 발휘해보세요. 어<strong>도비 일러스트레이터로 이렇게 거친 느낌을 줄 수 있는 간단한 방법은, 그라데이션(Gradients)패널에서 컬러 슬라이더를 활용하는 것</strong>입니다. 위의 예시를 보면서 영감을 얻고, 컬러 슬라이더를 활용해서 원하는 효과도 얻어보세요! <h3>3. 질감을 더한다.</h3><img class="size-full wp-image-16528 aligncenter" src="https://www.wishket.com/media/newscenter/428/03.PNG" alt="" width="650" height="329" /> 그라데이션은 매우 디지털스러운 느낌과 분위기를 내는 경향이 있기 때문에, 여기에 변화를 주기 위한 좋은 방법은 약간의 질감을 더하는 것입니다. 위의 예시에서는 디자이너들이 각자의 작품에 거친 질감을 겹쳐 놓은 것을 보실 수 있습니다. 여러분도 <strong>어도비 일러스트레이터의 메인 메뉴에 있는 효과(Effects)에서 효과 갤러리(Effects Gallery)의 그레인(Grain)을 선택하시면, 이런 효과를 쉽게 따라할 수 있습니다.</strong> 이 그레인 효과 안에서 시도해볼 수 있는 다양한 설정들이 많기 때문에, 재미있게 여러 가지 조합을 실험해보시기 바랍니다. <br/><h3>4. 타이포그래피로 실험을 한다.</h3><img class="size-full wp-image-16529 aligncenter" src="https://www.wishket.com/media/newscenter/428/04.PNG" alt="" width="650" height="163" /> 그라데이션을 활용하는 또 하나의 역동적인 방법은 타이포그래피를 추가하는 것입니다. <strong>그라데이션에 텍스트를 결합하면, 디자인에 완전히 새로운 레이어의 움직임과 흐름이 추가됩니다.</strong> 여러분은 드롭 쉐도우(drop shadow)나 채우기 등을 통해서 텍스트에 쿨한 그라데이션 효과를 아주 많은 방식으로 추가할 수 있으며, 여러분의 글자가 생명력을 갖고 살아나는 것을 보실 수 있습니다. <strong>PRO TIP!</strong>그라데이션은 폰트가 아니라 채우기와 스트로크(stroke)와 함께 할 때만 효과가 나타납니다. 특정한 폰트를 사용해야 한다면, 그라데이션을 적용하기 전에 텍스트의 윤곽선을 만들어야 합니다. 그렇게 하려면 메인 메뉴 바의 타이프(Type)를 누르신 후 윤곽선 만들기(Create Outline)를 선택하세요. <h3>5. 광택이 있는 일루션(Illusion)을 만든다.</h3><img class="size-full wp-image-16530 aligncenter" src="https://www.wishket.com/media/newscenter/428/05.PNG" alt="" width="650" height="329" /> 디자인에서 입체감을 주는 멋진 방법은 같은 색조의 두 가지 음영으로 그라데이션에 광택이 있는 느낌을 주는 것입니다. 이런 방식은 금색이나 은색의 음영에서 특히 효과가 좋습니다! 디자이너인 나디아 카스트로(Nadis Castro)와 제이 플래처(Jay Flecher)는 이처럼 광택 효과를 아주 잘 활용하고 있는데, 직접 확인해서 보다 많은 영감을 얻으시기 바랍니다. <strong>PRO TIP!</strong> 이런 광택이 있는 그라데이션에 거친 느낌의 그레인(Grain) 효과를 더하면 입체감이 한층 더 깊어집니다. 오늘 알려드린 그라데이션 방법들로 여러분들도 새로운 디자인 스타일을 재미있게 시도할 수 있었으면 좋겠습니다! 이런 테크닉들을 사용하는 것에 한 번쯤 푹 빠져보셔도 괜찮습니다. 그러다 보면 여러분만의 독특한 그라데이션 효과를 우연히 찾아내실 수도 있을테니까요. 다음 시간에도 아주 유익한 디자인 팁으로 찾아뵙겠습니다. <p style="text-align: center;"><a href="https://dribbble.com/stories/2020/01/28/get-creative-with-gradients">> 이 글은 '5 ways to get creative with gradients in graphic design'을 각색하여 작성되었습니다.</a></p>
