7단원 툴박스와 메뉴 익히기 II

1. Gird와 패턴을 사용하여 우표 만들기

이번 학습에서는 그리드와 패턴기능 등의 툴과 메뉴들을 사용하여 우표를 만들어 보도록 하겠습니다.

우선 제작할 이미지는 화면에 있는 우표입니다.

우표를 만들면서 그리드와 알파채널 등에 대하여 익혀보도록 하겠습니다.

우선 가로 270, 세로 240의 새로운 도큐멘트를 생성합니다.

우표의 테두리를 정확하게 만들기 위하여 그리드를 적용할 것입니다.

화면에 그리드를 보이도록 하기 위해 View 메뉴를 선택합니다.

그리드가 나타납니다. 하지만 그리드 간격이 너무 넓은 것 같군요.

그리드의 격자간격을 줄이기 위하여 메뉴의 Edit에서 Preferences를 선택합니다.

Preferences에서는 포토샵의 전체적인 환경설정을 결정하는 메뉴들이 있습니다.

Guides & Grid를 선택합니다.

Guides & Grid 대화상자입니다.

위의 Guides는 가이드선의 색상과 형태를 지정합니다.

그리고 아래 부분의 Grid는 그리드 선의 색상과 형태, 격자선의 간격과 각 격자의 분할개수 등을 지정합니다.

그리드 라인의 간격을 1센티미터로 설정합니다. 도큐멘트의 그리드 간격이 줄어든 것을 확인할 수 있습니다.

Ok 버튼을 클릭 합니다. 원형선택 툴을 선택합니다.

지시하는 곳을 선택하여 드래그 합니다.

새로운 레이어를 생성하고 Edit 명령의 Fill을 선택합니다. Ok 버튼을 누르세요.

선택영역을 복사하겠습니다.

이동 툴을 선택합니다. Control 키와 Alt키를 누른 상태에서 이동 툴로 선택 영역을 드래그 합니다.

이렇게 복사를 하게되면 필요 없는 레이어를 만들지 않고 해당 레이어에 복사되게 됩니다.

이와 같은 방법을 되풀이하여 다음과 같이 복사합니다.

레이어 1을 복사합니다.

복사된 레이어를 90도 회전시켜보겠습니다. Edit 명령에서 TransForm을 선택합니다.

Rotate(로테이트) 90 CW를 선택합니다. 레이어가 오른쪽 방향으로 90도 회전됩니다.

레이어의 위치를 지시하는 곳으로 변경합니다.

레이어를 복사합니다. 위치를 변경합니다.

레이어 1도 선택하여 복사하고 위치를 아래방향으로 이동합니다.

원하는 테두리를 그렸습니다. 그리드를 다시 안보이도록 합니다.

View 메뉴에서 Show에 Grid를 선택합니다. 그리드가 사라졌습니다.

레이어 1을 선택하고 네 개의 레이어를 링크 시킵니다.

레이어 팔레트 옵션에서 Merge Linked를 선택합니다. 이 명령은 연결 고리로 서로 묶여져 있는 레이어 만을 합쳐줍니다.

사각 선택 툴을 선택하고 지시하는 영역을 선택합니다

Select에서 Inverse를 선택하여 영역을 반전시킵니다.

Edit 메뉴에서 Fill을 선택하고 Ok 버튼을 누릅니다. Select 영역을 해제합니다.

자 이제 우표의 외곽 모양은 완성이 되었습니다. 그럼 이제부터는 우표 안의 이미지를 꾸며보도록 하겠습니다.

파일의 오픈명령으로 하회탈 이미지를 불러들입니다.

하회탈의 이미지만 카피하여 우표 영역 안으로 붙여 넣겠습니다.

마술봉 툴을 선택합니다.

이미지의 검은색 영역을  선택합니다.

Select의 Similar(스멜러)를 선택합니다. 입 부분의 검은 색 영역까지 선택되어졌습니다,

선택영역을 반전시킵니다. 반전시키는 명령은 Select의 Inverse입니다.

Edit 의 Copy를 선택하여 클립보드에 저장을 하고 난 후 이미지를 닫습니다.

백그라운드 레이어를 선택하고 Edit 의 Paste 명령으로 붙여 넣겠습니다.

이미지가 우표 영역 안으로 복사되었습니다.

다음은 Edit 의 Free transform을 사용하여 위치와 크기를 다음과 같이 변경합니다.

다음은 뒷 배경으로 들어가 패턴 이미지를 만들어 보도록 하겠습니다.

오픈 명령을 사용하여 구름.BMP 이미지를 불러들입니다.

백그라운드 레이어를 복사합니다.

