Adobe Photoshop 데스크탑 앱과 웹 앱의 차이점

PC 프로그램 설치하지 않고도 언제 어디서든 온라인 웹으로 접속해서 어도비 포토샵의 다양한 기능들을 누릴 수 있는 Photoshop Online에 대해 알아보세요.

어도비 포토샵 웹의 경우, 다양한 디자인 작업을 웹 브라우저에서 간편하게 수행할 수 있도록 데스크탑 앱과는 다른 차별화된 UI를 갖추고 있습니다. 본 아티클에서는 포토샵 웹버전과 데스크탑 앱 간의 차이점에 대해 알아보고, 포토샵 웹 앱 UI 사용법에 대해 소개합니다.

포토샵 웹버전 헤더에 대해 알아보기

Photoshop 웹을 시작했을 때, 기존 포토샵 데스크탑 앱 이용자들은 상단에 고정되어 있던 다양한 헤더 메뉴들이 없어 당황할 수 있습니다.

대신 포토샵 웹버전 헤더의 경우, 파일 설정을 모두 다룰 수 있는 ‘메뉴’, ‘실행 취소와 다시 실행’, ‘공유 및 내보내기’, ‘피드백 보내기’, ‘도움말’, ‘계정 설정 관리’와 같은 자주 사용하는 항목들에 빠르게 접근할 수 있습니다.

포토샵 웹의 상단 헤더 UI 소개

1. ‘파일’ 메뉴: 파일 생성 또는 열기, 저장, 내보내기 등
2. ‘파일명’: 현재 열려 있는 문서 이름, 클릭 시 바로 이름이나 이미지 크기 수정 가능
3. ‘실행 취소’와 ‘다시 실행’: 마지막으로 수행한 작업을 되돌리거나, 마지막으로 실행 취소한 작업을 복원하는 도구
4. ‘현재 확대/축소 레벨’: 열려 있는 문서의 현재 확대/축소 레벨 표시
5. ‘다운로드’: 현재 사용 중인 장치에서 이미지 파일을 다운로드
6. ‘도구 및 기능 찾기’: 찾고자 하는 도구 또는 기능 검색
7. ‘도움말’: 어도비에서 제공하는 튜토리얼 또는 자습서

상황별 작업 표시줄로 간편하게 작업하기

어도비 포토샵 웹의 경우, 상단에 고정된 헤더 메뉴들 대신 사용자의 작업 상황에 따라 다양한 관련옵션을 제공하는 ‘상황별 작업 표시줄’을 중점적으로 사용하게 됩니다.

‘상황별 작업 표시줄’이란 사용자가 방금 완료한 마지막 작업을 기반으로 다음 단계에 필요한 작업 도구들을 선별하여 제공합니다. 이 기능은 웹용 포토샵의 간편 작업에 특히 최적화되어 있습니다.

‘이미지 변형 도구’를 선택하고 상황별 작업 표시줄이 어떻게 바뀌는지 직접 확인해보세요. 이미지 변형 시 유용한 회전, 뒤집기 도구를 바로 이어서 수행할 수 있습니다.

이미지 변형 도구의 상황별 작업 표시줄 확인하기

1. 레이어 패널 > ‘원본 레이어’ 클릭 및 활성화
2. 좌측 툴바 > ‘크기 및 위치’ 클릭
3. ‘변형(이미지 변형 도구)’ 클릭 (단축키: Ctrl + Alt + T 또는 Command + Option + T)
4. ‘상황별 작업 표시줄’ 확인하기

사용자의 작업 상황에 따라 바뀌는 작업 표시줄 예시

5. ‘개체 선택 도구’의 상황별 작업 표시줄 예시
6. ‘자르기 도구’ 의 상황별 작업 표시줄 예시

이와 같이 상황별 작업 표시줄은 사용자가 관련 작업들을 바로 수행할 수 있도록 다양한 지름길(Shortcut)을 제공합니다.

포토샵 웹버전으로 이미지 속 개체 선택하기

Photoshop에서 사용자가 가장 많이 사용하는 기능 중 하나는 바로 개체 선택 도구입니다. 웹 포토샵에서도 별도의 설치 없이 이미지 속 개체를 손쉽게 선택하여 보정할 수 있습니다.

포토샵 웹의 경우, 좌측 툴바에 ‘선택 도구’ 메뉴에서 관련 도구들을 손쉽게 찾을 수 있습니다.

포토샵 웹의 개체 선택 도구 사용하기

1. 레이어 패널 > ‘원본 레이어’ 클릭 및 활성화
2. 좌측 툴바 > ‘선택 도구’ 클릭
3. ‘개체 선택 도구’ 클릭
4. 이미지 속 개체를 포함한 사각형 영역 선택하기

