From the course: Deke's Techniques (2018-2021)
744 Creating a type 15 pentagon in Illustrator
From the course: Deke's Techniques (2018-2021)
744 Creating a type 15 pentagon in Illustrator
- Hey gang, this is Deke McClelland. Welcome to Deke's Techniques. Now, if you've been watching right along, you know that for the last three weeks, we've been discussing some very special, irregular convex pentagons. And they're so very special because they tessellate and they do so monohedrally, meaning that you just repeat the same shape over and over again. But we haven't drawn a darn thing which must be frustrating, which is why today, we are gonna draw one of those pentagons in Illustrator. And it's gonna be the most complex pentagon of them all, which is Type 15, discovered in 2015, a full 30 years after Type 14. And even though it is very complicated, notice that we have to rotate it 12 times to get all the shapes that we need, it's actually pretty easy to draw. Here, let me show you exactly how it works. All right, so let's see how to create that perfectly tessellating Type 15 pentagon entirely from scratch here inside Illustrator. And so I'm going to advance to the last artboard inside this document by pressing Ctrl-Shift-PgDn here on the PC. That would be Command-Shift-PgDn on the Mac. Now, this pentagon was discovered by these guys, Casey Mann, Jennifer McLoud, and David Von Derau in 2015. So 30 years after that Type 14 pentagon from Rolf Stein. And if you thought it had some pretty specific requirements, this one is more specific still. So again, I've formatted the angles in bold and the sides in italic. And notice that each and every angle is spoken for. So this shape has to look exactly like this, which is why it's so easy to draw. So we just need to take into account this data. And you need to bear in mind that where the sides are concerned, a equals c equals e, so those three sides are exactly the same. And b is the same as 2a, or it could be 2c or 2e, since they're identical. D is not spoken for, but it ends up working out automatically. And it tiles like this, which is much different than anything we've seen before. So whereas with Type 14, we repeated the tile a total of six times, with Type 15, we repeat the tile a total of 12 times. And this is the one and only way that this pattern can work out. All right, so I'll go ahead and turn off that patterns layer for the moment. And I'll partially marquee these shapes right here with a Black Arrow tool, so that I select all this stuff. I don't wanna select the letters because I want those to remain on screen. So I'll go ahead and press the Backspace key or the Delete key on the Mac to get rid of that shape and I'll also get rid of this red line right here. And then I'll build this pentagon once again from scratch, not using the Polygon tool because that would give me a regular pentagon, which is not going to work. Instead, I want the Line tool, which is gonna work out beautifully. And I'll start things off by creating the side associated with b because over time, I've gone ahead and oriented all of these pentagons, as you can see, so that the b side is exactly horizontal. And that's just because it makes the tiles easier to construct in the first place. And so armed with the Line tool, notice that I'm seeing a bunch of smart guides because after all, my smart guides are turned on. If yours are not, then go up to the View menu and choose Smart Guides in order to turn that command on. And then I'll just go ahead and click right about there to bring up the Line Segment Tool Options dialog box. Now, I'm gonna start off with a line that is 400 points long. I just happen to know this is gonna work. But you can go with literally any length you like as long as you can easily divide it by two, so you can figure out the lengths of sides a, c, and e. Now, you also wanna set the angle value to zero degrees, which is exactly horizontal. And then click OK in order to create that first line segment like so. I'm gonna nudge it up a little bit, so I get it in a kind of happier place there. And now, I wanna create side a. And I'm gonna do that by clicking at that exact same anchor point again, so that I start the line from the same location. And I'll just go ahead and take that length value and divide it by two, so enter /2 like so. That'll go ahead and take the length, fairly predictably, down to 200 points. I'm gonna leave the angle set to zero degrees and I'll click OK. And just so I can better keep track of what's going on, I'm gonna click on the second color swatch over here on the far left side of the control panel and change the stroke to, let's say, this shade of green. Anything's fine, just as long as you can distinguish it from side b. All right, now, we wanna rotate it into place by switching to the Rotate tool, which you can get by pressing the R key. And then you wanna Alt or Option-click at that same first anchor point right there in order to bring up the Rotate dialog box. And now, notice that we're told that angle A needs to equal 150 degrees, so that's all you do. Just enter that angle value and press the Tab key. And assuming that the Preview checkbox is turned on, you will see that rotation applied on the fly and then just go ahead and click OK. All right, now, looks like our lines aren't in the best locations, so I'll press the V key to switch back to my Black Arrow tool. And I'll Shift-click on the red line in order to add it to the selection. And I'll just go ahead and nudge these guys over by pressing Shift-right arrow here on the keyboard. And now, I'll just go ahead and click off the lines to deselect them and I'll click on that green line to select it. Now, what we wanna do is create side e, which is right here next door. E is gonna be the same length as a, so we just need to duplicate this guy by once again switching to the Rotate tool, which you can get by pressing the R key and then Alt or Option-click on this left hand anchor point in order to once again bring up the Rotate dialog box. Drop down to the instructions and notice that E needs to equal 90 degrees. And so I'll just go ahead and dial in an angle value of 90 like so. And this time, instead of clicking OK, I need to click on the Copy button in order to create a copy of that line at this new location. All right, now, we need to create side c right here. And I'm gonna do that by switching back to my Line tool. And then I'll just go ahead and click on this far right anchor point in order to once again bring up the dialog box. A length value of 200 points is just fine because after all, c is the same a and e. But this time, we want the angle value to go in the opposite direction, so 180 degrees and then click OK. And that'll go ahead and create the line like so. Now, we need to rotate it into position by pressing the R key to switch back to the Rotate tool. And I will Alt or Option-click on that right-hand anchor point to visit the Rotate dialog box. This is gonna be angle B right here and I can see that because I left the bold B behind, it needs to equal 60 degrees. So I'll just go ahead and change that angle value to 60 like so, and press the Tab key in order to update the preview. Apparently, that's not quite right. And that's because this time, we're rotating in the opposite direction. And so I need to change the angle value from positive to negative like so. At which point, everything looks great and so I'll just go ahead and click OK this time around because this is already a copy. So I'll go ahead and click OK like so. And now, we just need to create the last side, which is d. Now, we have some angle information. D right here is supposed to equal 105 degrees and C should be 135 degrees. But that's gonna work out automatically. All I need to do is switch back to the Line tool. And then I'm just gonna drag from this anchor point to this one. And I don't care that the Heads-Up Display is telling me that the distance value is gonna be 386.37 points, which by the way, is the length of the d side. And that's because I don't have any information on that side. It just does not matter, it has to be right. All right, now, I'm gonna press the V key to switch back to my Black Arrow tool. And I'll Shift-click on each one of these sides in order to add it to the selection, so I now have a total of five sides selected. And now, I wanna join them all together by going up to the Object menu, choosing Path, and then choosing Join. Or you can just press Ctrl-J here on the PC or Command-J on the Mac. And that will leave me with one closed path outline. And now, I'll click on that second swatch and change it to black. A line weight of one point is just fine. And then I'll go ahead and click on this first color swatch, which represents the fill, and I'll select that light blue swatch, which I've named Leed Shape. And that's gonna go ahead and fill the shape as we're seeing here. And now, I'll right-click in the document window, choose Arrange, and choose Send to Back. Or you can just press Ctrl-Shift-[. That's Command-Shift-[ on the Mac in order to move the shape behind all of those labels. And that's how you very exactly create a perfectly tessellating Type 15 irregular convex pentagon, as first discovered by this team of folks at the University of Washington back in the year 2015. All right, now, if you're a member of lynda.com/linkedinlearning, I have a follow-up movie in which I show you how to tessellate this pattern. If you're looking forward to next week, I'm gonna show how to take this Type 15 pattern and express it as a proper tile pattern inside Illustrator and then we'll use it to fill this cow. 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
-
-
-
669 Customizing a QR code in Photoshop11m 22s
-
670 Adding more color to your QR code4m 29s
-
671 Coffer illusion and the hidden circles18m 10s
-
672 Filling out the hidden circles illusion9m 30s
-
673 Shading the panels in a Coffer illusion13m 1s
-
674 Drawing a classic “café wall” illusion11m 20s
-
675 Skewing your crazy café walls in Illustrator9m 25s
-
676 Creating a “magical checkers” illusion20m 8s
-
677 Swapping magical checkers for dots8m 35s
-
678 Reversing the direction of your illusion8m 33s
-
679 Decorating your illusion9m 47s
-
680 Adding more and more gizmos11m 52s
-
681 Connecting the gizmos wirelessly4m 59s
-
682 Drawing a Wi-Fi symbol in Illustrator9m 48s
-
683 Drawing the official Bluetooth logo10m 8s
-
684 Introducing Trajan Color Concept13m 10s
-
685 Trajan Color Concept in Illustrator CC7m 10s
-
686 Using stylistic sets in Photoshop CC9m 37s
-
687 Using stylistic sets in Illustrator CC6m 47s
-
688 Creating gradient molecules in Photoshop10m 17s
-
689 Sharpening your very soft molecules4m 41s
-
690 Editing your smart-filtered molecules6m 32s
-
691 Exploring regular molecule patterns17m 41s
-
692 Blending opposing rows of colorful molecules8m 49s
-
693 Sharpening molecules with High Pass6m 3s
-
694 Creating shimmering cells in Illustrator12m 25s
-
695 Turning regular hexagons into organic cells11m 50s
-
696 Enhancing your organic cells in Photoshop8m 58s
-
697 Making dead cells spring to life7m 41s
-
698 Creating letters with accordion extrusions13m 58s
-
699 Combining object blends with skews11m 28s
-
700 Making one object blend cut through another9m 44s
-
701 Making one object blend slice across another13m 27s
-
702 Object blends and dynamic distortions in Illustrator8m 11s
-
703 Another random distortion: Roughen7m 57s
-
704 Dynamic warp distortions: Fish and Twist8m 52s
-
705 Adding a dynamic background, part 110m 14s
-
706 Adding a dynamic background, part 27m 44s
-
707 “Quieting down” an overly elaborate design9m 25s
-
708 The Marvel disintegration effect9m 14s
-
709 Building up more flakes and ashes7m 33s
-
710 Enhancing and masking your disintegration8m 12s
-
711 Turning your flakes into dull, dead ash4m 10s
-
712 Jogging your memory with the Note tool9m 59s
-
713 Contour mapping with Distort > Displace10m 23s
-
714 Contour map + gradient map6m 54s
-
715 Contour map + arbitrary map8m 22s
-
716 Riffing on a contour map in Photoshop5m 24s
-
717 Smoothing out jagged contour lines4m 11s
-
718 Contour mapping for cash in Photoshop9m 27s
-
719 Infusing an image with the color of money2m 53s
-
720 Simulating an adjustment layer in Illustrator9m 25s
-
721 Drawing a stylish computer key12m 9s
-
722 Spelling a word in computer keys6m 55s
-
723 Creating a faux hedcut in Photoshop13m 7s
-
724 Tracing outlines around your hedcut7m 47s
-
725 Creating a full-color hedcut effect7m 32s
-
726 Creating an E.T. moon in Photoshop8m 42s
-
727 Adding a forest of trees for your E.T. moon10m 41s
-
728 Combining the best of E.T. and Jurassic Park10m 59s
-
729 Tracing vectors with a universal glow6m 17s
-
730 Creative uses for Content-Aware Fill11m 47s
-
731 Creating a porthole to a far-away galaxy7m 42s
-
732 Enhancing your crazy space porthole7m 3s
-
733 Creating a galaxy of rushing stars5m 42s
-
734 Using the Puppet Warp tool in Illustrator CC6m 7s
-
735 Illustrator Puppet Warp tips and tricks7m 20s
-
736 Puppet-Warping very complicated selections6m 18s
-
737 Shift-P for Puppet Warp!2m 59s
-
738 Introducing the Pentagon Patterns7m 29s
-
739 Types 1–5: The Reinhardt pentagons14m 17s
-
740 Types 6–8: The Kershner pentagons5m 47s
-
741 Type 10: The James pentagon5m 53s
-
742 Types 9, 11, 12, and 13: The Rice pentagons7m 58s
-
743 Type 14: The Stein pentagon3m 53s
-
744 Creating a type 15 pentagon in Illustrator9m 27s
-
745 Tessellating your type 15 pentagon14m 22s
-
746 Expressing pentagons as proper tile patterns12m 9s
-
747 Applying and modifying a tile pattern11m
-
748 Combining complementary patterns7m 43s
-
749 Combining a tile pattern with a photograph6m 33s
-
750 Adjusting a tile pattern to fit its photo5m 36s
-
751 Creating a creepy Candy Keeper in Photoshop3m 59s
-
752 Enhancing the Candy Keeper text4m 46s
-
753 Creating an old monster movie poster7m 3s
-
754 Adding a monochrome halftone effect4m 3s
-
755 Enhancing a special word, such as “Haunted”4m 27s
-
756 Cheating letters into an ancient border2m 25s
-
757 Naming an adjustment layer as you create it4m 13s
-
758 Under the sea in strict monochrome6m 29s
-
759 Backscatter and split toning7m 21s
-
760 Sampling any color outside Photoshop3m 17s
-
761 Designing a vector-based logo in Photoshop9m 20s
-
762 Free-transforming shape layers7m 56s
-
763 Adding a photo element to your vector logo6m 34s
-
764 High-resolution snowflakes in Photoshop5m 45s
-
765 Enhancing your big, juicy snowflakes7m 19s
-
766 Adding a snowflake bokeh “on the lens”6m 8s
-
-
-
-