Start your free trial now, and begin learning software, business and creative skills—anytime, anywhere—with video instruction from recognized industry experts.

Start Your Free Trial Now
Watching:

243 Recreating the Creative Cloud Logo in Illustrator


From:

Deke's Techniques

with Deke McClelland

Video: 243 Recreating the Creative Cloud Logo in Illustrator

Hey, gang. This is Deke McLelland. Welcome to Deke's Techniques. Now, you might notice I've got a little bit of a cold, hope you don't catch it. But I'm just so darn excited. Once again, we are inside of Illustrator, in which I'm going to show you how to create the world's most beloved logo and of course I'm talking about. The one for the Adobe Creative Cloud. Now, I know not everybody's a fan, but three things. First of all this is a good looking logo. And we're going to create it entirely from scratch. Second, it involves some mad Illustrator skills as documented here.
Expand all | Collapse all
  1. 46m 55s
    1. 445 Correct in Lab and leave a smooth histogram NEW
      9m 21s
    2. 446 Combining the best of Lab and Camera Raw NEW
      9m 20s
    3. 10h 52m
      1. 377 Two ways to create center guides in Photoshop
        4m 28s
      2. 378 A new way to create center guides in Photoshop CC
        4m 21s
      3. 379 Two ways to create center guides in Illustrator
        3m 25s
      4. 380 Clearing the list of recently used fonts in InDesign
        6m 40s
      5. 381 Two ways to search fonts in InDesign CC
        4m 31s
      6. 382 Drawing flowering vectors in Illustrator
        18m 15s
      7. 383 Stroking the petals to create a lattice effect
        16m 45s
      8. 384 Creating a flowering origami effect
        8m 47s
      9. 385 Painting shapes with transitional gradients
        15m 54s
      10. 386 Correcting the brightness and banding of a printed image
        18m 7s
      11. 387 Further reducing banding with a gradient layer
        11m 43s
      12. 388 Smoothing away noise with the Mean stack mode
        8m 8s
      13. 389 Developing a sweetly romantic tropical island
        9m 28s
      14. 390 Creating a Caribbean blue sea with Photo Filter
        5m 10s
      15. 391 Creating letters chiseled into stone
        8m 15s
      16. 392 Adding a chiseled border
        6m 29s
      17. 393 Assembling MRI slices into a 3D volume
        9m 24s
      18. 394 Assigning multiple strokes to gradient type in Illustrator
        10m 30s
      19. 395 Filling in the gaps between stroked letters
        6m 2s
      20. 396 Fragmenting a photo through ribbed glass
        9m 46s
      21. 397 Applying a displacement map with the Glass filter
        8m 40s
      22. 398 Infusing an image with vivid nightclub colors
        6m 59s
      23. 399 Adding MDNA-inspired bands of color
        9m 38s
      24. 400 Patching badly displaced edges
        4m 46s
      25. 401 Styling type with a pattern of vertical lines
        12m 59s
      26. 402 Reshaping letterforms to match the intervals of a pattern
        11m 34s
      27. 403 Swapping one image for another with smart objects
        7m 57s
      28. 404 Forging a million-dollar stamp in Photoshop
        20m 59s
      29. 405 Masking graphic frames and natural edges
        12m 16s
      30. 406 Matching a real-world paper texture
        12m 16s
      31. 407 Casting multiple drop shadows in Photoshop
        6m 55s
      32. 408 Developing an awesome angelfish in Camera Raw
        9m 32s
      33. 409 Tweaking a fish photo to perfection
        5m 32s
      34. 410 Assigning spot colors to a logo in Photoshop
        14m 19s
      35. 411 Blending spot colors inside a logo
        9m 23s
      36. 412 Exporting spot-color separations from Photoshop
        8m 3s
      37. 413 Exporting spot-color separations from Illustrator
        9m 25s
      38. 414 The latest and greatest 2015 Facebook image specifications
        8m 58s
      39. 415 Creating the perfect Facebook cover photo 2015
        13m 38s
      40. 416 Extending your profile picture into your Facebook cover photo
        12m 2s
      41. 417 Preparing images for your Facebook timeline
        9m 42s
      42. 418 Converting all corner points in a drawing to smooth points
        7m 14s
      43. 419 Adding field blurs to a vector-based illustration
        11m 39s
      44. 420 Great uses for Color and Gradient Overlay
        7m 39s
      45. 421 Easter Island
        7m 19s
      46. 422 Creating a string of pearls in Illustrator
        15m 0s
      47. 423 Drawing a letter to match a dingbat font
        12m 14s
      48. 424 Assembling an interior, vertical panorama
        10m 34s
      49. 425 Developing a dark and stormy photo in Photoshop
        10m 26s
      50. 426 Developing a dark and stormy photo in Lightroom
        11m 20s
      51. 427 Sharpening your dark and stormy photo for print
        8m 45s
      52. 428 Auto-blending multiple depths of field
        8m 16s
      53. 429 Assigning multiple strokes in Photoshop CC 2015
        6m 8s
      54. 430 Combining multiple drop shadows to create faux-3D type
        4m 51s
      55. 431 Combining multiple Color and Gradient Overlay effects
        6m 0s
      56. 432 Removing unwanted perspective from a photo
        15m 6s
      57. 433 Correcting the perspective of a single image element
        8m 57s
      58. 434 Extracting an unmodified photo from a Smart Object
        3m 31s
      59. 435 Extracting a raw photo from a Smart Object
        4m 26s
      60. 436 Orthogonal pattern 1: The boxed towers
        17m 28s
      61. 437 Repeating a tile pattern Brick by Row
        6m 51s
      62. 438 Refining the color scheme of your tile pattern
        10m 15s
      63. 439 Orthogonal pattern 2: Which way is up?
        14m 17s
      64. 440 Upping the number of colors in a dynamic pattern
        11m 42s
      65. 441 Achieving real pointillism with the Pointillize filter
        8m 23s
      66. 442 Adding Emboss to give your painting depth
        1m 48s
      67. 443 Blending multiple motion photos
        13m 44s
      68. 444 Creating a wildly colorful High Pass effect
        7m 1s
    4. 18h 48m
      1. 282 Ringing in the New Year with dynamic effects in Illustrator
        12m 59s
      2. 283 Dynamically transforming fills and strokes
        13m 41s
      3. 284 Tracing an avatar from a photograph in Photoshop
        12m 24s
      4. 285 Drawing a vector-based avatar in Illustrator
        19m 44s
      5. 286 Coloring and shading your avatar
        16m 0s
      6. 287 Exporting an illustration as a universally supported PNG file
        10m 54s
      7. 288 Upsampling a layered composition with great results
        13m 43s
      8. 289 Rebuilding a pattern at a higher resolution
        7m 29s
      9. 290 Painting happy little trees
        13m 46s
      10. 291 Shading and lighting the happy forest
        15m 15s
      11. 292 Enlarging a low-res photograph in Photoshop
        12m 20s
      12. 293 Enlarging a photo by tracing it in Illustrator
        13m 10s
      13. 294 Mastering Exposure in Camera Raw
        11m 40s
      14. 295 Super smooth and unflinchingly sharp
        10m 46s
      15. 296 Deleting an inadvertent photo bomber
        8m 13s
      16. 297 Correcting a distorted panorama
        17m 23s
      17. 298 Rebuilding bad stitching in a panorama
        14m 53s
      18. 299 Nondestructive dodge and burn
        8m 54s
      19. 300 Blending a shadow into any background
        8m 37s
      20. 301 Saving a PNG image with a translucent shadow
        8m 45s
      21. 302 Cleaning up a smart phone photo
        11m 17s
      22. 303 Using Photoshop 1.0
        5m 45s
      23. 304 Creating your own Chinese seal (or chop)
        26m 4s
      24. 305 Simulating hand lettering with art brushes
        20m 8s
      25. 306 Adding texture to your hand stamp
        3m 34s
      26. 307 Creating a black chop on red paper
        5m 55s
      27. 308 Auto-hiding iconic panels in Photoshop
        3m 44s
      28. 309 Creating a custom toolbox in Illustrator CC
        4m 21s
      29. 310 Creating the perfect passport photo
        20m 18s
      30. 311 Retouching your passport photo
        13m 38s
      31. 312 Turning a photo into a giant mural
        13m 11s
      32. 313 Enhancing the reality of your mural
        11m 8s
      33. 314 Creating a 3D bump map
        12m 7s
      34. 315 UV overlay and 3D bump paint
        14m 4s
      35. 316 Using Lens Flare for good (not evil)
        10m 48s
      36. 317 Using the Perspective Crop tool
        9m 29s
      37. 318 Reducing real-world camera shake
        10m 4s
      38. 319 Reducing glare in a photograph
        15m 25s
      39. 320 Restoring repeating details
        13m 43s
      40. 321 Integrating a detail captured with a phone
        9m 6s
      41. 322 Blending two exposures of a single scene
        12m 25s
      42. 323 Masking mountains away from sky
        14m 22s
      43. 324 Creating a photographic caricature in Photoshop
        10m 7s
      44. 325 Exaggerating facial features with Liquify
        12m 48s
      45. 326 Masking a caricature against a new background
        11m 20s
      46. 327 Shading and sharpening a caricature
        10m 6s
      47. 328 Drawing a Möbius strip in Illustrator
        12m 21s
      48. 329 Shading the Möbius strip with gradients
        9m 0s
      49. 330 Adding twisting edges to the Möbius strip
        8m 9s
      50. 331 Creating an impossible Penrose triangle
        10m 37s
      51. 332 Shading the cubes in your Penrose triangle
        8m 15s
      52. 333 Selectively converting a photo to black & white
        7m 53s
      53. 334 Straightening and “uncropping” a photo
        16m 17s
      54. 335 Restoring a missing photograph detail
        11m 26s
      55. 336 Drawing a hand (clenched in a fist)
        11m 44s
      56. 337 Cleaning up a sketch captured with a phone
        6m 17s
      57. 338 Four hands united in brotherhood, solidarity, and teamwork
        12m 24s
      58. 339 Swapping out colors in existing gradients in Illustrator
        4m 37s
      59. 340 Select > Focus Area and the pseudo engraving effect
        12m 26s
      60. 341 Integrating 3D art into a 2D scene in Photoshop
        13m 41s
      61. 342 Creating a 3D shark in Photoshop
        11m 16s
      62. 343 Creating a 3D doughnut in Illustrator
        15m 23s
      63. 344 Creating a golden 3D ring in Illustrator
        10m 21s
      64. 345 Mapping Elven runes (or text) onto a 3D ring
        15m 57s
      65. 346 Hand-drawing custom-made letters in Illustrator
        19m 33s
      66. 347 Drawing letters with curves and holes
        15m 56s
      67. 348 Enhancing your hand-drawn text in Photoshop
        7m 20s
      68. 349 Mixing a low-color photo with Camera Raw
        11m 2s
      69. 350 Mixing a low-color photo with adjustment layers
        10m 7s
      70. 351 Saving your effect as a color lookup table
        5m 31s
      71. 352 Extracting a classic painting from its frame
        11m 35s
      72. 353 Extracting that same painting nondestructively
        7m 59s
      73. 354 Archiving and enhancing a child’s art
        10m 47s
      74. 355 Combining a child’s art with a real classic
        11m 5s
      75. 356 Developing the perfect sunset in Camera Raw
        9m 55s
      76. 357 Lush landscapes: The real green is yellow
        9m 7s
      77. 358 Painting away Camera Raw “Clarity halos”
        17m 7s
      78. 359 Selectively sharpening a stressed photograph
        16m 12s
      79. 360 Transforming yourself into a Dark Elf
        16m 27s
      80. 361 Hand-masking the elf against a vivid background
        15m 35s
      81. 362 Making the Dark Elf that much darker
        15m 29s
      82. 363 Developing a photograph of The Joker
        16m 26s
      83. 364 Carving expression lines into The Joker’s face
        14m 1s
      84. 365 Creating a campaign poster in Illustrator
        15m 3s
      85. 366 Creating a Prohibition (or Universal No) symbol
        7m 13s
      86. 367 Using Photoshop CC’s new Flame Generator
        10m 4s
      87. 368 Creating cool Flame Generator art
        9m 35s
      88. 369 Setting type on fire with the Flame Generator
        8m 13s
      89. 370 Blending synthetic flames with type
        6m 12s
      90. 371 Creating secret-message type in Photoshop
        13m 38s
      91. 372 Animating a continuously morphing message
        10m 59s
      92. 373 Creating a piece of Minecraft-inspired art
        16m 10s
      93. 374 Extruding your Minecraft art into 3D space
        8m 39s
      94. 375 Adding a big-pixel, Minecraft background
        12m 2s
      95. 376 Developing the perfect holiday portrait
        15m 22s
    5. 17h 21m
      1. 185 Creating a custom 2013 calendar in Illustrator
        11m 44s
      2. 186 Adding dates to a calendar using tables
        9m 50s
      3. 187 Branding your calendar with a field of logos
        10m 54s
      4. 188 Crafting an Infinity symbol to match a specific font
        12m 6s
      5. 189 Op art experiment 1a: Inflated checkers
        10m 49s
      6. 190 Op art experiment 1b: Rounded windows
        6m 39s
      7. 191 Building a universal ISOTYPE man with strokes
        15m 6s
      8. 192 Building a universal ISOTYPE woman with strokes
        11m 7s
      9. 193 Drawing an ISOTYPE couple in love
        12m 55s
      10. 194 Creating a Warhol-style silkscreen effect
        14m 43s
      11. 195 Creating a series of Warhol-style variations
        10m 43s
      12. 196 Adding Warhol-style background variations
        8m 20s
      13. 197 Creating opaque colored shadows
        5m 20s
      14. 198 Assembling multiple variations into a single comp
        5m 9s
      15. 199 Creating a pattern of unique inset circles
        9m 55s
      16. 200 Changing a static blended color scheme
        7m 16s
      17. 201 Op art experiment 2a: Undulating pattern
        20m 26s
      18. 202 Op art experiment 2b: Concentric rings
        9m 43s
      19. 203 Developing a dramatic castle in Camera Raw
        13m 21s
      20. 204 Artificially coloring a photo in Camera Raw
        9m 38s
      21. 205 Creating an antique photo effect in Camera Raw
        7m 53s
      22. 206 Adding a weathered old-photo frame effect
        12m 0s
      23. 207 Drawing an Angry Birds-like character
        16m 59s
      24. 208 Stroking an entire layer in Illustrator
        9m 21s
      25. 209 Drawing a classic snarling cartoon face
        11m 10s
      26. 210 Drawing a radiant, cheerful cartoon background
        18m 29s
      27. 211 Stroking any kind of type in Illustrator
        5m 0s
      28. 212 Creating synthetic water droplets
        9m 29s
      29. 213 Simulating liquid reflections with effect
        5m 19s
      30. 214 Simulating liquid refractions with a dmap
        5m 30s
      31. 215 Creating an eye-catching splatter effect
        9m 8s
      32. 216 Defringing purples and greens in Camera Raw 7
        10m 4s
      33. 217 Making a danger sign more dangerous
        15m 9s
      34. 218 Using texture and depth to add realism
        10m 22s
      35. 219 Precisely aligning artwork to the bleed
        7m 16s
      36. 220 Creating and importing a tracing template
        6m 50s
      37. 221 Drawing a distinctive 2D video game character
        18m 52s
      38. 222 Adding features to the face of a 2D character
        14m 3s
      39. 223 Creating a vivid aura around an entire character
        7m 19s
      40. 224 Adding variable-width strokes in Illustrator
        11m 23s
      41. 225 Animating bird wings with Puppet Warp
        12m 15s
      42. 226 Animating text by onion skinning in Photoshop
        8m 0s
      43. 227 Creating an animated movie in Photoshop
        9m 15s
      44. 228 Exporting an animation to QuickTime and GIF
        5m 44s
      45. 229 Correcting an underwater photograph
        10m 30s
      46. 230 Making a photo razor-sharp and porcelain-smooth
        7m 17s
      47. 231 Reducing noise in a high-ISO shot with Camera Raw
        8m 33s
      48. 232 Creating highly reflective sunglasses
        10m 43s
      49. 233 Adding drama to an outdoor portrait shot
        6m 35s
      50. 234 Creating volumetric forms with shape layers
        15m 52s
      51. 235 Creating a bloodshot eye effect
        7m 11s
      52. 236 Shading an image with shapes and layer masks
        13m 2s
      53. 237 Creating fabric textures with pattern layers
        7m 27s
      54. 238 Colorize any layer with Color Overlay
        3m 23s
      55. 239 Turning a portrait into a dot drawing
        7m 40s
      56. 240 Creating a full-color dot drawing
        3m 29s
      57. 241 Drawing an orthogonal cube with the line tool
        7m 9s
      58. 242 Creating a cube of differently colored cubes
        9m 27s
      59. 243 Recreating the Creative Cloud Logo in Illustrator
        16m 21s
      60. 244 Creating a psychedelic fabric texture
        9m 7s
      61. 245 Turning psychedelic fabric into rock letters
        5m 23s
      62. 246 Creating a more finely rendered dot drawing
        8m 29s
      63. 247 Converting from RGB to CMYK via Multichannel
        12m 31s
      64. 248 Creating printer-safe CMYK shadows
        6m 48s
      65. 249 Creating bright, golden motion trails
        12m 32s
      66. 250 Creating schematic art with grid
        12m 41s
      67. 251 Drawing precisely aligned arrowhead
        12m 8s
      68. 252 Adding arrowheads around a closed path
        6m 1s
      69. 253 Drawing the Pen tool without touching the Pen tool
        17m 13s
      70. 254 Merging frames for the best possible UAV photo
        16m 40s
      71. 255 Retouching details in an aerial landscape
        12m 13s
      72. 256 Editing a video and adding transitions in Photoshop
        10m 57s
      73. 257 Importing the quadcopter crash sequences
        9m 4s
      74. 258 Color correcting a video and adding a soundtrack
        8m 56s
      75. 259 Adding precisely timed titles to your video
        11m 43s
      76. 260 Hand-painting an image with a Wacom Cintiq
        13m 11s
      77. 261 Blending the final false-color artwork
        8m 41s
      78. 262 Creating a honeycomb pattern in Illustrator
        12m 50s
      79. 263 Building up strokes to create 3D honeycomb
        9m 8s
      80. 264 Turning yourself into a zombie
        14m 0s
      81. 265 Enhancing an ambience environment for the undead
        9m 26s
      82. 266 Creating dripping, gooey ghost letters
        16m 43s
      83. 267 Turning type into gooey green slime
        11m 19s
      84. 268 Creating heavy metal type (updated for Photoshop CS6 and CC)
        12m 27s
      85. 269 Cleaning up a crummy product shot
        11m 3s
      86. 270 Scaling and rotating photographic objects
        10m 10s
      87. 271 Tracing a line drawing with uniform strokes
        11m 18s
      88. 272 Coloring line art using Live Paint Bucket
        18m 22s
      89. 273 Creating a pigture using shapes and letters
        18m 7s
      90. 274 Integrating a cartoon into a photograph
        7m 27s
      91. 275 Converting a photo into a Lichtenstein drawing
        16m 8s
      92. 276 Adding bring Ben-Day dots and a talk balloon
        15m 31s
      93. 277 Painting an eye using a custom brush
        11m 31s
      94. 278 Painting and smoothing straight-sided brushstrokes
        12m 0s
      95. 279 Simulating pressure with path outlines
        6m 3s
      96. 280 Developing a 32-bit HDR image in Camera Raw
        14m 42s
      97. 281 Converting from 32-bit to the more flexible 8-bit mode
        11m 15s
    6. 14h 31m
      1. 091 Removing people from a photo
        10m 44s
      2. 092 Masking people back into a photo
        10m 58s
      3. 093 Hand-painting a mask
        10m 5s
      4. 094 Masking a real-life shadow
        10m 40s
      5. 095 Turning a photo into line art
        7m 44s
      6. 096 Adding a crosshatch shading pattern
        6m 46s
      7. 097 Creating type that inverts anything behind it
        5m 32s
      8. 098 Creating auto-inverting line art
        5m 7s
      9. 099 Creating movie poster credits
        8m 10s
      10. 100 Creating a dual-focus hybrid image
        6m 24s
      11. 101 Adding text to a hybrid composition
        7m 24s
      12. 102 Drawing with the reshape tool
        10m 39s
      13. 103 Hand-drawing a really great letter
        10m 6s
      14. 104 Creating a vanity frame
        5m 28s
      15. 105 Adding a frame to a photograph
        5m 3s
      16. 106 Drawing a highly graphic explosion with Illustrator
        10m 3s
      17. 107 Drawing a Ninja Turtle nose
        10m 22s
      18. 108 Mapping a dog face onto a duck
        8m 20s
      19. 109 Putting a tongue on a duck
        7m 6s
      20. 110 Making synthetic lightning in Photoshop
        11m 3s
      21. 111 Creating a driving rain effect in Photoshop
        4m 57s
      22. 112 Designing a railroad track
        12m 18s
      23. 113 Bending the railroad track around curves
        7m 46s
      24. 114 Creating a Star Wars hologram effect
        9m 23s
      25. 115 Creating leafy letters
        6m 12s
      26. 116 Creating topiary type
        6m 22s
      27. 117 Creating type in grass
        9m 0s
      28. 118 Rendering type in smoke
        7m 30s
      29. 119 Rendering type in brushed metal
        9m 58s
      30. 120 Adding brushed copper effect
        4m 14s
      31. 121 Reflecting type in water
        10m 57s
      32. 122 Reflecting water back into type
        11m 14s
      33. 123 Joining type to a circle
        7m 14s
      34. 124 Making flared type on a circle
        7m 17s
      35. 125 Making a person emerge from water
        5m 32s
      36. 126 Creating progressive water ripples
        10m 17s
      37. 127 Creating an upside-down face effect
        10m 17s
      38. 128 Achieving silky smooth skin with retouching
        6m 33s
      39. 129 Pearly white teeth
        7m 28s
      40. 130 Head-shrinking
        8m 26s
      41. 131 Getting a big head
        5m 11s
      42. 132 Adding a photographic texture to vector type
        4m 28s
      43. 133 Adding strokes in back of photo type
        5m 9s
      44. 134 Adding a border to an image in Illustrator
        4m 17s
      45. 135 Two ways to crop in Illustrator
        7m 29s
      46. 136 Inventing a 3D temple with a depth map
        10m 0s
      47. 137 Drawing a 3D object with Curves
        11m 41s
      48. 138 Creating a superhero shield in Illustrator
        16m 28s
      49. 139 Turning Illustrator paths into Photoshop shapes
        11m 43s
      50. 140 Creating a photorealistic superhero shield
        12m 39s
      51. 141 Pimping your ride in Photoshop
        9m 59s
      52. 142 Masking and blackening a car
        10m 20s
      53. 143 Drawing a multi-part vector mask
        12m 46s
      54. 144 Masking and painting a shadow
        8m 26s
      55. 145 Integrating blades of grass into tires
        5m 34s
      56. 146 Making a (ridiculously) dramatic sky
        6m 2s
      57. 147 Adding flame stripes to a car
        8m 23s
      58. 148 Creating interlocking octagons in Illustrator
        7m 44s
      59. 149 Hand-coloring line art
        13m 9s
      60. 150 Creating a custom wave pattern
        9m 56s
      61. 151 Simulating a screen print
        8m 30s
      62. 152 Drawing a perfect linear spiral in Illustrator
        9m 42s
      63. 153 Drawing a spiraling nautilus shell
        11m 4s
      64. 154 Designing a hex pattern in Illustrator CS6
        11m 10s
      65. 155 Making a hex pattern in Illustrator CS5 and earlier
        7m 4s
      66. 156 Creating a Facebook cover in Photoshop
        9m 25s
      67. 157 Matching a profile picture to your cover
        6m 37s
      68. 158 Cloning yourself in Photoshop
        11m 16s
      69. 159 Lighting the clone party
        8m 29s
      70. 160 Hand-carving letters into wood
        8m 0s
      71. 161 Creating a Spirograph-like pattern
        7m 34s
      72. 162 Tracing scalloped gear teeth around a circle
        4m 55s
      73. 163 Applying custom carve and shadow styles to type
        8m 50s
      74. 164 Turning a pencil sketch into digital ink
        12m 55s
      75. 165 Adding a graph-paper background
        13m 42s
      76. 166 Creating a continuous single-line Spirograph
        13m 2s
      77. 167 Scaling circles into complex patterns
        7m 15s
      78. 168 Creating a money-like design
        8m 43s
      79. 169 Attack of the killer pumpkin
        14m 49s
      80. 170 Simulating a glowing Jack-o-lantern
        12m 24s
      81. 171 The headless stranger in the mist
        12m 25s
      82. 172 Creating 3D punched letters
        13m 29s
      83. 173 Designing a double-wave line pattern
        11m 2s
      84. 174 Assembling a seamless pattern brush
        9m 53s
      85. 175 Creating a hand turkey in Photoshop
        18m 42s
      86. 176 Creating a depth-of-field cast shadow
        7m 29s
      87. 177 Creating a lustrous round jewel
        13m 56s
      88. 178 Cutting and brushing light on a gem
        8m 30s
      89. 179 Creating a shiny button with inset text
        11m 5s
      90. 180 Creating a jaunty six-sided star
        15m 1s
      91. 181 Interweaving star shapes and adding gradients
        8m 28s
      92. 182 Casting shadows between interwoven shapes
        9m 12s
      93. 183 Creating a Hobbit-like text effect
        15m 6s
      94. 184 Enhancing a landscape photo in Camera Raw 7
        9m 16s
    7. 13h 11m
      1. 001 Creating ice type
        8m 39s
      2. 002 Branding type on a texture
        7m 6s
      3. 003 Creating an image-branding machine
        7m 13s
      4. 004 Capturing effects with layer comps
        7m 35s
      5. 005 Rendering type in gold
        8m 9s
      6. 006 Creating a hammered metal background
        5m 48s
      7. 007 Creating heavy metal type
        8m 13s
      8. 008 Creating a molten letter effect
        6m 43s
      9. 009 Setting type on fire
        11m 20s
      10. 010 Using an anti-edge mask
        7m 20s
      11. 011 Blending textures onto a face
        9m 28s
      12. 012 Rendering a face as a cave painting
        7m 34s
      13. 013 Creating a reflection in shattered glass
        8m 32s
      14. 014 Creating a face in a tree
        11m 20s
      15. 015 Building a synthetic star field
        8m 21s
      16. 016 Making 3D type with Repoussé
        10m 14s
      17. 017 Casting 3D shadows and reflections
        9m 35s
      18. 018 Adjusting 3D light sources
        10m 51s
      19. 019 Masking highlights and shadows
        6m 27s
      20. 020 Masking glass
        10m 39s
      21. 021 High key high contrast
        8m 33s
      22. 022 Simulating sub-pixel rendering
        10m 58s
      23. 023 Fixing chromatic aberrations in Photoshop
        9m 41s
      24. 024 Fixing chromatic aberrations in Camera Raw
        8m 51s
      25. 025 Correcting red-eye like a pro
        11m 56s
      26. 026 Turning a photo into an ink drawing
        10m 42s
      27. 027 Turning a photo into a pencil sketch
        8m 43s
      28. 028 Creating a seamlessly repeating pattern
        10m 56s
      29. 029 Repairing seams in a repeating pattern
        10m 47s
      30. 030 Creating a 3D pie chart
        11m 9s
      31. 031 Splitting and modifying 3D meshes
        11m 52s
      32. 032 Using the Ground Plane Shadow Catcher
        6m 58s
      33. 033 Creating a talk show-style curtain
        7m 57s
      34. 034 Assembling a flawless panorama
        10m 5s
      35. 035 Removing people with image stacks
        11m 44s
      36. 036 Creative stacking with Maximum and Range
        11m 44s
      37. 037 Creating synthetic wood grain
        9m 23s
      38. 038 Making slats of uniquely textured wood
        10m 52s
      39. 039 Kerning within a single character
        10m 31s
      40. 040 Creating a raised bevel effect
        11m 49s
      41. 041 Putting wings on a horse
        10m 41s
      42. 042 Creating a classic heart in Illustrator
        7m 15s
      43. 043 Glossing up a heart in Photoshop
        8m 42s
      44. 044 Shooting and assembling a stereoscopic photo
        8m 15s
      45. 045 Extending 3D beyond the screen plane
        6m 13s
      46. 046 Adding stereo 3D text and shapes
        9m 9s
      47. 047 Tilting text and shapes toward the viewer
        8m 13s
      48. 048 Creating a shooting star in Illustrator
        6m 33s
      49. 049 Using blends to draw path outlines
        8m 8s
      50. 050 Inventing custom starbursts
        7m 33s
      51. 051 Making a fictional creature
        12m 5s
      52. 052 Transforming a creature into a monster
        6m 14s
      53. 053 Capturing a monster in motion
        11m 45s
      54. 054 Changing the color of a car
        7m 12s
      55. 055 Painting a colorful car black
        8m 16s
      56. 056 Coloring the stripes on a zebra
        10m 47s
      57. 057 Drawing trendy swirls in Illustrator
        10m 59s
      58. 058 Creating variable-width and brushed swirls
        10m 46s
      59. 059 Drawing trendy ornaments in Illustrator
        8m 49s
      60. 060 Designing a magically updating pattern
        8m 40s
      61. 061 Automatically collapsing a selection
        7m 43s
      62. 062 Adding a magnifying glass into a design
        7m 5s
      63. 063 Healing one eye onto another
        7m 15s
      64. 064 Creating a giant command key
        9m 15s
      65. 065 Drawing common symbols part 1
        6m 29s
      66. 066 Drawing common symbols part 2
        9m 26s
      67. 067 Filtering images with Camera Raw
        7m 52s
      68. 068 Creating a vivid HDR effect
        5m 29s
      69. 069 Creating an ambigram in Illustrator
        10m 45s
      70. 070 Making a two-word ambigram
        7m 47s
      71. 071 Drawing a Halloween scareflake
        10m 45s
      72. 072 Creating true clones in Illustrator
        11m 7s
      73. 073 Taking your scareflakes into Photoshop
        7m 20s
      74. 074 Making a faux HDR image in Lab
        8m 38s
      75. 075 Turning a guy into a zombie
        7m 3s
      76. 076 Miniaturizing the world in Photoshop
        6m 45s
      77. 077 Creating a synthetic rainbow
        8m 53s
      78. 078 Casting an artificial shadow from a layer
        7m 3s
      79. 079 Rendering a portrait in type
        8m 58s
      80. 080 Rendering a portrait in tile patterns
        7m 43s
      81. 081 Rotating a pattern layer in Photoshop
        4m 16s
      82. 082 Tracing an image with path outlines
        7m 50s
      83. 083 Turning path outlines into a vector mask
        6m 0s
      84. 084 Drawing rays of light in Photoshop
        5m 40s
      85. 085 Drawing concentric glow rings
        7m 24s
      86. 086 Designing an Indiana Jones-style logo
        8m 50s
      87. 087 Achieving mitered corners in Photoshop
        5m 43s
      88. 088 Masking with Blunt Instruments in Photoshop
        11m 8s
      89. 089 Creating a stained-glass ornament
        8m 26s
      90. 090 Designing a stained-glass window
        10m 23s

