아마 모든 웹디자이너는 자신만의트릭 Photoshop은 소매를 좋아합니다. 좋은 이유가 있습니다. Adobe의 강력한 이미지 편집 도구는 웹 디자인 세계의 필수 요소입니다. 이 우수한 소프트웨어 및 다양한 기능과 경쟁할 수 있는 프로그램은 거의 없습니다.

그러나 대부분의 웹 디자이너는 이미 PhotoShop에 대해 많이 알고 있지만 항상 배울 수있는 것이 더 많습니다. 결국 프로그램은 강력 할뿐만 아니라 복잡합니다. 또한 업데이트를 통해 새로운 것들이 정기적으로 추가됩니다.

이러한 이유로 좋아하는 도구를 계속 탐색하는 것이 좋습니다. 이를 돕기 위해 이 자습서에서는 최고의 Photoshop 트릭을 살펴보겠습니다. 의 트릭 작업 흐름을 개선하고 작업과 삶을 더 쉽게 만들고 시간을 절약하며 가능한 최고의 사이트를 디자인하는 데 도움을 줄 수 있습니다.

Photoshop에 대한 자세한 정보가 필요하십니까? 이것이 우리가 다음에 보게 될 것입니다.

1-작업 공간 간소화

기본부터 시작하겠습니다. 작업 과정을 개선하기 위해 가장 먼저해야 할 일은 Photoshop을 사용하는 방식과 호환되는 방식으로 설정하는 것입니다. 결국 더 깨끗한 도구를 사용하면 작업이 더 쉬워집니다.

이러한 이유로 첫 번째 중지는 "창 > 작업 영역 > 그래픽 및 웹 > 기본 사항"입니다. 이 옵션을 선택하면 도구 웹 디자인에 사용할 가능성이 가장 높은 항목에 사용할 수 있습니다.

워드 프레스 작업 공간 선택그런 다음 "편집> 기본 설정"으로 이동합니다. 여기서 가장 중요한 중지 중 하나는 단위와 규칙입니다. 여기에서 선택하는 측정 (대부분 픽셀)에 관계없이 향후 모든 문서의 기본값이됩니다.

(빠른 힌트 : 단일 문서의 규칙을 변경하려면 문서를 마우스 오른쪽 버튼으로 클릭하고 원하는 측정 단위를 선택하십시오.)

그런 다음 "환경 설정> 성능> 기록 및 캐시"로 이동하여 "웹 / UI 디자인"을 클릭하십시오.

Photoshop 눈금자 및 단위 구성이렇게하면 캐시 설정이 변경되어 레이어가 많은 작은 파일을 선호하므로 가장 자주 작업하게됩니다.

같은 위치에서 과거 상태의 수를 선택할 수도 있습니다. 이것은 당신이 무언가를 취소하고 싶을 때 되돌아 갈 수있는 단계의 양입니다.

2-키보드 단축키 알아보기

정기적으로 사용하는 모든 프로그램의 경우 키보드 단축키를 배우는 것이 좋습니다.

예를 들어 이 게시물을 작성할 때 Ctrl + Alt + 2/3을 사용하여 h2 및 h3 헤더를 만듭니다. 도구 모음을 사용하는 것보다 훨씬 빠릅니다.도구 키보드를 떠날 필요가 없기 때문입니다.

Photoshop에서도 마찬가지입니다. 단일 키로 작업을 수행하는 방법을 아는 것은 메뉴를 클릭하는 것보다 훨씬 빠릅니다.

이 기사 전체에서 여러 키보드 단축키에 대해 언급 할 것입니다. 그러나 가장 일반적인 Photoshop 작업에 대한 바로 가기를 배우기 위해이 치트 시트를 권장합니다. 또한 반복해서 수행하는 작업에 대한 키보드 단축키를 보는 습관을들이는 것도 좋은 생각입니다.

3-레이어 그룹화 및 이름 지정

Photoshop을 사용할 때는 레이어를 사용하게됩니다. 대부분의 요소는 별도의 레이어에있을뿐만 아니라 밝기 / 대비와 같은 변경 사항도 레이어로 추가됩니다.

이러한 이유로 모든 것이 매우 빠르게 혼동 될 수 있습니다. 다행히도 적은 작업을 수행 할 수있는 많은 옵션이 있으며 그 중 두 가지는 레이어를 그룹화하고 이름을 지정하는 기능입니다.

먼저 레이어를 더블 클릭하면 원하는 이름으로 이름을 변경할 수 있습니다.

