10 킬러 어도비 포토샵 팁 디자이너를위한

믿거 나 말거나, Photoshop을 사용하여 웹 사이트를 디자인하는 경우 성공적인 웹 디자이너가되기 위해 올바른 길을 가고 있습니다. 이는 Photoshop이 디자인 업계에서 가장 앞선 도구 중 하나이기 때문에 동시에 생산성을 높이는 수많은 전문 도구로 창의적인 상상력을 발휘할 수 있습니다.

그러나 Photoshop에 대해 얼마나 잘 알고 있습니까? 때로는 특정 웹 디자이너가 왜 5 일 만에 매우 무거운 그래픽으로 웹 사이트 레이아웃을 디자인 할 수 있는지 궁금해하고 있습니다. 그런 종류의 디자인을 완성하는 데 약 10 일이 필요합니다. 아마 얼마나 빨리 클릭 할 수 있는지, Photoshop에 대해 얼마나 잘 알고 있는지, 생산성을 높이기위한 잠재력을 최대한 활용할 수 있는지에 관한 것입니다..

잠재력을 최대한 발휘할 수있는 방법을 알고 싶습니다. 그렇습니다. 그래서 우리는이 게시물을 작성하여 디자인 속도를 높이기위한 10 가지 유용한 Photoshop 팁을 제공했습니다. 단축키, 기능 또는 설정에 대해 모를 수 있지만 더 이상은 아닙니다. 이 기사를 통해 모든 것을 배울 수 있고 더 빠르고 더 빠르게 디자인 할 수 있습니다..

참고 :이 문서에서 언급 한 바로 가기 키는 Windows Photoshop 형식입니다. Mac을 사용하는 경우, Ctrl = Cmd (Command) 및 Alt = Opt (Option).

10. 실행 취소, 추가 실행 취소

나는 우리가 스케치에 실수를 할 때까지 디자이너가 무언가를 되 돌리는 것이 매우 중독 적이라고 믿는다. 우리는 그것을 '되돌리기'를하는 경향이있다..

Photoshop에서 Ctrl + Z를 눌러서 알 수 있듯이 이전 작업을 취소 할 수 있지만 다시 같은 키 조합을 누르면 이전 작업을 다시 실행합니다. 이것은 아주 부자연스럽고 번거롭기 때문에 원하는 상태로 가기 위해 여러 번 실행 취소해야합니다..

믿거 나 말거나, Photoshop에는 여러 실행 취소를위한 특정 버튼이 있으며 Alt + Ctrl + Z입니다. 예,이 키 조합을 사용하면 편집> 환경 설정> 설정에서 설정 한 기록 상태 값에 따라 여러 번 실행 취소 할 수 있습니다. 공연.

일반적인 Undo의 키 조합 Ctrl + Z에 익숙하다면 Ctrl + Shift + Alt + K를 눌러 키보드 바로 가기 패널에 액세스하고 편집 섹션의 실행 취소 키 조합을 Ctrl + Z로 변경할 수 있습니다.

9. 어디에서나 색상 샘플링!

멋지게 디자인 된 웹 사이트를 발견하고 어떤 색상을 사용하고 있는지 궁금하십니까? 이것은 내가 Photoshop에서 사이트 레이아웃을 수행하는 동안 영감을 얻고 자 할 때 매우 자주 발생합니다. 나는 색상 선택기를 시작하고 색상을 선택하고 16 진수를 얻은 다음 Photoshop에서 색상 팔레트를 클릭 한 다음 16 진수를 입력하여 색상을 얻습니다. 귀찮은 것은 아닙니다.?

글쎄, 그렇게 생각할 필요는 없습니다. 실제로 스포이드 도구를 클릭하거나 I 키를 눌러 활성화 한 다음 포토샵의 작업 화면을 클릭하고 스포이드 아이콘을 모니터 화면의 아무 곳이나 드래그하여 색상을 얻을 수 있습니다. 필요. 네, 정말 쉽습니다..

