Inkscape에서 이중 나선 그리기


10

나는 이것을 어떻게 이중 나선을 만들 수 있습니까? 질문이지만 일러스트 레이터 대신 Inkscape에서 이중 나선을 만드는 방법을 묻습니다. 나는 (파라 메트릭 커브 익스텐션을 사용하여) 2 개의 사인파를 생성하고 거기에서 약간의 컷팅과 채색을 통해 이것을 달성하려고 노력했으며 이것이 현재 내가하고있는 것입니다. 그런 다음 반대의 수직 방향 (두 번째 나선이 됨)으로 다른 사인파를 만들고 거기서 나옵니다.

이것이 사인파 방법과는 거리가 멀다. 파도 사이에서 채색하고 싶은 첫 번째 예에서, 채색 영역은 나선의 일부를 형성합니다.

여기에 이미지 설명을 입력하십시오


또한 Accelrys DS Visualizer를 사용하여 그린 DNA 구조를 벡터화하려고 시도했지만 꽤 비참하게 실패했습니다. 복잡한 래스터 파일을 매끄럽게 벡터화하는 것은 불가능하다는 것을 알았습니다. 나와 공유 할 수있는 방식으로 벡터화 할 수있는 기술이 있다면 아래 이미지를 참조하십시오. 이 작업을 수행하는 더 좋은 방법이 있는지 알고 싶습니다.

이 이중 나선은 Accelrys DS Visualizer를 사용하여 얻은 것입니다. 나중에 김프 편집 기능이 있습니다 (주로 벡터화하기 쉽도록 나선 백본은 원래처럼 흰색 음영으로 표시되지 않습니다).

여기에 이미지 설명을 입력하십시오


나선이 평평한 밴드 (링크 된 질문 에서처럼)로 만들어 졌거나 단단한 튜브로 만들어져있는 것처럼 보이나요 (아래 그림 에서처럼)?
Wrzlprmft

플랫 밴드가 무엇인지 모르겠습니다. 내가 원하는 것은 Inkscape에서 만든 괜찮은 모양의 이중 나선 구조입니다. 나는 그것이 어떻게 만들어지는 까다 롭지 않다.
BH2017

@BrentonHorne 아래 답변이 귀하의 질문에 답변 된 경우 해당 답변을 확인란으로 표시하여 수락 된 답변을 표시하십시오.
DᴀʀᴛʜVᴀᴅᴇʀ

답변:


13

