|

선(Line)과 테두리(Stroke) 설정하기

선(Line)과 테두리(Stroke) 설정하기

레이아웃 스튜디오에서 선이나 도형의 테두리(Stroke/획) 설정은 상단의 **컨텍스트 툴바(Contextual Toolbar)**에 있는 획(Stroke) 버튼을 누르거나, 우측 스튜디오 패널 영역의 Stroke 패널을 통해 매우 세밀하게 제어할 수 있습니다.

테두리 설정과 관련된 핵심적인 기능과 사용법은 다음과 같습니다.

1. 두께 및 스타일 조절

  • 두께(Width) 조절: 테두리의 두께는 포인트(pt) 단위로 조절하는 것이 일반적이지만, 입력창에 직접 ‘mm’나 ‘px’ 등 다른 단위를 입력하면 자동으로 포인트 값으로 변환됩니다. 또한, 도형 도구나 노드 도구를 사용할 때 키보드의 대괄호 [ 및 ] 키를 사용하면 캔버스 위에서 테두리 두께를 직관적으로 늘리거나 줄일 수 있습니다.
  • 스타일(Style) 선택: 실선(Solid Line), 점선(Dashed Line), 브러시를 얹은 듯한 질감 선(Textured) 중에서 선택할 수 있습니다.
  • 고급 점선(Dashed Line) 제어: 점선 스타일을 선택하면 선표시(Dash)와 빈 공간(Gap)의 길이를 수치로 입력할 수 있습니다. 특히 Affinity는 최대 3개의 대시와 갭의 패턴을 제어할 수 있어, 2점 쇄선과 같은 복잡하고 정교한 점선 패턴을 쉽게 만들 수 있습니다.

2. 세부 형태 제어 (Cap, Join, Align)

  • 끝점(Cap): 선이 끝나는 지점의 모양을 둥글게 할지, 직각으로 딱 맞게 자를지, 아니면 선 끝 너머로 사각형 형태로 튀어나오게 할지 결정합니다.
  • 모서리(Join): 도형이나 선이 꺾이는 모서리 부분을 둥글게, 뾰족하게, 혹은 각지게 깎아낼지 선택할 수 있습니다.
  • 정렬(Align): 테두리가 패스(기준선)를 중심으로 **안쪽(Inside), 바깥쪽(Outside), 또는 중앙(Center)**에 배치될지 지정할 수 있습니다.

3. 화살표 및 특수 기능

  • 화살표 머리(Arrowheads): 열린 선의 시작점과 끝점에 다양한 형태의 화살표나 꼬리 모양을 추가할 수 있습니다. 작업 중 적용된 화살표를 한 번에 제거하고 싶다면 Stroke 패널에 있는 ‘화살표 지우기(Clear Arrowhead)’ 버튼을 사용하면 편리합니다.
  • 객체와 함께 크기 조절 (Scale with Object): 도형의 크기를 늘리거나 줄일 때, 테두리의 두께도 그 비율에 맞춰 자동으로 변하도록 하는 필수 옵션입니다. 이 옵션의 체크박스를 켜지 않으면 도형을 축소해도 굵은 테두리 두께가 그대로 유지되어 형태가 망가질 수 있습니다.

4. 시각적 디자인 효과

  • 테두리 그라디언트: 색상 패널이나 채우기(Fill) 도구를 사용하여 테두리 선 자체에 선형(Linear) 또는 방사형(Radial) 그라디언트를 부드럽게 적용할 수 있습니다. 이를 통해 네온사인이나 입체적인 테두리 효과를 연출할 수 있습니다.
  • 표 및 텍스트 프레임 테두리: 레이아웃 스튜디오의 특성에 맞게, 일반적인 도형뿐만 아니라 문서 내의 텍스트 프레임이나 표(Table)의 개별 셀에 대해서도 동일한 테두리 색상과 두께를 지정하여 가독성과 디자인의 완성도를 높일 수 있습니다.