8. 유연한 가이드

팁 # 8 실제로 2 팁의 조합, 나는 당신이 더 많은 팁을 얻는 것에 대해 걱정하지 않기를 바랍니다. 웹 디자이너로서 우리는 요소를 올바르게 배치하기위한 가이드를 많이 다루어야합니다. 즉, 픽셀 완벽한 것입니다..

가이드를 어떻게 만듭니 까? 보기, 새 가이드를 클릭 한 다음 수평 또는 수직 가이드를 결정하고 위치를 입력 한 다음 Enter를 클릭하십시오. 자, Ctrl + R 키를 눌러 눈금자 도구를 활성화하고, 도구를 클릭 한 다음 아래로 드래그하여 수평 안내를 만들거나, 그 반대의 경우도 가능합니다..

즉석 가이드 작성 외에도 유용한 팁이 있습니다. V 키를 사용하여 활성화 할 수있는 이동 도구로 가이드를 드래그하는 동안 Alt 키를 길게 눌러 수평 가이드를 수직 가이드로 변경하거나 그 반대로 변경하십시오. 이제 가이드를 사용하는 데 전문가가 될 수 있습니다..

7. 재미있는 레이어 스타일 복제

레이어 스타일은 소셜 미디어 아이콘이 매우 매력적이며 독특한 것처럼 보인다고 가정 해 보겠습니다. 소셜 미디어 아이콘은 일반적으로 들어오는 모든 소셜 미디어 아이콘에 동일한 레이어 스타일을 적용하려는 경우 매우 어려울 것입니다. 여러 조각.

당신은 그것이 있다는 것을 깨달았나요? FX 레이어 옆에 아이콘이 있습니까? 어떤 이유로 든 모든 것이 존재합니다. Alt 키를 누른 상태에서 FX 아이콘을 다른 레이어에 놓으면 드래그 한 레이어에 첫 번째 레이어의 스타일이 복사됩니다. 편리하지는 않습니다.?

또한 그 일반적인 사용에 관심이 있다면 FX 아이콘을 사용하면 레이어의 스타일을 다른 레이어로 옮길 수 있으며 Alt 키를 누르지 않고 아이콘을 다른 레이어로 드래그하기 만하면됩니다.

6. 엘리먼트 센터링이 쉬워졌습니다.

픽셀 완벽한 디자인을 달성하기 위해 종종 요소를 정확하게 배치해야합니다. 이것은 약간의 안내선을 만들고 그 안내선에 요소를 끼워 넣을 수 있기 때문에 쉬운 것처럼 보이지만 특정 지역에 요소를 절대 중심에 두려면 엄청난 지침이 필요합니다. 측정, 초점이 많이 필요합니다.

실제로이 전체 프로세스를 훨씬 더 쉽게 만들 수있는 방법이 있습니다. 절대 중심으로 놓을 요소의 레이어를 클릭 한 다음 Ctrl + A를 눌러 전체 문서를 선택하십시오. 그런 다음 이동 도구를 실행하면 옵션 옆에있는 변형 컨트롤 표시 옵션이 표시됩니다. 두 번째 아이콘을 클릭하여 요소를 세로 가운데에 놓은 다음 다섯 번째 아이콘을 클릭하여 요소를 가로로 가운데 놓습니다. 거기에 절대 중심 요소.

전체 문서 영역에서 요소의 중심을 절대적으로 지정할 수있을뿐만 아니라 특정 영역에서 절대 중심에 배치 할 수도 있습니다. 꼬리말 영역에 요소의 절대 중심을 지정하려면 M 키를 눌러 활성화 할 수있는 선택 도구를 사용하여 바닥 글 영역을 선택한 다음 해당 영역의 요소를 절대 중심에 배치하면됩니다.

변형 컨트롤 표시 옵션 옆에있는 다른 정렬 옵션을 연구 할 수 있습니다.이 옵션은 다양한 상황에서 요소 정렬에 매우 유용합니다..

