웹 디자인에서 화려한 스펙트럼의 25 가지 사용법

웹 디자인에서 화려한 스펙트럼을 주요 디자인 요소로 사용하는 최근의 트렌드를 발견했습니다. 용도는 다양하지만 거의 항상 매우 아름답습니다.

오늘 우리는 Photoshop에서 놀라운 스펙트럼 기반 아트웍을 제작하는 방법을 배우고 실제 웹 사이트에서 사용되는 25 가지 훌륭한 스펙트럼 예제를 살펴 봅니다.

Envato Elements 살펴보기

Photoshop에서 스펙트럼으로 재미있게 즐기는 방법

스펙트럼을 주요 디자인 요소로 사용하는 사이트를 선택하기 전에 Photoshop에서 자신 만의 멋진 스펙트럼 아트 워크를 쉽게 만들 수있는 방법을 살펴 보겠습니다. 이전 자습서에서 비슷한 기술을 살펴 보았지만이 기사에도 적합합니다.

Photoshop에서 복잡한 그라디언트를 작성하는 데 시간이 오래 걸릴 수 있습니다. 다행히도 몇 번의 클릭만으로 적용 할 수있는 훌륭한 스펙트럼이 내장되어 있습니다.

시작하려면 검은 색 레이어를 만듭니다. 그런 다음 해당 레이어를 복제하고 맨 위에있는 레이어에 그라디언트 오버레이를 적용하십시오. 스펙트럼 그라디언트를로드하려면 그라디언트 선택기의 오른쪽에있는 작은 화살표를 누르고 "스펙트럼"이라고 표시된 아래쪽으로 내려갑니다.

원하는 스펙트럼을 선택하고 원하는 방향으로 방향을 설정하십시오. 이 단계의 초기 결과로 인해 많은 디자이너들이 이러한 사전 제작 된 그라디언트를 사용하지 않았다고 생각합니다. 그러나 Photoshop의 효과는 항상 완제품이 아닌 빌딩 블록으로 간주해야합니다.

아래의 히피 페스트는 실제로 정말 멋지고 현대적인 디자인 트렌드에 맞는 것으로 바뀌기가 쉽습니다.

다음 단계는 흰색 레이어를 만들고 필터> 렌더 파이버를 선택하는 것입니다. 광섬유에 대한 설정이 실제로 중요하지 않으므로 원하는 것을 얻을 때까지 놀아보십시오.

이제 간단한 모션 블러를 적용하십시오. 선이 좋고 매끄 럽도록 크랭크하십시오. 아래 이미지에서 깊이와 대비가 많은 멋진 질감을 얻을 수 있음을 알 수 있습니다.

이 레이어를 곱하도록 설정하면 마술이 발생합니다. 짜잔! 이제 스펙트럼이 훨씬 더 시원해 보입니다!

보다 드라마틱하게하려면 검은 색 레이어 마스크를 바르고 큰 부드러운 브러시 세트를 흰색으로 잡습니다. 그런 다음 브러시로 캔버스 주위를 두세 번 클릭하여 그라디언트를 미묘하고 매력적인 방식으로 다시 가져옵니다.

거기서 멈추지 마십시오! 다른 필터 및 효과를 가지고 놀면서 자신 만의 독특한 스펙트럼을 만들 수 있습니다. 아래 이미지는 위에 표시된 것과 동일한 정확한 프로세스를 사용하지만 섬유 대신 구름을 사용합니다 (흐림 단계를 버림).

최종 차원으로 일단 그래픽과 스타 믹싱을하면 효과가 정말 빨라질 수 있습니다. 아래에서 나는 나침반 장미를 던졌고 단 몇 초만 조정하면 멋진 결과를 얻을 수있었습니다.

웹 디자인 세계에서 이러한 기술을 실제로 적용하는 방법에 대한 아이디어를 얻으려면 아래의 훌륭한 예를 확인하십시오. 이 첫 번째 섹션에서는 사이트 배경의 주요 초점으로 색상 스펙트럼을 구현합니다.

여기서 우리는 스펙트럼이 매우 매력적인 아이콘, 로고 및 기타 그래픽 요소를 만드는 데 사용되는 것을 볼 수 있습니다. 디자이너가 부드러운 그라데이션 대신 어려운 단계를 사용하는 방법에 주목하십시오. 명심해야 할 또 다른 옵션!

이 게시물이 매우 고무적이며 자신의 디자인에서 스펙트럼을 가지고 놀아주기를 바랍니다.

독특하고 멋진 방법으로 스펙트럼을 사용하는 사이트를 디자인하거나 찾은 경우 링크를 통해 아래에 의견을 남겨서 모두 확인하십시오!