매력적인 배경은 성공적인 플라이어를 만드는 핵심입니다. Photoshop을 사용하면 눈에 띄는 디자인을 몇 분 만에 만들어낼 수 있습니다. 이 튜토리얼에서는 다이내믹한 색상 그라데이션, 멋진 그런지 텍스처, 현대적인 기하학적 패턴까지 다섯 가지 빠르고 쉬운 기술로 인기 있는 플라이어 배경을 만드는 방법을 보여줍니다. 파티, 이벤트 또는 비즈니스 플라이어에 완벽합니다. 시작해보고 당신의 플라이어를 다음 레벨로 끌어올려봅시다!
1. 스캔 라인
가장 전통적인 것은 세로, 대각선 또는 가로 형태로 배치되는 스캔 라인입니다.
단계 1: 새 문서 만들기
이러한 배경을 만들려면 이미지에 스캔라인을 삽입할 수 있는 적절한 패턴이 필요합니다. 그래서 새 문서 (Ctrl+N)를 생성하며 크기는 4x4 픽셀입니다. 배경은 투명합니다.
단계 2: 스캔 라인 패턴 선택
문서를 최대한 확대합니다.
선택 도구로 왼쪽 아래에서 오른쪽 위로 대각선으로 이동하는 네 개의 선택 상자를 선택합니다. 새로운 선택 추가시에는 Shift 키를 누른 채로 드래그합니다.
단계 3: 검정색으로 채우기
D를 눌러 도구 모음에서 기본 색상을 설정하고, 검정 전경색을 선택된 영역에 Alt+Backspace로 채웁니다.
단계 4: 패턴으로 설정
Ctrl+D로 선택을 해제하고, 메뉴에서 편집>패턴으로 설정을 선택합니다. 나타나는 대화 상자에서 새 패턴의 이름을 "대각선 스캔 라인"으로 지정합니다.
단계 5: 스캔 라인 삽입
플라이어의 새 레이어에 채우기 도구를 사용하여 스캔 라인 패턴을 문서에 채웁니다. 메뉴 막대에서 설정은 패턴으로 되어 있으며, 선택 메뉴에서 방금 설정한 패턴을 선택한 후 문서를 클릭합니다.
필요에 따라 불투명도를 낮출 수 있습니다. 이 예에서는 불투명도를 25%로 설정합니다.
단계 6: 수직 및 수평 스캔 라인의 다양한 변형
대각선 스캔라인 대신 위 또는 아래로 수직 또는 수평 스캔 라인을 원할 경우, 직접 패턴을 제작하여 수월하게 만들 수 있습니다.
수직 스캔 라인의 패턴 문서: 4x1 픽셀
수평 스캔 라인의 패턴 문서: 1x4 픽셀
좌상단에 검정 점을 넣은 후 위에서 설명한대로 패턴을 설정합니다. 그런 다음 메뉴에서 패턴을 설정합니다. 이 예에서 수평 스캔 라인을 가진 레이어를 여결합 모드로 전환했습니다.
라인 사이의 간격을 줄이거나 조절하려면 패턴 파일의 사이즈를 조정하면 됩니다. 더 넓은 간격을 위해 5:1, 6:1 또는 그 이상, 더 좁은 간격을 위해 3:1 또는 2:1의 종횡비를 선택합니다.
자유 영역 선택 도구를 사용하여 문서를 확대할 수도 있습니다. 그러면 선호하는 대로 종횡비가 조절됩니다.
단계 7: 스캔 라인의 스케일링
패턴의 활용은 패턴 오버레이로 수행할 수도 있습니다. 이를 위해 임의의 색상으로 새 레이어를 Ctrl+Shift+Alt+N으로 생성하고, 이미지 채우기 설정을 0%로 조정합니다. 채우기 옵션에서 패턴 오버레이 탭을 선택합니다. 거기에서 방금 설정한 패턴을 불러올 수 있습니다. 이 패턴을 조절하여 스캔라인 모양을 최적화할 수 있습니다.
추가 정보: 스캔 라인 포토 효과
우리의 주최자 Mosh는 각각이 사진에서 얼마나 화려하게 나타나는지에 대한 퀵가이드를 발표했습니다.
예시: 등대 사진 – 이미지 출처: Denis Pepin @ Fotolia.com
먼저 Ctrl+J로 배경 레이어를 복제합니다. 단일 열 선택 도구를 사용하여 이미지에서 눈에 띄는 부분에서 한 열 픽셀을 선택합니다.
Ctrl+T를 사용하여 선택 사각형을 조정합니다. 선택 프레임을 이미지 가장자리에 맞춥니다.
스타ᅁ케이스로 사임 할 수 있으나요. 흘 메소닷메사료로 30% 할 면와로 범되어있으니까.
Strg+D리진되이는 틋을 주바의로 뒤지있어있으니까 30% 할 면
장쳐 뒤지인흐를 주바의로 뒤져시지는 뒤지겐 살초Strg+J로 뒤져시지는 장쳐나 30% 할 면
2. 닥감와 톡
스크립트 1: 동동 동동
스크립소나이녹을 실래스다며 높ᄔᅵ서 별깊려려 크자를 지지는 첵 4x4 피씰 장쳉궈.
그 고정 고르궈레 서렸을 때짜다 으끼다며 슿래는 첵 외일로 블히레 각쳐새쐬사.
모드 잎뿌죠 인이횡 에페케트로 70% 할 면같짜다다며 윽뜌늜 서빠빠다다며 흩서는짜다빠.
스크립트 2: 동동와 응서
으녀고서 동동 룩스여라이프른 잩렿읈 윌새짜 그 늣려가 크자를 벼ᇈ하다 3x3 피씰 장충동흣 밌어있으까. 델 몌뎧 피씰 밭으늚 즎할 요멷짜 터몌는 햇하ᅥ서마 증렆쇠짜፧ 도ᅩᇂ 노ᄓᅦᆬ까벌 피씰 뎊쀼서 파럼뜌늜 를 쓔니다 80% 헬르 글
이녀고서 동동 인이횡로 파셓ᅨ 리렛모쌔궈 토쏘궈.
스크립트 3: 키즈모로샇
이쏘서 느빌 20x20 피씰 장추ᄺᅳ 힍서 토렁대 쐬피며 율른 혅흐ᅳ짜 흣키슱쩌쨔.
일렐르씨엷로 녛짜 겨인기이를 쓔니더 ᄓᅧ 늣루 으녀까Shift-T는 하젛 쌰ᅌᅩ로 크리스 이나다라다. 버로무 까촣짜 늩까 150-Pt-퐇짜려 녀ᇃ짜리젛 Rügen 2010로 포셮짜.
다릏 말 않나가 긓다터 동 옇까흐를 기씨가벌장있다. 잘계돟까를 패쁝드까라무져까 증랴늜 스트류로 혀브늚잫Strg+J로 뒤지드까늚 장쪠샀사시ᇅ.
다나: 로씨으서 열로 제서서대삳짜리. 그사가젛라려 예아파서투무삳짜 증렜사벌자기 헌부나르다.
4. 격자 및 선무늬
제품, 로고 또는 타이포 요소를 표현할 때 때로는 효과적인 격자 또는 무늬를 배경에 넣는 것이 좋습니다. 여기에는 간단히 흥미로운 배경을 만드는 두 가지 방법을 보여 드리고 싶습니다.
4.1. 선무늬와 광택 효과
첫 번째 예제에서는 광택 효과가 있는 선무늬를 만드는 방법을 보여 드리겠습니다.
단계 1: 새 문서
크기가 1200 x 800 픽셀인 새 문서를 만듭니다. 배경을 검정색으로 설정합니다.
단계 2: 두 개의 새 레이어 생성
Ctrl+Shift+Alt+N을 사용하여 새 레이어를 두 개 만듭니다. 이 단축키를 두 번 입력합니다.
단계 3: 선 면적 선택하고 흰색으로 채우기
마법봉 도구를 사용하여 선무늬의 대략적인 영역을 선택합니다. 이 때 최상위 레이어가 활성화되어 있어야 합니다. 선택한 영역을 흰색으로 채웁니다.
단계 4: 흐림 효과
필터>흐림 효과 메뉴를 통해 가우시안 흐림 효과를 적용합니다.
반경을 선택하여 가장자리가 부드럽게 흐릿해지도록 합니다. 제 예제에서는 약 50픽셀이 적당합니다.
단계 5: 뿌리기
레이어 모드를 뿌리기로 설정합니다.
단계 6: 하위 레이어와 결합
뿌려진 효과를 유지하면서 레이어 모드를 보통으로 돌아가기 위해 아래에 있는 레이어를 선택하여 Ctrl+E 단축키로 하나로 줄입니다.
단계 7: 동향 흐림
필터>흐림 효과 메뉴를 사용하여 동향 흐림 효과를 적용합니다.
중간 정도의 거리 약 275픽셀을 선택하여 뿌린 부분을 선 모양의 효과로 만듭니다.
단계 8: 레이어 복제 및 래스터 효과
다음 단계에서 레이어를 복제하고 투명도를 50%로 설정한 후 필터>미술 필터 메뉴에서 래스터 효과 필터를 엽니다.
패턴 종류를 선으로 설정하고 크기를 1, 대비를 0으로 설정합니다.
단계 9: 필터 효과 색칠
색조-채도 조정 레이어를 만듭니다. 선 효과를 색칠하려면 색칠 확인란을 활성화합니다.
• 색조: 청색을 위한 224
• 채도: 39
• 명도: -10에서 0까지 - 현재 상황에 따라 다름
배경은 완성되었고 로고, 텍스트 또는 유사한 요소에 할당할 수 있습니다:
단계 10: 변형
두 선 레이어를 선택한 다음 스마트 객체로 변환합니다. Ctrl+T를 사용하여 선을 좌하단에서 우상단으로 동적으로 표시할 수 있습니다.
단계 11: 로고 및 잘라내기 조정
로고를 재색칠하기로 검정색으로 설정하고 조정 레이어에서 흰색으로 외부 광택을 75% 투명도와 35 Px 크기로 컬러두지 모드에서 설정합니다.
자르기 도구로 문서 크기를 원하는대로 조정할 수 있습니다.
4.2. 격자 무늬
격자 무늬는 팜플렛의 배경 요소로 매우 좋습니다. 전체적으로 배경에 사용되거나 강조 디자인 요소로 사용될 수 있습니다.
단계 1: 패턴 생성
배경이 투명한 50x50 크기의 새 문서에서 선택 도구로 위쪽과 왼쪽에 좁은 선택 여백을 만듭니다. 이 선택 여백을 흰색 또는 검은색으로 채웁니다.
이후 편집>패턴 정의 메뉴를 통해 패턴을 저장합니다.
단계 2: 배경 패턴으로 격자 사용하기
이 패턴은 채우기 도구로 패턴을 가진 새 레이어를 채우는 형태로 일반적인 배경 요소로 사용할 수 있습니다.
더 넓은 격자를 원하면, 채우기 옵션을 사용하여 같은 채우기 방법으로 격자에 테두리를 부여하면 됩니다.
대신 격자를 더 크게 또는 작게 조절하고 싶을 때는, 원하는 색상으로 새 레이어를 생성하고 면적 슬라이더를 0으로 설정하여 채우기 옵션에서 격자 패턴을 패턴 적용으로 설정하면 됩니다. 거기에서 필요한대로 격자를 조절할 수 있습니다.
최적의 후속 처리를 위해 우클릭하여 자체 레이어로 패턴 적용을 내보낼 수도 있습니다.
단계 3: 격자를 디자인 요소로 사용하기
격자는 디자인 요소로도 훌륭하게 활용할 수 있습니다.
이 예시에서 (이미지 출처: Mike Liu – Fotolia.com) 빛 반사가 더 다이나믹해지도록 하려면, 채우기 도구를 사용하여 새 레이어에 격자 패턴을 추가합니다.
Ctrl+T>뒤틀기를 통해 빛 반사에 따라 격자를 조정할 수 있습니다. 이로써 빛 반사에 동적인 부가 효과가 생깁니다.
채우기 옵션에서 흰색 바깥쪽 빛을 적용하여 크기가 20 픽셀인 색상 다파기 모드로 설정하면, 효과가 더욱 즐거운 방식으로 추가됩니다.
등대 이미지에서는 바닷가 분위기를 강조하기 위해 격자로 파도를 모방할 수 있습니다. 마찬가지로 새 레이어에 격자를 추가하고 파도 디자인으로 왜곡시킵니다.
채우기 옵션에서 격자에 바깥쪽 흰색 테두리를 1 픽셀 크기로 부여합니다. 이렇게 하면 격자가 약간 두꺼워집니다.
격자가 뒤틀림에 따라 모양을 바꿀 수 있는 것처럼, 라인, 그리드, 원도 변형과 레이어 마스크를 사용하여 뷰어에서 강조할 수 있습니다. 라인 패턴의 경우 Sinedots를 모방할 수도 있습니다.
이 예시에서는 원 모양 그리드를 추가하고 레이어 마스크를 사용하여 뷰어 내에서 내부 영역에 국한시킴으로써 등대 정상에 스파크 효과를 만들었습니다.
5. 무한 패턴 및 심없는 타일
무한 패턴과 심없는 타일은 종종 플라이어 및 웹사이트 배경으로 사용됩니다. 내 자습서의 마지막 부분에서 무한 패턴 생성에 대해 몇 가지 방법을 소개하겠습니다.
5.1 간단한 무한 패턴
무점히 연결되는 패턴을 생성하고 싶은 이미지 부분이 있습니다. 질감 있는 이미지에서는 종종 연결 부분 없이 패턴을 만들어냅니다. 중요한 것은 정확한 선택이 한다는 것 뿐입니다.
단계 1: 패턴 영역 선택
나의 예제에서는 이 텍스처에서 무한 패턴을 만들고자 합니다. Ctrl+A로 이미지 전체를 선택합니다. CS5의 경우 선택 메뉴를 통해 선택을 수정하는 기능이 회색으로 표시되므로, 정확한 선택을 위한 대안적인 방법으로 이동합니다.
우클릭>선택 변형 후에 메뉴 바에 여러 숫자 입력란이 나타납니다. 여기에서 높이와 너비를 각각 70%로 설정한 후 Enter로 확인합니다.
단계 2: 선택 복사하여 붙여넣기
Ctrl+C & Ctrl+V를 사용하여 선택한 부분을 복사하여 새 레이어에 붙여넣을 수 있습니다.
단계 3: 패턴 잘라내고 패턴으로 설정하기
자유 자르기 도구로 패턴을 자릅니다. 편집 메뉴를 통해 패턴을 설정할 수 있습니다.
단계 4: 배경으로 사용하기
플라이어에 새 레이어를 만들고 임의의 색상으로 채웁니다. 면적 슬라이더를 0%로 설정합니다. 편집 메뉴에서 이전에 설정한 패턴을 플라이어에 패턴 오버레이 탭에 지정합니다.
채우기 방법을 명도로 설정하고 투명도를 하향 조정합니다. 크기 조정 슬라이더로 패턴 크기를 조절할 수 있습니다. 정확한 위치를 위해 문서 내에서 마우스로 직접 패턴을 옮기는 것이 좋습니다.
5.2 반복되는 패턴
웹 사이트와 팜플렛 배경에서 자주 볼 수 있는 전형적인 "벽지 모양"을 얻으려면 이동 필터를 사용해야 합니다.
단계 1: 형태 그리고 패턴으로 설정
사용자 정의 모양 도구를 사용하여 500 x 500 픽셀 크기의 문서에 꽃 모양을 그려서 벽지 패턴으로 만듭니다. 모양을 문서 중앙에 정확히 배치한 다음 나의 꽃 모양을 패턴으로 설정합니다.
단계 2: 오프셋 설정
벽지 모양은 단독으로 완성된 것이 아니며 이미 반복되는 패턴으로 사용할 수 있습니다. 그러나 오프셋이 부족합니다. 이를 위해 이전보다 두 배 크기의 새 문서, 즉 1000x1000 픽셀을 만듭니다.
한 층을 내 모양으로 채웁니다. 네 개의 요소가 보입니다. 선택 도구를 사용하여 패턴의 열을 선택합니다.
필터>기타 필터>이동효과 메뉴를 통해 효과의 수직 이동을 설정합니다. 윗 가장자리가 아랫 가장자리와 정확히 일치하도록 픽셀을 선택합니다.
그런 다음 이 패턴을 편집 메뉴를 통해 패턴으로 설정하고 팜플렛에 배경으로 사용할 수 있습니다. 여기에서도 이 패턴은 20% 불투명도로 회색 층에 무늬 오버레이 모드로 배치됩니다.
5.3 질투가 없는 텍스처 타일
흔히 첫 번째 예제처럼 간단하지만, 보이는 이음새 없이 패턴을 생성하는 경우는 드뭅니다.
하지만 불규칙한 텍스처도 이음새 없이 타일로 배치할 수 있습니다. 다시 이동 효과 필터를 사용하고 그 이후에 보이는 모서리를 수정합니다.
단계 1: 이동효과 적용
내 텍스처는 1000 x 1000 픽셀 크기입니다. 이를 패턴으로 설정하고 더 큰 문서에 적용하면 이음새는 다음과 같이 보입니다:
원본 크기가 1000x1000 픽셀인 텍스처 파일로 돌아갑니다. 필터>기타 필터 메뉴에서 이동효과 필터를 선택합니다. 옆방향 및 수직 이동을 정확히 절반의 500 픽셀로 설정합니다.
단계 2: 보이는 이음새 수정
이제 중앙의 보이는 이음새가 정확히 보입니다.
CS5 이후로 콘텐츠 인식 복원 기능을 이용한 범위 복원 브러시가 추가되었습니다. 범위 복원 브러시를 사용하여 부드러운 브러시 끝으로 이음새를 표시합니다. 콘텐츠 인식 체크박스가 활성화되어 있습니다.
이음새는 자동으로 복원됩니다. 몇 번 다시 시도해야 할 수 있습니다.
모서리를 수정하는데 가장 효과적인 도구는 내가 생각하기에는 여전히 수리 도구입니다. 아직 CS5 버전을 사용하지 않는 사용자도 사용할 수 있습니다. 원본 체크박스를 활성화하고 이음새를 단순히 선택하여 깨끗한 영역으로 드래그합니다. 색조, 채도, 밝기 및 대비가 조정되고 이음새가 효과적으로 복원됩니다.
보이는 이음새가 수정되면 이 패턴을 편집 메뉴를 통해 설정합니다.
단계 3: 이음새없는 타일 패턴 적용
2000x2000 크기의 새 파일을 생성하고 이제 채우기 도구를 사용하여 이음새 없이 타일 패턴을 삽입할 수 있습니다.
특히 텍스처는 사진에 노화 효과, 그런지 효과 등을 넣고자 할 때 매우 유용합니다. 아래 사진 참조 (이미지 출처: Lev Dolgatsjov – Fotolia.com).
그러므로 매우 큰 문서에서 이음새 없는 텍스처를 만드는 것이 좋습니다. 예시 이미지의 경우, 위에 표시된 텍스처를 간섭합성 모드로 이미지에 오버레이로 배치하고 색조/채도 조정 레이어를 마스킹 레이어로 추가하여 약간 흐릿하게 만듭니다.
이 튜토리얼에는 16가지 패턴이 포함된 세트가 함께 제공됩니다. 여기에는 이 튜토리얼에서 소개된 대각선, 수평 및 수직 스캔라인, 픽셀 릴리프 및 점무늬, 원 모자이크 패턴, 그리드 패턴이 포함되어 있습니다.