친 화성 디자이너 : 제약 조건을 사용하는 방법

Sep 12, 2025
어떻게

친 화성 디자이너는 인기가 있습니다 벡터 아트 수단. Mac 및 Windows 버전뿐만 아니라 Serif가 최근에 출시되었습니다. iPad 용 Affinity 디자이너 ...에

요즘 웹 및 앱을 설계하는 경우 여러 장치 및 해상도를 염두에 두어야합니다. 이로 인해 일을 균일하게 유지할 때 여러 개의 예시 및 심각한 두통이 발생할 수 있습니다. 다행스럽게도, 친 화성 디자이너는 제약 조건이라는 것으로이 프로세스를 조금 더 간소화하는 데 도움이 될 수 있습니다.

이 튜토리얼에서는 제약 조건의 펀더멘탈과 그들이 어떻게 일하고 있는지 간략하게 가게됩니다. 아래의 비디오를 보시려면 Affinity Designer의 제약 조건을 사용하기위한 5 가지 필수 팁을 읽으십시오.

또한 우리의 기사를 확인하는 것을 잊지 마십시오 그리드를 사용하는 방법 과 수출 인물을 사용하는 방법 과 펜 도구를 사용하는 방법 ...에

01. 부모 및 자식 개체

parent and child objects Affinity Designer

하위 객체는 상위 컨테이너에 비해 크기가 확장됩니다

제약 조건은 상위 및 하위 객체를 사용하여 작동합니다. 선택한 객체는 '자식'이며 컨테이너를 '부모'라고합니다. 하위 객체는 상위 객체와 비교하여 확장됩니다.

예를 들어, 아트 보드의 크기를 변경하면 자식 개체가 아트 보드에 고정되어 있으면 변경 사항에 응답합니다. 원하는 결과를 얻기 위해 다양한 옵션을 전환해야합니다.

02. 제약 조건 옵션을 토글합니다

affinity designer: contraints

제약 조건을 활성화하여 시작하십시오

제약 조건을 사용하려면보기 & gt; 스튜디오 & gt; 제약 조건. 거기에서 제약 조건 옵션을 보여주는 팝업 메뉴가 나타납니다. 내부 사각형은 자식 개체의 제약 조건을 전환하고 외부 사각형은 상위 객체입니다.

03. 제약 조건을 적용하십시오

Affinity Designer: constraints

이러한 옵션은 콘텐츠 앵커를 대지에 어떻게 지정 하는지를 나타냅니다.

우리가 전에 언급했듯이, 객체를 대지에 고정하면 대지로 크기를 조정할 수 있습니다. 그러나 물체 간 간격을 유지하고 왜곡을 피하기 위해서는 특정 규칙을 설정해야합니다.

이 예에서는 웹 사이트 헤더, 로고 및 메뉴 탐색 작업을 사용하고 있습니다. 헤더 (위의 그림)의 경우 객체의 왼쪽, 오른쪽 및 맨 위에 제약 조건을 활성화했습니다. 즉, 헤더는 아트 보드가 어떻게 확장되는지에 상관없이 대지의 왼쪽, 오른쪽 및 맨 위에 고정됩니다.

사이트 제목의 경우 i 개체의 왼쪽과 맨 위에 제한 조건을 활성화했습니다. 올바른 컨테이너 / 상위 제약 조건을 사용하려면 디자인이 왜곡됩니다. 네비게이션은 비슷하지만 오른쪽 측면이 활성화되어 있으므로 오른쪽에 있습니다. 일단 당신이 이것을 몇 번 연습하면 훨씬 더 의미가 있습니다! 또한 위의 비디오를 보고이 작업을 볼 수 있습니다.

04. 제한된 항목을 붙여 넣습니다

Affinity Designer: pasting designs

디자인을 다른 크기의 아트 보드로 붙여 넣기하면 크기가 조정됩니다.

내 원래의 디자인은 iPad 화면을 기반으로했습니다. 이제 iPhone X 크기의 아트 보드에 붙여 넣을 때 내 머리글, 로고 및 탐색 버튼이 자동으로 좁은 컨테이너에 적용됩니다. 이것은 다른 예술 크기에 걸쳐 디자인과 간격을 균일하게 유지하기 때문에 이것은 훌륭합니다.

05. 제약 조건을 사용할 때

제약 조건을 사용하면 장소에서 주머니를 저장하는 훌륭한 도구입니다. 그러나 나는 당신이 그들을 드물게 그리고 신중하게 사용한다는 것을 알려 드리겠습니다. 그들은 머리말과 바닥 글과 같은 단순한 것들에 대해 훌륭하지만, 어떤 콘텐츠 무거운 디자인 (특별한 이미지)은 약간의 조정이 필요합니다.

자세히보기 :

  • 친 화성 디자이너가있는 레트로 로고를 만드는 방법
  • 전통적인 브랜딩은 죽었습니다
  • 2019 년 6 개의 거대한 로고 트렌드

어떻게 - 가장 인기있는 기사

Photoshop CC에서 사진 콜라주를 만드는 방법

어떻게 Sep 12, 2025

사진 콜라주를 사진 콜라주를 사진 콜라주를 만드는 방법은 다른 상황이 많이 있습니다. 개별 사진은 시간에 단일 순간을 캡처하지만 콜라주를 ..

Framer X를 사용하여 대화 형 프로토 타입을 구축

어떻게 Sep 12, 2025

(이미지 크레디트 : 프레임) 디자이너로서 프로젝트에 사용해야하는 프로토 타입 도구에..

색수차 효과 생성

어떻게 Sep 12, 2025

'컬러 프린 징'이라고도하는 색수차 (왜곡)는 공통의 광학 문제입니다. 카메라 렌즈가 동일한 초�..

이 팁으로 유화에 활기를 첨가하십시오

어떻게 Sep 12, 2025

기재 Marjolein은 아마씨 오일을 매개체로 사용합니다. 이는 일일 이내에 건조의 �..

VR 게임 세계를 만드는 13 가지 팁

어떻게 Sep 12, 2025

Tethered는 VR 용으로 설계된 비판적으로 찬사를받는 3 인칭 전략 게임입니다. 작년 10 월 플레이 스�..

설득력을 칠하는 방법

어떻게 Sep 12, 2025

디지털 페인팅 기술은 비교적 간단한 방식으로 유리의 반사를 묘사 할 수있게합니다. 물론, 그림 ..

증강 현실 마커를 코딩하는 방법

어떻게 Sep 12, 2025

페이지 1 / 2 : 페이지 1 페이지 1 ..

웹 디자인 기관의 이름을 지정하는 방법

어떻게 Sep 12, 2025

귀하의 기관의 올바른 이름을 얻는 것은 쉽지 않습니다. 많은 사람들이 'Chocolate Bigfoot'또는 'Banana ..

카테고리