워드 프레스에서 레이어 이름 바꾸기이렇게하면 레이어에 배경 이미지, 메뉴 또는 사이드 바가 포함되어 있는지 쉽게 이해할 수 있습니다.

또는 Ctrl 키를 누른 상태로 개별 레이어를 선택하거나 Shift 키를 눌러 인접한 레이어 범위를 표시하여 한 번에 여러 레이어를 선택할 수도 있습니다. Ctrl + G는 그들을 그룹으로 바꿉니다.

4-레이어 검색 수행

레이어 이름 지정 및 그룹화는 좋은 시작입니다. 그러나 수십 또는 수백 가지와 함께 작업하면 여전히 쉽게 길을 잃을 수 있습니다.

이 경우 레이어를 필터링하는 옵션도 있습니다. 이렇게하려면 레이어 메뉴 상단의 메뉴를 사용하여 유형, 이름, 효과, 색상 등을 기준으로 필터링하면됩니다.

그렇지 않으면 레이어를 마우스 오른쪽 버튼으로 클릭하고 거기에서 그룹 옵션을 선택하십시오. 어느 쪽이든 레이어가 훨씬 더 체계적으로 구성됩니다. 또한 레이어 그룹의 이름을 지정할 수도 있습니다.

레이어 검색그렇지 않으면 이동 도구를 사용하여 "Ctrl"을 누른 상태에서 레이어 또는 개체를 클릭하여 레이어를 직접 선택합니다.

5-그리드 만들기

Photoshop에서 격자 만들기그리드는 웹 디자인에서 가장 중요한 원칙 중 하나입니다. 디자인 순서를 가져오고 개체 배치를 도와줍니다. 이러한 이유로 Photoshop에서 격자를 만드는 것도 의미가 있습니다.

이렇게하려면 "보기> 새 마커"를 사용하십시오. 또는 눈금자를 클릭 한 상태에서 문서로 드래그하여 가로 및 세로 안내선을 만듭니다. Ctrl을 사용하여 기존 줄을 이동합니다.

6-색상 샘플 가져 오기

HTML, CSS 또는 SVG 파일에서 Photoshop으로 직접 색상 견본을 로드할 수 있습니다. 이렇게 하면 다음과 같은 기존 파일을 사용할 때 색 구성표에 대한 좋은 출발점을 갖게 됩니다. 심벌 마크.

이 Photoshop 힌트를 이용하려면 견본 패널을 열고 오른쪽 상단 모서리에있는 드롭 다운 메뉴를 클릭 한 다음 " 로드 견본 ". 이제 파일로 이동하여 열어서 새 색상 샘플을 가져옵니다.

7-사용자 정의 모양 저장

특히, 같은 사이트 또는 비슷한 디자인의 웹 사이트에 대해 여러 페이지를 디자인 할 때 동일한 개체와 모양을 여러 번 사용하게됩니다. 따라서 빠른 재사용을 위해 사용자 지정 양식으로 저장하는 것이 좋습니다.

이렇게하려면 경로 선택 도구 ()로 해당 모양을 마우스 오른쪽 버튼으로 클릭합니다.검은 색 화살표). 그런 다음 선택 사용자 정의 모양 정의 ". 그런 다음 사용자 정의 모양 도구의 상단 표시 줄에있는 옵션을 통해 해당 모양에 액세스 할 수 있습니다. 드롭 다운 메뉴에서 " 모양 저장된 양식을 선택하십시오.

사용자 정의 모양 정의

8-배경색과 전경색 간 전환

아이콘을 클릭하지 않고 배경색과 전경색을 전환하려면 키보드에서 "X"를 누르십시오. 또한 색상을 일반 흑백으로 되돌리려면 "D"를 누르면됩니다.

9-키보드를 통해 불투명도 변경

또 다른 키보드 단축키 : 불투명도를 변경할 수있는 도구의 경우 키보드를 통해 수행 할 수 있습니다. 1에서 0까지의 숫자는 10 %에서 100 % 사이의 모든 항목에 불투명도를 설정합니다. 레이어의 불투명도에도 동일하게 적용됩니다.

10-직선 그리기

도구로 직선을 그리려면 Shift 키를 누르고 있으면됩니다. 그런 다음 선을 그릴 수 있습니다 (수평 및 수직)는 손톱으로 자동 연결됩니다. 그렇지 않으면 두 개의 다른 점을 클릭하여 두 점 사이에 직선을 만듭니다.

이것이 포토샵 팁의 전부입니다. 포토샵에서 더 나은 디자인을하는 데 도움이되기를 바랍니다.