please wait ...
Watch the Online Video Course Deke's Techniques
75h 58m Intermediate Jan 11, 2011 Updated Aug 25, 2015

Viewers: in countries Watching now:

This course is a collection of short Photoshop and Illustrator projects and creative effects that can be completed in ten minutes or less. The series is taught by computer graphics guru Deke McClelland, and presented in his signature step-by-step style. The intent is to reveal how various Photoshop and Illustrator features can be combined and leveraged in real-world examples so that they can be applied to creative projects right away.

Subject:
Design
Software:
Illustrator Photoshop
Author:
Deke McClelland

243 Recreating the Creative Cloud Logo in Illustrator

Hey, gang. This is Deke McLelland. Welcome to Deke's Techniques. Now, you might notice I've got a little bit of a cold, hope you don't catch it. But I'm just so darn excited. Once again, we are inside of Illustrator, in which I'm going to show you how to create the world's most beloved logo and of course I'm talking about. The one for the Adobe Creative Cloud. Now, I know not everybody's a fan, but three things. First of all this is a good looking logo. And we're going to create it entirely from scratch. Second, it involves some mad Illustrator skills as documented here.

And third. You don't need Illustrator CC to create the Creative Cloud logo, you can make this in Illustrator C6,5,4,3,2,1. Let's get started. >> For starters, those of you have access to the exercise files. I've created this document called CC logo steps. And it's divided into nine art boards, each of which document an important step in the process.

