Chapitre 19 Les Styles

Chapitre 19 Les Styles 6: Advanced Exercises olor Sets and take Face Settings from Green. Les Styles pré-définis Editer et créer des styles Filigranes et arrière-plan Now the style looks more like painting on canvas. 10. For a style like this, you probably want to remove the sky (in Background Settings), and remove the Model Axes (in Modeling Settings). Paper Watermarks and take the Sketchy Edges In the previous section, you got a taste of sketchy, or non photo-realistic, edge rendering. This sections will explore these styles more in-depth, and you will learn how to create your own sketchy edge styles. Sketchy Edge Properties 1. Using the same model or a new one, activate

6 Presentation Styles NOTE : D'autres styles sont disponibles sur Google pour les NOTE: Styles are available for Google SketchUp Free and Pro users. However, versions only gratuites Pro users et Pro. have Mais the ability seuls to les create versions and save custom styles. Pro pourront enregistrer leurs propres textures. SketchUp version 6.0 exercices 2. Open the Styles window (Window / Styles). Open In 2) Ouvrez Model la - palette the only des style Styles, that puis appears cliquez so sur far l'icône is Google "Dans le modèle". SketchUp s Le style default qui style. apparaît, This est style style has white par défaut. and blue face colors, profile edges, axes, etc. The Styles window is where you establish how the model is La displayed. palette des And, Styles new est to l'endroit Version où 6, vous you déterminez can create de and save quelle styles, façon which sera vu enable modèle. you to quickly switch between various ways of displaying the model. NOTE: Scenes are also used to quickly switch between various : Les scènes peuvent être utilisées pour montrer le display modes, and work in tandem with styles. This is covered in Updating modèle Scenes sous on différents page 163. styles. Pre-Defined Styles LES STYLES PRÉ-DÉFINIS Google SketchUp comes with a few styles already defined. These might not fit exactly what you want, but it s SketchUp a good est place fournis to see avec how quelques styles styles are set déjà up. définis 1. 1) Commencez Start with a par simple créer model quelques with modèles some rectangular simples comme and ci-dessous. cylindrical Pour blocks. certain Make blocs, some donnez of the la blocks couleur in de the la face Face inverse Back (avec color un (right-click clic-droit>inverser on the faces les faces). and select Reverse Faces). NOTE : Le style par défaut, apparaît de cette façon, si les préférences sont réglées en 2D, sinon le style ap- NOTE: This is the default style when working with a 2D template. If you are paraît working autrement. in a 3D template, Pour changer your default le "Template", style will be allez different. To change your template, open Window / Preferences dans "Préférences>Modèle type" et choisissez un to the Template page. The next time you start a new SketchUp file, the template you select will open. environnement métrique 2D. Vous devrez redémarrer SketchUp. 3) 3. Cliquez Open sur the le drop-down menu déroulant menu et and choisissez, select Assorted "Styles assortis" Styles. 119 224