5. 한 번에 하나씩 선택보기

종종 레이아웃을 설계 할 때 요소가 어떻게 보이는지, 아니면 몇 가지 요소로 정확하게 보이는지 확인해야합니다. 예를 들어 아래 웹 사이트 레이아웃에서 슬라이더의 버튼을 확인하여 투명도가 없음을 확인하여 정확히 똑같이 보입니다. 슬라이더의 이미지가없는 경우.

과거에는 슬라이더 이미지의 레이어, 슬라이더 배경의 레이어 및 컨텐트 배경 레이어의 가시성을 해제해야했지만 이제는 Alt 키를 누른 채로 단추 그룹 옆의 '눈'아이콘을 클릭하여 끌 수 있습니다 모든 레이어의 가시성을 유지하여 해당 버튼 만 볼 수 있습니다. 내가 그것들을 확인한 후에, 다시 모든 트릭을 반복하여 모든 층의 가시성을 되 찾을 수 있습니다..

이 트릭은 이미지 슬라이싱에도 매우 유용합니다. 슬라이더 이미지와 같은 다른 요소없이 슬라이더의 버튼을 슬라이싱하고 싶다면이 트릭을 사용하여 모든 레이어의 가시성을 해제하여 버튼을 슬라이스 한 다음 모든 레이어의 가시성을 복구하는 트릭을 반복하여 낭비되는 많은 시간을 절약 할 수 있습니다 레이어의 가시성 켜기 / 끄기.

4. 언제든지 사용자 정의 글꼴 추적

이 팁에서는 유형의 특정 부분에서 글꼴 추적을 쉽게 늘리는 방법을 보여주기 때문에 로고 또는 버튼 만들기와 같은 특정 상황에서만 사용할 수 있지만 글꼴을 찾는 데 많은 시간을 절약 할 수있는 전문가 팁입니다. 귀하의 로고 또는 단추 작성에 적합한 인쇄술.

좋아, 내 '350'유형의 추적을 줄이기 위해 내 로고의 유형이 방문자가 쉽게 기억하는 것처럼 보일 것이라고 가정 해 봅시다. Type 키를 이용하여 'POLO360'을 선택하고, Alt 키를 누른 채로 버튼을 누르면 타입의 트래킹을 줄이면 위의 결과가 나타납니다..

이 트릭을 사용하여 일부 예술 글꼴의 추적 문제를 해결할 수 있으므로 다음에 로고를 만들 때 그래픽 글꼴을 찾고 싶을 때 걱정할 필요가 없습니다!

3. 인스턴트 레이어 선택 = 승리

레이아웃 디자인은 타이포그래피, 간격 및 그래픽과 같은 많은 문제를 해결해야하므로 소모적 인 작업이지만 수백 개의 레이어에서 특정 요소의 레이어를 찾고 싶다면 압도적 인 작업이 될 것입니다.

이 속임수로 디자이너의 삶이 편 해지십시오. V 키를 사용하여 이동 도구를 활성화하고 Ctrl 키를 누른 채로 요소를 클릭하면 요소의 도면층이 자동으로 선택됩니다. 정말로 간단하지만 그룹에 요소를 넣으면 동일한 트릭을 사용하여 위에 표시된 것처럼 클릭 한 요소가 포함 된 그룹의 폴더를 선택하게됩니다..

2. 스마트 디자이너를위한 스마트 오브젝트

Smart Object는 이름 그대로 비현실적인 변형을 수행하고 필터링을 수행하는 2 가지 주요 기능을 수행하여 편집을 더 스마트하게 만듭니다. 이 기능은 특히 스톡 사진, 소셜 미디어 아이콘 및 UI 키트와 같은 무거운 그래픽으로 사이트 레이아웃을 제작할 때 매우 편리합니다. 레이어를 마우스 오른쪽 버튼으로 클릭 한 다음 '스마트 오브젝트로 변환'을 클릭하면됩니다. 그 혜택을 누리 라..

