자주 사용되는 5가지의 포토샵 배경 패턴 만들기 강좌

 

 

 

 

 

 

 

 

 

포토샵 초보자를 위한 배경 패턴 만들기 강좌

 

 

포토샵 배경패턴은 디자인에서 자주 쓰는 기법중에 하나인데요. 기본 색상 배경에 패턴만 넣어도 좀더 고급스러운 효과를 만들수 있습니다. 오늘 소개해드릴 강좌는 은은한 패턴 배경을 만드는 초급용 튜토리얼입니다. 총 5종류의 서로다른 특색이 있는 패턴 제작 방법을 배우실수 있으며 5~7단계 정도로 진행과정이 길지않아 쉽게 따라 하실 수 있습니다. 포토샵 패턴을 이용해서 멋진 웹사이트, 인터페이스, 인쇄디자인에 활용해 보세요.

 

 

 

 

 

 

노이즈 패턴 만들기

 

1. 노이즈 패턴을 만들어 보겠습니다. 포토샵에서 100x100 픽셀의 새 문서를 만들어 보세요.

 

 

 

 

 

 

2. 배경 레이어에 밝은 그레이 색상을 넣어줍니다. (아래 수치을 참고해주세요.)

 

 

 

 

 

 

3. 배경에 노이즈 효과를 줘보겠습니다. Filter > Noise > Add Noise을 선택하여 3% 수치로 입력하면 노이즈 필터가 적용됩니다.

 

 

 

 

 

4. 제작된 노이즈 패턴을 등록해 보겠습니다. Edit > Define Pattern을 선택후 팝업 상자가 나오면 원하는 패턴 이름을 지정하고 오케이를 눌러주세요.

 

 

 

 

5. 패턴을 사용하는 방법은 두가지가 있습니다. 페인트통을 선택후 상단 옵션에서 (Pattern) 모드로 설정하고 캔버스를 채우는 방법과 레이어를 더블클릭하면 Layer Style창이 나옵니다. 거기서 Pattern Overlay를 선택후 제작한 패턴을 선택하면 바로 채워지게 됩니다.

 

두가지 모두 장단점이 있지만 추후 패턴 수정을 생각한다면 Layer Style을 이용하여 패턴을 만드시는걸 추천드립니다.

 

 

 

 

 

 

 

 

 

 

사선 무늬 패턴 만들기

 

1. 이번엔 어두운 사선 무늬 패턴을 만들어 보겠습니다. 사선 패턴은 디자인 제작시 많이 사용하는 방법중에 하나입니다. 확실히 익혀두시는걸 추천드립니다.

 

포토샵에서 50x50 픽셀의 새 문서를 만들어 주세요.

 

 

 

 

2. 어두운 그레이 색상으로 배경을 입력합니다.(아래 수치 참조)

 

 

 

 

 

3. 사선 패턴을 만들어 보겠습니다. Line 툴을 선택하여 굵기를 1픽셀로 색상은 어두운 그레이 색상으로 선택합니다. 그리고 Shift 키를 누른 상태에서 왼쪽 상단 모서리를 선택후 오른쪽 하단의 모서리 까지 드래그하여 사선을 그어집니다. 여기서 중요한 점은 꼭 Shift 키를 눌러야 정확한 직선을 그리실 수 있습니다. 동일한 방법으로 라인을 추가해주세요.

 

 

 

 

 

 4.  Edit > Define Pattern을 선택후 패턴을 등록해주세요.

 

 

 

 

 

5. 앞서 설명드렸듯이 페인통 도구를 이용하거나 레이어스타일에서 패턴을 적용해주세요. Pattern Overlay에서는 패턴의 크기를 조절할수 있으며 배경과 자연스럽게 하기 위해 혼합모드를 적용할수 있습니다.

 

 

 

 

 

 

 

벽돌 무늬 패턴 만들기

 

1. 이번엔 벽돌 느낌이 나는 패턴을 만들어 보겠습니다. 100x100 픽셀의 새 문서를 만들어 주세요.

 

 

 

 

2. 아래 수치를 참고하여 엷은 블루색상으로 배경을 채워주세요.

 

 

 

 

3. Shape모드에서 Line툴 선택하고 두께는 1픽셀로 설정합니다. Shift 키를 누른상태에서 왼쪽 상단 모서리를 선택후 오른쪽 하단 모서리로 드래그하여 직선을 만들어줍니다. 그리고 다시 첫번째 라인 중앙을 클릭후 오른쪽 상단까지 드래그하여 두번째 라인을 만들어 줍니다.

 

 

 

 

 

4. CTRL 키를 누른 상태에서 라인 레이어 두개를 선택후 새 레이어 아이콘으로 드래그하여 복사해주세요. 복사된 레이어 두개를 모두 선택후 Ctrl 키를 누른상태에서 아래쪽 화살표 키보드키를 두번정도 눌러주세요. (키도드 방향키는 1픽셀 단위로 이동을 시켜줍니다.)

 

복사된 레이어의 색상을 모두 흰색으로 변경후 투명도를 82% 조정합니다.
다시 기존 어두운 색상의 라인 두개는 투명도를 20%로 조정해주세요.

 

 

 

 

 

5. 배경 레이어르 선택후  Filter > Noise > Add Noise을 선택하여 3% 수치로 입력하여 노이즈 필터를 적용합니다.

 

 

 

 

6.  Edit > Define Pattern을 선택후 패턴을 등록해주세요.

 

 

 

 

 

7. 포토샵 패턴 사용방법은 앞서 설명드려서 생략하겠습니다. ^^

 

 

 

 

 

 

 

 

그물 무늬 패턴 만들기

 

1. 이번 패턴은 그물 무늬의 패턴을 만들어 보겠습니다. 시멘트 벽, 메쉬 질감을 표현할때 유용합니다.