Google SketchUp 6: Advanced Exercises Here you can see some of the pre-defined styles Vous (there avez maintenant are a few other quelques categories). styles pré-définis. 5) 5. De Back retour in dans Google SketchUp, SketchUp, cliquez click sur one le style of the "Peinture à la bombe pre-defined aérosol styles, sur briques" such as Spraypaint on Brick. 4) 4. Pour To voir see where où ces these styles styles se trouvent, reside, ouvrez open the le dossier, folder "SketchUp/Styles"...\Google SketchUp 6\Styles. The model takes on this style s properties: white and Le modèle s'adapte aussitôt. Le fond, les faces et les blue faces, brick watermark background, sketchy arêtes. edges. Mac: The styles are in Main Directory / Library / Application Support / Google SketchUp 6 / SketchUp / Styles. MAC : Sur Mac, allez dans "Application support>sketchup". NOTE: We will take a closer look at style files themselves in Watermarks and Backgrounds on page 126 and Sketchy Edges on page 138. 6) 6. Choisissez Click a few d'autre more styles styles pour to voir see comment how the model le modèle se updates. met à jour. End Puis with terminez the one votre shown visite below par - le 00 style Default "00 Default Style style" (found dans in le Default menu "Styles Styles ). par défaut". 120 225

SketchUp version 6.0 exercices Presentation Le modèle The model devrait should apparaître look comme like this: ci-dessous. straight edges with profiles, blue sky, and tan background. Editing and Creating Styles EDITER ET CRÉER DES STYLES NOTE: : Only Seul Google SketchUp SketchUp Pro peut Pro users créer can des create styles. and save new styles. La première étape, consiste à modifier le style par défaut. The first step here is to make some changes to this current 1) style. Cliquez sur l'onglet "Modifier". 1. Click the Edit tab for the current style. 7. 7) Regardez Look In "dans Model le modèle" to see all pour the voir styles tous you les tried styles out. triés. Cliquez Click the maintenant Details arrow sur la to flèche open "Détails", the context pour menu ouvrir and le menu contextuel select Purge et choisissez Unused. "Purger les éléments inutilisés". This tab contains five categories of properties you Cet onglet contient 5 catégories de propriétés : can set for the style: Edge, Face, Background, Arêtes, Faces, Arrière-plan, filigrane et Modélisation. Watermarks, and Modeling. 2) 2. Commencez Start in the avec Face les settings, réglages and des change "faces", the et Face changez Front la couleur color. de la face recto. All that remains is the current style - 00 Default Tous Style. les styles disparaissent sauf "00 Default Style". As you make changes to the faces, the model display Les modifications se font en temps réel. updates in real time. 3. In Background settings, change the Background 3) Dans color. l'onglet "Arrière-plan", changez la couleur de l'arrière-plan. 121 226

Google SketchUp 6: Advanced Exercises 4. 4) Ouvrez In Edge l'onglet settings, "Arêtes", check sélectionnez Jitter to make "Arêtes the floues", edges pour rendre more les sketchy. arêtes moins rectilignes. 7. Maybe you ve noticed that an update symbol has 7) Peut-être appeared avez-vous on the large remarqué thumbnail le nouveau at the symbole top, from "Mise à jour" when sur you la made grande your icône first où change. sur le coté Before droit your de la palette. changes Cliquez are accepted, sur l'un des you deux. need to click this, or click the Update icon on the right of the window. 5. 5) Pour Finally, finir, donnez assign a un new nom name au style for the en style haut de at the la fenêtre, top of indiquez the window. aussi la Enter description. a description too, if you like. MAC Mac: : Click Cliquez the sur Update la petite icon icône to update pour mettre the style à jour. (not the large thumbnail). Maintenant le nouveau nom et la nouvelle icône sont affichés. Now the new name and properties are displayed. 6. 6) Revenez Switch maintenant back to the à Select l'onglet tab. "Sélectionner". The new name Le is not nouveau reflected style in the n'apparaît tool tip, pas and encore. the thumbnail Aucune vignette does not ne show le montre. any changes. 8) 8. Pour To créer create un a nouveau new style, style, click cliquez the Create sur le bouton new style "Créer button. un Style". 122 227

SketchUp version 6.0 exercices Presentation This new style is based on the current one, and is Le nouveau style est basé par défaut sur le style assigned an automatic name, also based on the activé, son nom également. current style. 11) 11. Dans For Edge l'onglet settings, "Arêtes", remove désactivez Profiles, "Profilées", add Endpoints, ajoutez "extrémités", and make the puis edges passez red. la couleur des arêtes en rouge. 9) 9. Sélectionnez Make sure le this nouveau new style, is puis selected, cliquez and sur open l'onglet the "Modifier". Edit tab. Dans In Background les réglages d'arrière-plan, settings, change indiquez the une Background couleur blanche to white et supprimez and remove le ciel. the Sky. 12) 12. Dans In Modeling l'onglet "Modélisation", settings, remove désactivez the Model les axes Axes. du modèle. 10. For Face settings, activate Hidden Line. (You could 10) Dans also l'onglet use the "Face", standard activez toolbar "arêtes icon cachées". to switch to Hidden Line). 13) 13. Pour Finally, terminer, change Changez the name le nom, ( Schematic "Schematic" in avec this case) la description. and description, Faîtes and une Update mise à jour. the style. 123 228