이전과 같이 Edit 의 Free transform을 사용하여 위치와 크기를 다음과 같이 변경합니다.

구름 문양을 패턴화하여 배경으로 반복시키도록 하겠습니다.

이미지의 사이즈를 작게 변경해 보도록 하겠습니다.

Edit 의 이미지사이즈를 선택합니다. 이미지 사이즈는 크기와 해상도를 조절합니다.

가로에 100을 입력합니다. 가로의 비율에 맞추어 세로의 사이즈도 변경됩니다.

Ok 버튼을 클릭 합니다.

Edit에서 Define Pattern을 선택합니다.

일정한 무늬나 모양을 이미지에 반복적으로 나타내기 위해서는 이 명령을 사용하여 무늬를 지정하고 Fill 의 Pattern 채우기를 사용하여 적용합니다.

Ok 버튼을 선택합니다.

이제 구름이미지를 닫습니다.

자 그럼 저장된 패턴을 칠해보겠습니다. 채널팔레트를 선택합니다.

새로운 알파채널을 만듭니다.

Edit 의 Fill을 선택합니다.

Fill 대화상자에서 Use 란의 패턴 칠하기를 선택합니다. 아래에서 이전에 만들었던 구름모양의 패턴을 선택합니다. Ok 버튼을 클릭 합니다. 패턴이 칠해졌습니다,

패턴을 알파 채널에 칠한 이유는 흰색 부분만 선택영역으로 불러들이기 위해서입니다.

자 다시 RGB 모드를 선택하고 레이어 팔레트를 선택합니다.

백그라운드 레이어를 선택하고 새로운 레이어를 만듭니다. 새로운 레이어가 생겼습니다.

알파채널의 선택영역을 불러들입니다.

Select에서 Load Selection을 선택합니다.

채널에서 알파 1을 선택하고 Ok 버튼을 클릭 합니다.

전경색을 회색으로 변경하고 키보드의 Alt키와 Delete키를 눌러 전경색으로 칠합니다.

참고로 Control 키와 Delete 키를 누르면 배경색으로 칠할 수 있습니다.

선택영역을 해제합니다.

배경이 적용되었습니다. 배경의 크기와 기울기를 Free Transform을 사용하여 다음과 같이 변경합니다.

레이어 2를 선택하고 타입 툴을 선택합니다. 색상을 검정으로 변경합니다.

지시하는 곳에 클릭하고 난 후 □대한민국 Korea□를 입력합니다.

태극마크를 그리기 위하여 화면을 확대합니다.

돋보기 툴로 이미지를 클릭 하여 300%로 확대합니다.

원형 선택 툴을 클릭 합니다.

선택 툴로 지시하는 곳을 드래그 하여 선택합니다.

지금은 레이어가 타입 레이어로 되어져 있기 때문에 레이어에 색을 칠하는 작업이 불가능 합니다.

그러면 타입 레이어를 일반 레이어가 되도록 변경하여 보도록 하겠습니다.

타입 레이어에서 마우스를 오른쪽 클릭합니다.

Rasterze Layer을 선택합니다.

레이어의 T자 모양이 사라지고 일반 레이어로 변경되어진 것을 알 수 있습니다,

이렇게 변경이 되어지면 채색 작업이 다시 가능 해 집니다.

그러면 선택 영역에 원형라인을 그리도록 합니다.

선택영역 안에서 마우스 오른쪽 버튼을 클릭 합니다.

Stroke를 선택합니다.

Stroke 설정 대화 창이 나타납니다.

Width란은 선의 굵기를 정하고 Color는 칠해질 색상을 선택할 수 있습니다.

그리고 Location은 선택영역을 기준으로 안쪽, 바깥쪽 , 중심의 기준점을 선택합니다.

Ok 버튼을 클릭 합니다. 선택 영역 안으로 라인이 그려진 것을 볼 수 있습니다.

다각 선택 툴을 클릭 합니다.

상단 옵션바에서 선택영역을 빼주는 Subtract 아이콘을 선택합니다.

다음과 같이 클릭 하여 선택영역을 제거합니다.

태극마크는 100%로 보여졌을 때 작은 이미지이기 때문에 디테일하게 그릴 필요가 없습니다.

Alt 와 Delete 키를 눌려 전경색을 칠합니다.

돋보기 툴을 더블 클릭 하여 화면비율을 100%로 조정합니다.

태극마크의 선택영역을 해제합니다.

백그라운드 레이어에 배경색상을 지정하겠습니다.

백그라운드 레이어를 선택하고 그라디언트 툴을 선택합니다.

전경색과 배경색을 다음과 같이 변경합니다.