첫 번째 기능은 레이어가 스마트 오브젝트로 변환되면 원본 품질을 유지하면서 원하는대로 변환 할 수 있다는 것입니다. 우리의 경우 이미지 슬라이더를 더 작게 만들고 이미지 슬라이더의 레이어를 스마트 오브젝트로 변환하고 더 작은 것으로 변환하려고합니다..

아쉬워, 너무 작아 다시 변경하기로 결정했다..

모든게 괜찮은 것처럼 보이고 아무 일도 일어나지 않았 니? 다음은 레이어를 스마트 오브젝트로 변환하지 않고 역방향 변환을 적용한 경우의 결과입니다.

여기서 차이점을 볼 수 있습니다. 특히 슬라이더의 버튼 부분이 있습니다. 레이어에 스마트 오브젝트가 적용되지 않은 역방향 변환은 슬라이더와 슬라이더의 버튼이 품질을 떨어 뜨리게합니다. 따라서 레이어를 스마트 오브젝트로 변환하면 원하는 크기로 변환 할 수 있지만 일단 결정에 대해 후회하면 품질을 잃지 않고 다시 변경할 수 있습니다.

레이어를 스마트 오브젝트로 변환하면 또 다른 이점이 있습니다. 스마트 오브젝트에 필터를 적용하면 필터 레이어가 스마트 오브젝트 레이어 아래에 표시되므로 필터 레이어의 표시를 끄고 비파괴 필터링 프로젝트를위한 훌륭한 시간 절약.

1. 아름다운 과거의 스냅 사진

이제 여러 번 실행 취소하고, 레이어 스타일을 복사하고, 레이어 선택을 빠르게하고, 스마트 오브젝트를 사용하여 시간을 절약하는 방법을 배웠습니다. 글쎄, 이것들은 당신의 생산성을 크게 향상시키는 정말 편리한 기술이지만, 2 시간 후에 어떻게 편집을 후회하고 중간에서 시작하기로 결정 했습니까? 다시 시도하면 이전에 배웠던 모든 킬러 팁을 적용한 경우에도 완전히 지쳐 지루할 것입니다. 스냅 샷이 시작될 때.

스냅 샷을 사용하면 편집 상태의 임시 사본을 만들 수 있으므로 디자인 개선에 어려움이 있거나 되돌아 가기로 결정한 경우 스냅 샷을 클릭하기 만하면 원하는 상태로 돌아갈 수 있습니다. 스냅 샷을 찍으려면 히스토리 팔레트를 열고 팔레트 하단에있는 두 번째 아이콘을 클릭하기 만하면됩니다.

여러 개의 스냅 샷을 찍을 수있는 것처럼 스냅 샷에 유용한 기능이 있으므로 선택할 수있는 옵션이 많으며 스냅 샷을 쉽게 기억할 수 있도록 지정할 수 있습니다. 궁극적으로 이러한 스냅 샷을 사용하여 디자인에 대해 만든 다양한 효과를 비교할 수도 있습니다.

그러나 일단 문서를 닫으면 스냅 샷이 즉시 삭제되므로 해당 상태를 유지하려면 각 스냅 샷을 클릭하고 다른 파일로 저장할 수 있습니다.

반사

당신은 기사의 끝까지왔다, 훌륭한 직업. 이 시간까지는 디자인 속도를 높이기 위해 시간을 절약 할 수있는 킬러 팁이 충분해야하지만, 학습은 포토샵에 대해 더 많이 알고 생산성을 높일 수있는 가장 좋은 방법이라는 것을 기억하십시오. 따라서 더 많은 것을 배우면보다 경쟁력있는 웹 디자이너가 될 것입니다..

우리는 최선을 다했습니다. 당신은 어떠세요? 괜찮으 시다면 Photoshop 킬러 팁을 공유하여 Photoshop을 사용하는 더 좋은 방법을 알려주십시오. 관대함에 감사드립니다.!