Google SketchUp 6: Advanced Exercises Vous You devriez should maintenant now have these avoir two ces deux styles styles defined dans In la Model. fenêtre "Dans le modèle". NOTE : Vous pouvez aussi enregistrer n'importe quel style TIP: You can save individual styles to any library or folder, by right-clicking en un on clic-droit its thumbnail sur la and vignette, selecting puis Save en As. l'enregistrant If you save a style to the folder where the predefined styles are stored, the dans le dossier d'une bibliothèque. Dans le menu styles will then appear when you open the relevant folder. However, contextuel, if you work vous with devrez numerous "actualiser" styles, you pour might voir not le want to clutter nouveau the predefined style apparaître. folders! 16. 16) Maintenant Now we ll nous activate allons another activer style, un autre edit it, style, and le add modifier, it to et l'ajouter the new à library. la nouvelle Open bibliothèque. the Sketchy Activez Edges la bibliothèque library, "Arêtes and activate de croquis", Sketchy le Marker. style "Croquis au marqueur libre". 14. 14) Pour Let s pouvoir assume utiliser these ces are deux two styles you dans will d'autres want to projets, use repeatedly vous allez in devoir the future, créer and votre want propre them bibliothèque. saved in Cliquez their own sur library. le menu Use contextuel, the context et choisissez, menu to "Enregistrer Save la Library bibliothèque As. select sous". MAC Mac: : Lorsque When saving vous enregistrez a library, you la bibliothèque, have the option vous to Add to pouvez favorites. cocher If you l'option check "Ajouter this, the aux library favoris". you La save will bibliothèque be available sera ainsi, the toujours browser disponible in this file dans and future la files. palette. 17. 17) Retournez Return dans the Acme la bibliothèque Styles library, "Acme Styles", and click puis cliquez Display sur secondary "Afficher le selection panneau pane. de sélection secondaire". 15. Browse to where you want to save these styles, and 15) Nommez create a folder la bibliothèque for them " called Acme Acme styles". Enregistrez-la Styles. This où library vous name voulez. now Elle appears apparaît in dorénavant the window, dans and la it palette. contains both styles. 124 229

SketchUp version 6.0 exercices Presentation 18. 18) Vous This avez opens maintenant another section deux panneaux of the Styles de styles, window disponibles. which Affichez you can le display panneau another du bas library. avec la Set bibliothèque this lower in "Dans section le to modèle". display Vous In Model, devriez where avoir trois the styles, new active dont le dernier style appears, créé. in addition to the two you ve already used. 20) 20. Changez le the nom name en "Marqueur to something noir like avec Black arrière-plan", Marker puis with effectuez Background une mise and à Update jour. Le style the style. modifié The apparaît new maintenant name, and dans the ground la palette. and sky, appear In Model. NOTE : La raison d'ouvrir "Dans le modèle", est que vous pouvez modifier un style dans n'importe quelle autre bibliothèque sans craindre de la changer. NOTE: The reason to open In Model is that you can t edit a style in any other library. This is to protect library styles from being accidentally overwritten. 19. 19) Le With dernier the new style style étant selected toujours In sélectionné, Model, open cliquez the sur Edit "Modifier". tab. Add a Ajoutez Sky and ensuite Ground. ciel et un sol. 21. To place this style in Acme Styles, simply drag it 21) Pour from placer the lower le nouveau pane (In style Model) dans la to bibliothèque the upper one "Acme styles", (Acme Faîtes Styles). un glisser-déposer This a lot easier d'une than palette using vers Save l'autre. As! 125 230