And you can switch from one art board to another just by pressing Shift + page down. And that will allow you to review every single step that we're going to be performing over the course of this movie in order to get this final logo right there. So, the first thing you want to do is press Ctrl+N or Cmd+N on a Mac to bring up the New Document dialog box. Change the profile to Basic RGB just so that we get the right color swatches. We want the units to be set to points, so leave it that way. And go ahead and twirl open this Advanced section down here and change the Raster effects from Screen to high.

So, that we get a decent quality drop shadow in the end, and we want this to be a kind of a dinky document. So, I'm going to change width value to 220 and the height value to a 160, and then I'll click OK. Now, we want to create a big rectangle filled with a gradient. So, go ahead and grab the Rectangle tool. Make sure, by the way, under the View menu that Smart Guides are turned on. If they aren't, go ahead and choose Set command. And then align your cursor with the top left corner of the art board and click.

And we want to enter those same values again, 220 for the width and 160 for the height. And then go ahead and click OK, and we end up with this big rectangle. We don't want a stroke, so change this second swatch to none. Then, in the Color panel, or at the bottom of the toolbox. Make sure that the fill is active. If it's not, click on it. Then, go ahead and bring up the Gradient panel. Which you can get to by choosing the Gradient command from the Window menu, if you like. You need to expand the panel and click inside the bar here in order to apply the default gradient.

