9.12: SmartArt
- Page ID
- 46572
\( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)
\( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)
\( \newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\)
( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\)
\( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\)
\( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\)
\( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\)
\( \newcommand{\Span}{\mathrm{span}}\)
\( \newcommand{\id}{\mathrm{id}}\)
\( \newcommand{\Span}{\mathrm{span}}\)
\( \newcommand{\kernel}{\mathrm{null}\,}\)
\( \newcommand{\range}{\mathrm{range}\,}\)
\( \newcommand{\RealPart}{\mathrm{Re}}\)
\( \newcommand{\ImaginaryPart}{\mathrm{Im}}\)
\( \newcommand{\Argument}{\mathrm{Arg}}\)
\( \newcommand{\norm}[1]{\| #1 \|}\)
\( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\)
\( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\AA}{\unicode[.8,0]{x212B}}\)
\( \newcommand{\vectorA}[1]{\vec{#1}} % arrow\)
\( \newcommand{\vectorAt}[1]{\vec{\text{#1}}} % arrow\)
\( \newcommand{\vectorB}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)
\( \newcommand{\vectorC}[1]{\textbf{#1}} \)
\( \newcommand{\vectorD}[1]{\overrightarrow{#1}} \)
\( \newcommand{\vectorDt}[1]{\overrightarrow{\text{#1}}} \)
\( \newcommand{\vectE}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash{\mathbf {#1}}}} \)
\( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)
\( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)
\(\newcommand{\avec}{\mathbf a}\) \(\newcommand{\bvec}{\mathbf b}\) \(\newcommand{\cvec}{\mathbf c}\) \(\newcommand{\dvec}{\mathbf d}\) \(\newcommand{\dtil}{\widetilde{\mathbf d}}\) \(\newcommand{\evec}{\mathbf e}\) \(\newcommand{\fvec}{\mathbf f}\) \(\newcommand{\nvec}{\mathbf n}\) \(\newcommand{\pvec}{\mathbf p}\) \(\newcommand{\qvec}{\mathbf q}\) \(\newcommand{\svec}{\mathbf s}\) \(\newcommand{\tvec}{\mathbf t}\) \(\newcommand{\uvec}{\mathbf u}\) \(\newcommand{\vvec}{\mathbf v}\) \(\newcommand{\wvec}{\mathbf w}\) \(\newcommand{\xvec}{\mathbf x}\) \(\newcommand{\yvec}{\mathbf y}\) \(\newcommand{\zvec}{\mathbf z}\) \(\newcommand{\rvec}{\mathbf r}\) \(\newcommand{\mvec}{\mathbf m}\) \(\newcommand{\zerovec}{\mathbf 0}\) \(\newcommand{\onevec}{\mathbf 1}\) \(\newcommand{\real}{\mathbb R}\) \(\newcommand{\twovec}[2]{\left[\begin{array}{r}#1 \\ #2 \end{array}\right]}\) \(\newcommand{\ctwovec}[2]{\left[\begin{array}{c}#1 \\ #2 \end{array}\right]}\) \(\newcommand{\threevec}[3]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \end{array}\right]}\) \(\newcommand{\cthreevec}[3]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \end{array}\right]}\) \(\newcommand{\fourvec}[4]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \\ #4 \end{array}\right]}\) \(\newcommand{\cfourvec}[4]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \\ #4 \end{array}\right]}\) \(\newcommand{\fivevec}[5]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \\ #4 \\ #5 \\ \end{array}\right]}\) \(\newcommand{\cfivevec}[5]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \\ #4 \\ #5 \\ \end{array}\right]}\) \(\newcommand{\mattwo}[4]{\left[\begin{array}{rr}#1 \amp #2 \\ #3 \amp #4 \\ \end{array}\right]}\) \(\newcommand{\laspan}[1]{\text{Span}\{#1\}}\) \(\newcommand{\bcal}{\cal B}\) \(\newcommand{\ccal}{\cal C}\) \(\newcommand{\scal}{\cal S}\) \(\newcommand{\wcal}{\cal W}\) \(\newcommand{\ecal}{\cal E}\) \(\newcommand{\coords}[2]{\left\{#1\right\}_{#2}}\) \(\newcommand{\gray}[1]{\color{gray}{#1}}\) \(\newcommand{\lgray}[1]{\color{lightgray}{#1}}\) \(\newcommand{\rank}{\operatorname{rank}}\) \(\newcommand{\row}{\text{Row}}\) \(\newcommand{\col}{\text{Col}}\) \(\renewcommand{\row}{\text{Row}}\) \(\newcommand{\nul}{\text{Nul}}\) \(\newcommand{\var}{\text{Var}}\) \(\newcommand{\corr}{\text{corr}}\) \(\newcommand{\len}[1]{\left|#1\right|}\) \(\newcommand{\bbar}{\overline{\bvec}}\) \(\newcommand{\bhat}{\widehat{\bvec}}\) \(\newcommand{\bperp}{\bvec^\perp}\) \(\newcommand{\xhat}{\widehat{\xvec}}\) \(\newcommand{\vhat}{\widehat{\vvec}}\) \(\newcommand{\uhat}{\widehat{\uvec}}\) \(\newcommand{\what}{\widehat{\wvec}}\) \(\newcommand{\Sighat}{\widehat{\Sigma}}\) \(\newcommand{\lt}{<}\) \(\newcommand{\gt}{>}\) \(\newcommand{\amp}{&}\) \(\definecolor{fillinmathshade}{gray}{0.9}\)Learning Outcomes
- Create and insert SmartArt.
SmartArt is a dynamic type of image that you will often see in PowerPoint slides. SmartArt can be used to group lists of information together, through bullet lists for example, or to show a process, through cycles. Fortunately, you do not need to be a graphic designer to create and insert simple and effective SmartArt into a PowerPoint presentation.
Before you actually insert SmartArt, you should determine what you are attempting to convey and the best way to convey it. One helpful item here is the descriptions provided for each basic SmartArt graphic shape. You can access these descriptions by selecting the Insert a SmartArt Graphic option on a new slide. When you do, you will see this window:
![A smart art graphic menu has been opened showing all of the different types of smart art available to choose from.](https://biz.libretexts.org/@api/deki/files/25291/smartart2.png?revision=1)
The graphic styles displayed immediately under All are the commonly used ones, but you can navigate to specific styles using the menu on the left. For this walkthrough, we will create a basic cycle SmartArt graphic. This type of graphic is useful when describing a process, such as what happens when a customer returns a defective item. This example will be used to describe how to create a SmartArt graphic.
![A smart art graphic menu has been opened showing the different types of smart art cycles available.](https://biz.libretexts.org/@api/deki/files/25294/smartart3.png?revision=1)
Once you click OK, the graphic is automatically sized into your slide, just like inserting any image. Remember: at the end of the day, a SmartArt graphic is just an image. Therefore, you add them to slides using the same steps shown on the previous page. You have to insert a SmartArt graphic before you can actually create the graphic.
The graphic inserts into the slide with default options, but those are very easy to change, as we will soon see
![A Microsoft Powerpoint is open with two slides. The second slide has been selected and a smart art cycle has been inserted.](https://biz.libretexts.org/@api/deki/files/25296/smartart4.png?revision=1)
Using the text box on the left, type in what should be displayed in each portion of the graphic. To move between portions of the graphic, in this case the circles, click on the next bullet in the text box or on the next shape in the graphic. Below, all text has been updated and a title has been added to the slide.
![A Microsoft Powerpoint is open with two slides. The second slide has been selected and a smart art cycle has been inserted. A text box to the left has opened allowing access to change the content inside the cycle.](https://biz.libretexts.org/@api/deki/files/25298/smartart5.png?revision=1)
You can edit the text at any time by clicking on the “Type your text here” box or the circle you wish to edit. If you have left the slide or presentation and come back to edit it later, you will need to click on some part of the SmartArt graphic to bring the “Type your text here” box back onto the screen.
Practice Question
If you want to change the color scheme, layout, number of shapes in the graphic, or any other option, you can do so using the Design tab and the options available in that ribbon. Note this Design tab is only available after you have clicked on the SmartArt graphic. This is not the standard Design tab that is always available in PowerPoint.
![A Microsoft Powerpoint is open with two slides. The second slide has been selected and a smart art cycle has been inserted. A text box to the left has opened allowing access to change the content inside the cycle. A green box in the ribbon has appeared highlighting the design tab in the menu.](https://biz.libretexts.org/@api/deki/files/25299/smartart6.png?revision=1)
Once you have created your SmartArt graphic, you can use the Convert to Shapes option to make your SmartArt graphic a static image. Once you do this, you can still edit the text inside the shapes, but you cannot change other options such as color, layout, or number of shapes.
![A Microsoft Powerpoint is open with two slides. The second slide has been selected and a smart art cycle has been inserted. A text box to the left has opened allowing access to change the content inside the cycle. A green box in the ribbon has appeared highlighting the design tab in the menu. A green arrow is pointing to the convert button making the cycle become static.](https://biz.libretexts.org/@api/deki/files/25301/smartart7.png?revision=1)
Practice question
Contributors and Attributions
- SmartArt. Authored by: Shelli Carter. Provided by: Lumen Learning. License: CC BY: Attribution