Chapitre 19 Les Styles
Les Styles pré-définis Editer et créer des styles Filigranes et arrière-plan Google SketchUp 6: Advanced Exercises
138
8. Now open “Color Sets” and take Face Settings from
“Orange and Green.”
9. Finally, open “Paper Watermarks” and take the Watermark Settings from “Canvas.”
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).
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
“Sketchy Charcoal Loose.”
224
119
Styles
NOTE:Styles are available for Google SketchUp Free and Pro users. However, only Pro users have the ability to create and save custom styles.
The Styles window is where you establish how the model is displayed. And, new to Version 6, you can create and save styles, which enable you to quickly switch between various ways of displaying the model.
NOTE:Scenes are also used to quickly switch between various display modes, and work in tandem with styles. This is covered in “Updating Scenes” on page 163.
Pre-Defined Styles
Google SketchUp comes with a few styles already defined. These might not fit exactly what you want, but it’s a good place to see how styles are set up.
1. Start with a simple model with some rectangular and cylindrical blocks. Make some of the blocks in the Face Back color (right-click on the faces and select Reverse Faces).
Model - the only style that appears so far is Google SketchUp’s default style. This style has white and blue face colors, profile edges, axes, etc.
NOTE:This is the default style when working with a 2D template.
If you are working in a 3D template, your default style will be different. To change your template, open Window / Preferences to the Template page. The next time you start a new SketchUp file, the template you select will open.
3. Open the drop-down menu and select Assorted Styles.
NOTE : D'autres styles sont disponibles sur Google pour les versions gratuites et Pro. Mais seuls les versions Pro pourront enregistrer leurs propres textures.
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- paraît autrement. Pour changer le "Template", allez dans "Préférences>Modèle type" et choisissez un environnement métrique 2D. Vous devrez redémarrer SketchUp.
NOTE : Les scènes peuvent être utilisées pour montrer le modèle sous différents styles.
LES STYLES PRÉ-DÉFINIS
SketchUp est fournis avec quelques styles déjà définis 1) Commencez par créer quelques modèles simples comme
ci-dessous. Pour certain blocs, donnez la couleur de la face inverse (avec un clic-droit>Inverser les faces).
2) Ouvrez la palette des Styles, puis cliquez sur l'icône "Dans le modèle". Le style qui apparaît, est le style par défaut.
3) Cliquez sur le menu déroulant et choisissez, "Styles assortis"
La palette des Styles est l'endroit où vous déterminez de quelle façon sera vu le modèle.
225
120
Here you can see some of the pre-defined styles (there are a few other categories).
4. To see where these styles reside, open the folder
“...\Google SketchUp 6\Styles.”
Mac: The styles are in Main Directory / Library / Application Support / Google SketchUp 6 / SketchUp / Styles.
NOTE:We will take a closer look at style files themselves in
“Watermarks and Backgrounds” on page 126 and “Sketchy Edges” on page 138.
5. Back in Google SketchUp, click one of the pre-defined styles, such as “Spraypaint on Brick.”
The model takes on this style’s properties: white and blue faces, brick watermark background, sketchy edges.
6. Click a few more styles to see how the model updates. End with the one shown below - “00 Default Style” (found in “Default Styles”).
4) Pour voir où ces styles se trouvent, ouvrez le dossier,
"SketchUp/Styles"
6) Choisissez d'autre styles pour voir comment le modèle se met à jour. Puis terminez votre visite par le style "00 Default style" dans le menu "Styles par défaut".
5) De retour dans SketchUp, cliquez sur le style "Peinture à la bombe aérosol sur briques"
Le modèle s'adapte aussitôt. Le fond, les faces et les arêtes.
MAC : Sur Mac, allez dans "Application support>SketchUp".
Vous avez maintenant quelques styles pré-définis.
226
121 profiles, blue sky, and tan background.
7. Look In Model to see all the styles you tried out.
Click the Details arrow to open the context menu and select Purge Unused.
All that remains is the current style - “00 Default Style.”
Editing and Creating Styles
NOTE:Only Google SketchUp Pro users can create and save new styles.
The first step here is to make some changes to this current style.
1. Click the Edit tab for the current style.
This tab contains five categories of properties you can set for the style: Edge, Face, Background, Watermarks, and Modeling.
2. Start in the Face settings, and change the Face Front color.
As you make changes to the faces, the model display updates in real time.
3. In Background settings, change the Background color.
7) Regardez "dans le modèle" pour voir tous les styles triés.
Cliquez maintenant sur la flèche "Détails", pour ouvrir le menu contextuel et choisissez "Purger les éléments inutilisés".
2) Commencez avec les réglages des "faces", et changez la couleur de la face recto.
3) Dans l'onglet "Arrière-plan", changez la couleur de l'arrière-plan.
EDITER ET CRÉER DES STYLES
NOTE : Seul SketchUp Pro peut créer des styles.
La première étape, consiste à modifier le style par défaut.
1) Cliquez sur l'onglet "Modifier".
Tous les styles disparaissent sauf "00 Default Style".
Cet onglet contient 5 catégories de propriétés : Arêtes, Faces, Arrière-plan, filigrane et Modélisation.
Les modifications se font en temps réel.
Le modèle devrait apparaître comme ci-dessous.
227
122
4. In Edge settings, check Jitter to make the edges more sketchy.
5. Finally, assign a new name for the style at the top of the window. Enter a description too, if you like.
6. Switch back to the Select tab. The new name is not reflected in the tool tip, and the thumbnail does not show any changes.
7. Maybe you’ve noticed that an “update” symbol has appeared on the large thumbnail at the top, from when you made your first change. Before your changes are accepted, you need to click this, or click the Update icon on the right of the window.
Mac: Click the Update icon to update the style (not the large thumbnail).
Now the new name and properties are displayed.
8. To create a new style, click the Create new style button.
4) Ouvrez l'onglet "Arêtes", sélectionnez "Arêtes floues", pour
rendre les arêtes moins rectilignes. 7) Peut-être avez-vous remarqué le nouveau symbole "Mise à jour" sur la grande icône où sur le coté droit de la palette. Cliquez sur l'un des deux.
MAC : Cliquez sur la petite icône pour mettre à jour.
Maintenant le nouveau nom et la nouvelle icône sont affichés.
5) Pour finir, donnez un nom au style en haut de la fenêtre, indiquez aussi la description.
6) Revenez maintenant à l'onglet "Sélectionner". Le nouveau style n'apparaît pas encore. Aucune vignette
ne le montre. 8) Pour créer un nouveau style, cliquez sur le bouton
"Créer un Style".
228
123 assigned an automatic name, also based on the
current style.
9. Make sure this new style is selected, and open the Edit tab. In Background settings, change the Background to white and remove the Sky.
10. For Face settings, activate Hidden Line. (You could also use the standard toolbar icon to switch to Hidden Line).
and make the edges red.
12. In Modeling settings, remove the Model Axes.
13. Finally, change the name (“Schematic” in this case) and description, and Update the style.
9) Sélectionnez le nouveau style, puis cliquez sur l'onglet
"Modifier". Dans les réglages d'arrière-plan, indiquez une couleur blanche et supprimez le ciel.
10) Dans l'onglet "Face", activez "arêtes cachées".
12) Dans l'onglet "Modélisation", désactivez les axes du modèle.
13) Pour terminer, Changez le nom, "Schematic" avec la description. Faîtes une mise à jour.
"extrémités", puis passez la couleur des arêtes en rouge.
Le nouveau style est basé par défaut sur le style activé, son nom également.
229
124
You should now have these two styles defined In Model.
14. Let’s assume these are two styles you will want to use repeatedly in the future, and want them saved in their own library. Use the context menu to select Save Library As.
Mac: When saving a library, you have the option to Add to favorites. If you check this, the library you save will be available in the browser in this file and future files.
15. Browse to where you want to save these styles, and create a folder for them called “Acme Styles.” This library name now appears in the window, and it contains both styles.
TIP:You can save individual styles to any library or folder, by right-clicking on its thumbnail and selecting Save As. If you save a style to the folder where the predefined styles are stored, the styles will then appear when you open the relevant folder.
However, if you work with numerous styles, you might not want to clutter the predefined folders!
16. Now we’ll activate another style, edit it, and add it to the new library. Open the “Sketchy Edges” library, and activate “Sketchy Marker.”
17. Return to the “Acme Styles” library, and click Display secondary selection pane.
Vous devriez maintenant avoir ces deux styles dans
la fenêtre "Dans le modèle". NOTE : Vous pouvez aussi enregistrer n'importe quel style en un clic-droit sur la vignette, puis en l'enregistrant dans le dossier d'une bibliothèque. Dans le menu contextuel, vous devrez "actualiser" pour voir le nouveau style apparaître.
14) Pour pouvoir utiliser ces deux styles dans d'autres projets, vous allez devoir créer votre propre bibliothèque.
Cliquez sur le menu contextuel, et choisissez, "Enregis- trer la bibliothèque sous".
16) Maintenant nous allons activer un autre style, le modifier, et l'ajouter à la nouvelle bibliothèque. Activez la bibliothèque
"Arêtes de croquis", et le style "Croquis au marqueur libre".
15) Nommez la bibliothèque " Acme styles". Enregistrez-la où vous voulez. Elle apparaît dorénavant dans la palette.
17) Retournez dans la bibliothèque "Acme Styles", puis cliquez sur "Afficher le panneau de sélection secondaire".
MAC : Lorsque vous enregistrez la bibliothèque, vous pouvez cocher l'option "Ajouter aux favoris". La bibliothèque sera ainsi, toujours disponible dans la palette.
230
125 which you can display another library. Set this lower
section to display In Model, where the new active style appears, in addition to the two you’ve already used.
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. With the new style selected In Model, open the Edit tab. Add a Sky and Ground.
with Background” and Update the style. The new name, and the ground and sky, appear In Model.
21. To place this style in “Acme Styles,” simply drag it from the lower pane (In Model) to the upper one (Acme Styles). This is a lot easier than using Save As!
18) Vous avez maintenant deux panneaux de styles, dispo- nibles. Affichez le panneau du bas avec la bibliothèque
"Dans le modèle". Vous devriez avoir trois styles, dont le dernier créé.
puis effectuez une mise à jour. Le style modifié apparaît maintenant dans la palette.
19) Le dernier style étant toujours sélectionné, cliquez sur
"Modifier". Ajoutez ensuite un ciel et un sol.
21) Pour placer le nouveau style dans la bibliothèque "Acme styles", Faîtes un glisser-déposer d'une palette vers l'autre.
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.
231
126
“Acme Styles” should now have three styles. You can verify this by browsing to the folder where you created the library, to see the three style files.
22. If you look for “Acme Styles” in the lower drop-down menu, you won’t find it. So far, this folder only exists in the current file (and in the folder you created on your hard drive).
23. If you want to be able to access this folder in future files, and in the lower pane, it needs to be set as a
“favorite.” In the top pane, click the Details arrow and select Add library to favorites.
Mac: If you checked Add to favorites when saving the library, the above step is not necessary.
Now you can access “Acme Styles” in the lower pane, and future SketchUp files will also show this folder.
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 Template page, and select this template. The next time you create a new SketchUp file, this template will open.
Watermarks and Backgrounds
This is a new feature in Version 6, which enables you to add graphics as either a background or overlay.
Predefined Watermark Styles
1. To see what a watermark style looks like, open the
“Paper Watermarks” folder and click “Watercolor Paper.”
NOTE : "Acme Styles" devrait avoir maintenant trois styles.
Vous pouvez vérifier dans le dossier concerné. NOTE : La bibliothèque "Acme Styles" apparaît dans le panneau du bas et dans le menu déroulant
"Dans le modèle".
22) Si vous rechercher "Acme Styles", dans le panneau du bas, vous ne le trouverez pas.
23) Si vous voulez avoir accès à cette bibliothèque dans le future, vous devez l'enregistrer en tant que "Favoris", (comme sur MAC précédemment). Cliquez sur le menu déroulant "Détails", et choisissez "Ajouter la bibliothèque aux favoris".
FILIGRANES ET ARRIÈRE-PLAN
Voici une nouvelle fonction de SketchUp 6, qui vous per- met de placer une image en filigrane ou en arrière-plan et superposition.
Les styles de filigranes pré-définis
1) Pour voir à quoi ressemble un style de filigrane, dans le menu déroulant, choisissez "Filigranes de papier" puis
"Papier aquarelle".
232
127 2. Open the Edit tab for this style to the Watermark
settings. There are two images defined for this style - an overlay and an underlay.
3. To see the settings for one of the images, highlight it and click Edit watermark settings.
but this is where you can select an image, define how transparent it is, and set its position and scale. To select a different image, you can click the Browse button.
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.”
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.”
2) Ouvrez l'onglet "Modifier", puis les préférences des filigranes. Il y a deux images définies pour ce style, une en recouvrement et l'autre en arrière-plan.
4) Nous verrons les préférences de cette fenêtre plus loin.
C'est ici que vous pouvez choisir une image et définir sa transparence.
3) Pour modifier les préférences de chaque image, sélectionnez
"Watercolor overlay" puis cliquez sur l'icône "roues dentées".
SketchUp
version 6.0 exercices233
128
Here you can find the two images used for the overlay and underlay.
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 background image is used for the overlay. This will be shown in the next section.
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.
2. Browse to the “AcmeToys.png” file. This image has a transparent background, so in Windows, the background in the Preview window should be gray.
Click Open.
Mac: There is no preview; just browse to the file and open it.
3. In the Create Watermark window, assign a name for the graphic, such as “Acme Toy Logo.” Select Overlay. Do not click Next yet.
Google SketchUp 6: Advanced Exercises
128
Here you can find the two images used for the overlay and underlay.
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 background image is used for the overlay. This will be shown in the next section.
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.
2. Browse to the “AcmeToys.png” file. This image has a transparent background, so in Windows, the background in the Preview window should be gray.
Click Open.
Mac: There is no preview; just browse to the file and open it.
3. In the Create Watermark window, assign a name for the graphic, such as “Acme Toy Logo.” Select Overlay. Do not click Next yet.
2) Sélectionnez le logo "AcmeToys.png". Cette image pos- sède un arrière-plan transparent.
3) Dans la fenêtre "Choisir un filigrane", donnez-lui un nom par exemple : "Acme Toys Logo", puis cochez "Incrusta- tion". NE FAÎTES PAS OK, TOUT DE SUITE.
Créer un style de filigrane
Vous allez utiliser quatre graphiques pour cet exercice. Vous pouvez les télécharger à cette adresse :
www.f1help.biz/ccp51/cgi-bin/SU6Files.htm - AcmeToys.png
- Confidential.png - Paper texture.png
1) Activez maintenant la bibliothèque "Acme Styles", et le style "Schematic". Choisissez l'onglet "Modifier", les pré- férences filigranes, puis cliquez sur "ajouter un filigrane".
234
129 4. Switch from Overlay to Background and click
Next.
The logo still fills the screen, but is hidden behind objects.
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.
blend. Keep the slider close to Image so that the logo will not be transparent. Click Next.
6. This last screen defines where the image is placed.
Select Positioned in the screen and click the lower right corner. Adjust the Scale to shrink the image so that it takes up a small amount of space in the corner.
7. Don’t forget to Update the style.
This is how the logo should look - it is always the same size and position, no matter how you orbit or zoom the model, and it is always hidden behind objects (if any objects are in front of it).
4) Changez maintenant et cochez "Arrière-plan" puis faîtes
"suivant".
5) La prochaine étape, consiste à gérer la transparence.
Pour l'instant, laissez le curseur sur "Image".
6) La dernière fenêtre gère la position et et la taille du logo.
Placez le logo en bas à droite et réduisez-le comme ci- dessous.
7) N'oubliez pas de "Mettre à jour" le style.
Vous pouvez maintenant tourner autour de votre modèle, zoomer, le logo restera en place.
Le logo se trouve maintenant derrière les objets.
235
130
8. The reason the logo is behind the objects is that its image is placed below “Model Space” on the Watermark page. Select the logo image and click the Up arrow.
The logo image is now above “Model Space.”
And the image stays above the objects in the model.
This is how you can change a Background image into an Overlay.
9. Update again. The style has changed In Model, but not in “Acme Styles.” This is because styles in libraries are protected from being overwritten.
10. To update the style in “Acme Styles,” simply drag it in from In Model. You’ll be asked to confirm the style’s replacement.
11. One more image will be added to this style. Click Add Watermark again and browse to
“Confidential.png.” This image also has a transparent background. Make this image an Overlay.
8) La raison pour laquelle le logo est invisible, est qu'il est placé sous le modèle. Sélectionnez le logo, puis à l'aide de la flèche, faîtes-le monter au premier plan.
9) Faîtes une mise à jour. Mais la bibliothèque "Acme Styles"
est protégée en écriture.
10) Pour faire une mise à jour dans la bibliothèque "Acme Styles", faîtes un "glisser-déposer" et OK.
11) Vous allez ajouter une image supplémentaire dans ce style. Cliquez sur "Ajouter un filigrane", et sélectionnez Confidential.png", Choisissez "Incrustation".
Le logo apparaît…
… Et le modèle reste en arrière-plan du logo. Vous allez maintenant modifier le logo "arrière-plan" en "incrustation".
236
131 Image so that the image will be transparent.
13. Finally, select Stretched to fit. If you keep Lock Aspect Ratio checked, the image will keep its proportions. Otherwise the image will distort to fit the size of the model window.
This is how the images should stack up - both are overlays.
14. Update again and update the style from In Model to
“Acme Styles.”
15. The next style edit will involve copying watermarks from another style, and adding two more images.
Start by activating “Sketchy Purple Background,”
and open the Mix page.
rente.
13) Pour terminer, sélectionnez "étiré" dans le menu déroulant puis "Verrouillez les proportions".
14) Maintenant, dans la bibliothèque "Dans le modèle", faîtes une mise à jour .
15) Pour le prochain style, nous allons copier le filigrane d'un autre style et ajouter deux autres images. Com- mencez par activer le style créé au début du cours.
Choisissez l'onglet "Mélanger".
La palette de la bibliothèque devrait avoir cet ordre ci-dessous.
style.
237
132
16. This tab enables you to copy a set of properties from one style to the active style. With “Acme Styles”
displayed in the lower pane, click on the “Schematic”
style - the one that should now be updated to include two watermark images.
17. The settings we want to copy is watermarks, so now click Watermark Settings on the Mix page.
NOTE:You could also drag the cursor from “Schematic” below to Watermark Settings above.
18. The current style should now have the “Acme Toy”
logo and the “Confidential” stamp.
19. The “Confidential” stamp is not needed for this style, so highlight it in the Watermark page and click Delete Watermark.
There should now just be one watermark image listed.
16) Cet onglet vous permet de copier un ensemble de propriétés d'un style sur le style actif. La bibliothèque
"Acme Styles" étant ouverte dans la partie inférieure, vous allez utiliser le style "Shematic" que vous venez de créer avec les filigranes.
18) Le style devrait maintenant comporter les filigranes,
"Acme toys" et "Confidential".
19) Mais le filigrane "Confidential", n'est pas essentiel à ce style. Choisissez l'onglet "Modifier" puis les paramètres des filigranes puis supprimez le calque "Confidential".
Il ne doit rester que le filigrane "Acme toys".
17) Les paramètres que nous voulons copier sont ceux des filigranes. Faîtes un "glisser-déposer" du style "Shematic"
sur les paramètre des filigranes.
238
133
“paper_texture.jpg.” (This image was found on Google images, from a search for “paper.”)
21. Make this image a Background.
22. On the next window, set the Blend so that the image isn’t too strong.
23. Finally, set the image as Tiled across the screen, with a Scale that seems right to you.
appears behind all objects and the logo image. The style doesn’t look very realistic, because there should be some texture above the objects as well.
24. Add another watermark, and browse to
“paper_texture.png.” This was created from the original “paper_texture.jpg” image, with alpha transparency added to a brown color with a high enough tolerance to appear like this:
25. This image should be an Overlay.
20) Cliquez maintenant sur "Ajouter un filigrane", puis
choisissez "Paper_Texture.jpg". Voici comment votre image devrait apparaître. Pour qu'elle devienne plus réaliste, vous allez aussi placer une texture sur les objets.
21) Faîtes passez l'image en arrière-plan.
22) à la fenêtre suivante, modifiez la transparence à 50%.
23) Pour terminer, choisissez "Mosaïque" puis réduisez ou agrandissez l'échelle, comme bon vous semble.
24) Ajoutez maintenant un autre filigrane en reprenant
"Paper_texture.jpg".
25) Placez la texture en "Incrustation".
239
134
26. The Blend should be similar to the previous image.
The exact setting is not important because you can edit it later.
27. Like before, set this as Tiled across the screen.
Now there is texture above the objects, and above the logo image as well.
The order of watermarks should look like this, with the overlay first:
28. Assuming you want the logo to appear on top of all textures, use the Up arrow to move that image to the top of the list.
Now the logo appears with no texture on it.
26) Placez ensuite la transparence à 50% comme précédemment.
27) Puis faîtes de même pour l'échelle.
28) Si vous vouliez que le logo soit au premier plan sans texture, vous pouvez le sélectionner et le passer au- dessus à l'aide de la flèche
Et voila comment l'image devrait maintenant apparaître.
Vous avez maintenant une texture en arrière-plan et une autre en premier plan…
… L'ordre des calques devrait être comme ci-dessous.
Presentation
135 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.
30. To see the details of this style, browse to where you saved “Acme Styles.” Copy “Sketchy Purple Background.style” to “Sketchy Purple Background.zip.”
31. Open the .zip file, and open the “ref” subfolder. Here you can see the three watermark images defined for this style.
Sampling: Mixing and Matching Styles
In the previous exercise you saw one example of how to copy properties of one style to another. This section expands on this. We will continue with the same file, using the style library already created.
1. With the lower pane of the Styles window still displayed, open “Sketchy Edges” and activate
“Sketchy Charcoal Loose.”
NOTE:Setting up your own sketchy style is described in
“Sketchy Edges” on page 138.
This is how the model looks - no face colors or background, and charcoal edges.
Si jamais vous vouliez modifier des paramètres de réglages de filigranes, cliquez sur l'icône des réglages.
