Photoshop CC 2015 Web Design Tutorial – How to Used Measuring & Spacing Tools Part 10/48

안녕, 유튜브! 내 이름은 댄이고 이것은 무료 동영상 중 하나입니다 그것들은 제가 가르치는 전체 코스의 일부입니다

그래서 당신이 좋아하면 설명에 링크가 있습니다 그러나 지금은 우리가 가진 것을 무료로 보자 이 비디오에서 우리는 규칙과 측정 도구에 대해 이야기 할 것입니다 우리는 두 가지 이유로 그것을한다 : 우리는 상자들 사이에 공백이 같기를 원하기 때문에 또한 웹을 만드는 사람이 우리가 아니라면, 물건이 얼마나 멀리 있는지 알 수있는 조치를 원할 수 있습니다 또는 객체간에 얼마나 많은 공간이 있는지 확인합니다

공식적인 방법과 내가 사용하는 방법은 두 가지가 있습니다 공식적인 방법은 규칙을 사용하는 것입니다 규칙은 스포이드 아래에 숨겨져 있습니다 클리 코, 나는 여기있다 나는 규칙을 선택한다

이 상자와 아래 상자 사이의 거리를 측정한다고 가정 해 봅시다 내가하는 일은 클릭하고 잡고 쥐는 것입니다 왼쪽에는 응용 프로그램 표시 줄, 나는 그것을 끌 때 측정치가 변한다 기본적으로, 그래서 내가하는 일은 교대를 유지하는 것이다 이 수직 위치에 고정시킨다

이 둘 사이에 77 픽셀로 고정되어 있습니다 이제 우리는 그것이 아주 가깝도록하기 위해 좀 더 가까이에 있습니다 왜냐하면 내가 멀리서 한 것처럼 완벽하지 않기 때문이다 클릭하고 고정하고 드래그하여 문제를 해결합니다 이제 81 픽셀을 갖습니다

이것은 공식적인 방법입니다 이제 규칙을 제거 할 것입니다 Command 또는 Control과 Minus를 눌러 이동합니다 이것이 공식적인 측정 도구이며, 그러나 더 나은 것은 Rectangle을 사용하는 것입니다 이것은 페이지의 사물 가장자리에 붙어있는 장점이 있습니다

우리가 약간의 조정을하기 전에 규칙이 잘 측정되었는지 확인하십시오 그래서,이 거리를 측정 할 것입니다 클릭하고 드래그합니다 사방에 나타나는 분홍색 선을보고, 그것은 그가 문서의 여러 가지와 정렬하려고하기 때문입니다 내 물건에는 여러 가지 요소가 있습니다

그러나 가장자리에 아주 잘 붙어 있습니다 나는 그것을 아래로 끕니다 나쁘지는 않지만 81 픽셀을 사용했습니다 나는 그것을 다시 확인하기 위해 접근 할 것입니다 그것은 붙어있다

사각형은 공간 객체에도 매우 좋습니다 나는 이것을 지울 것이고 나는 조금 떠날 것입니다 그리고 나는 스페이스 바를 눌러 내려 간다 클릭하고 드래그합니다 여기서 포트폴리오를 확대 / 축소 해 보겠습니다

여기에는이 두 객체 사이에 공간이 있습니다 열 너비를 사용하고 있습니다 Vista> Show로 이동하면 가이드가 활성화됩니다 내가 열 사이의 공간을 사용했다는 것을 알 수 있습니다 이제는 여기의 간격이 동일한 지 확인하고 싶습니다

그것이 완벽하지 않다는 것이 분명합니다 사각형을 사용하고, 클릭하고, 누르고,이 둘 사이를 드래그 할 수 있습니다 그것이 가장자리에 붙어있는 것을 볼 수 있습니다 하지만 나는 그것이 완벽한 광장이되기를 원한다 그래서 편집> 뒤로에서 되돌릴 것입니다

직사각형을 그릴 때 Shift 키를 누릅니다 한계가 차단되었습니다 30×30 픽셀이라는 것을 알 수 있습니다 이제 이동 도구를 사용합니다 클릭하고 누른 채로 끌어서 구분 기호로 사용합니다

나는 그것을 하단 가장자리에 붙이고이 이미지를 업로드합니다 때로는이 경우처럼 붙지 않습니다 당신이 할 수있는 것은 키보드의 화살표를 사용하는 것입니다 업로드에 사용하겠습니다 사각형은 알아야 할 좋은 방법입니다