우선 50x50 픽셀의 새 문서를 만들어 주세요. 

 

 

 

 

 

2. 아래 수치를 참고하여 그레이 배경을 만듭니다.

 

 

 

 

 

3. 새 레이어를 만든후 흰색으로 배경을 칠해주고 Blending Mode을 Multiply로 수정,  Filter > Sketch > Reticulation에서 아래와 같이 수치로 필터 적용해주세요. 마지막으로 레이어 투명도를 60%로 입력합니다.

 

 

 

 

4. 완성된 패턴 이미지입니다. 패턴등록을 해주세요.

 

 

 

 

5. 윗 강좌에서 설명드렸듯이 레이어 스타일 또는 페인트통을 이용하여 패턴을 활용하시면 됩니다.

 

 

 

 

 

 

격자 무늬 패턴 만들기

 

1. 이번 패턴은 디자인에 자주 활용되는 격자 무늬 패턴을 만들어 보겠습니다. 50x50 새 문서를 만들어 주세요.

 

 

 

 

 

 

 

2. 이번엔 좀 밝은 색상의 배경을 만들어 보겠습니다. RGB를 253 수치로 맞쳐주세요.

 

 

 

 

 

3. 사각형 도구를(색상 #AAAAAA) 선택하고 캔버스 왼쪽 상단 모서리에 작은 사각형을 그립니다. 그 다음 1픽셀의 Line 툴을 선택하여(색상 #dfdddd) Shift 키를 누른상태에서 윗면과 좌측면에 라인을 그려주고 색상 #e9e8e8로 변경후 Shift 키를 누른상태에서 대각선을 그어주세요.

 

 

 

 

 

4. Edit > Define Pattern을 통해 패턴등록후 페인트통 또는 레이어스타일을 이용하여 패턴을 사용하시면 됩니다.

 

 

 

 

 

 

 

<관련글>

2013/05/29 - 복잡한 사진이라도 쉽게 색상을 변경할 수 있는 포토샵 간단 TIP

2013/05/23 - 10분만에 뚝딱 만드는 화려한 포토샵 네온효과 강좌 (원본소스 포함)

2013/02/05 - [ 포토샵 백그라운드 강좌 ] 디자인 소스는 이제 그만!! 배경이미지 직접 만들어 보자

2012/12/28 - [ 포토샵 캐리커쳐 강좌 ] 실사 인물사진을 이용한 재밋는 캐리커쳐 인물 보정 강좌

2012/12/05 - [ 포토샵 강좌 ] 크리스마스 컨셉 디자인 포토샵 고급 튜터리얼 모음

2012/10/26 - [ 일러스레이터 강좌 ] 깜찍한 달걀 콜라주 만들기 일러스트 강좌

2012/07/25 - [ 포토샵 메탈 텍스트 강좌 ] 환상적인 격자모양 메탈 재질 텍스트 만들기

이 글을 공유하기

댓글(11)

  • ogiiii
    2014.10.14 04:23

    님 저는 두번째 패턴을 할때 다른 페이지를 만들어서 패턴을 채우면 사선이 매끄럽게 되지 않고 어긋날까요?ㅜ

    • 2014.10.14 14:27 신고

      ^^안녕하세요. 사선 패턴을 말씀하시는건가요? 만드실때 혹시 정사각형에 만드셨는지 확인해 보시겠어여.. 패턴이 직사각형이면 반복됬을때 맞지 않거든요.

  • 파슬
    2014.11.11 17:41

    사선무늬 배경을 만들때 일일이 선을 그어 복사+붙여넣기했던 뼈아픈 기억이 있는데 편하게 만들 수 있겠어요ㅠㅠ..
    감사합니다!

    • 2014.11.13 14:43 신고

      ^^ 저랑 동일한 경험을 하셨군요.. 사선을 복사해서 큰 배경을 만든적이 있었는데... 지금생각하면 아찔하네요. 유용한 정보였다니 다행이네요. 종종 놀러와주세요.~~

  • SSON
    2015.01.22 12:30

    와 정말 유용한 정보네요!! 깔끔하면서 되게 잘 쓰일듯합니다~ 특히 타일같은 패턴은 저는 첨봤네요! 신기
    잘 써먹도록 하겠습니다 감사해요 좋은 포스트!!♥

    • 2015.01.23 16:31 신고

      ^^ 도움되셨다니 다행이네요. 타일 배경 직접 사용해보시면 굉장히 깔끔합니다. 배경색을 넣어도 괜찬구요. 유용하게 활용해보세용~~

  • 민나
    2017.09.26 15:36

    안녕하세요. 항상 구독 잘 하고 있습니다.
    따라하는 와중에 막히는 부분이 있어서 댓글남깁니다.
    그물무늬패턴(4번)을 하고있는데 필터-reticulation 효과를 주려하니 선택영역이 비어있다고 효과가 적응이 안되네요.ㅠㅠ 혹시 해결방안이 있을까요?
    포토샵 CS3버전입니다.

    • 2017.09.27 16:40 신고

      어이쿠..내용이 좀 틀렸네요..
      새레이어를 만든후 흰색으로 배경을 칠해주고 과정을 진행해 주시면 됩니다.
      해당 내용 수정했습니다. 참고해 주세요.~

    • 민나
      2017.09.27 17:48

      우앙 댓글에 답변까지 감사합니다. 예쁘게 만들어 졌네요. 굿굿~~

    • 2017.09.29 17:18 신고

      ^^ 성공하셨다니 다행입니다. 즐거운 명절 되세요.~

  • 레사
    2020.11.30 14:53

    벽돌 무늬 패턴에서 몇번을 해도 막히네요.
    5번이요.배경 레이어가 어떤거에요?

Designed by JB FACTORY