Google SketchUp 6: Advanced Exercises NOTE Acme : "Acme Styles Styles" should devrait now avoir have maintenant three styles. trois styles. You can Vous verify pouvez this by vérifier browsing dans le to dossier the folder concerné. where you created the library, to see the three style files. NOTE Now : La you bibliothèque can access "Acme Acme Styles" Styles apparaît in the dans lower pane, le and panneau future du SketchUp bas dans files le will menu also déroulant show this folder. "Dans le modèle". 22. If you look for Acme Styles in the lower 22) Si drop-down vous rechercher menu, "Acme you won t Styles", find dans it. le So panneau far, this du bas, folder vous only ne exists le trouverez in the pas. current file (and in the folder you created on your hard drive). 23) 23. Si If vous you voulez want to avoir be able accès to à access cette bibliothèque this folder in dans future le future, files, and vous in devez the lower l'enregistrer pane, it en needs tant que to be "Favoris", set as a (comme favorite. sur MAC In the précédemment). top pane, click Cliquez the Details sur le arrow menu déroulant and select "Détails", Add library et choisissez to favorites. "Ajouter la bibliothèque aux favoris". TIP: If you always work with the same styles, you can save them in a template. Place the styles you want In Model, activating the one you expect to use most often, and set the view and units you want. Save the empty file to the...\google SketchUp 6\Templates folder. Then open Window / Preferences to the FILIGRANES Template page, ET and ARRIÈRE-PLAN select this template. The next time you create a new SketchUp file, this template will open. Voici une nouvelle fonction de SketchUp 6, qui vous permet Watermarks de placer une image and en filigrane Backgrounds en arrière-plan et superposition. This is a new feature in Version 6, which enables you to add graphics as either a background or overlay. Les styles de filigranes pré-définis Predefined Watermark Styles 1) 1. Pour To voir see à what quoi a ressemble watermark un style style looks de filigrane, like, open dans the le menu Paper déroulant, Watermarks choisissez folder "Filigranes and click de papier" Watercolor puis "Papier Paper. aquarelle". Mac: If you checked Add to favorites when saving the library, the above step is not necessary. 126 231

SketchUp version 6.0 exercices Presentation NOTE There : Vous is apercevez now a background maintenant image un arrière-plan resembling papier. paper. 4. The settings on this window will be discussed later, 4) Nous but verrons this is where les préférences you can select de cette an fenêtre image, define plus loin. how C'est transparent ici que vous it is, pouvez and set choisir its position une image and et scale. définir To sa transparence. select a different image, you can click the Browse button. 2. 2) Ouvrez Open l'onglet the Edit "Modifier", tab for this puis style les préférences to the Watermark des filigranes. settings. Il There y a deux are images two images définies defined pour for ce style, this style une - en an recouvrement overlay and et an l'autre underlay. en arrière-plan. 5. If you re curious about how these style files are set up, browse to...\google SketchUp 6\Styles\Paper Watermarks. The.style files here are actually zip files, so make a copy of Watercolor Paper.style and rename it Watercolor Paper.zip. 3. 3) Pour To modifier see the settings les préférences for one de of the chaque images, image, highlight sélectionnez it "Watercolor and click overlay" Edit watermark puis cliquez settings. sur l'icône "roues dentées". 6. Open this.zip file. The.xml files contain the style properties, and the ref folder contains all the external images used in the style. Open ref. 127 232

The underlay is usually a tiled background image, which appears behind all model objects. In order to look realistic, an image is usually needed above the objects as well, so an alpha-transparent version of the Google SketchUp 6: Advanced Exercises background image is used for the overlay. This will be shown in the next section. Here you can find the two images used for the Creating Your Own Watermark Style Créer overlay un style and de underlay. filigrane There are four graphics that will be used in this section, Vous which allez can utiliser be downloaded quatre graphiques from pour cet exercice. Vous pouvez www.f1help.biz/ccp51/cgi-bin/su6files.htm. les télécharger à cette adresse : www.f1help.biz/ccp51/cgi-bin/su6files.htm AcmeToys.png Confidential.png - AcmeToys.png - Confidential.png paper_texture.jpg - Paper The texture.png underlay is usually a tiled background image, paper_texture.png which appears behind all model objects. In order to 1) 1. Activez look Say realistic, you maintenant want an all image la styles bibliothèque is in usually Acme "Acme needed Styles Styles", above to reflect et the style objects the "Schematic". company as well, logo. so Choisissez an Activate alpha-transparent l'onglet the Schematic "Modifier", version les of style préférences background from Acme filigranes, image Styles puis cliquez used and open for sur the the "ajouter overlay. Edit un tab. This filigrane". Open will the the be Watermark shown in the settings next section. and click Add Watermark. Creating Your Own Watermark Style There are four graphics that will be used in this section, which can be downloaded from www.f1help.biz/ccp51/cgi-bin/su6files.htm. AcmeToys.png Confidential.png paper_texture.jpg paper_texture.png 1. Say you want all styles in Acme Styles to reflect the company logo. Activate the Schematic style from Acme Styles and open the Edit tab. Open the Watermark settings and click Add Watermark. SketchUp version 6.0 exercices Mac: There is no preview; just browse to the file and open it. 2. Browse to the AcmeToys.png file. This image has 2) Sélectionnez a transparent le logo background, "AcmeToys.png". so in Windows, Cette image the possède background arrière-plan in the transparent. Preview window should be gray. Click Open. 3. In the Create Watermark window, assign a name for the graphic, such as Acme Toy Logo. Select Mac: There is no preview; just browse to the file and Overlay. Do not click Next yet. open it. 3) 3. Dans In the la fenêtre Create "Choisir Watermark un filigrane", window, donnez-lui assign a un name nom par for exemple the graphic, : "Acme such Toys as Logo", Acme puis Toy cochez Logo. "Incrustation". Overlay. NE FAÎTES Do not PAS click OK, Next TOUT yet. DE Select SUITE. 128 128 233

