Détourer une forme pour l'exporter en HTML

Méthode pour détourer une forme (réaliser un habillage) et l'exporter en HTML:

  • Ouvrir une image par point avec ce pictogramme ou coller-la avec depuis le presse-papier
  • Dessiner une suite de spline en commençant en haut de l'image pour sortir en bas de l'image, cette suite doit traverser l'image.
  • Sélectionner ces deux éléments : l'image et la courbe, si ce sont les deux seuls éléments de la planche utiliser la commande tout sélectionner du menu édition ou ce pictogramme .
  • Le pictogramme suivant apparaît cliquer sur celui-ci et un dialogue de paramètrage s'affiche :
    • Donner une hauteur aux bandes de découpe en pixels.
    • Donner un nom à l'image qui sera utilisé dans votre page html.
    • Donner un nom à votre page html. Comme le formatage spécifique en CSS n'accepte pas les espaces ils seront remplacé par le caractère underscsore.
    • Indiquer si le detourage_2 est découpé à droite ou à gauche.
    • Indiquer si les images exportées seront des image de type Bmp ou des Jpeg Gif Png
    • Utiliser le bouton simulation pour observer le chemin de découpe des bandes qui est fonction de la hauteur de découpe. .
  • Valider ou annuler cette commande, si elle est validée la page internet apparaît dans votre navigateur.
  • Vous pouvez ajuster la courbe de «clipping» et réitérer l'opération.

Méthode pour détourer une forme avec deux cheveux:

  • Ouvrir une image par point avec ce pictogramme
  • Tracer une première courbe spline en commençant en haut de l'image pour sortir en bas de l'image, cette suite doit traverser l'image. La première courbe doit être à gauche.
  • Tracer une seconde courbe spline en commençant en haut de l'image pour sortir en bas de l'image, cette suite doit traverser l'image. La seconde courbe doit être à droite.
  • Utiliser la commande tout sélectionner du menu édition ou ce pictogramme .
  • Ce pictogramme s'affiche avec le nom de la fonction «Habiller une image en html» et affiche un dialogue de réglage telle que dans le premier paragraphe.
Notes :
  • Vous pouvez utiliser des arcs de cercles à la place des splines cela fonctionne aussi.
  • Pour obtenir un detourage_2 en forme de demi-cercle, sélectionner cercle à quatre points dans le menu de paramètrage de l'outil cercle puis l'option à partir du sud, dessiner votre cercle en le faisant dépasser de l'image à détourer et appuyer deux fois sur la touche Backspace.
  • Vous pouvez dessiner une simpe ligne même avec l'outil de dessin de spline si elle est constituée de deux points de contrôle de chemin.
  • Une appproximation de la courbe pour découper l'image sélectionnée est nécessaire, plus la hauteur des bandes est fine plus précis sera le résultat, malgré tout il peut être intéressant de procéder par approche successive pour obtenir le résultat escompté.

Méthode pour détourer une forme et l'exporter en PNG:

  • Ouvrir une image par point avec ce pictogramme ou coller-la avec depuis le presse-papier
  • Dessiner un élément de dessin que vous prenez soin de fermer en cliquant sur une couleur de la palette.
  • Sélectionner ces deux éléments : l'image et l'élément de dessin fermé, au préalable.
  • Le pictogramme suivant apparaît avec la fonction detourage_2 d'image bitmap.
  • Donner un nom à votre image Png, ce format accepte la transparence et Gimp par exemple vous permez de l'ouvrir, car ce format est associé à cette extension et il accepte la transparence.
Note:
  • Les cheveux qui pourraient être le nom des courbes Splines ou de Béziers.


© BeeLog écrit par denis Bertin




Sed cautela nimia in peiores haeserat plagas, ut narrabimus postea, aemulis consarcinantibus insidias graves apud Constantium, cetera medium principem sed siquid auribus eius huius modi quivis infudisset ignotus, acerbum et inplacabilem et in hoc causarum titulo dissimilem sui. Post hoc impie perpetratum quod in aliis quoque iam timebatur, tamquam licentia crudelitati indulta per suspicionum nebulas aestimati quidam noxii damnabantur. quorum pars necati, alii puniti bonorum multatione actique laribus suis extorres nullo sibi relicto praeter querelas et lacrimas, stipe conlaticia victitabant, et civili iustoque imperio ad voluntatem converso cruentam, claudebantur opulentae domus et clarae. Et licet quocumque oculos flexeris feminas adfatim multas spectare cirratas, quibus, si nupsissent, per aetatem ter iam nixus poterat suppetere liberorum, ad usque taedium pedibus pavimenta tergentes iactari volucriter gyris, dum exprimunt innumera simulacra, quae finxere fabulae theatrales. Sed cautela nimia in peiores haeserat plagas, ut narrabimus postea, aemulis consarcinantibus insidias graves apud Constantium, cetera medium principem sed siquid auribus eius huius modi quivis infudisset ignotus, acerbum et inplacabilem et in hoc causarum titulo dissimilem sui. Post hoc impie perpetratum quod in aliis quoque iam timebatur, tamquam licentia crudelitati indulta per suspicionum nebulas aestimati quidam noxii damnabantur. quorum pars necati, alii puniti bonorum multatione actique laribus suis extorres nullo sibi relicto praeter querelas et lacrimas, stipe conlaticia victitabant, et civili iustoque imperio ad voluntatem converso cruentam, claudebantur opulentae domus et clarae. Et licet quocumque oculos flexeris feminas adfatim multas spectare cirratas, quibus, si nupsissent, per aetatem ter iam nixus poterat suppetere liberorum, ad usque taedium pedibus pavimenta tergentes iactari volucriter gyris, dum exprimunt innumera simulacra, quae finxere fabulae theatrales.






Si vous cliquez sur l'option
<Div> alors le masque ainsi déterminé
par la courbe de Bézier est converti
en élément de Division appelé <Div>
Pour cela ce générateur de code
va suivre la courbe ainsi disposée
Exemple de réalisation écrite par Denis Bertin avec le logiciel qu'il a écrit