포토샵 기초7 < 포토샵 저장하기 >

이미지를 저장하는데 용도에 맞게 최상의 컬리티로 저장하는 방법입니다 ^^

외각을 딴이미지의 저장방법은 크게 3가지가 있습니다.

PSD / GIF / PNG

Save As.. : 다른이름으로 저장

   1.PSD: 포토샵에서 사용된 레이어나 안내선등이 살아있는 원본으로 저장됩니다

   2.BMP: 마이크로소프트/ 윈도우즈 기본으로 사용하는 그래픽파일

   3.GIF: 인터넷에서 그래픽을 압축해서 보내는 방식으로 개발되어 용량이 적은 장점이있어

            가장많이 사용됩니다. 하지만 256색상표현이 최고라 다양한 색상표현은 어렵습니다

   4.GIF애니메이션: 레이어의 효과로 이미지레디에서 애니매이션을 만들수있습니다.

   5.JPG: 선명한 이미지를 표현하는데 좋은 압축방식입니다

   6.PNG: GIF의 단점을 보완하기 위해 만든 압축방식. GIF는 한가지색상만 투명도를 설정하지만

               PNG는 254컬러까지 투명도를 설정할수있다.

Tip.포토샵작업시 작업물을 psd로 저장하고 작업하는동안 수시로 save해주세요

단축키: Ctlr + s

 ------------------------------------------------------------------------------------------

포토샵으로 작업한 결과물을 jpg,gif 저장하기

가장 기본이 되는 저장방식 2가지를 알아볼께요!

 웹에서는 주로 Save for Web을 이용해서 저장을 합니다.

Tip. 단축키: Alt + F + W

------------------------------------------------------------------------------------------

1. jpg 저장

< Original 로 설정한모습 >

    1. 이미지의 압축률과 용량 2의 설정에 따라 이미지의 용량 및 전송,속도등을 보여준다

    2. JPG로 압축시 이미지 용량 및 컬리티 설정창

       (Quality 에 따라 jpg 이미지의 컬러를 조절할수있다.최고의 이미지를 원하시면 100으로 설정)

    3. 용량및 전송속도를 보여준다

------------------------------------------------------------------------------------------

2.gif 저장

<4-up으로 설정한모습>

      1.이미지의 컬러수 및 색감을 조절한다. gif 압축방식은 Color수에 따라 용량이 변함.

         (최대 컬러수는 256이며 숫자가 적어질수록 표현되는 컬러수가 줄어듭니다. 그래서

          이미지 용량도 줄어들게 되죠.)

      2. 이미지의 압축률과 용량: 1의 설정에 따라 이미지의 용량 및 전송,속도등을 보여준다. 

Tip. 플래쉬작업으로 많이 이용되는 파일은 254컬러까지 투명도로 만드는 png파일입니다.

이상 포토샵에서 기본적인 저장방식에 대해 알아봤습니다.

여기서 아셔야 할것은 psd는 작업자가 작업한 레이어및 가이드가 살아있는파일 원본으로 저장되고

가장많이 이용되는 저장방식으로는 jpg와 gif가 있으며

jpg는 선명한 사진으로 gif는 용량이 작으며 배경을 투명으로 할 수 있다는 점만 아시면됩니다.

그럼 열공하세요~^^

포토샵 기초6 < 포토샵 글,폰트 쓰기 >

포토샵에서 폰트는 기본중에 기본입니다.

어려울꺼 하나도 없으니 아래 설명을 따라하시면 포토샵으로 예쁜 글을 쓰실 수 있을거에요~

<폰트 옵션창>

                        1) 폰트종류 : 시스템에 설치한 폰트폴더에 설정되어있는 폰트를 선택

                        2) 폰트크기,행간,자간,자평등을 설정

                        3) 폰트스타일 : 서체가 지원하는 스타일

                        4) 폰트의 가로크기,세로크기등을 조절

                        5) 폰트컬러 : 폰트의 색상

                        6) 폰트의 굵기,기울등 을 조절

                        7) 폰트의 경계를 설정

------------------------------------------------------------------------------------------

1.포토샵 글쓰기 _ 단축키 T

툴바에서 

빈 작업창에 마우스를 가져가면 글쓰는 아이콘이 나타납니다.

