Dessiner une double hélice dans Inkscape

10

Je l'ai vu Comment puis-je créer une double hélice? question mais je suis ici pour vous demander comment créer une double hélice dans Inkscape, au lieu d'illustrateur. J'ai essayé d'y parvenir en créant deux ondes sinusoïdales (en utilisant l'extension des courbes paramétriques) et en effectuant des découpes et des coloriages à partir de là et c'est ce que je suis en ce moment. Après cela, je créerais une autre onde sinusoïdale avec l'orientation verticale opposée (qui serait la deuxième hélice) et je partirais de là.

C'est ce que j'ai si loin de la méthode des ondes sinusoïdales; voir dans le premier cas où je voulais colorer entre les vagues, la zone colorée ferait partie de l'hélice.

entrez la description de l'image ici


J'ai également essayé de vectoriser une structure d'ADN dessinée à l'aide d'Accelrys DS Visualizer et j'ai échoué assez lamentablement: je trouve impossible de vectoriser de manière transparente de tels fichiers raster complexes. Voir ci-dessous pour l'image originale si vous avez la capacité de la vectoriser d'une manière que vous pourriez partager avec moi, je serais plus que disposé à l'entendre. J'aimerais savoir s'il existe de meilleures façons de procéder.

Cette double hélice est celle que j'ai obtenue en utilisant Accelrys DS Visualizer, avec une édition GIMP plus tard (principalement dans un effort pour le rendre plus facile à vectoriser, vous pouvez noter que l'épine dorsale de l'hélice n'est plus colorée en nuances de blanc comme c'était le cas à l'origine).

entrez la description de l'image ici

