Comme vous le savez peut-être, travailler avec LayOut (inclue dans SketchUp Pro) est un excellent moyen de préparer des documents à imprimer ou des présentations avec des modèles 3D. Ce que vous ignorez peut-être, c’est que l’outil est aussi parfait pour préparer des images tirées de modèles SketchUp à être publiées sur le Web.
Imaginions que nous soyons en train de créer un site, et que nous ayons besoin d’une page « En construction » jusqu’au lancement du site. Essayons d’abord de trouver quelque chose dans le Google 3D Warehouse correspondant à l’idée des travaux. Dans SketchUp 7, l’outil Navigateur nous permet de trouver des modèles dans la 3D Warehouse et de les télécharger directement dans notre document dans avoir à quitter SketchUp. Voici le modèle que je vais utiliser :
Après avoir sélectionné un modèle, nous avons besoin d’ajuster légèrement sons style. Ensuite, nous voulons complètement occulter les couleurs du ciel et du sol. Nous voulons que le modèle ait un arrière-plan transparent, le rendant ainsi compatible avec une large variété de couleurs de site.
Place à la première astuce : nous pouvons préparer notre modèle SketchUp pour indiquer à LayOut que nous souhaitons donner un arrière-plan transparent à notre document. Nous informons LayOut en choisissant un arrière-plan blanc (en fait, n’importe quelle couleur convient, tant qu’elle correspond à la couleur du papier du document LayOut).
Dans l’inspecteur de style, allez dans les « Styles par défaut« , et sélectionnez le « Style Ingénieur« . Ce style masque le ciel et le sol, et rend l’arrière-plan blanc, la même couleur que sur le document LayOut vide :
Ensuite, nous préparerons notre modèle pour le Web en ajoutant des textures visuelles dans LayOut. Sélectionnez « Envoyer à LayOut… » depuis le menu Fichier pour créer un nouveau document LayOut avec le plot de construction. Ajustez ensuite la taille du modèle et l’angle de la caméra, et utilisez d’autres outils LayOut pour ajouter du texte et des annotations.
Seconde astuce : ouvrez le panneau « Paramètres du document… » et sélectionnez l’onglet « Papier« . Assurez-vous que l’option « Imprimer les couleurs du papier » est désactivée. Ce paramètre influe non seulement sur les impressions, mais aussi sur les images exportées. Pendant le transfert de l’image, désactiver cette option indique à LayOut de créer un arrière-plan transparent.
Après avoir tout configuré, exportez simplement l’image dans votre format favori (PNG est un bon choix, puisqu’il prend en charge la transparence), et ajoutez-la à votre page « En construction« . Voici un exemple de l’image originale centrée sur une page Web avec un arrière-plan blanc :
Cependant, lorsque nous changeons inévitablement de choix par rapport à la couleur de fond, l’image avec un fond transparent ne nécessite aucune action supplémentaire. Voici la même image sur une couleur de fond différente :
Les images avec des arrière-plans transparents sont beaucoup plus flexibles pour le Web. SketchUp Pro et LayOut rendent le processus de création d’images pour Internet très simple. Souvenez-vous simplement de sélectionner une couleur de fond correspondant à cette de votre document LayOut.
Par Preston Jackson, Ingénieur logiciel