도큐멘트의 상단 우표 외곽부분부터 도큐멘트 중앙 부분까지 드래그 하여 그라디언트를 적용합니다.

백그라운드 레이어에 그라디언트가 적용되었습니다.

배경 무늬로 지정된 레이어 3을 선택합니다.

모드를 Multiply(멀티플라이)로 변경합니다.

이 모드는 상위 레이어와 하위 레이어의 색상을 곱하는 방식으로 합성해 줍니다.

컬러 색에 검정색이 추가되면 더 검정색이 됩니다. 합성의 결과는 더욱 어두워집니다.

다음은 타입 툴로 우표의 가격을 입력합니다.

레이어 2를 선택합니다.

타입 툴을 선택하고 전경색을 검정색으로 변경합니다.

지시하는 곳을 클릭 하여 170을 입력합니다.

텍스트를 드래그 하여 블록 지정합니다.

폰트사이즈를 36으로 변경합니다.

레이어 스타일 아이콘을 클릭하고 Stroke를 선택합니다.

사이즈에 2를 입력하고 모드는 Screen으로 변경합니다.

Ok 버튼을 누르세요.

글자의 외곽라인이 부드럽게 합성되었습니다.

마지막으로 하회탈에 그림자를 만들어 주겠습니다.

레이어 2를 선택합니다.

레이어 스타일의 Drop Shadow를 선택합니다.

사이즈에 8을 입력하고 OK 버튼을 클릭 합니다.

자 우표가 완성되었습니다. 그리드와 타입 툴 그리고 패턴, Free Transform 기능을 이용하여 간단한 이미지를 제작하여 보았습니다.

2. 레이어와 레이어 마스크를 사용하여 아쿠아 버튼 만들기

이번 실습에서는 아쿠아 버튼을 만들어 보겠습니다. 아쿠아 버튼을 만들어 보면서 마스크를 익히고 포토샵에서 실제로 입체적인 표현이 어떻게 되는 지 알아보도록 하겠습니다.

우선 가로 500, 세로 200 픽셀의 도큐멘트를 만듭니다.

모서리를 둥글게 표현할 수 있는 사각 쉐이프 툴을 선택합니다.

여기선 쉐이프나 패스가 필요 없고 색상만 칠하면 됩니다.  Fill 옵션을 선택합니다.

Radius 값에 60을 입력합니다. Radius 값은 모서리가 둥근 정도를 결정합니다.

새로운 레이어를 만듭니다.

전경색을 변경하고 지시하는 방향으로 드래그 하세요. 모서리가 둥근 사각형이 만들어 졌습니다.

새로운 레이어를 만들고 채도가 더 높은 색상으로 전경색을 변경합니다.

레이어 1을 선택영역으로 불러들입니다. Control 키를 누르고 레이러 팔레트에서 레이어 1을 선택합니다.

선택영역으로 불러 들이는 방법은 Load Selection을 사용하는 방법도 있지만 오히려 지금과 같은 방법이 간단합니다.

Alt키와 Delete키를 함께 눌러 선택영역에 전경색을 칠합니다.

Select에서 Modify를 선택합니다. Border는 선택되어진 영역에 테두리를 줄 수 있고 Smooth는 선택영역의 테두리 부분을 둥글게 할 때 사용됩니다. Expand(익스펜드)는 주어진 pixels만큼 선택영역을 크게 하고 Contract는 반대로 작게 합니다.

여기서 우린 선택 영역을 줄이겠습니다. Contract를 선택합니다. 4를 입력하고 OK 버튼을 누르세요. 선택영역이 줄었습니다.

선택 툴을 선택합니다.

다음은 선택영역에서 마우스 오른쪽 클릭을 한 후 Feather를 선택하세요, Feather는 선택영역의 경계선을 중심으로 입력한 수치만큼 부드럽게 처리됩니다.

8을 입력하고 OK 버튼을 클릭 합니다.

레이어 팔레트에서 Add MASK 버튼을 클릭 합니다.

마스크가 적용되면서 레이어 1의 색상이 Feather값에 의해 부드럽게 보여집니다.

전경색상을 다음과 같이 변경하고 새로운 레이어를 만듭니다.

Control 키를 누르고 레이어 1를 클릭하여 선택영역으로 불러들입니다.

Select의 Contract 명령으로 선택영역을 4픽셀 작게 합니다.

마우스 오른쪽 클릭을 한 후 이전과 같이 Feather에 4를 입력하고 적용합니다.

Alt키와 Delete키를 함께 눌러 선택영역에 전경색을 칠합니다.

선택영역 바깥 부분을 클릭하여 선택영역을 해제합니다.