자, 여기 간다 :

  1. 사각형을 만들고 다음 설정으로 확장 → 렌더링 → 함수 플로터를 사용하십시오.

    여기에 이미지 설명을 입력하십시오

    보다 정밀한 샘플링 또는 더 높은 (정수) End X 값을 사용할 수 있지만 다음은 유지해야합니다 ( n 은 선택한 작은 양의 정수임).

    [샘플 수] = [끝 X] × 4 ×  n + 1

    다음과 같은 것을 얻어야합니다.

    여기에 이미지 설명을 입력하십시오

  2. 사인파를 복제하고 수평으로 이동 (을 누른 상태 Ctrl)하고 빨간색을 복제하여 (더 나은 구별을 위해) 만듭니다.

    여기에 이미지 설명을 입력하십시오

  3. 붉은 사인을 복제하고 복제본을 녹색으로 만듭니다.

  4. 녹색 사인을 선택하고 노드 별 경로 편집 모드로 전환하십시오. 하반부에있는 모든 노드를 선택하고 , 선택된 노드에서 브레이크 경로를 선택 하고, 하반부에있는 모든 노드를 한 번 더 선택하여 제거하십시오.

    여기에 이미지 설명을 입력하십시오

  5. 녹색 경로가 검은 색 경로 앞에 있는지 확인하십시오 ( Pos1선택하는 동안 누르 십시오). 녹색 경로와 검은 색 경로를 선택하고 경로 → 절단 경로를 선택하십시오. 녹색 경로가 사라지고 검은 색 경로가 여러 세그먼트로 분할되어야합니다.

  6. 빨간색 경로를 선택하고 노드 별 경로 편집 모드로 들어가서 모든 최상위 노드 를 선택하고 선택한 노드에서 경로 끊기를 선택하십시오. (마지막 단계까지는 이것이 필요하지 않지만 지금 가장 좋은 시간입니다.)

  7. 스냅 패널에서 스냅, 노드 또는 핸들 스냅스냅을 활성화 하여 노드를 스무딩 합니다.

  8. 가운데 어딘가에서 검은 색 세그먼트를 선택하고 노드 별 경로 편집 모드로 전환하십시오. 다음과 같이 끝점을 선택하고 빨간색 경로의 인접한 극단으로 이동하여 스냅되도록합니다.

    여기에 이미지 설명을 입력하십시오 ——————→ 여기에 이미지 설명을 입력하십시오

  9. 변형 된 경로를 선택하고 선택된 세그먼트 선을 만듭니다.

  10. 모든 유사한 경로로 반복하십시오. (예, 이것은 반복적이지만 나선이 너무 길지 않으면 가장 빠른 방법입니다.) :

    여기에 이미지 설명을 입력하십시오

  11. 모든 검은 색 세그먼트와 경로 → 결합을 선택하십시오 .

  12. 반복 3 단계 교환 (10)에 빨간색검은 색 뿐만 아니라 같은 상단낮은 지시에. (지금은 아무 것도하지 않으므로 일부 단계를 건너 뛸 수 있습니다.)

    여기에 이미지 설명을 입력하십시오

  13. 모든 것을 선택하고 원하는대로 패스 색상을 만들고 패스에 버트 캡 또는 라운드 캡 을 사용하십시오.

  14. 경로 사이에 버킷 채우기를 사용하십시오. 채우기가 모든 것을 덮으려면 선의 획 너비를 일시적으로 매우 낮은 값으로 줄이고 채우기와 같은 색으로 칠하십시오.

    여기에 이미지 설명을 입력하십시오

  15. 나선을 복제하고 수평으로 이동 한 다음 원하는대로 색상을 지정하십시오.

  16. 모든 것을 그룹 해제 하고 분리하십시오 . 모든 물체를 올바르게 정렬하십시오.

    여기에 이미지 설명을 입력하십시오


매우 자세한 답변!
Yisela

3

나는 더 쉬운 다른 방법을 발견했다.

  1. 2 단계까지 Wrzlprmft의 답변을 따르십시오 .

  2. 를 사용하여 확장 돌출 → 경로에서 생성 → (: 라인 모드). 필요한 가장자리를 자동으로 만듭니다.

  3. 필요하지 않은 일부 노드를 삭제하십시오.

  4. 버킷 도구를 사용하여 채우기를 추가하면 나선 / 스프링 / 리본을 실현할 수 있습니다.


3

나는 최근에 이런 종류의 나선을 가지고 놀고있었습니다. SVG를 생성하기 위해 개발 한 PHP 라이브러리를 사용하고 생성 한 이미지는 SVG입니다. 직선 이중 나선에 대해 이야기하면 솔루션이 내 스크립트로 생성 될 수 있고 나선은 수학적 표현을 기반으로하기 때문에 어렵지 않습니다.

  x = r * cos(t); 
  y = r * sin(t); 
  z = k * t;

또한 플라스미드 유사 DNA 나선 즉 원형 이중 나선을 생성합니다. http://dna.rosety.com

참조하십시오

(2015/12/17 편집) 스크립트를 변경했으며 현재 PHP 대신 HTML5 캔버스에서 DNA를 생성하고 있습니다.

결과 DNA 나선은 PNG 형식입니다 (한 번 마우스 오른쪽 버튼으로 클릭하여 저장 한 결과에 만족하면).

여기에 이미지 설명을 입력하십시오 여기에 이미지 설명을 입력하십시오 여기에 이미지 설명을 입력하십시오


인상적인 도구!
JohnB

1

이것이 과학적으로 얼마나 정확해야합니까? 예술적 표현 만 필요한 경우 덜 복잡하고 비유적인 것을 피할 수 있습니다.

입력 도구를 사용하여 적절한 글꼴을 가진 두 개의 "s"를 입력하고, 경로로 변환하고, 서로 적절하게 배치하고, 나선을 시작하도록 할 수 있습니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.