이러한 이미지와 아래 이미지의 내부 여백이 동일한 경우 유일한 결점은 그들이 육체적이라는 것입니다 즉, 인쇄가 가능하거나 스케치에 나타납니다 따라서 완료되면 레이어 패널에서 선택하고 지우십시오 이것이 포토샵에서 측정되는 방식입니다 공유하고 싶기 때문에이 무료 동영상을 만들었습니다

비록 내가 당신이 풀코스 과정을 계속하기를 원한다면, 50 개 이상의 동영상이 있습니다 설명에 할인 코드가 있습니다 제발, "좋아"하고 구독하십시오 나중에 YouTube에서 멋진 사람들과 만나십시오 나는 내 손으로 작별 인사를하고 있지만, 너는 그것을 보지 못했다

그렇지?

Photoshop CC 2015 Web Design Tutorial – Layer Shortcuts you need to know Part 11/48

안녕, 유튜브! 내 이름은 댄이고 이것은 무료 동영상 중 하나입니다 그것은 내가 가르치는 코스의 일부입니다

그래서 당신이 좋아하면 설명에 링크가 있습니다 그러나 지금은 우리가 가진 것을 무료로 보자 이 비디오에서는 가장 중요한 단축키 레이어로 작업 할 때 레이어 패널이 여기 아래에 있습니다 최종 이미지 작업 중이며 레이어가 쌓여 있습니다

지금은 수백 가지가 있습니다 그것들을 재검토하고 모든 이름을 배우는 것은 실용적이지 않습니다 당신이 작업하고있는 레이어를 알 수 있습니다 속임수가 필요해 내가 항상 사용하는 최고의 것을 보자

이동 도구가 켜져 있는지 확인하십시오 레이어에 구성되어 있는지 확인합니다 이제 당신은 지름길을 배우려고합니다 우리는 무작위 레이어에 있으며 "More"라는 부분을 클릭하고 싶습니다 나는 좀 더 가까워 질거야

"추가"를 선택하려면, 내가해야 할 일은 Mac에서 Command를 누르는 것입니다 o PC에서 제어하면 응용 프로그램 막대에서 볼 수 있습니다 자기 선택이라고 불리는 것을 바꾸십시오 필요에 따라 활성화됩니다 나는 명령을 지키고 나는 "More"를 클릭 할 것이다

그리고 레이어 패널에서 "More"로 점프하고 지금은 이것을 움직일 수 있습니다 녹색 상자로 옮기고 싶다고합시다 계속 명령을 누르면 셀프 선택이 활성화되고 클릭합니다 임의의 이름 인 "Rectangle 2"에도 불구하고 이동할 수 있습니다 "More"를 클릭하면 이동합니다

직사각형을 클릭하면 움직입니다 나는 계속해서, "이걸 멋지게 만들어 보자" 레이어를 선택하고 이동하는 것은 매우 쉬운 방법입니다 매우로드 된 문서로 작업 할 때 필수적입니다 나는 편집으로 가서 3 단계로 돌아갈거야

우리가 매우 복잡한 레이어 그룹을 가지고있을 때 또 다른 단축키가 있습니다 하나는 다른 하나 위에 있고 우리가 원하는 것을 선택하는 것은 어렵습니다 내가이 배경 이미지를 가지고있는 척해라 여기에서이 영역을 선택하고 싶습니다 하지만 앞에 블랙 박스가 있기 때문에 나는 할 수 없다

내 명령을 사용하여 트릭을 클릭하면 매번이 사각형이 선택됩니다 물론 나는 그것을 아래에 줄 수 있지만,이 예제는 나를 귀찮게한다 오른쪽 버튼을 클릭하면 오른쪽 버튼을 사용하지 않고 Mac을 사용하는 경우 제어를 누르고 클릭하십시오 그러나 PC에서는 쉽게 할 수 있습니다 레이어의 모든 것을 보여줍니다 이것은 검은 색 직사각형이며 아래는 "Layer 2"입니다 그게 내 이미지 야

당신이 필요로하는 또 다른 지름길을 보자 내 템플리트와 열 시스템을 사용하는 경우 Vista> Show> Guides로 가야합니다 이것들은 물건 정렬에 아주 좋습니다 그러나 당신이 물건을보고 싶어 할 때 그들은 많이 귀찮게한다 왜냐하면 그것은 이미지를 도처에 줄을 부술기 때문입니다

