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 en ko ko ko ko ko ko km ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko km ko ko ko ur ko he ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko en ko ko en ko ko ko en ko ko ko ko en es ko ko ko ko ko ko en
#25 클릭 몇 번으로 패턴 만들기(격자, 사선, 땡땡이, 기타 그래픽) – 포토샵 기초 강좌 | 디자인베이스
오랜만에 돌아온 포토샵 기초 강좌입니다. 포토샵을 이용해서 손쉽게 패턴을 만들어볼 거예요. 격자무늬, 사선, 점 땡떙이, 사선 땡땡이, 기타 그래픽(본인이 원하는)을 패턴으로 만들어서 사용하는 방법을 배워볼게요. 포토샵에서 클릭 몇 번으로 만드는 패턴을 통해 여러분이 원하는 패턴 디자인을 해보세요.
*디자인 베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 윈도우 사용자분들은 영상에서 커맨드(Cmd)라는 단축키 대신 컨트롤(Ctrl)을, 옵션(Option) 대신 알트(Alt)를 눌러주세요.
패턴 만들기 : Create New로 캔버스를 만들어 준 다음, 패턴에 활용될 그래픽 작업
패턴 등록하기 : Edit – Define Pattern
패턴 채우기 : Edit – Fill Pattern
포토샵으로 간단하게 만들 수 있는 패턴 4가지 + a! 격자, 사선, 땡땡이, 사선 땡땡이, 기타 그래픽을 활용해볼게요.
우선 어떤 모양이 반복될지를 봅니다! (분석…)
그리고, 패턴을 등록할 20*20px 사이즈로 새 창을 만들어줍니다.
새로운 레이어를 만들고, 1*20px 선을 그려 우측에 붙여줍니다. 하나 더 복제하고, 돌려서 하단에 붙여줍니다. 그리고 패턴을 저장! Edit > Define Pattern을 눌러서 패턴 이름을 저장해주면 되겠죠?! 이름은 자유롭게!
그럼 아무런 반응도 없을 겁니다.. 네 맞아요. 그게 정상이에요ㅎㅎ
자 그럼 패턴이 잘 들어갔는지 볼까요?! 이번에는 Edit > Fill 을 눌러줍니다.
창이 뜨죠. 여기서 좀 전에 등록한 패턴이 보일 겁니다. 그걸 선택하고 OK 버튼을 눌러주세요.
패턴이 채워졌죠? 채워진 패턴의 색상을 자유롭게 바꿀 수 있습니다. 레이어 우측 하단에 Add a Layer Style > Color Overlay를 해서 컬러를 수정해주면 됩니다. 이 기능이 낯선 분들은 포토샵 기초 강좌 처음부터 보시길 추천드립니다.^^ 기초가 튼튼해야 응용을 할 수 있겠죠?!
02. 사선 패턴 만들기
사선 만드는 방법도 간단합니다. 20*20px에 사선으로 그려주고 패턴에 등록하면 됩니다. 사선을 그릴 때 펜슬 툴을 사용해주세요.(이유는 영상 참고)
03. 땡땡이 패턴 만들기
땡땡이가 가장 쉽습니다. 가운데 점을 만들어주고 패턴에 등록하고 사용하시면 됩니다.
이런 식으로 말이죠 ^^
그렇다면 사선 땡땡이는 어떻게 만들까요…? 머리를 조금만 쓰면 쉽습니다.
그럼 땡땡이가 완성됩니다. 아주 쉽죠?!
04. 기타 그래픽 패턴
이번에는 점, 선 등의 도형이 아닌 특정 그래픽을 반복적으로 사용해볼게요. 귀여운 나무를 패턴으로 등록해볼게요. 저 같은 경우는 일러스트레이터에서 작업 후에 포토샵으로 불러왔습니다. 패턴 등록 방법은 동일해요.
Edit > Define Pattern으로 패턴을 등록하기! Edit > Fill로 패턴 채우기 아주 간단하죠? 따라 해보면 익숙해질 거예요.
아주 오랜만에 기초 강좌로 돌아왔는데요. 또다시 기초가 필요하다면 쉬운 강좌 들고 돌아올게요. 기초를 다 배우셨다면 서둘러서 포토샵 실전 강좌로 넘어오세요! 기다리고 있습니다.
#2 XD 핵심 기능 반복 그리드 – 어도비 XD 강좌
#14 CSS Float 사용법 – 웹 코딩 강좌
#07 이 영상 하나로 카메라 완벽 이해하기 – Three.js 강좌
디자인 입문자가 꼭 참고해야 할 사이트
웹 주소 URL 짧게 만들어 주는 웹사이트
오너의 마음으로 프로젝트의 A부터 Z까지
명상 앱 UI Kit
3d 카툰 핸즈 아이폰 목업
앱 개발 관련 일러스트 ai 파일
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.