Now we need to change the colors, by double-clicking on the first color swatch, it needs to be HSB. Not just K as it is now. So, I'll go ahead and click on this Flyout Menu icon, and choose HSB, and the values we're looking for is zero degrees for the hue, so that's fine. Change the saturation to 97%. If it changes a little on you, that's just because Illustrator is approximating to the nearest RGB value, and then change the brightness value to 50%. And you get one of the ugliest gradients in the world. That's because we also need to change the second color stop.

So, double-click on it, change it to HSB, of course. We want, once again, zero for the H value, will change the saturation value this time to 95%, and then take the brightness value up to a nice, chipper 90%. And we end up with this very bright effect here. Now, you want to change the angle value to 90 degrees, and we have our base gradient. We need to lock it down so we don't end up messing it up. So, go up to the Object menu, choose Lock and choose Selection. Now I'll go ahead and zoom in here so, that I'm filling my screen with the gradient.

And now I"m going to switch from the Rectangle tool to the Ellipse tool. And you want to press the Alt key, or the Option key on a Mac, and click somewhere in the left-hand portion of the illustration. Doesn't really matter where yet. I came up with some values through trial and error and if you're working along with me and you want to get the same results. Then you want to use these exact same values throughout. So, first thing here inside Ellipse dialog box, assuming both the width and height values start out the same as they do by default. Then go ahead and lock them down, by clicking on the Chain icon, and then change either the width or height values to 59 points.

