ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko nb ko ko ko en en ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko en ko ko ko ko ko ko ko km ko km ko en ko ko ko ko ko ko ko ko ko ko ko ko fr ko ko ko ko ko en ko ko ko en ko ko ko ko en es ko ko ko ko ko ko en
#2 진짜보다 진짜같은 골드 효과 (PSD 완성본 공유) – 포토샵 실전 강좌 | 디자인베이스
이번에는 포토샵을 이용해서 진짜 같은 골드 텍스트 효과(Gold Text Effect)를 해보겠습니다. 생각보다 간단하고 무겁지도 않습니다. 포토샵으로 텍스처 공부하시는 분들은 한번 따라 해보세요.
PSD 완성본도 아래 구글 드라이브 링크에 공유했습니다. 다운로드하실 분들은 다운 받아 가세요 ^^
*디자인 베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 윈도우 사용자분들은 영상에서 커맨드(Cmd)라는 단축키 대신 컨트롤(Ctrl)을, 옵션(Option) 대신 알트(Alt)를 눌러주세요.
예제 캔버스 사이즈 : 1920*1080px
폰트 : Big Caslon, Size 300px
예제로는 일러스트레이터에서 도형으로 만든 텍스트를 가져왔지만 실제 예제에서는 골드에 어울리는 서체를 사용해보세요. 아무래도 골드에는 세리프 체가 어울리겠죠? 제가 사용한 서체는 Big Caslon입니다. 포토샵에서 제공하는 서체입니다. 만약 없다면 비슷한 서체를 사용해주세요~
*세리프 서체란 이런 것들입니다.
소스를 한 번 만들고 끝이 아니라 계속 사용하는 게 좋잖아요? 그래서 스마트 오브젝트화 시킵니다. 언제든지 바뀔 수 있게죠?! 텍스트만 바꿔도 계속 효과가 적용되도록 말이죠.
3D 입체감을 위해 같은 스마트 레이어를 두 개로 나눈 겁니다. 하나는 정면에 보일 골드 재질, 하나는 모서리에 부피감을 더해 줄 레이어입니다.
마무리는 반짝이로 디테일을 올려보세요.ㅎㅎ
궁금한 점 있다면 댓글로 언제든지 남겨주세요~!
웹 코딩 입문 강좌
#14 레이어와 에셋 정리하는 법 (Feat. Zeplin) – 웹디자인 입문 강좌
#8 자바스크립트로 스크롤 시 프레임 재생하기 – Lottie.js 강좌
그라데이션 컬러 추천해주는 사이트
디자이너에게 가장 힘든 클라이언트 유형은?
저작권 완전 무료 이미지 사이트 모음
iPhone 13 Pro Max 목업
사각 비닐 패키지 목업
10. 자유롭게 화면 조절하는 방법 OrbitControls – Three.js 강좌
27. 귀여운 꿀벌 일러스트 쉽게 만드는 방법 – 일러스트레이터 기초 강좌
09. 3d 물체에 그림자 적용하는 방법 – Three.js 강좌
26. 프리폼 그라디언트로 5초 만에 부드러운 그라데이션 배경 만드는 방법 – 일러스트레이터 기초 강좌
Youtube Instagram Pinterest Naver Blog
포토샵 일러스트레이터 피그마 스케치 XD 프로토파이
웹디자인 웹코딩 인비전 프린서플 Lottie Three.js
소개 매거진 디자인 사전 북마크 무료 소스 문의하기 멤버십
© 2022 Designbase. All rights reserved.