포토샵 모자이크 효과로 그래픽 포스터 만들기 - 포토샵 강좌
지금 보고 있는 영상
포토샵 모자이크 효과로 그래픽 포스터 만들기 - 포토샵 강좌
조회수 340
영상 설명 · 눌러서 펼치기
포토샵의 모자이크 효과와 워프 기능을 활용해 입체적인 그래픽 포스터를 만들어봅니다.
이번 영상에서는 인물 이미지의 배경을 제거하고, 모자이크 필터와 레이어 마스크를 활용해 원본 이미지가 픽셀 형태로 흩어지는 듯한 효과를 적용합니다.
먼저 Contextual Taskbar의 Remove Background 기능으로 인물의 배경을 제거하고, 원본을 수정하지 않도록 레이어를 스마트 오브젝트로 변환합니다.
복제한 이미지에는 Filter 메뉴의 Pixelate와 Mosaic 효과를 적용하고, Cell Size를 조정해 원하는 크기의 픽셀 그래픽을 만듭니다.
이어 그라디언트 마스크와 브러시를 활용해 원본 이미지와 모자이크 영역이 자연스럽게 연결되도록 정리합니다. 매직 지우개 툴과 Tolerance 설정을 이용해 특정 색상의 픽셀만 선택적으로 제거하는 방법도 함께 알아봅니다.
포스터를 감싸는 띠 형태의 텍스트는 좌우로 연결될 문장을 따로 구성한 뒤 스마트 오브젝트로 변환합니다.
Free Transform의 Warp 기능과 Cylinder 프리셋을 활용해 텍스트를 입체적으로 휘게 만들고, 일부 텍스트를 인물 레이어 뒤로 배치해 실제로 공간을 감싸는 듯한 효과를 완성합니다.
마지막으로 텍스트 레이어의 투명도와 위치, 회전을 조정하고 레이어를 연결한 뒤 그레인 효과를 추가해 포스터의 전체적인 질감을 정리합니다.
복잡한 합성 기능 없이도 모자이크, 마스크, 워프 기능만 활용하면 개성 있는 그래픽 포스터를 빠르게 제작할 수 있습니다.
#포토샵 #포토샵강좌 #그래픽포스터 #모자이크효과 #텍스트효과 #포스터디자인 #Photoshop
🕐 타임스탬프
00:00 모자이크 그래픽 포스터 만들기
00:23 배경 제거와 레이어 준비
01:17 모자이크 효과 적용하기
01:57 마스크와 지우개로 영역 정리
05:09 워프 기능으로 3D 텍스트 만들기
06:17 텍스트 배치와 레이어 연결
07:18 그레인 효과와 최종 마무리
🚀 멤버십 가입 : https://www.youtube.com/channel/UCvYnDMeL-PFZhfIz6oc_U-Q/join
🚀 예제 다운로드는 멤버십 회원 전용 커뮤니티에 올린 링크에서 받으실 수 있습니다.
🔥 디자인베이스 웹사이트 : http://designbase.co.kr/
🔥 인스타그램 : https://www.instagram.com/designbasekorea/
🔥 이메일 문의 : [email protected]
🔥 카카오 오픈채팅방 : https://open.kakao.com/o/gmwngljb (참여코드 : dgoing12)
이번 영상에서는 인물 이미지의 배경을 제거하고, 모자이크 필터와 레이어 마스크를 활용해 원본 이미지가 픽셀 형태로 흩어지는 듯한 효과를 적용합니다.
먼저 Contextual Taskbar의 Remove Background 기능으로 인물의 배경을 제거하고, 원본을 수정하지 않도록 레이어를 스마트 오브젝트로 변환합니다.
복제한 이미지에는 Filter 메뉴의 Pixelate와 Mosaic 효과를 적용하고, Cell Size를 조정해 원하는 크기의 픽셀 그래픽을 만듭니다.
이어 그라디언트 마스크와 브러시를 활용해 원본 이미지와 모자이크 영역이 자연스럽게 연결되도록 정리합니다. 매직 지우개 툴과 Tolerance 설정을 이용해 특정 색상의 픽셀만 선택적으로 제거하는 방법도 함께 알아봅니다.
포스터를 감싸는 띠 형태의 텍스트는 좌우로 연결될 문장을 따로 구성한 뒤 스마트 오브젝트로 변환합니다.
Free Transform의 Warp 기능과 Cylinder 프리셋을 활용해 텍스트를 입체적으로 휘게 만들고, 일부 텍스트를 인물 레이어 뒤로 배치해 실제로 공간을 감싸는 듯한 효과를 완성합니다.
마지막으로 텍스트 레이어의 투명도와 위치, 회전을 조정하고 레이어를 연결한 뒤 그레인 효과를 추가해 포스터의 전체적인 질감을 정리합니다.
복잡한 합성 기능 없이도 모자이크, 마스크, 워프 기능만 활용하면 개성 있는 그래픽 포스터를 빠르게 제작할 수 있습니다.
#포토샵 #포토샵강좌 #그래픽포스터 #모자이크효과 #텍스트효과 #포스터디자인 #Photoshop
🕐 타임스탬프
00:00 모자이크 그래픽 포스터 만들기
00:23 배경 제거와 레이어 준비
01:17 모자이크 효과 적용하기
01:57 마스크와 지우개로 영역 정리
05:09 워프 기능으로 3D 텍스트 만들기
06:17 텍스트 배치와 레이어 연결
07:18 그레인 효과와 최종 마무리
🚀 멤버십 가입 : https://www.youtube.com/channel/UCvYnDMeL-PFZhfIz6oc_U-Q/join
🚀 예제 다운로드는 멤버십 회원 전용 커뮤니티에 올린 링크에서 받으실 수 있습니다.
🔥 디자인베이스 웹사이트 : http://designbase.co.kr/
🔥 인스타그램 : https://www.instagram.com/designbasekorea/
🔥 이메일 문의 : [email protected]
🔥 카카오 오픈채팅방 : https://open.kakao.com/o/gmwngljb (참여코드 : dgoing12)
디자인베이스 다른 영상
Astra로 3D 모델링부터 Three.js 웹사이트까지 만들어봤습니다 - GPT-6 Astra
조회수 36,685
Claude Design 디자인 시스템 만들고 앱·슬라이드에 같은 스타일 재사용하기 - 클로드 디자인 강좌 03
조회수 3,900
Claude Design 퀄리티 높이는 법 | 디자인 브리프와 레퍼런스 활용하기 - 클로드 디자인 강좌 02
조회수 3,257
상품 상세 UI 개선하기 | UX/UI 디자인 문제를 하나씩 고쳐봅니다 - UXUI 디자인 강좌 05-18
조회수 5,480
Claude Design 사용법 | 프롬프트로 UI 만들고 수정·반응형까지 - 클로드 디자인 강좌 01
조회수 11,712
웹사이트를 Figma로 그대로 가져오기 | Figma Chrome Extension 사용법 - 피그마 강좌 1-9
조회수 4,279
웹디자인 컬러 사용법 | UI 컬러 시스템과 디자인 토큰 이해하기 - 웹디자인 강좌 2-4
조회수 3,038
Figma Buzz 사용법 | 콘텐츠 디자인을 템플릿으로 자동화하기 - 피그마 강좌 1-8
조회수 2,811