빈창에 마우스 왼쪽을 한번 클릭합니다.

쓰고 싶은 글을 써주세요.

Tip. 폰트는 가로로 쓰는게 기본! 하지만 세로로도 써집니다.

세로로 쓰고 싶으시면 Vertical Type Tool을 선택하시고 쓰세요

------------------------------------------------------------------------------------------

아주 간단하죠? 이제 글의 컬러와 폰트모양을 원하는대로 바꿔볼께요.

1.폰트 종류바꾸기

바꿀 폰트 영역을 선택해 주세요.

목록 클릭 후 원하는 폰트를 선택해주세요.

폰트변경은 작업하시는 컴퓨터에 넣어놓은 폰트가 보여지고 원하는 폰트를 선택해주시면됩니다.

Tip.내컴퓨터에 폰트추가는 제어판->모양및테마 ->글꼴에 폰트를 넣어주시면됩니다

네이버에서 무료로  제공하는 나눔고딕으로 원하는 영역의 폰트가 변경되었습니다.

 Tip. 폰트리스트에 영문과 한글로  보이는 설정은 Edit -> Preferences -> Type에서

 설정하시면 됩니다

해재하면 한글로 나오고 선택하면 영문으로 나옵니다

------------------------------------------------------------------------------------------

2.폰트 컬러 변경

컬러를 바꿀 폰트의 영역을 선택합니다.

위 그림의 부분 Color를 클릭하면 아래와 같은 Color Picker창이 뜨는데 원하는

컬러를 선택하고 OK 하시면 원하신 컬러로 바뀝니다.

< 트루컬러 >

< 웹컬러 >

폰트 컬러가 바꼈습니다.

------------------------------------------------------------------------------------------

3. 폰트 크기 조절하기

크기를 바꿀 폰트 영역을 선택합니다.

원하는 폰트크기를 선택합니다.

폰트를 좀 키워봤습니다. 주변글씨보다 더 커졌습니다.

------------------------------------------------------------------------------------------

정말 간단하죠?

이런식으로 스타일, 자간, 자평, 행간 등도 조절해 보시면서 글쓰기를 연습하세요.^^

포토샵 기초5 <이미지 외각따는 6가지 방법>

포토샵을 하는데 꼭 배워야하는 부분이죠.

자연스럽게 외각을 따서 여러이미지를 합성해 더 좋은 결과물을 얻기위한 과정입니다.

 이미지의 외각을 따는 이유는 다른 이미지와 합쳐 좀더 멋진 결과물을 얻기 위해서입니다.

위에 1.2.3 의 이미지를 합쳐서 하나의 배너를 만들어 볼께요.

1,2,3 이미지를 합치면 요렇게 이쁜 배너가 됩니다.

------------------------------------------------------------------------------------------

이미지를 따는 방법에는 툴바에서  5가지의 방법이 있습니다. 

그리고 필터를 이용해서도 이미지외각을 딸 수 있습니다.

 ------------------------------------------------------------------------------------------

1) Lasso Tool (라쏘툴) - 단축키 L

1) 

자유롭게 그릴 수 있지만 정확도가 많이 낮아 자주 이용하지는 않습니다. 

2) 

직선이 많은 이미지를 딸때 자주 사용됩니다. Shift를 누르면서 선을 찍으면 직선과 대각선이

정확하게 그려집니다.

3) 

 Width: 자석의넓이    

Edge Contrast: 명암대비에 의한 자석의 달라붙음조절  

Frequency: 자석의 핸들수조절

딸 이미지의 외각을 따라가면 자동으로 패스가 붙습니다.

명암의 대비가 확실할수록 최고의 실력을 발휘합니다.

Tip.단축키: Shift + L --> 세가지의 라쏘툴이 순서대로 변합니다.

 ------------------------------------------------------------------------------------------

2) 마술봉 - 단축키: W

Tolerance: 선택범위 값을 조절

단순한 색감이나 비슷한 색감이 많을때 명암대비가 확실할때 사용하시면 좋습니다.

------------------------------------------------------------------------------------------ 

3) 지우개 - 단축키: E

 지우개의 넓이와 Opacity(투명도)값을 조절하면서 외각을 지웁니다.