이 단축키는 Command와 두 점입니다 PC에서 제어 및 2 점 활성화 및 비활성화됩니다 레티클로 작업하면 많이합니다 나는 물건을 정렬하기 위해 그들을 활성화하고 모든 것을 더 잘 볼 수 있도록 그들을 제거합니다

공유하고 싶기 때문에이 무료 동영상을 만들었습니다 비록 내가 당신이 풀코스 과정을 계속하기를 원한다면, 50 개 이상의 동영상이 있습니다 설명에 할인 코드가 있습니다 제발, "좋아"하고 구독하십시오 나중에 YouTube에서 멋진 사람들과 만나십시오

나는 내 손으로 작별 인사를하고 있지만, 너는 그것을 보지 못했다 그렇지?

Photoshop CC 2015 web design tutorial – Tips for Zooming & Navigating Your Document Part 9/48

안녕, 유튜브! 내 이름은 댄이고 이것은 무료 동영상 중 하나입니다 그것은 내가 가르치는 코스의 일부입니다

그래서 당신이 좋아하면 설명에 링크가 있습니다 그러나 지금은 우리가 가진 것을 무료로 보자 이 비디오에서 우리는 문서를 줌하고 이동하는 방법을 볼 것입니다 문서를 확장하거나 축소하는 데는 여러 가지 방법이 있습니다 나는 당신에게 가장 빠르고 쉬운 방법을 가르쳐 줄 것입니다

Mac에서는 Command와 More를 계속 누릅니다 PC를 사용하는 경우 컨트롤 및 기타 기능을 확장 할 수 있습니다 동일한 키와 놈들을 지키면 멀어집니다 우리가하고 싶은 것은 우리가보고 있는지 확인하는 것입니다 포토샵에서 스케치는 브라우저에서 볼 수있는 것과 동일한 크기로, 왜냐하면 브라우저에서 우리는 포토샵처럼 확대 및 축소 할 수 없기 때문에, 그래서 그것을 실제 크기로 보자

새로운 MacBook Pro가 아닌 다른 컴퓨터를 사용하는 경우 가장 쉬운 방법은 Vista로 이동하여 100 %를 선택하는 것입니다 이것은 실제 크기로 표시됩니다 당신은 여기에서 그것을 볼 것입니다, 제 안에서, 당신은 그것이 보일 것 인 방법의 반을 본다 Retina 디스플레이가 장착 된 MacBook Pro를 사용하기 때문입니다 간단히 말해서, 그것은 거의 모든 크기의 절반을 보여줍니다

MacBook Pro를 가지고 있다면 어떻게해야합니까? 크기를 200 %로 설정하는 것입니다 이제 포토샵은 웹 페이지에서 볼 수있는 크기로 보여줍니다 따라서 선택할 소스를 결정할 수 있습니다 우리는 다음과 같이 검토합니다 : 컴퓨터가있는 경우 Retina 디스플레이가 장착 된 Macbook Pro 외에도 100 %를 제공합니다 망막 스크린이있는 경우 200 %를 선택하십시오

이제 우리는 더 자세히 보았고, 우리는 움직이기를 원합니다 긴 방법은 스크롤 막대를 이동하는 것입니다 더 좋은 방법이 있습니다 : 스페이스 바를 계속 누르고 있으면 커서가 이동 도구에서이 작은 손으로 바뀌는 것을 볼 수 있습니다 그리고이 손으로 마우스로 클릭하고 누르고 잡아 당길 수 있습니다 문서를 스크롤합니다

나는 항상 스페이스 바를 누르고있어 Clico, 마우스로 드래그 앤 드롭하십시오 이것은 문서를 쉽게 둘러 볼 수있는 방법입니다 글쎄, 우리는 확대하고 움직입니다 공유하고 싶기 때문에이 무료 동영상을 만들었습니다

비록 내가 당신이 풀코스 과정을 계속하기를 원한다면, 50 개 이상의 동영상이 있습니다 설명에 할인 코드가 있습니다 제발, "좋아"하고 구독하십시오 나중에 YouTube에서 멋진 사람들과 만나십시오 나는 내 손으로 작별 인사를하고 있지만, 너는 그것을 보지 못했다

그렇지?