BH2017
la source
Votre hélice devrait-elle plutôt ressembler à une bande plate (comme dans la question liée) ou plutôt à un tube solide (comme dans l'image du bas)?
Wrzlprmft
Je ne sais pas ce qu'est une bande plate. Tout ce que je veux, c'est une structure à double hélice d'apparence décente créée dans Inkscape. Je ne suis pas pointilleux sur la façon dont il est fait.
BH2017
@BrentonHorne si la réponse ci-dessous a répondu à votre question, veuillez la cocher avec une case pour indiquer que c'est la réponse acceptée.
DᴀʀᴛʜVᴀᴅᴇʀ

Réponses:

13

OK allons y:

  1. Créez un rectangle et utilisez Extensions → Rendu → Traceur de fonctions avec ces paramètres:

    entrez la description de l'image ici

    Vous pouvez utiliser un échantillonnage plus fin ou une valeur X supérieure (entière) , mais les valeurs suivantes doivent être respectées (avec n étant un petit entier positif de votre choix):

    [Nombre d'échantillons] = [Fin X] × 4 ×  n + 1

    Vous devriez obtenir quelque chose comme ceci:

    entrez la description de l'image ici

  2. Dupliquez l'onde sinusoïdale, déplacez-la horizontalement (en maintenant Ctrl) et faites le double en rouge (pour une meilleure distinction).

    entrez la description de l'image ici

  3. Dupliquez le sinus rouge et rendez le duplicata vert.

  4. Sélectionnez le sinus vert et passez en mode Modifier le chemin par nœuds . Sélectionnez tous les nœuds complètement dans la moitié inférieure, coupez le chemin aux nœuds sélectionnés, sélectionnez à nouveau tous les nœuds dans la moitié inférieure et supprimez-les:

    entrez la description de l'image ici

  5. Assurez-vous que le chemin vert est devant le noir (appuyez sur Pos1tout en le sélectionnant). Sélectionnez le chemin vert et le chemin noir et Chemin → Couper le chemin. Le chemin vert devrait disparaître et votre chemin noir devrait être divisé en plusieurs segments.

  6. Sélectionnez le chemin rouge, passez en mode Éditer le chemin par nœuds , sélectionnez tous les nœuds les plus élevés et Coupez le chemin aux nœuds sélectionnés. (Nous n'en aurons pas besoin avant la toute dernière étape, mais c'est le meilleur moment pour le faire.)

  7. Activez l'accrochage, Accrochez les nœuds ou les poignées et Accrochez pour lisser les nœuds à partir du panneau d'accrochage.

  8. Sélectionnez un segment noir quelque part au milieu et passez en mode Edit Path by Nodes . Sélectionnez un point final comme suit et déplacez-le vers l'extrémum adjacent du chemin rouge de telle sorte qu'il s'accroche:

    entrez la description de l'image ici ——————→ entrez la description de l'image ici

  9. Sélectionnez le chemin déformé et créez des lignes de segments sélectionnés.

  10. Répétez avec tous les chemins analogues. (Oui, c'est répétitif mais à moins que votre hélice ne soit très longue, c'est le moyen le plus rapide.):

    entrez la description de l'image ici

  11. Sélectionnez tous les segments noirs et Chemin → Combiner.

  12. Répétez les étapes 3 à 10, en échangeant le rouge et le noir ainsi que le haut et le bas dans les instructions. (Notez que certaines étapes peuvent être ignorées car elles ne font rien maintenant.)

    entrez la description de l'image ici

  13. Sélectionnez tout, faites la couleur du chemin comme vous le souhaitez et utilisez des bouchons bout à bout ou des bouchons ronds pour les chemins.

  14. Utilisez le remplissage du godet entre les chemins. Pour que le remplissage recouvre tout, diminuez temporairement la largeur du trait de vos lignes à une valeur très faible et donnez au remplissage un trait de la même couleur que le remplissage.

    entrez la description de l'image ici

  15. Dupliquez votre hélice, déplacez-la horizontalement et coloriez-la comme vous le souhaitez.

  16. Dissocier et Scinder tout. Alignez correctement tous les objets.

    entrez la description de l'image ici

Wrzlprmft
la source
Réponse très détaillée!
Yisela
3

J'ai découvert une autre façon de faire qui était plus facile pour moi:

  1. Suivez la réponse de Wrzlprmft jusqu'à l'étape 2:

  2. Utilisez Extensions → Générer à partir du chemin → Extruder (mode: lignes). Il crée automatiquement les bords droits dont vous avez besoin.

  3. Supprimez certains nœuds dont vous n'avez pas besoin.

  4. Utilisez l'outil de godet pour ajouter le remplissage et l'hélice / ressort / ruban peut être réalisé.

user52560
la source
3

J'ai "joué" avec ce genre d'hélice ces derniers temps. J'utilise une bibliothèque PHP que j'ai développée pour générer du SVG et l'image que je génère est SVG. Si vous parlez de double hélice droite, la solution n'est pas difficile car elle peut être générée avec mes scripts et l'hélice est basée sur l'expression mathématique:

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

Je génère également une hélice d'ADN de type plasmide, c'est-à-dire une double hélice circulaire.
Veuillez consulter
http://dna.rosety.com

(Modifié le 17/12/2015) J'ai changé de script et au lieu de PHP je produis actuellement l'ADN sur HTML5 canvas.

L'hélice d'ADN résultante est au format PNG (une fois que vous êtes satisfait des résultats, vous pouvez l'enregistrer en cliquant dessus avec le bouton droit) Exemple

entrez la description de l'image ici entrez la description de l'image ici entrez la description de l'image ici

Luis Rosety
la source
Outil impressionnant!
JohnB
1

Dans quelle mesure avez-vous besoin de cette précision scientifique? Si vous n'avez besoin que d'une représentation artistique, vous pouvez vous en sortir avec quelque chose de moins complexe et plus figuratif.

Vous pourriez probablement utiliser l'outil de saisie et taper deux "s" -es avec une police appropriée, les convertir en chemins, les placer les uns sur les autres de manière appropriée et avoir le début de votre hélice de cette façon.

bemdesign
la source