SketchUp version 6.0 exercices Presentation Le logo The rempli logo toute fills the la page screen et and couvre covers tous all les objects. objets. 5. 5) La The prochaine next step étape, in Create consiste Watermark à gérer la transparence. is to set the Pour blend. l'instant, Keep laissez the slider le curseur close to sur Image "Image". so that the logo will not be transparent. Click Next. 4. 4) Changez Switch maintenant from Overlay et cochez to Background "Arrière-plan" and puis click faîtes "suivant". Next. 6. This last screen defines where the image is placed. 6) La dernière fenêtre gère la position et et la taille du logo. Select Positioned in the screen and click the lower Placez le logo en bas à droite et réduisez-le comme cidessous. right corner. Adjust the Scale to shrink the image so that it takes up a small amount of space in the corner. The logo still fills the screen, but is hidden behind Le logo se trouve maintenant derrière les objets. objects. 7. Don t forget to Update the style. 7) N'oubliez pas de "Mettre à jour" le style. This is how the logo should look - it is always the Vous pouvez same size maintenant and position, tourner no autour matter de how votre you modèle, orbit or zoomer, zoom le logo the restera model, en and place. it is always hidden behind objects (if any objects are in front of it). NOTE: If the style had a Ground defined, the background image would not appear on the ground. It would, however, appear on a Sky. If you want the appearance of a ground plane without actually defining a Ground, just make the Background color the color of the ground plane. 129 234

Google SketchUp 6: Advanced Exercises SketchUp version 6.0 exercices 8. 8) La The raison reason pour the laquelle logo le is logo behind est the invisible, objects est is qu'il that est its placé image sous is le placed modèle. below Sélectionnez Model le Space logo, puis on the à l'aide de Watermark la flèche, faîtes-le page. monter Select au the premier logo image plan. and click the Up arrow. 9) 9. Faîtes Update une mise again. à jour. The Mais style la has bibliothèque changed In "Acme Model, Styles" but est not protégée in Acme en écriture. Styles. This is because styles in libraries are protected from being overwritten. Le logo The apparaît logo image is now above Model Space. 10. To update the style in Acme Styles, simply drag it 10) Pour in from faire In une Model. mise à You ll jour dans be asked la bibliothèque to confirm "Acme the Styles", style s faîtes replacement. un "glisser-déposer" et OK. And the image stays above the objects in the model. Et This le modèle is how reste you en can arrière-plan change a Background du logo. Vous image allez maintenant into an modifier Overlay. le logo "arrière-plan" en "incrustation". 11. One more image will be added to this style. Click 11) Vous Add allez Watermark ajouter une again image and supplémentaire browse to dans ce style. Confidential.png. Cliquez sur "Ajouter This un image filigrane", also et has sélectionnez a Confidential.png", transparent background. Choisissez Make "Incrustation". this image an Overlay. 130 235

SketchUp version 6.0 exercices Presentation 12. 12) À In la the prochaine next screen, fenêtre, set rendez the blend l'image between semi Model transpa-anrente. Image so that the image will be transparent. Voici This comment is how your le modèle model devrait should apparaître look in this avec style. ce style. 13. Finally, select Stretched to fit. If you keep Lock 13) Pour Aspect terminer, Ratio sélectionnez checked, the "étiré" image dans will le keep menu its déroulant proportions. puis Otherwise "Verrouillez the les image proportions". will distort to fit the size of the model window. 14. Update again and update the style from In Model to 14) Maintenant, dans la bibliothèque "Dans le modèle", Acme Styles. faîtes une mise à jour. La This palette is how de the la bibliothèque images should devrait stack avoir up cet - both ordre are ci-dessous. overlays. 15) 15. Pour The le next prochain style edit style, will nous involve allons copying copier le watermarks filigrane d'un from autre another style style, et ajouter and adding deux autres two more images. images. Commencez Start by par activating activer le Sketchy style créé Purple au début Background, du cours. Choisissez and open l'onglet the Mix "Mélanger". page. 131 236