좀 번거롭고 손이 많이 가지만 흩날리는 머리결 하나도 딸수 있는 좋은 방법입니다.

tip. Shift 를 누른상태에서 지우면 직선,세로,대각선이 반듯이 지워집니다

 ------------------------------------------------------------------------------------------

4) 펜툴  - 단축키: P

직선, 원형등 자유롭게  그릴 수 있어서 가장 많이 사용됩니다.

처음엔 곡선그리는게 힘들지만 손에 익으면 가장 편하게 자주 사용하게되는 툴입니다.

외각을 한번 돌고  처음 패스찍은 시작점과 만나면 Ctrl + Enter 를 치고 Delete로 지우면 됩니다.

------------------------------------------------------------------------------------------

 5) 퀵마스크 - 단축키: Q

 초보자들이 가장 많이 쓰는 퀵마스크 방법입니다.

퀵마스크 선택 후 이미지안을 브러쉬

퀵마스크

역시  지울부분을 Delete로 지우면 됩니다.

 tip. Inverse라고 반전이있습니다. 지울부분을 안쪽 바깥쪽 선택해서 지울수있습니다.

단축키: Shift + Ctrl + i

 ------------------------------------------------------------------------------------------

보너스)  필터를 이용한 이미지 따기 ( Extract )

Filter --> Extract 선택

1) 펜을 선택후 이미지외각을 그립니다.

2) 숫자가 작을수록 정확도가 높아집니다

1) 페인트를 선택후 펜으로 그린 이미지 안에 찍어줍니다.

OK를 클릭하면 이미지외각이 따져있습니다.

이상으로 총 6가지의 이미지따기에 대해 알아봤습니다.

열심히 연습하세요~^^

포토샵 기초4 < 레이어의 모든것 >

포토샵의 꽃은 레이어와 필터를 어떻게 사용하느냐에 달렸습니다

그중에 가장 중요한 레이어에 대해 알아볼께요

<여인닷컴 메인행사중 배너작업 샘플> 

----------------------------------------------------------------------------------------

위에 설선물세트 배너를 작업한 레이어 모습입니다.

가이드와 3번내용이라는 폴더 2개가 보입니다. 저폴더는 레이어 관리가 편하도록

폴더별로 나눠준 모습니다.

레이어가 많아지면 관리가 힘들어져요~ 그래서 폴더로 알기쉽게 정리하는

습관을 가져야합니다.

Tip. 폴더,레이어에 자신만의 제목을 적을 수 있습니다.

3번내용이라는 폴더를 활성화 시킨 모습니다. 레이어가 총 18개 들어가있습니다.

하나의 레이어가 하나의 이미지나 폰트입니다.

이미지와 폰트 18개가 모여서 배너를 완성했다고 생각하세요.

tip. 레이어가 위에 있을수록 이미지가 상단으로 갑니다.

 각각의 레이어가 떠있는 모습입니다.

---------------------------------------------------------------------------------------- 

1) 레이어 마스크: 이미지 합성에 이용됩니다.

2) 폴더를 추가합니다.

3) 새로운 빈 레이어를 추가합니다.

4) 레이어를 지웁니다.

 ----------------------------------------------------------------------------------------

1) 레이어의 투명도를 조절합니다

2) Layer Style: 레이어에 그림자,스트록,엠보싱등 여러가지효과를 줍니다

 ----------------------------------------------------------------------------------------

1)왼쪽에 레이어의 눈을 마우스로 클릭하면 레이어를 안보이게 합니다.

레이어를 끄니 한복입은 여자가 안보입니다

2) 하나이상의 레이어를 묶어줍니다 

 ----------------------------------------------------------------------------------------

< Bland 기능 _ 이미지에 효과주기 >

사진을 합성하는데 사용됩니다
색상,채도,명도에 의해 두개의 이미지를 합성 시킵니다

1) 어두운계열의 합성

2) 밝은계열의합성

3) 색상,채도,명도들이 적적하게 합성

 ----------------------------------------------------------------------------------------

<두개의 레이어 합치기>

레이러 두개를 선택합니다. Ctrl를 누른상태에서  해당 레이어를 마우스 왼쪽 클릭 합니다.

두개의 레이어가 선택되면 마우스 우측버튼을 누르고 Merge Layers를 선택하면

