From the course: Deke's Techniques (2018-2021)
925 Adding a ring around the Mercedes star
From the course: Deke's Techniques (2018-2021)
925 Adding a ring around the Mercedes star
- In this movie, I'll show you how to add the ring around my improvised variation on the Mercedes star. All right, so if it's not already obvious, I'm working inside Adobe Illustrator, and I'm fixing to create that ring using the ellipse tool, which I can select from the shape tool flyout menu. The only question is, how big should it be? Now, I know it wants to be bigger than the portion of the artwork that I'm seeing onscreen. So I'll go ahead and zoom out by pressing Control + minus, or Command + minus on the Mac. My smart guides are turned on, as you can see. And so I'll position my cursor at the center of my star, and then I'll begin dragging. Now I want to create this circle from the center outward, so I'll press and hold the Alt key, or the Option key on the Mac. I want it to be a circle, so I'll add the Shift key, like so. The problem becomes, how do I snap it right there into alignment with the point of the star? I just can't get to it, as you can see. I could try to drag upward, like so, but that's going to flatten the star, which is not what I want at all. Fortunately, I already know exactly how big this circle should be. And so I'll just go ahead and release the mouse button and press the Backspace key, or the Delete key on the Mac. And so, as you may recall from a couple of movies ago, when we were creating that equilateral triangle in the first place, the radius of a triangle inside Illustrator is measured according to its so-called circumcircle, which had a radius, as we can see diagrammed here, of 200 points. And so what you want to do, because this is the exact data we used in order to create our artwork so far, is switch back to it like so, position your cursor at the center of the star, and then press the Alt key, or the Option key on the Mac, and click. Now we know the radius of the circumcircle wants to be 200 points, but the ellipse dialog box wants to know the diameter. So I'll enter asterisk two, like so, and then press the Tab key. And that gives me a result of 400 points, which I will duplicate inside the height value. And then I'll go ahead and click Okay. And we end up with this perfectly-sized circle. Now you wouldn't know it, because it's covering up the star. So I'll go ahead and zoom in a little like so, and then I'll go up to the first swatch, up here in the horizontal control panel, That's the way I prefer to work, as opposed to the galumphing, screen-hogging properties panel. And now I'll go ahead and click on this guy and set it to none like so, so we can see through to the rear shapes. And now I'll go ahead and switch to the eyedropper, which you can get by pressing the I key. And you may want to press the Enter key, or the Return key on the Mac, to bring up the eyedropper options, and just go ahead and turn on this appearance checkbox, which will collapse all these various options as well, and then click Okay. And now go ahead and click inside this shape right here in order to lift its fill. All right, now this shape, even though it's currently filled, is going to serve as the hole inside the ring. We're going to to need to use it twice. So I'll go up to the Edit menu and choose the Copy command, or you can press Control + C, or Command + C on the Mac. Then go ahead and switch back over to the ellipse tool, position your cursor right there at the center, and Alt + click to bring up the ellipse dialog box. And now I'll just go ahead and link these two values together. And I'll click inside either one of them and press Shift + Up arrow a total of four times in order to increase both values to 440 points, and I'll click Okay. Now that covers up the previous shape. If you like, you can just go ahead and right click, choose a range, and then choose Send Backward, not Send it Back, just Send Backward, so we can move this guy behind the previous circle that we just got done drawing. Then press the V key to switch back to your black arrow tool and Shift + click on that smaller circle. And then you want to go up to the object menu, choose Compound Path, and choose Make in order to convert that guy to a compound path, so the smaller circle is cutting a hole in the larger one. All right, now we want to create the inside edge of the ring, and I'll do that once again using the ellipse tool. So I'll just go ahead and select the tool. And then I'll Alt or Option + click right there at the center to bring up the ellipse dialog box. And with these two values linked together, I'll press Shift + Down arrow this time twice in a row in order to reduce both values to 420 points and I'll click Okay in order to create this shape. And now I want to retrieve that 400 point diameter circle by going to the Edit menu and choosing Paste in Front, or you have that time-honored keyboard shortcut of Control + F here on a PC or Command + F on a Mac. And now I'll press the V key to switch back to the black arrow tool. And I'll Shift + click on this guy right there, so the second circle out, at least among the visible circles, and it'll convert these guys to a compound path using the keyboard shortcut, which is Control + eight, by the way, or Command + eight on the Mac. And you can remember that keyboard shortcut cause the number eight has two holes in it and is in fact a compound path. All right, now we have two gradients running in the same direction here. And so I'm going to go up to the Window menu and choose the Gradient command in order to bring up the gradient panel. My fill is not active, so I'll go ahead and click on it to make it active. And notice that the angle of the gradient is 90 degrees. That's just fine. However, it needs to be bright on top where the background circle is concerned, the bigger one. So I'll click on it to select it. And you can either change the angle value to negative 90 degrees, or you can just click on this Reverse Gradient icon in order to produce this effect here. All right, that takes care of the drawing. Now what I want to do is create a big, thick, shared stroke around everything. And I'm going to do that by first switching to the stroke panel, and I'm not doing that because that's where I'm going to change any stroke values. It's just that I want to hide the gradient panel and open up the layers panel a little more. And notice, if I were to change the stroke of this selection right now, the way it is, to something like, let's say six points, just so you can really see it, that's going to create a thicker stroke on the outside than on the inside of the ring. And that's because this shape right here is covering up the inside edge of that big stroke. And also we're going to start bleeding the stroke into the star. What I really want to do is stroke everything all together. So I'll undo that modification, and I'll go to the layers panel. And notice this circular target right here, go ahead and click on it. And that way we're targeting the layer itself. Then you want to go up to the Window menu and choose the Appearance command in order to bring up the appearance panel. Notice that the word layer is bold here inside the panel, which tells you you're effecting the layer as a whole. What you want to do is drop down to this icon in the bottom left corner that reads Add New Stroke, and that will add a stroke like so. And I'm going to change the line weight to six points, which is going to make an absolute total mess of everything. What you want to do is, notice the word contents right here, that's the contents of the layer. You want to take that stroke you just made and drag it down to below the contents in order to produce this effect here so that every single one of these items shares a common stroke that is layered in back of the objects themselves, at which point I'll click off the shapes in order to de-select them. And now, just so we can see the artwork independently of the interface, I'll go up to the View menu and I'll choose Presentation Mode, and I'll go ahead and zoom on in as well. And that is how you create a variation on one of the most famous logos in the world, using nothing more than a circle and an equilateral triangle that share common radius values, here inside Illustrator.
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
- 669_custom_QR.zip
- 670_more_QR.zip
- 671_hidden_circles.zip
- 673_shade_panels.zip
- 672_more_rectangles.zip
- 674_cafe_wall.zip
- 675_skewed_walls.zip
- 676_magic_checkers.zip
- 677_magic_dots.zip
- 678_reverse_illusion.zip
- 679_illusion_decor.zip
- 680_more_gizmos.zip
- 681_connect_gizmos.zip
- 682_wifi_symbol.zip
- 683_bluetooth_logo.zip
- 684_trajan_color.zip
- 685_trajan_AIcc.zip
- 686_stylistic_PsCC.zip
- 687_stylistic_AIcc.zip
- 688_grad_molecules.zip
- 689_sharper_moles.zip
- 690_smart_cules.zip
- 691_explore_cules.zip
- 692_blend_cules.zip
- 693_high_pass_cules.zip
- 694_cell_pattern.zip
- 695_hemoglobin.zip
- 696_edgy_cells.zip
- 697_springy_cells.zip
- 698_accordian_letters.zip
- 699_skew_blends.zip
- 700_cross_blends.zip
- 701_slice_blend.zip
- 702_blend_distort.zip
- 703_dynamic_roughen.zip
- 704_fish_twist.zip
- 705_dynam_bgnd_1.zip
- 706_dynam_bgnd_2.zip
- 707_quieter_art.zip
- 708_disintegration.zip
- 709_more_flakes.zip
- 710_mask_ashes.zip
- 711_flakes_to_ash.zip
- 712_note_tool.zip
- 713_contour_map.zip
- 714_contour_grad.zip
- 715_contour_arb.zip
- 716_contour_riff.zip
- 717_smooth_contour.zip
- 718_contour_cash.zip
- 719_color_of_money.zip
- 720_AI_adjust.zip
- 721_computer_key.zip
- 722_key_type.zip
- 723_faux_hedcut.zip
- 724_hedcut_lines.zip
- 725_color_hedcut.zip
- 726_ET_moon.zip
- 727_ET_trees.zip
- 728_ET_TRex.zip
- 729_global_glow.zip
- 730_content_aware.zip
- 731_space_portal.zip
- 732_enhance_portal.zip
- 733_rushing_stars.zip
- 734_AIcc_puppet.zip
- 735_puppet_tricks.zip
- 736_complex_puppet.zip
- 737_puppet_shortcut.zip
- 738_pentagons.zip
- 739_reinhardt.zip
- 740_kershner.zip
- 741_james_pentagon.zip
- 742_rice_pentagons.zip
- 743_stein_pentagon.zip
- 744_15th_pentagon.zip
- 745_tessellate_15.zip
- 746_pentatiles.zip
- 747_mod_pattern.zip
- 748_complement_tiles.zip
- 749_image_pattern.zip
- 750_pattern_fit.zip
- 751_candy_keeper.zip
- 752_keeper_text.zip
- 753_monster_movie.zip
- 754_mono_halftone.zip
- 755_word_haunted.zip
- 756_cheat_letters.zip
- 757_alt_adjust.zip
- 758_scuba_mono.zip
- 759_backscatter.zip
- 760_sample_outside.zip
- 761_Ps_vector_logo.zip
- 762_trans_shapes.zip
- 763_photo_logo.zip
- 764_high_res_snow.zip
- 765_enhance_snow.zip
- 766_snowflake_bokeh.zip
- 767_mandala_ps.zip
- 768_mandala_pattern.zip
- 769_mandala_dots.zip
- 770_mandala_color.zip
- 771_mandala_final.zip
- 772_AI_trim_view.zip
- 773_AI_presentation.zip
- 774_global_edits.zip
- 775_global_control.zip
- 776_freeform_grads.zip
- 777_freeform_lines.zip
- 778_freeform_gotcha.zip
- 779_great_white.zip
- 780_sharper_shark.zip
- 781_vibrance_sat.zip
- 782_vib_sat_sharp.zip
- 783_hedcut_action.zip
- 784_action_actions.zip
- 785_color_lines.zip
- 786_combine_lines.zip
- 787_clip_to_group.zip
- 788_color_outside.zip
- 789_flip_horizontal.zip
- 790_white_walker.zip
- 791_walker_begins.zip
- 792_digital_shave.zip
- 793_deep_wrinkles.zip
- 794_deep_brows.zip
- 795_pale_lips.zip
- 796_glowing_blue.zip
- 797_lifeless_pupils.zip
- 798_cold_gloomy.zip
- 799_brittle_flakes.zip
- 800_trans_shapes.zip
- 801_range_mask.zip
- 802_flip_photo.zip
- 803_actual_dream.zip
- 804_augment_dream.zip
- 805_smart_distortions.zip
- 806_blend_distortions.zip
- 807_star_negative.zip
- 808_star_pattern.zip
- 809_shaded_stars.zip
- 810_grad_pattern.zip
- 811_pattern_fade.zip
- 813_gobstopper.zip
- 814_gobpattern.zip
- 815_galignment.zip
- 816_etched_lines.zip
- 817_blend_pattern.zip
- 818_cubical_holes.zip
- 819_grad_pattern.zip
- 820_iso_arrows.zip
- 821_position_tips.zip
- 822_fill_gaps.zip
- 823_cartoon_teeth.zip
- 824_triangle_eye.zip
- 825_add_windows.zip
- 826_perfect_tessellate.zip
- 827_triangle_tunnels.zip
- 828_triangles_pattern.zip
- 829_colorful_triangles.zip
- 830_recolor_triangles.zip
- 831_rainbow_blends.zip
- 832_pattern_blends.zip
- 833_imposs_trident.zip
- 834_shade_trident.zip
- 835_opposing_grads.zip
- 836_trident_shadows.zip
- 837_impossible_hex.zip
- 838_impossible_lattice.zip
- 839_Joan_Miro.zip
- 840_watercolor_wash.zip
- 841_Miro_signature.zip
- 842_Photoshop_Miro.zip
- 843_enlarge_Miro.zip
- 844_Miro_Peele.zip
- 845_color_Us.zip
- 846_red_rorschach.zip
- 847_finish_Us.zip
- 848_CAF_fails.zip
- 849_turkey_2019.zip
- 850_trace_hand.zip
- 851_articulated_hand.zip
- 852_colorful_hand.zip
- 853_paint_fingernails.zip
- 854_paint_turkey.zip
- 855_turkey_feathers.zip
- 856_drop_shadow.zip
- 857_Ps_iPad_1.zip
- 858_Ps_iPad_2.zip
- 859_Ps_iPad_3.zip
- 860_iPad_Sidecar.zip
- 861_Adobe_Fresco.zip
- 862_Fresco_halftones.zip
- 863_live_brushes.zip
- 864_oil_paint.zip
- 865_Fresco_masks.zip
- 866_repurpose_mask.zip
- 867_vector_brush.zip
- 868_fresco_ps.zip
- 869_auto_color.zip
- 870_ACR_pano.zip
- 871_correct_pano.zip
- 872_diffusion.zip
- 873_simplify_2020.zip
- 874_fill_gaps.zip
- 875_posterize.zip
- 876_paint_bucket.zip
- 877_nonD_poster.zip
- 878_dynamic_poster.zip
- 879_filmstrip.zip
- 880_awful_awesome.zip
- 881_rembrandt.zip
- 882_recolor_freeform.zip
- 883_recolor_group.zip
- 884_over_under.zip
- 885_dev_over_under.zip
- 886_3D_metal_star.zip
- 887_heavy_metal.zip
- 888_wonder_poster.zip
- 889_wonder_displace.zip
- 890_wonder_woman.zip
- 891_metadata_template.zip
- 892_edit_metadata.zip
- 893_quilt_warp.zip
- 894_warp_object.zip
- 895_gopro_images.zip
- 896_content_aware.zip
- 897_gopro_combo.zip
- 898_blend_vignette.zip
- 899_photo_painting.zip
- 900_cue_ball.zip
- 901_pool_ball.zip
- 902_stripe_ball.zip
- 903_transform_each.zip
- 904_recolor_pool.zip
- 905_pool_cues.zip
- 906_rotate_cues.zip
- 907_repeat_face.zip
- 908_rainbow_faces.zip
- 909_mask_lips.zip
- 910_single_many.zip
- 911_symmetrical_mask.zip
- 912_colorize_grads.zip
- 913_mask_grads.zip
- 914_lantern_type1.zip
- 915_lantern_type2.zip
- 916_lantern_type3.zip
- 917_blend_steps.zip
- 918_blended_blends.zip
- 919_reverse_order.zip
- 920_pattern_colors.zip
- 921_blend_pattern.zip
- 922_polygons.zip
- 923_equil_triangle.zip
- 924_mercedes.zip
- 925_star_ring.zip
- 926_perfect_star.zip
- 927_lets_review.zip
- 928_basic_shapes.zip
- 929_triangle_man.zip
- 930_paint_grads.zip
- 931_adv_grads.zip
- 932_trans_vectors.zip
- 933_free_distort.zip
- 934_dynamic_fx.zip
- 935_cats_eye.zip
- 936_cat_iris.zip
- 937_primitives.zip
- 938_zig_zag.zip
- 939_dynamic_hilight.zip
- 940_reptile_scales.zip
- 941_shade_eye.zip
- 942_variable_shade.zip
- 943_dragon_eye.zip
- 945_single_thumbnail.zip
- 946_ai_home.zip
- 947_unlock_object.zip
- 948_unlock_icon.zip
- 949_line_tool.zip
- 950_broken_candy.zip
- 951_candy_rhino.zip
- 952_wrap_pattern.zip
- 953_ice_shadows.zip
- 954_illustrator_ipad.zip
- 955_pencil_points.zip
- 956_ipad_blob.zip
- 957_ipad_pen.zip
- 958_grads_repeats.zip
- 959_color_grading.zip
- 960_grading_tricks.zip
- 961_blend_balance.zip
- 962_font_height.zip
- 963_camera_profile.zip
- 964_JPEG_raw.zip
- 965_match_detail.zip
- 966_Ps_line_tool.zip
- 967_troubleshoot_line.zip
- 968_blend_vectors.zip
- 969_curve_line.zip
- 970_point_glyphs.zip
- 971_area_glyphs.zip
- 972_snap_glyphs.zip
- 973_snap_letterform.zip
- 974_glyph_shape.zip
- 975_glyph_pen.zip
- 976_playing_cards.zip
- 977_scale_shape.zip
- 978_card_suits.zip
- 979_enhance_path.zip
- 980_power_symbol.zip
- 981_huge_artboard.zip
- 982_new_artboard.zip
- 983_triceratops.zip
- 984_pen_tricks.zip
- 985_round_corner.zip
- 986_draw_round.zip
- 987_reshape_round.zip
- 988_AI_brushed.zip
- 989_AI_rivets.zip
- 990_blend_grad.zip
- 991_binoculars.zip
- 992_blue_halo.zip
- 993_bi_aberrations.zip
- 994_hide_shapes.zip
- 995_subwoofer.zip
- 996_deep_cone.zip
- 997_gradient_frame.zip
- 998_hex_screws.zip
- 999_thats_all.zip
Contents
-
-
-
-
-
860 Using an iPad as a Sidecar drawing tablet11m 37s
-
861 Introducing Adobe Fresco for the iPad15m 27s
-
862 Adobe Fresco paints halftone patterns9m 37s
-
863 Live brushes in Adobe Fresco9m 36s
-
864 Using oil brushes in Adobe Fresco5m 54s
-
865 Masking layers in Adobe Fresco9m 47s
-
866 Repurposing and inverting masks5m 25s
-
867 Vector brushes in Adobe Fresco9m 7s
-
868 Opening Fresco art in Photoshop8m 32s
-
869 Customizing the Auto Color command6m 51s
-
870 Camera Raw 12: Panoramas with fill edges9m 38s
-
871 Developing your panorama in Camera Raw5m 53s
-
872 Healing with Clone Source plus Diffusion8m 8s
-
873 The improved Simplify command in Illustrator 20207m 25s
-
874 Filling in any post-Simplify gaps4m 27s
-
875 Posterizing colors, in the style of "Hair"11m 54s
-
876 Recoloring art with the Paint Bucket tool5m 34s
-
878 Adjusting your poster art dynamically6m 15s
-
877 Posterizing colors nondestructively9m 8s
-
879 Hiding the Filmstrip in Camera Raw4m 35s
-
880 Making an awful photograph awesome10m 14s
-
881 What if Rembrandt had painted sea lions?4m 43s
-
882 Recolor a freeform gradient in Illustrator4m 58s
-
883 Recoloring a gradient using a color group3m 24s
-
884 Faking a GoPro over-under shot10m 20s
-
885 Developing your over-under in Camera Raw4m 41s
-
886 Drawing a 3D metal star in Illustrator14m 25s
-
887 Rendering the 3D star in heavy metal5m 51s
-
888 Creating a Wonder Woman 1984 poster effect9m 5s
-
889 Creating the Wonder Woman displacement map15m 5s
-
890 Masking your Wonder Woman11m 39s
-
891 Creating a metadata template in Bridge9m 24s
-
892 Streamlining a multi-use metadata template9m 29s
-
893 The Photoshop 2020 freeform Warp enhancements12m 32s
-
894 Applying a freeform Warp to a Smart Object7m 54s
-
895 Rescuing a frame from a GoPro movie7m 49s
-
896 Filling gaps with Content-Aware Fill7m 5s
-
897 Two images are better than one13m 8s
-
898 Blending images with a hand-drawn vignette4m 44s
-
899 Creating a photographic painting12m 37s
-
900 Drawing a gradient sphere as a 2D shape9m 49s
-
901 Turning a sphere into a colorful pool ball7m 51s
-
902 Changing a pool ball from solid to stripes8m 22s
-
903 Rotate versus Transform Each in Illustrator9m 36s
-
904 Recoloring your pool balls8m 20s
-
905 Drawing a pool cue in Illustrator15m 43s
-
906 Rotating with precision accuracy7m 28s
-
907 Repeating a face so it shares a common eye11m 20s
-
908 Continuous rainbow faces in Photoshop5m 42s
-
909 Masking in the natural colors of the lips6m 8s
-
910 Flipping a face to create new identities9m 8s
-
911 Hand painting a symmetrical layer mask4m 18s
-
912 Two ways to colorize with gradients6m 9s
-
913 Two ways to mask gradient effects6m 40s
-
914 Lantern tile: Type 1, onion7m 53s
-
915 Lantern tile: Type 2, traditional6m 33s
-
916 Lantern tile: Type 3, scallop4m 30s
-
917 Quickly change the number of steps in Illustrator8m 22s
-
918 Creating a blend inside a blend7m 44s
-
919 Reversing the stacking order in Illustrator4m 32s
-
920 Turning a blend into a repeating pattern12m 16s
-
921 Recoloring a blended pattern5m 8s
-
922 Precisely sizing any polygon in Illustrator9m 19s
-
923 Creating a beveled, equilateral triangle11m 46s
-
924 Turning a triangle into a Mercedes star9m 7s
-
925 Adding a ring around the Mercedes star7m 57s
-
926 Precisely sizing stars in Illustrator10m 20s
-
927 Let's review that star technique5m 25s
-
928 Creating real artwork with basic shapes9m 55s
-
929 Making a face of triangles in Illustrator10m 18s
-
930 Painting with gradients and translucency10m 34s
-
931 More advanced gradients in Illustrator6m 52s
-
932 Combining translucent vectors with a photo5m 30s
-
933 Using the dynamic Free Distort filter9m 3s
-
934 Combining dynamic effects in Illustrator6m 4s
-
935 Creating a Halloween cat’s eye in Illustrator14m 35s
-
936 Combining multiple gradient fills and effects8m 28s
-
937 Tracing a photo with primitives in Illustrator11m 31s
-
938 Halftone pattern and Zig Zag in Illustrator13m 5s
-
939 Adding dynamic highlights to your cat’s eye10m 29s
-
940 Blending reptile-like scales in Illustrator13m 42s
-
941 Shading to your cat’s eye in Illustrator10m 53s
-
942 Shading with variable-width strokes9m 10s
-
943 Turning your cat’s eye into a dragon’s eye10m 40s
-
944 Clearing the Photoshop Home screen5m 5s
-
945 Hiding a single Home screen thumbnail3m 29s
-
946 Clearing the Illustrator Home screen4m 4s
-
947 A new way to unlock stuff in Illustrator5m
-
948 Another way to unlock stuff in Illustrator2m 47s
-
949 The new Line tool in Photoshop 202110m 43s
-
950 Fixing a broken candy cane pattern4m 58s
-
951 Creating a candy cane rhinoceros in Photoshop10m 4s
-
952 Warping a pattern around an object4m 2s
-
953 Adding some rippling, reflective ice shadows8m 35s
-
-