디자인연습 (14)
포토샵 자주 쓰는 그라데이션gradation 저장하기 불러오기, 쉽게 만드는 나만의 팔레트 만들기
feat. UIGradients 사이트추천
디자인 트랜드 작년에 이어 올해도 여전히 솔리드, 투톤, 배색 그라데이션이 널리 쓰일 전망입니다. 하나의 색만으로도 명도와 채도를 조절하여 전혀 다른 느낌을 낼 수 있기 때문에 3D는 물론 패션, 사진 등 다양한 분야에서도 활용되고 있는데요. 포토샵을 하시는 분들도 많이 사용하실 그라데이션 툴에 대해서 간략히 알려드리고자 합니다.
툴 사용은 간단하지만 색조합이 어려우신 분들도 있으실 것 같아서 아주 유용한, 이미 색 배합을 해놓은 사이트를 하나 추천드리고자 합니다. 위 화면에서 보시는 바와 같이 무수히 많은 gradients를 볼 수 있는데요. 컬러코드도 제공하고 있고, JPG로 저장은 물론 심지어 CSS도 복사가능하여 디자이너와 개발자들 모두에게 유용한 사이트입니다.
uiGradients - Beautiful colored gradients
uiGradients is a handpicked collection of beautiful color gradients for designers and developers.
uigradients.com
사이트도 단순해서 누구나 쉽게 이용할 수 있어요.
간단한 사용법 알려드릴게요!
상단에 빨강부터 무채색까지 10개의 컬러쉐입이 있는데요. 그 중에서 녹색을 눌러보았습니다. 위 이미지와 같이 그린계열로 이루어진 조합들을 바로 보여줍니다. 여기서 원하시는 색을 누르면 아래 이미지처럼 바뀌는데요. 저는 Magic이라는 그라데이션을 선택해봤어요.
웹 화면 전체에 실제로 적용되어 어떤 느낌인지 넓은 면적에서 볼 수 있습니다. 상단중앙에는 컬러코드를 제공하고있는데요. 클릭만 하면 자동으로 클립보드에 복사되어 포토샵에서 붙여넣기만 하면 바로 사용이 가능해요! Magic은 3가지 색상으로 이루어져 있군요!
상단우측에는 아래와 같은 4개의 아이콘이 있는데요. 보시는 바와 같이 gradation의 방향을 바꿔볼 수 있고, 그 다음으로는 CSS코드 아이콘, 또 플러스모양은 사용자가 직접 추가할 수 있는 버튼입니다. 마지막으로 JPG로 다운할 수 있는 아이콘입니다. 전반적인 사용방법은 이게 끝이에요!
이 웹사이트에서 복사한 색을 포토샵으로 가져와서 나만의 컬러팔레트를 만들어볼게요!
파일제공
가장 하단에 포토샵에서 바로 사용할 수 있게끔 9가지 그라디언트 파일세트도 업로드하였으니 공감누르신 분들은 가져가셔도 좋습니다!!
현재 presets에 아무것도 없는 상태인데요. 여기에 원하는 색을 저장하고 파일로까지 저장하는 방법을 살펴볼게요.
우선, 에디터를 열어 컬러바에서 원하는 색상을 추가해줍니다. 웹사이트에서 복사했었던 Magic의 3가지 컬러코드를 그대로 넣어주면 되고요.
그림에서 마우스 포인트가 가리키는 New를 누르면 Presets에 새로운 썸네일이 생성된 걸 보실 수 있어요.
잘못 생성했을 때는 해당 썸네일을 우클릭 후 delete하면 됩니다.
색을 여러개 만든 후, 이것들을 언제든지 불러오고 싶을 때는 GRD라는 파일로 저장해 놓을 수 있는데요. 모든 썸네일을 선택 후 save를 누르면 GRD파일로 저장할 수 있습니다. 아래와 같이 파일이 생성돼요.
이제 load를 눌러서 우리가 만들었던 파일을 불러오면 모두 불러올 수 있습니다. 이렇게 파일로 만들어두면, 색의 주제별로 나눌 수 있고 또 실수로 지웠을 때도 언제든 다시 불러올 수 있으니 자주 사용하는 것들은 한 군데에 모아두면 편리합니다. 그라데이션은 배경으로 쓸 수 있고, 글자 안에 넣거나 모양을 만들 때에도 여기저기 많이 사용할 수 밖에 없어요.
한마디로 정리하면
색 만들고, New로 썸네일 만들고, Save로 파일을 만들고, Load해서 불러오는 수순입니다.
추천해드린 컬러사이트에서 괜찮은 그라데이션 몇개를 골라서 파일로 만들었어요! 필요하신 분들은 가져가셔도 좋습니다!
공감을 누르면 다운이 됩니다!😙
'디따 > 포토샵 스킬업' 카테고리의 다른 글
| 포토샵 text masking 클리핑마스크로 포스터 만들기, 타이포그래픽디자인 (23) | 2020.03.31 |
|---|---|
| 감각적인 인스타그램 스토리 컨텐츠 디자인하는 법, 레이아웃 사이즈는? (41) | 2020.03.30 |
| 포토샵배우기 홀로그램, 홀로그래픽 디자인 효과, 초간단 2가지방법 팁 알려드림 (64) | 2020.03.25 |
| 포토샵배우기 찢어진 종이질감 텍스쳐로 자연스럽게 합성하는법 feat.도깨비 공유 (81) | 2020.03.23 |
| 포토샵합성하기 자연스럽게! 무료이미지로 움직이는 몽환적 아트웍.gif (69) | 2020.03.20 |
댓글