Similar Posts

  • |

    Chapter 6-3. 데이터베이스의 템플릿 생성 및 활용

    🎯 학습 목표: 데이터베이스 템플릿을 만들어 반복되는 페이지의 속성과 본문 구조를 표준화하고, 새 항목 생성과 정기 업무에 활용할 수 있다. 6-3-1. 데이터베이스 템플릿이란? 데이터베이스에 새 페이지를 추가할 때마다 반복해서 넣는 속성값과 본문 구조를 미리 저장해 두는 기능입니다. 회의록, 프로젝트 계획서, 콘텐츠 초안처럼 일정한 형식이 필요한 페이지를 빠르고 일관되게 만들 수 있습니다. 템플릿에는 다음 내용을 함께…

  • |

    2026년 3월 5주차 글로벌 AI 산업 지형도 및 트렌드 분석

    2026년 3월 5주차 글로벌 AI 산업 지형도 및 트렌드 분석 아래 내용은 2026년 3월 30일 기준, 최근 15일 이내 공개된 공식 발표와 업계 리포트를 바탕으로 정리한 5대 축 중심의 산업 지형도입니다. 특히 이번 주는 추론 경제(대규모 학습보다 실사용 추론이 더 중요해지는 구조), 물리적 AI(로봇·현장 자동화), 에너지 주권(전력과 냉각의 확보), 에이전트 거버넌스(자율 AI 통제)가 동시에 부상하고…

  • |

    Perplexity로 매일 원하는 시간에 나만의 뉴스 브리핑 받기

    동영상 요약 매일 아침, 내가 관심 있는 주제의 최신 소식을 자동으로 정리해서 받아볼 수 있다면 어떨까요? 하루가 마무리될 때 그날의 주식변동 리포트를 받아보는 것은요? Perplexity의 ‘Tasks’ 기능을 사용하면 AI가 원하는 시간에 맞춤 뉴스 브리핑을 이메일이나 알림으로 보내줍니다. 무료 계정으로도 충분히 활용할 수 있고, 설정도 간단합니다. 아래에서 자세한 방법을 확인해보세요. Perplexity 개요 ‘Perplexity’ 서비스가 아직도 낯설은가요?…

  • |

    정적 홈페이지 관련 용어사전

    🔗 https://prod-files-secure.s3.us-west-2.amazonaws.com/68046b18-ba21-4ad4-9672-0fbf6e4e4664/d08ba9e8-0db9-49bc-adc1-6496bd92235d/%E1%84%8C%E1%85%A5%E1%86%BC%E1%84%8C%E1%85%A5%E1%86%A8_%E1%84%92%E1%85%A9%E1%86%B7%E1%84%91%E1%85%A6%E1%84%8B%E1%85%B5%E1%84%8C%E1%85%B5_%E1%84%86%E1%85%A1%E1%86%AB%E1%84%83%E1%85%B3%E1%86%AF%E1%84%80%E1%85%B5__%E1%84%8E%E1%85%A9%E1%84%87%E1%85%A9%E1%84%8C%E1%85%A1_%E1%84%8B%E1%85%AD%E1%86%BC%E1%84%8B%E1%85%A5%E1%84%8C%E1%85%B5%E1%86%B8__%E1%84%80%E1%85%A2%E1%84%82%E1%85%A7%E1%86%B7_%E1%84%8C%E1%85%B5%E1%84%83%E1%85%A9.html?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=ASIAZI2LB466VM5NRI4Z%2F20260701%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20260701T055704Z&X-Amz-Expires=3600&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEAsaCXVzLXdlc3QtMiJGMEQCIAOhm9MfLbHvc%2BIQ%2BZ7O5fdrs6ZPjIRTryICFGeNb%2FC4AiArBqDBklemQSnyQPm%2FDhd8Q3nh2Is7lMeI9WgEql%2F1NSqIBAjU%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F8BEAAaDDYzNzQyMzE4MzgwNSIMVVTH3BnG36%2FBa%2B9qKtwDU64ZIRulJtLd5LMJPZNG165WOO2XfwOquC6wgD%2BReMRcH%2B176a6FbAgHVBVfedUpNwvkvRTnmSOTYSks6HOjm1P4acSu03OGHlCSVmObKzqXo9pjwCpAjybsT1rIO7KrVyhE6qXil2w1gFcl%2FZ0p8GPV3l6UXgB7nPZ9V%2BcoySBCbzSfTjMlNTKDy9zmBW79xWul6JMCu4f%2FT4rSL4quHESCPeNhCuZPvWVdJFLOfE92c4dDOkgQFxLKzGicUK%2F%2Fknut6o7oqAIP5dfnoq9TKBv7dRWLVRleQlb2ztmuSShFjWNPd4HGqZ2fG97d3Cizn9vg0y0zoZNDzib2gHEHUfVnTZOY%2FBkWgmwlz7w3qKhJs5aZI%2BRJ%2FZgBiwqC4UJtsi594ZqXwa9kxRdzhPeLe%2B1CdMZ6dRitZIcbH%2BoV77qWGoNdrjwfnQo3%2BmYDnu8G%2BcKmbt5HZ3heHqDbLQxDVTcS4I40uwslYk%2Bt57%2F3KXICuX%2BP2wktYTo%2BySihFKYYINNnAykP5k%2F5fLVAq8gQBOpaa6f0TkIkZhijmUJcBjVwvYc77eJNocEGYnARgGb3JHprvnMrKn2Ma9wtu52uOGJi4SMBzznsDWetOtYotrcmjFqc51Nn6gg4cbQw3oSS0gY6pgGgyyAKpmkSen%2B4Mt5wlt%2FQmO0lwaEnMR3jo2f%2BSvVGv2A6zRWNKqPC%2F3hNNqyHuKkvXum56mdal%2BUoexW%2FX6Dh94Zo82xs2yumd2qwER97tjfzYlYJm0kTVuv3LSlZIHx6uvqKQHu6jKTL3z6vvXpWhVFUHkbirsPU46b6f2QHXOzknHc9Pm9wS%2FyoOFVg7CcUMP6%2Fngr543AcPogxdOPzFyBjrAwv&X-Amz-Signature=f232b7955b78510880dcd4df288d78fff98096dfba315a62a77fc4a967ca5156&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject 1. 가장 먼저 알아야 할 큰 개념 정적 홈페이지 (Static Website)미리 다 만들어 놓은 완성된 페이지를 그대로 보여주는 방식의 홈페이지. 식당으로 치면 “이미 만들어 놓은 도시락”을 그대로 내주는 것과 같습니다. 방문자가 누구든 똑같은 페이지를 빠르게 받아 봅니다. 동적 홈페이지 (Dynamic Website)방문자가 접속할 때마다 그 자리에서 페이지를 새로 만들어 보여주는 방식. “주문 받고 즉석에서…

  • |

    단 지파 — 두 번째로 컸던 이름이 지워지기까지

    단 지파 — 두 번째로 컸던 이름이 지워지기까지 지파 시리즈 1편입니다. 이 지파를 먼저 두는 까닭은 하나입니다 — 받은 말과 걸어간 길과 마지막 명단이 가장 크게 어긋나는 지파이기 때문입니다. 1. 이름 — 억울함이 풀린 자리 단은 야곱의 다섯째 아들이며, 라헬의 여종 빌하가 낳은 첫 아들입니다(창 35:25). 라헬이 이르되 하나님이 내 억울함을 푸시려고 내 호소를 들으사…

  • |

    ‘아멘’의 의미

    1단계: 역사적/문화적 배경 (Setting the Stage) 고대 이스라엘 사회와 구약의 예배에서 ‘아멘’은 맹세, 저주, 혹은 하나님을 향한 송축(Doxology)에 대한 공동체의 공식적인 동의와 서약을 의미했습니다. 제사장이나 선지자가 하나님의 율법이나 언약을 선포할 때, 백성들은 ‘아멘’으로 화답함으로 그 말씀이 진리임을 인정하고 그 결과(축복이든 저주든)를 온전히 자신의 것으로 받아들이겠다는 법적, 영적 구속력을 부여했습니다. 신약 시대에 이르러 초대 교회는 유대교…