And click OK, and you end up with this nearly invisible circle, don't worry about that. And then Alt+Click or Option+Click over on the ride hand side, and change either the height or width value. Notice that they're linked together so, they change together to 74 points and click OK. And now I'll press the V key to switch back to the Black Arrow tool, and Shift+Click on the other circle so that they're both selected. I'm going to go ahead and collapse that Gradient panel, so I have a little more room to work. And you know what? I want my layer to be bigger. I'll click on the Flyout Menu icon, choose Panel Options, select other and change this guy to some big, let's say, 100 pixels.

So, we have this big preview. And I'll change the name of the layer to cc logo, or something like that. But what I really need to do, that was just housekeeping, is go up to the Window menu and choose the appearance command in order to switch over to the Appearance panel. Let's change the fill to none. And then select a stroke and change its line weight to 27 points, and change the color to white. With that stroke selected drop down to the little page icon, click on it. That'll duplicate the stroke. Change the line weight this time to 12 points, and let's make this guy black.

This time around. And because we're working inside a RGB document, we get a nice, rich black. I want these guys to be 42 and 2 3rds points apart from each other, which sounds ridiculous, but that's what I'm looking for. So, I'll press Ctrl+Y or Cmd+Y on a Mac. Click off the Path Outline to deselect them. Select this guy. Make sure, by the way, always a good idea, to turn off the bounding box. And that'll allow you to drag the circle by its bottom anchor point and ultimately you want to snap it in to alignment with the bottom anchor point of the larger circle.