두개의 레이어가 하나로 합쳐집니다.

2개 3개 4개 그이상도 선택 가능합니다.

 ----------------------------------------------------------------------------------------

<레이어 스타일>

스타일 주고싶은 레이어 선택후 마우스 우측버튼을 클릭하시고  Blending Options 선택! 

tip.  레이어스타일 버튼입니다.

< Layer Style 창>

Drop Shadow : 뒤로 그림자를 만든다
Inner Shadow: 안쪽으로 그림자를 만든다
Outer Glow: 바깥쪽으로 빛을 만든다
Inner Glow: 안쪽으로 빛을 만든다
Bevel and Emboss: 입체감을 준다
Satin: 금속느낌을 준다
Color Overlay: 색상교정
Grdient Overlay: 그라디언트
Pattem Overlay : 무늬,패턴을 넣는다
Stroke:테 두리를 만든다

한번 살작 보세요.  레이어 스타일의 종류에 대해서는 다음에 좀더 세부적으로 들어갈께요.

레이어스타일은 레이어마다 많은 효과를 줄수 있어서 예제와 함께 공부하면

재미를 느낄수 있을겁니다.

※ 한복입은 여자이미지는 여인닷컴에서 이미지투데이와 계약하고 쓰는 이미지입니다.

무단 도용하시면 안되요 ^^

포토샵 기초3 < 툴바의 역활 >

포토샵에서 가장 많이 사용되는 툴바입니다. 설명들이 많아 복잡해보이지만 포토샵 작업하시다 보면

툴바에 나와있는 그림만 봐도 어떤 기능을 하는지 대락 알 수 있습니다.^^*

요건 간단한 예제들을 보면서 나중에 더 자세히 설명해 드릴께요~

포토샵에서 가장 기본이 되는 빈작업창 만들기입니다

포토샵 기초2 < 새로운 빈 작업창 열기>

1) File 에서 New 를선택합니다.

tip. 포토샵 작업창에 Ctrl+마우스 왼쪽버튼 두번 클릭과 동일합니다.

----------------------------------------------------------------------------------------

2) Width: 가로넓이  Height: 세로넓이

가로와 세로 넓이를 정해줍니다. 웹(www)에서는 기본 pixels로 설정해주세요.

tip. Color Mode

여기서는 RGB컬러만 아시면 됩니다.

한가지! Grayscale로 빈문서를 만드시면 컬러를 넣어도 흑백으로 나옵니다.

----------------------------------------------------------------------------------------

3) 새로운 작업창이 열렸습니다.

이 작업창에서 이미지를 불러와서 자르고 붙히고 복사하고, 글도 쓰고 필터도 넣어

새로운 이미지를 만들 수 있습니다.

단축키: Ctrl + N

포토샵을 배우고 싶은 분들에게 기본적으로 필요한 부분만 설명드리고

바로 포토샵을 사용하실 수 있게 쉽게 설명해드릴께요~^^

<1.포토샵 기본구조 작업창및 각 팔렛트>

 <포토샵의 작업공간>

기본 구조는 살짝 봐주세요 ^^

1) 메뉴바 및  옵션바

----------------------------------------------------------------------------------------- 

 2) Tools(툴바) -> 가장많이 사용하는 메뉴입니다

 ----------------------------------------------------------------------------------------- 

 3) 폰트 팔레트_1

포토샵에서 글씨에 관련된 일을 맡고있습니다

3) 폰트 팔레트 _2

포토샵에서 글씨의 위치에 관련된 일을 맡고있습니다 

-----------------------------------------------------------------------------------------  

4) 네비게이션 팔레트 

----------------------------------------------------------------------------------------- 

5) 컬러 팔레트

----------------------------------------------------------------------------------------- 

 6) 히스토리 팔레트_1

 6) 액션 팔레트_2

----------------------------------------------------------------------------------------- 

7) 레이어팔레트

포토샵에서 가장 많이 사용되는 메뉴입니다 꼭 기억!!!

----------------------------------------------------------------------------------------- 

이렇게 포토샵의 기본 구조에 대해 알아보았습니다.

기본적으로 2)툴바, 7)레이어 만 살짝 아셔도 왠만한 이미지 작업은 가능합니다.