Google SketchUp 6: Advanced Exercises SketchUp version 6.0 exercices 16. 16) Cet This onglet tab enables vous permet you to de copy copier a set un of ensemble properties de from propriétés one style to d'un the style active sur style. style With actif. Acme La bibliothèque Styles "Acme displayed Styles" in the étant lower ouverte pane, dans click la on partie the Schematic inférieure, vous style allez - the utiliser one that le style should "Shematic" now be updated que vous to venez include créer two watermark avec les filigranes. images. 18) 18. Le The style current devrait style maintenant should now comporter have the les Acme filigranes, Toy "Acme logo and toys" the et Confidential "Confidential". stamp. 17) Les paramètres que nous voulons copier sont ceux des 17. filigranes. The settings Faîtes we un want "glisser-déposer" to copy watermarks, du style "Shematic" so now sur click les Watermark paramètre des Settings filigranes. on the Mix page. 19) 19. Mais The le Confidential filigrane "Confidential", stamp is not n'est needed pas essentiel for this à style, ce style. so highlight Choisissez it in l'onglet the Watermark "Modifier" puis page les and paramètres click des Delete filigranes Watermark. puis supprimez le calque "Confidential". There should now just be one watermark image Il ne doit listed. rester que le filigrane "Acme toys". NOTE: You could also drag the cursor from Schematic below to Watermark Settings above. 132 237

SketchUp version 6.0 exercices Presentation 20. 20) Cliquez Click Add maintenant Watermark sur "Ajouter and browse un filigrane", to puis choisissez paper_texture.jpg. "Paper_Texture.jpg". (This image was found on Google images, from a search for paper. ) Voici This comment is how the votre model image should devrait look apparaître. - the paper Pour texture qu'elle appears devienne behind plus all objects réaliste, and vous the allez logo aussi image. placer The une style texture doesn t sur look les objets. very realistic, because there should be some texture above the objects as well. 21. 21) Faîtes Make passez this l'image a Background. en arrière-plan. 22. On the next window, set the Blend so that the image 22) à isn t la fenêtre too strong. suivante, modifiez la transparence à 50%. 24. Add another watermark, and browse to paper_texture.png. This was created from the 24) Ajoutez maintenant un autre filigrane en reprenant original paper_texture.jpg image, with alpha "Paper_texture.jpg". transparency added to a brown color with a high enough tolerance to appear like this: 23. 23) Pour Finally, terminer, set the choisissez image as "Mosaïque" Tiled across puis the réduisez screen, ou agrandissez with a Scale l'échelle, that seems comme right bon to vous you. semble. 25) 25. Placez This image la texture should en "Incrustation". be an Overlay. 133 238

Google SketchUp 6: Advanced Exercises 26. The Blend should be similar to the previous image. 26) Placez The exact ensuite setting la transparence is not important à 50% because comme you précédemment. can edit it later. SketchUp version 6.0 exercices The L'ordre order des of watermarks calques devrait should être look comme like ci-dessous. this, with the overlay first: 27. 27) Puis Like faîtes before, de set même this pour as Tiled l'échelle. across the screen. 28) 28. Si Assuming vous vouliez you que want le logo the soit logo au to premier appear plan on top sans of all texture, textures, vous use pouvez the Up le arrow sélectionner to move et le that passer image audessus top of à the l'aide list. de la to the flèche Vous Now avez there maintenant is texture une above texture the objects, en arrière-plan and above et une the autre logo en image premier as well. plan Et voila Now comment the logo l'image appears devrait with maintenant no texture apparaître. on it. 29. If you want to change settings of any image, highlight it and click Edit Watermark Settings. You can also use this to change the source image for the watermark. 134 Si jamais vous vouliez modifier des paramètres de réglages de filigranes, cliquez sur l'icône des réglages. 239 30. To see the details of this style, browse to where you saved Acme Styles. Copy Sketchy Purple