본문으로 바로가기

Adobe PHOTOSHOP Working Level 1

category Web Programming/Design 2020. 1. 14. 13:55

 

안녕하세요. 씨앤텍시스템즈 홍정화 연구원입니다.

 

이번 포스트에서는 Adobe Photoshop에 전반적인 기능과 실무에 기초 능력에 대해서 정리해 보았습니다.

 

Adobe Photoshop cc 2019

Adobe Photoshop cc 2019 (한글판) 기준으로 작성되며, 
버전이 달라도 화면 요소들과 작업 방식은 동일함으로 진행하는데 문제가 없습니다.

 

혹시 설치 방법을 모르신다면 아래 링크를 클릭해주세요!

https://www.adobe.com/kr/products/photoshop.html?promoid=PC1PQQ5T&mv=other

Adobe Photoshop 홈페이지 바로가기

 


1.  작업 화면 구성 

2.  작업 환경 설정 

3.  사용자 작업 환경


 


1. 작업 화면 구성

Photoshop을 실행하여 새로 만들기 또는 대상 이미지 파일을 열게 되면 아래와 같은 화면 구성됩니다.

새로 만들기 [ Ctrl + N ]
열기 [ Ctrl + O ]

 

 

메뉴바  - 포토샵 작업에 필요한 모든 것들을 카테고리별로 나눠져 있습니다.

메뉴바 바로 열기 Alt + (각 메뉴바 단축기)

메뉴바

파일 : 다른 이름으로 저장, 웹용으로 저장 혹은 파일 불러오기, 열기 등 파일에 관련된 영역

편집 : 잘라내기, 크기 조절, 등 편집에 관련된 영역

이미지 : 이미지 색상이나 크기, 명도, 채도 등 이미지에 관련된 영역

레이어 : 레이어(작업구역) 추가, 변경, 삭제 등 레이어와 관련된 영역

문자 : 텍스트 툴을 사용해 글자를 추가하거나 문자에 대한 설정과 관련된 영역

선택 : 영역 선택(대상 선택, 반전 선택, 초점 선택 등) 선택과 관련된 영역

필터 : 이미지에 대한 효과나 다양한 변형, 모자이크, 블러 효과 등 효과와 관련된 영역

3D : 입체효과를 적용할 때 쓰는 영역

보기 : 화면을 확대 혹은 축소 등 보기에 관련된 영역

 : 패널 바에 넣을 도구들이 있는 영역으로 작업 환경 구성 및 창 디자인 등을 할 수 있는 영역

도움말 : 도움말이 있는 정보 관련 영역입니다.

 

옵션 바  - 툴 도구들을 클릭하면 거기에 맞는 옵션을 바꿀 수 있도록 옵션 바가 바뀝니다.

옵션바 예시

※ 어떤 도구를 선택하냐에 따라서 다양한 옵션들이 바뀝니다. 원하는 옵션을 선택하여 작업에 도움을 줄 수 있습니다.

 

툴  바   - 작업을 할 때 필수인 툴바는 자르거나 텍스트를 삽입하거나 컬러를 바꿀 때 필요한 도구 모음

툴 바 도구 바로가기 - (각 도구 Hover 시 나오는 알파벳) [ex) 이동 도구 - v / 선택 도구 - m / 스포이드 - i]

툴바 예시

※ 툴바 위에 화살표 모양으로 1단 혹은 2단으로 바꿔 놓을 수 있습니다.

※ 툴바 아이콘 중 아래 작은 화살표가 있는 메뉴를 꾹 누르면 다양한 하위 메뉴들을 볼 수 있습니다.

 

패널 바툴바와 함께 사용되며 다른 이름으로는 팔레트라고 불려지며 보조역할을 해줍니다.

※ 패널은 Window(창) 메뉴에서 클릭하면 패널 바에 나타납니다.

     이 패널 역시 화살표로 확대 축소가 가능합니다.

 

※ 팔레트라 불리듯이 자유롭게 원하는 위치에 정렬해서 사용 가능하며,

     필요 없는 패널의 경우 삭제 또는 변경이 가능합니다.

 

※ 패널은 Window(창) 메뉴에서 클릭하면 패널 바에 나타납니다.

 