Add Mask 버튼을 클릭합니다.

쉐이프 툴을 선택합니다.

키보드의 X 키를 눌러 전경색과 배경색을 바꾸어 줍니다.

Radius 값에 30을 입력합니다.

지시하는 곳으로 드래그합니다. 마스크 영역에 아래 레이어가 나타납니다.

필터의 블러에 Gaussian Blur를 선택합니다. 블러는 이미지를 부드럽게 처리하는 필터입니다.

20을 입력하고 OK 버튼을 누르세요. Opacity를 75로 변경합니다.

다음은 상단에 하이라이트 부분을 제작하겠습니다.

새로운 레이어를 만들고 전경색을 흰색으로 변경합니다.

Radius 값을 10으로 변경하고 지시하는 부분으로 드래그 합니다.

Add Mask를 선택합니다. 마스크 레이어가 생겼습니다.

그라디언트 툴을 선택하고 지시하는 방향으로 드래그 합니다.(아래에서 위 방향)

일반 레이어를 선택하여 마스크 레이어 편집을 해제합니다.

필터의 블러에 Motion Blur를 선택합니다.

Motion Blur는 각도별로 픽셀의 거리 수만큼 부드럽게 표현합니다.

Distance에 12를 입력하고 OK 버튼을 클릭 합니다. 레이어 Opacity를 75로 변경합니다.

새로운 레이어를 만들고 레이어 1의 영역을 선택영역으로 불러들입니다.

전경색을 검정색으로 변경하고 선택영역을 칠합니다.

레이어 모드를 Overlay로 변경합니다. Opacity를 20으로 변경합니다.

선택 툴을 클릭하고 이미지 외곽을 클릭 하여 선택영역을 해제합니다.

레이어 보정 아이콘을 클릭 하여 Brightness/Contrast를 선택합니다.

각각 5와 25를 입력하고 Ok를 클릭 합니다. 이미지가 선명해 졌습니다.

다음은 그림자를 만들어 보도록 하겠습니다.

레이어 1을 카피합니다. 새로운 레이어가 생겼습니다. 레이어 1을 선택하고 Free Transform을 사용하여 다음과 같이 변경합니다.

필터의 Gaussian Blur를 적용합니다. Ok 버튼을 클릭 합니다.

뒷 배경에 줄무늬 배경을 만들겠습니다.

채널 팔레트를 선택합니다. 새로운 채널을 만들고 라인 툴을 선택합니다.

전경색과 배경색을 바꾸고 라인을 그립니다.

선택 툴로 지시하는 곳으로 드래그 합니다.

Edit 의 Define Pattern을 선택합니다. Ok 버튼을 클릭 합니다.

선택영역을 해제합니다.

Shift키와 Delete키를 누릅니다. Fill 대화상자가 나타납니다.

지금 제작한 패턴으로 설정되어 있습니다. Ok 버튼을 클릭 합니다.

채널에 패턴이 칠해졌습니다. 이 채널은 이 후에 선택영역으로 불러들일 것입니다.

RGB를 선택하고 레이어 팔레트를 선택합니다. 백그라운드 레이어를 선택합니다.

전경색을 회색으로 변경하고 백그라운드 레이어에 칠합니다.

알파 채널 1을 불러들입니다. Select의 Selection을 선택합니다.

Ok 버튼을 클릭 합니다. 전경색을 다시 변경합니다.

선택영역을 전경색으로 칠하기 위해 Alt키와 Delect키를 누릅니다.

Select의 Deselect 명령으로 선택영역을 해제합니다.

배경에 줄무늬가 나타납니다.

레이어 1을 Control키를 누르고 선택합니다.

선택 툴을 클릭하고 영역을 아래 방향으로 드래그 한 후 Select의 Inverse 명령으로 변경합니다. 마우스 오른쪽 클릭을 한 후 Feather를 선택합니다. 40을 입력하고 Ok 버튼을 클릭 합니다. 새로운 레이어를 만들고 선택영역에 흰색을 칠합니다. 선택영역을 해제합니다.

이제 텍스트를 입력하겠습니다,

제일 상단의 레이어를 선택하고 타입 툴을 클릭 합니다.

색상을 검정으로 변경하고 도큐멘트에 클릭 하여 □아쿠아□라고 입력합니다.

레이어 스타일에서 Drop Shadow를 선택합니다.

Opacity에 40, Distance에 8, Size에 10을 각각 입력합니다. Ok 버튼을 클릭 합니다.

아쿠아 버튼이 완성되었습니다.

여기에 보정 레이어를 사용하면 아이콘의 색상을 다양하게 바꿀 수 있습니다.