Noodl로 이미지 및 텍스트 크기를 간단하게 조정하는 방법

개요
Noodl 부가 달력의 글입니다.
Noodl의 이미지, 텍스트, 창의 확장과 편리할 때의 조합 방법을 소개합니다.
질문
나는 많은 사람들이 인터넷 디자인, 이미지, 문자에 익숙하지 않다고 생각한다.
글씨 크기나 해상도도 깔끔하대요!내가 그런 스타일이야.
그림과 문자를 모두 사용하면 초기에 부딪힌 벽에 화면을 당기면 그림만 뻗어 있고 문자가 없는 현상이 나타난다.(다음 그림 참조)


사실 속성에 설정이 있어요. 버튼 하나만 따라가면 돼요. 그런데 이런 걸 찾는 게 귀찮아요.
이 앱만 알면 효과가 있다!!이런 만능 노드가 있다면 꼭 사용해야 하나요?
만능 간이 계산 시스템 노드
이번에는 Number Remapper 노드와 Expression 노드의 구체적인 사용 방법을 소개합니다.
Number Remapper
Number Remapper는 숫자 범위를 확대하거나 축소할 수 있는 노드입니다.
이거 막 써도 돼!
예를 들어 0%~10%의 데이터를 360°로 적용하려는 경우 사용할 수 있습니다.
간격을 메우기 위해 최소~최대 범위를 늘리거나 줄여라.
비례 관계가 있으면 사용할 수 있고 화면의 사이즈가 변할 때 연동하여 글씨체의 크기를 바꿀 수 있다.

Expression
Excel로 한 줄의 쓰기 계산을 할 수 있는 노드입니다.
규칙적인 행동을 재현하는 등 머릿속에서 대체로 깨달았을 때 사용할 수 있다.
Number Remapper처럼 완전히 비례하지 않고 1:2로 비례할 때 적용할 수 있습니다.
화면 해상도에 따라 확장
항목을 구체적으로 나타내다.
그림의 확장에 따라 그림에서 중첩된text의 위치와 글꼴 크기를 조정합니다.

화면 해상도는 Screen Resolution을 통해 창 및 미리보기를 확대할 수 있습니다.
수평 정렬
그림의 폭을 폭과 일치하도록 설정하면 Screen Resolution의 Width는 그림의 Width로 바뀝니다.
Number Remapper는 항상 이미지의 왼쪽에서 특정 축척 위치로 이동할 때 사용됩니다.
실제 사용 시 최대 너비의 해상도를 Input Maximum에 입력한 다음 Output Maximum을 손으로 더듬어 입력하면 된다.
Minimum과 관련해서는 Input과 Output이 모두 0이어야 합니다.

글꼴 크기 조정
또한 글꼴은 이미지의 폭에 비례하여 Number Remapper를 사용할 수 있습니다.
대위와 마찬가지로 최대 너비의 해상도를 인풋 맥심임에 입력하고 손으로 더듬어 아웃풋 맥심임을 조정한다.
그리고 글꼴은 Output Minimum이 손으로 밧줄을 만지면서 조정할 수도 있다.
이 터치로 조절하는 게 누들의 매력이에요.
수직 정렬
세로 비율을 유지하는 설정이라면 그림은 가로 방향에 따라 확장되고 세로 방향은 공백이 생깁니다.
이 공백을 고려하여text의 위치를 조정합니다.
이것은 머리로 생각하면 상당히 간단하다.
윈도우 해상도 - 이미지 해상도의 반쪽 오프셋
이번에text를 그림에서 30% 의 위치에 설정하려고 Expression 노드를 사용하여 다음식으로 만들었습니다.(res-height)/2+height*0.3창 해상도는res이고 Height는 이미지 해상도입니다.
조합 완료
창의 시간 문자도 작아지고 창이 크면 문자도 커집니다.
위치 관계도 유지됐습니다.


총결산
이번에는 Number Remapper 노드와 Expression 노드를 사용하여 이미지와 텍스트를 추적했습니다.
Noodl의 매력은 풍부한 속성을 설정할 수 있다는 데 있다. 다른 한편, 머릿속에서 간단하게 계산할 수 있는 것을 찾다 보면 의외로 힘들 수도 있다.
전문 타자는 움직이면 이길 수 있기 때문에 이런 능력과 기능을 숙련되게 사용하면 반드시 쓸모가 있을 것이다.
너무 많이 먹으면 배가 통통한 사과보다 더 맛있다
메리 크리스마스