※ 레이어 패널

     포토샵에서 가능 중요한 패널 중 하나로 작업하는 레이어를 선택하거나,

     이미지 위에 이미지를 올리는 등 상단의 레이어가 가장 앞쪽에 보이게 되며,

     레이어가 추가될수록 뒤쪽에 배치됩니다.

     

     레이어를 숨기거나 추가, 삭제 등 레이어를 조정할 수 있으며, 필요에 따라

     텍스트 레이어 이미지 레이어만 화면에 띄어줄 수 있습니다.

 

      레이어를 잠그거나 불투명도, 칠을 조절할 수 있습니다. 레이어에 효과(fx)를 

      주게 되면 레이어 패널에도 표시가 됩니다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


1. 작업  환경 설정

Photoshop 기본  화면 구성을 이해하셨다면, 다음은 기본적인 환경 설정 구성입니다.

편집 -  환경 설정 -  일반  [ Ctrl + k ]

환경 설정

※ 환경 설정은 다양한 메뉴들이 있습니다. 필요에 따라 본인에게 맞는 환경을 설정해주시는 게 가장 좋습니다.

 

인터페이스 - 테마를 설정할 수 있으며 UI언어와 글꼴 크기를 설정할 수 있습니다.

색상 테마 - Black, Gray 추천(컬러 식별 용이 및 피로도 감소 )
UI글꼴 크기 - 해상도 1920x1080 이상의 모니터 사용 시  글꼴 크기(큼)로 변경

환경설정 - 인터페이스

 

커서 - 작업 중 커서의 성능을 좀 더 정밀하게 설정할 수 있습니다.

페인팅 커서 - 표준 브러시 끝 + 브러시 끝에 십자 표시(칠 영역과 포인트 영역 표시)
기타 커서 - 정밀 선택 시 색 추출(스포이드) 작업 간 좀 더 명확한 색 추출 가능

환경설정 - 커서

③  단위와 눈금자 - 작업 화면의 단위를 설정

눈금자 - HTML 작업 시 픽셀(px) 단위 / 사진 및 출력물 작업 시 센티미터, 밀리미터(cm , mm)
문자 - HTML 작업 시 픽셀(px) 단위 / 일반 작업 시 포인트(pt)

 

환경설정 - 단위와 눈금자

 

 기타 - 작업 환경 설정은 사용자의 취향에 맞춰 변경 및 설정 가능합니다.

 


 

3. 사용자 작업  환경

Photoshop의 Window(창)에서 한 번에 편리한 작업 환경을 구축할 수 있습니다.

Window(창) - 작업 영역 - (사용 환경 선택) [ Alt + W + K ]

Window(창) - 작업 영역

 

※ 사용자의 필요로 하는 메뉴를 직접 선택할 수도 있지만, 전체적인 메뉴 구성을 한 번에 설정할 수도 있습니다.

 

기본값 - 모든 메뉴가 오픈되어 있으며, 설정 초기의 값

그래픽 및 웹 - 그래픽 작업 및 웹용 작업 시 필요한 메뉴 구성

사진 - 사진 편집에 필요한 메뉴 구성

 

※ 작업 영역 중 그래픽 및 웹을 설정 후 필요한 메뉴를 구성하여 쓰시는 것이 가장 편리합니다.

   다른 메뉴에 비하여 실무에 가장 많이 쓰는 메뉴들로 구성되어 있으며,  한눈에 보기 편리한

   구성으로 되어 있습니다.


작업 영역 - 그래픽 및 웹


 

 

Adobe PHOTOSHOP Working Level  1 에서는 포토샵의 기본적인 설명과

환경설정, 작업 환경 구성까지 알아보았습니다.

다음 포스팅에서는 간단한 포토샵 기본 능력에 대해 알아보겠습니다.

감사합니다.

모든 설정 및 환경 구축은 개개인의 취향에 맞춰 설정하시는 것이 가장 좋습니다 :)

 


댓글을 달아 주세요

  1. 크도인 2020.01.14 14:37

    오 포토샵 기초를 잡는데 도움이 될거 같네요~

  2. 홍장팍의장 2020.01.14 14:57

    참고하겠습니다. 감사합니다

  3. 안양수달 2020.01.14 15:29

    알기쉽게 해주셔서 금방 익히겠네요. 감사합니다

  4. 나가버린다 2020.01.14 15:43

    이야 나도 오늘부터 포토샵장인!

  5. 나야나땅호라구 2020.01.14 15:47

    유익한정보 감사해요~!

  6. 킬먹는 알리 2020.01.14 16:03

    미쳤다 여기만 봐야겠어요! 세상알기 쉽게 설명해주셨네요!