From the course: Deke's Techniques (2018-2021)
926 Precisely sizing stars in Illustrator
From the course: Deke's Techniques (2018-2021)
926 Precisely sizing stars in Illustrator
- Hey gang, this is Deke McClelland. Welcome to Deke's Techniques. Now over the past couple of weeks, I've been showing you how to draw regular polygons of a specific size inside Illustrator. Well today, it gets that much better as I show you how to draw a star of a specific size, once again, inside Illustrator. Now, if you think about it, a star is a regular polygon set inside another regular polygon. So the sides go in and then back out, which means that Illustrator requires not one, but two radius values. And so let's say you want to draw an upright five-pointed classically American star, or if you prefer, Liberian, Somalian, Senegalese, Vietnamese, Chilean, European, Puerto Rican, Texan, Californian, many, many independent entities, employ five-pointed stars. And so if you want to draw a kind of bloaty, out of shape star, child's play, but if you want to draw a precise, all sides aligned, upright five-pointed star, that's, let's say, exactly 400 points wide from wingtip to shining wingtip, then sit up straight and watch this movie. All right, let's start with a basic overview of how the star tool works here inside Illustrator. I'll go ahead and click and hold on the shape tool in order to bring up this flyout menu, and choose the star tool from the flyout menu. And then, just so we can see what we're doing, I'll increase my line weight to four point, which I'm doing from the horizontal control panel. You can also do it from the big, huge properties panel, if you prefer. And then, you just go ahead and drag from the center outward in order to create a star at any angle you like, and if you want it upright, then you just go ahead and press the shift key. And in my case, I've drawn a five-pointed star. If you want to change the number of points on the fly, I just go ahead and press backspace or delete to get rid of that guy. Then, as you drag, you can press the up arrow key to add point, or the down arrow key to remove points. So those are a few options. But let's say you want a star that is exactly 400 points wide. And it's one of those perfect five-pointed American stars where the sides line up with each other and everything. All right, so I'll get rid of that star and I'll begin drawing a new one, and I'll press the down arrow key so that we just have five points like so, and if you want the sides to line up, then you press and hold the alt key. That's going to be the option key on the Mac, and then I can press the shift key to make it upright. And at this point, you can see that I've gone ahead and aligned to that outer circular guide. So that's good, but I have not created a star that measures 400 points wide. Notice these vertical guides right here are 400 points apart, and the star does not quite touch them, which can be infuriating at times. If you have a specific idea in mind about how wide a star should be, then it can really drive you nuts. And that's the whole thing I want to demonstrate here. So, I'm going to get rid of that guy. And I want you to know that these two circular guides, one of them has a diameter of 400 points and therefore a radius of half that, 200 points. And then the other one has a diameter of 200 points, the smaller one, meaning that it has a radius of 100 points. And so I'm just going to go ahead and click at the intersection of those two center guides, in order to bring up the star dialog box so that you can see that sure enough, we have two radius values. Now, they can go either way. Radius one can be the outside or inside, so you can flip them back and forth. But let's say I set radius one to 200 points to match the outer circle, and I'll set radius two to 100 points to match the inner circle. And sure enough, things work out the way you think they would, the only problem is, what should these darn values be? All right, so I'll undo that so I can show you, if I go ahead and click again, I'll keep those same values, but I'll set the number of points to six this time, and click, okay. And we get this star, which is definitely appealing, but it's not your typical six-pointed star with sides that line up with each other. Instead, things bend inward. Now things start looking pretty good at about eight points. And so, click again in order to bring up that dialog box, and I'll take the number of points up to eight. You can experiment with other values if you like, but notice if I click, okay, now I have a star that is actually 400 points wide. It goes all the way between those two vertical guidelines. So at eight points, you're set. I don't know how often you create seven and nine pointed stars, but again, you can experiment with those. What I want to show you is how things work with five and six. And so I'll go ahead and switch over. Here's a perfect five-pointed star that measures exactly 400 points wide. It goes all the way between those vertical guides. But notice the two circles, the inner circle is smaller than the one that we are seeing right here. I'll just get rid of that star so you can focus on it. So look at the inner circle, and then look at this guy. This circle is smaller. So radius two in our case, is smaller. Radius one is bigger, it goes beyond those two vertical guides. Same happens with the six-pointed star. Our inner circle gets bigger actually, but our outer circle also gets much bigger. And so how in the world do we figure things out? Well, let me show you. I'll go ahead and switch over to the sample document here and I'll grab the line segment tool, which I'm just finding more and more useful, the more I use it inside Illustrator. And I'm going to go ahead and click at the intersection of those two center guides. And I'm going to set the length to something big, like 250 points, which is bigger than the outer circle radius. And then I'll set the angle to 90 degrees, because I know I want that point in the star to be upright. And so I'll click, okay. So this is just a stand in for the point that should line up someplace in this region. All right, now I'll switch to the rotate tool, which you can get by pressing the R key. And then I'll go ahead and alt or option click at the center point right there. And let's imagine we're trying to rough things out for a five-pointed star. Then you'd want to enter an angle value of 360 divided by five for each of the points. And then if you press the tab key, that gives you an angle of 72 degrees, at which point you can click copy if you want to, but really it's okay just to click, okay, because this is all the information we need. We just need to know where this line intersects the vertical guideline over here. And we're going to figure that out by switching back to the line segment tool, go ahead and press Control + Shift + A, or Command + Shift + A on a Mac to de-select everything, and drag from the center, once again, just to here, to where the line intersects the vertical guideline and then release. And that tells you the size of your outer radius at which point, go ahead and click, don't drag. It's very easy to do tiny drags with this tool and just mess things up. We want this linked value right here. So just go ahead and copy it by pressing Control + C, or Command + C on the Mac, then you can cancel out, you don't need that anymore. And then you can just go ahead and press the V key to switch to the black arrow tool, marquee these two lines here, and get rid of them. We don't need them anymore. And now, switch back to the star tool, and go ahead and click in the center right there. Now, we're looking for five points, not eight, so I'll go ahead and reduce the number of points. And then you want to take that radius one value and paste, and then don't worry about radius two yet, just click, okay, and that will create a star that, notice, is 400 points wide. So it's as wide as we want it to be. Obviously, you can go with other values if you want to. I'm just using 400 points as an example. All right, now the outer points are exactly where they should be, the inner points are not. So what you want to do, is switch back to that line segment tool and go ahead and drag a horizontal line across like so, between those two outstanding points, so that we're extending the entire length of this 400 point distance, which I didn't, I missed it. So I'll undo that line, and I'll try it again. This time I'll drag from the left to the right, and notice my de-value there for distance is 400 points. That's what I want. All right so, what I'm going to do now is switch back to the rotate tool, which you can get by pressing R, I already said that, so obvious. I'm going to alt or option click at the intersection of those two center guides. Notice we still have an angle value of 72 degrees, click copy. Now what you want to do is go back to the line segment tool, and then you want to drag from the center to the intersection of those two most recent lines that you just drew. And notice I'm seeing a D value there. That's going to be my inner radius, at which point I'll release. Then you want to click, don't drag, and press Control + C, or Command + C on the Mac, to copy that length value, click, okay, or whatever, we don't really need that line. In fact, I'm going to press the V key to switch back to the black arrow tool, and I'll go ahead and marquee these paths outlines, and as long as your guides are locked down, then you can just press the backspace key, or the delete key on the Mac, to get rid of all that garbage. And now go ahead and select the star tool, and click right there in the center. And then I want you to shift tab to the radius two value, and press Control + V, or Command + V on the Mac, to paste that value, and then click, okay. And we now have a perfect star that's upright, the sides align with each other, and it is exactly 400 points wide. All right, so it may not be exciting, but I hope that helps. That is how you create a perfectly sized star of any size you like, with the help of the line segment tool combined along with the rotate tool, here inside Illustrator. Okay, I feel like that was a lot, awesome info, but a lot, which is why, if you're a member of LinkedIn Learning, I have a followup movie in which we take these same principles and apply them to the task of creating an absolutely symmetrical six-pointed star, much like the ones featured on the flags of Bonaire, Burundi, Slovenia, and more. Deke's Techniques each and every week, keep watching.
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
-
-