웹 포토샵의 빠른 작업 기능으로 배경 제거하기

기존에는 이미지의 누끼를 따고 배경을 제거하려면 ‘개체 도구’를 사용하여 코끼리 개체를 선택하고 레이어 마스크 기능으로 제거해야 했습니다.

그러나 웹 앱 Photoshop에서는 ‘빠른 작업’ 메뉴를 통해 해당 과정을 획기적으로 단축할 수 있습니다. 좌측 메뉴에서 ‘빠른 선택’ > ‘배경 제거’를 클릭해보세요. ‘배경 제거’ 기능은 웹 포토샵 프로그램에서 자체적으로 개체를 식별하여 선택하고, 해당 개체를 제외한 배경을 제거한 별도의 레이어를 생성합니다.

빠른 작업으로 이미지 배경 제거하기

1. 레이어 패널 > ‘원본 레이어’ 클릭 및 활성화
2. 좌측 툴바 > ‘빠른 작업’ 클릭
3. 배경 > ‘배경 제거’ 클릭
4. 빠른 작업으로 배경이 제거된 레이어 생성

특히 ‘빠른 선택’ 메뉴의 경우, 배경 제거 외에도 한번의 클릭으로 이미지의 배경에 흐림 효과를 적용하거나, 흑백으로 변환할 수도 있습니다. 그 외에도 이미지의 조명 연출 등을 간편하게 변경 가능하니 직접 포토샵 웹 앱에서 체험해보세요.

빠른 작업으로 이미지 배경에 흐림 효과 적용하기

1. 레이어 패널 > ‘원본 레이어’ 클릭 및 활성화
2. 좌측 툴바 > ‘빠른 작업’ 클릭
3. 배경 > ‘흐림 효과’ 클릭
4. 흐림 효과 양 조절

웹 포토샵의 배경 편집 기능으로 간편하게 배경 색상 바꾸기

빠른 작업 메뉴 외에도 웹 앱 포토샵에는 이미지 배경의 색상을 빠르게 바꿀 수 있는 ‘배경 편집’ 메뉴 또한 제공합니다.

‘배경 편집’ 메뉴의 컬러 팔레트의 색상을 클릭할 경우, 웹 앱 포토샵 프로그램에서 자체적으로 이미지의 핵심 개체를 선별하여 레이어 마스크를 씌운 후, 색상 레이어 배경을 추가하는 과정을 단축해 줍니다.

배경 편집 기능으로 이미지 배경을 빠르게 교체하기

1. 레이어 패널 > ‘원본 레이어’ 클릭 및 활성화
2. 좌측 툴바 > ‘배경 편집’ 클릭
3. 배경 편집 > 컬러 팔레트 클릭

포토샵 웹 버전에서 이미지 가져오기

캔버스에 새 이미지를 추가하고 싶다면, 캔버스로 직접 이미지 파일을 끌어다 놓거나 ‘가져오기’ 도구를 사용해보세요.

웹 포토샵의 툴바에만 있는 ‘가져오기 도구’는 바로 해당 기기의 파일 탐색기로 연결이 되어 원하는 이미지를 캔버스에 추가할 수 있습니다.

이미지 가져오기 도구 사용하기

1. 툴바 > ‘가져오기 도구’ 클릭
2. 로컬 파일 탐색기 > 이미지 선택 및 추가

포토샵 웹 버전에서 댓글 기능으로 협업하기

포토샵 웹 버전은 클라우드를 기반으로 한 댓글 기능이 활성화되어 있습니다. 해당 포토샵 파일의 링크를 다른 사용자들과 공유할 수 있으며, 해당 링크를 통해 접속한 사용자들은 주어진 권한에 따라 공동 작업을 할 수 있습니다.

주석(댓글) 기능 사용하기

1. 우측 패널 > ‘주석(댓글)’ 기능 클릭
2. ‘핀’ 클릭
3. 의견을 남기고 싶은 부분 클릭
4. 댓글 작성
5. ‘제출’ 클릭

포토샵 다운 없이 간편한 디자인 작업 시작하기

지금까지 다운로드가 필요 없는 포토샵 웹 앱 만의 간편하고 직관적인 UI를 살펴보았습니다. 포스트에 소개된 내용 외에도 다양한 용도의 사진 편집에 포토샵 웹버전을 프로그램 설치를 하지 않고도 다양한 디자인 작업이 가능합니다.

포토샵 무료 체험으로 온라인 포토샵의 편리함을 직접 체험해보세요.