Then, double-click on a Black Arrow tool to bring up the Move dialog box, change the vertical value to zero, and change the horizontal value to negative 42.667. Something that represents 2 3rds. And then turn on the Preview checkbox, and you'll see it scoot over to the left. Then click OK. Now press Ctrl+Y, or Cmd+Y on a Mac. And let's go ahead and marquee both of these guys. I want to center them. So, the first thing you need to do is choose the Group command from the Object menu. Or, of course, you can press Ctrl+G.

Cmd+G on a Mac. Go up to the Align icon right there. Click on it. Choose Align to art board. Then you'll see these alignment options. Click on Horizontal Align Center and then click on Vertical Align Center. Now the only reason I group these guys together is so that they would move together and no longer want them to be grouped. So, I'll go up to the Object menu and choose Ungroup in order to break them apart. Alright now return to the Object menu, choose Path and choose Add Anchor Points and that'll give you some additional anchor points here.

One new anchor point for each segment. And now we want to bust things up by switching from the Eraser tool over to the Scissors tool. You want to click this Anchor Point right there. Then you want to click at this one. So, we have the kind of c left over. And now you want to press the Ctrl key or the Cmd key on a Mac. It should give you the Black Arrow tool because it's the Last Arrow tool you used. Click with the Ctrl or Cmd key down on this segment and then press the Backspace key or the Delete key on a Mac to get rid of it. And then Ctrl+Click or Cmd+Click on this remaining circle on the background.

And you want to click here, on this guy and then down here at the bottom. And now press the Ctrl key or the Cmd key on a Mac, click there. On this Path Outline and press Backspace key or the Delete key on a Mac to get rid of it. Now for the Line tool, go ahead and select it here. Inside the toolbox, you maybe have to select it from the Line Tool Flyout menu. We're going to to create a handful of lines three in all. So, you want to start by clicking inside the illustration. Change the length value to 19 points and change the angle value to 135 degrees.

Press the Enter key or the Return key on a Mac. Click again, we're just creating some segments that we'll move into place in just a moment. And change the length value to 27 points. We still want the angle to be 135 degrees, so click OK. Click again down here some place, and change the length to 42.667, and change the angle to zero. Click OK. And we'll end up with this horizontal line. Now, return to the Black Arrow tool, which you can get by pressing the V key. Grab this guy, and drag it and snap it into alignment with that point there.

Then get this guy, the short one, and drag it and snap it into alignment with the top of the left hand C, like so. And then go ahead and grab this one by its bottom anchor point, the longer of the two. And drag it until it snaps in to alignment with the bottom of the backward c, and go ahead and release it. Now we want to take all three of these segments so, select em all, and cut them by pressing Ctrl+X or Cmd+X on a Mac. And then select both of these guys by clicking on one and Shift+Clicking on the other.

And press Ctrl+B, or Cmd+B on a Mac, in order to paste those segments in back. Now, Shift+Click on this diagonal segment, the longer of the two, to deselect it, and Shift+Click on the forward C to select it as well. And then you want to press Ctrl+J or Cmd+J on a Mac in order to join those segments together. Now select this guy and Shift+Click on the backwards C and press Ctrl+J or Cmd+J on a Mac to join them together as well. Looks like I forgot a step, it's documented inside that nine art board file but I just forgot to do it.

And the problem is I need to apply some round caps. So, I'll go ahead and Shift+Click on the forward C so they're both selected. Then inside the Appearance panel, click on the word Stroke for the stop stroke and change it to a round cap and you'll get this effect here. And now you need to the same for the white stroke. So, click on the word Stroke for that bottom stroke, and change it to round cap as well. And you'll end up with the effect you see on the screen. Now, we need to convert these strokes to filled path outlines. And that's a two part procedure, you first go up to the Object menu and choose Expand Appearance.

And that breaks everybody into independent strokes. And then you return to the Object menu, choose Path, and choose Outline Stroke. And we end up with this wacky effect here. Now, we have some groups going, you can tell that, on the far left side of the Control panel, we need to get rid of them. So, go up to the Object menu and choose Ungroup, and you should now see the word path. On the far left side of the Control panel, which tells you that everybody's been successfully busted up. Now click off the Path Outlines to deselect them and click and Shift+Click on the two white paths.

And press Ctrl+C or Cmd+C on a Mac in order to copy them. Click off the past out lines and press Ctrl+F or Cmd+F to paste them in the front, just so that we can work on them. Now you want to go Window menu and choose the Pathfinder command, which brings up the Pathfinder panel. And you want to click on this very first guy there, Unite, in order to fuse these path outlines together. Now, we end up with a compound path as you can see on the far left side of the Control panel. We need to bust that up too by going up to the Object menu, choosing Compound Path and choosing Release.

And then, once you've done that, I want you to Shift+Click on the larger path outline to deselect it and now you've got these extras on the inside here. I don't need my smart guides any more so I'm going to go ahead and turn them off because they're sort of making things flush on screen. Anyway, we've got these two guides still selected. Press the Backspace key or the Delete key on a Mac to get rid of them. And then, go ahead and select this guy and right-click inside the Document window, choose range and choose Send to Back. That's actually too far back. I just sent the shape in back of the gradient. So, press Ctrl+ or Cmd+ on a Mac, to move it one step forward. And we end up with this effect here.

We still got some stuff left to do here, so click Off the Path Outlines to deselect. Select this guy right there, and just so we can better keep track of him, change his fill to green. And that way, there's no mistaking it. And then press the C key to switch back to the Scissors tool right there. And I want you to click there and there. And now press and hold the Ctrl key or the Cmd key on a Mac to temporarily get the Black Arrow tool. Click on this portion of the path and then press the Backspace key or the Delete key on a Mac to get rid of it.

Now Ctrl or Cmd key on this wide path to select it. And let's change it's color to cyan. Again, just so we can see what's going on. And with the Scissors tool, you want to click here, and then you want to click down here. And now, you can press the V key, to switch back to the Black Arrow tool permanently. Click on this path right there to deselect it, and press the Backspace key, or the Delete key on a Mac, to get rid of it. Now then you want to select this green path, and this black backward C. And you want to return to the Pathfinder panel and you want to choose Minus back, which is the very last icon.

And you'll end up with this effect here. Awesome. Now go ahead and select the cyan shape and select the forward C, and this time you want minus front. And that's going to leave you with a little extra item right there. First of all, notice that we've got a group. Next go up to the Objects menu and choose Ungroup in order to get rid of it. Then Shift+Click on that forward C what remains of it anyway to deselect it and I occidentally Shift+Clicked to much there. But by the time you're done, you should see just this little half circle, and then press the Backspace key, or the Delete key on a Mac to get rid of it.

We're in the home stretch, we're almost done. In other words, go ahead and select both of the black shapes like so. Click on one, Shift+Click on the other. Go up to the Object menu, choose Compound Path and choose Make because Illustrator needs to regard these two as a single path outline. And then Shift+Click on the white path, bring up the Pathfinder panel once again and click on Minus Front. And that's going to subtract that one black path outline from the white path outline below it. So, that's why we had to turn it into a compound path.

So, we end up when I click on Minus Front, with this effect there. And then finally, let's add a hint of drop shadow, by going to Effect menu, choosing Stylize and choosing Drop Shadow. And the first thing you want to do, is change the color. So, go ahead and click on the Color Swatch. The values that I came up with were a hue of zero degrees, a saturation value of 100% and a brightness of 50%. Then go ahead and click OK. Crank the opacity value up to 100. Take the x offset value down to zero and then if you want to see what you're doing you can turn on the Preview checkbox.

You can see that we've got way too much shadow going on. And the values I came up with for the Y offset and the Blur, are negative 0.3. That will move the shadow upward,as you see here, and then I change the blur value to 0.3 in order to get this final effect. So, we have just a little bit of edge along the top of the logo. Then click OK, then press Ctrl+Shift a or Cmd+Shift a on a Mac in order to deselect your artwork. And you can even zoom in if you want to, and press the F key a couple of times in order to switch to the Full Screen mode.

And there you have it, folks. Whatever you think of the creative cloud, that's how you create its elegant logo, here inside Illustrator. See that was fun, wasn't it? Now, it's not meant in any way to be an endorsement of the Creative Cloud. I, like Switzerland, I'm neutral. If you decide to use it, I'm there for you. If not, I understand. Next week, I'm going to show you in Photoshop how to create this cool multicolor gradient, and then. We're going to turn it into this psychedelic fabric texture that's going to make the editors cry because it's hard to compress.

Deke's techniques, each and every week. Keep watching.

Find answers to the most frequently asked questions about Deke's Techniques .


Expand all | Collapse all
please wait ...
Q: Why can't I earn a Certificate of Completion for this course?
A: We publish a new tutorial or tutorials for this course on a regular basis. We are unable to offer a Certificate of Completion because it is an ever-evolving course that is not designed to be completed. Check back often for new movies.
 
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ .

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

* Estimated file size

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Deke's Techniques.

Return to your organization's learning portal to continue training, or close this page.


OK

Upgrade to View Courses Offline

login

With our new Desktop App, Annual Premium Members can download courses for Internet-free viewing.

Upgrade Now

After upgrading, download Desktop App Here.

Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member ?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Learn more, save more. Upgrade today!

Get our Annual Premium Membership at our best savings yet.

Upgrade to our Annual Premium Membership today and get even more value from your lynda.com subscription:

“In a way, I feel like you are rooting for me. Like you are really invested in my experience, and want me to get as much out of these courses as possible this is the best place to start on your journey to learning new material.”— Nadine H.

Start your FREE 10-day trial

Begin learning software, business, and creative skills—anytime,
anywhere—with video instruction from recognized industry experts.
lynda.com provides
Unlimited access to over 4,000 courses—more than 100,000 video tutorials
Expert-led instruction
On-the-go learning. Watch from your computer, tablet, or mobile device. Switch back and forth as you choose.
Start Your FREE Trial Now
 

A trusted source for knowledge.

 

We provide training to more than 4 million people, and our members tell us that lynda.com helps them stay ahead of software updates, pick up brand-new skills, switch careers, land promotions, and explore new hobbies. What can we help you do?

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.