From the course: Deke's Techniques (2018-2021)
827 Op art experiment 4: Triangle tunnels
From the course: Deke's Techniques (2018-2021)
827 Op art experiment 4: Triangle tunnels
- Hey, gang, this is Deke McClelland. Welcome to "Deke's Techniques." In the eight years I've been making this thing, I've recorded three sets of what I call op art experiments. In 2013, you can check out episodes 190, as well as 201. In 2017, look to episode 655. Why do I mention them? Because I want you to go back and look at them right now. There are seriously 826 previous episodes in this series. So instead of eating and sleeping and taking care of the people who are so every important to you, why don't you do the world a big giant favor and just binge watch "Deke's Techniques"? Okay, I admit, that was me thinking of me, which is why today I want to give back to you with my fourth op art experiment, triangle tunnels. They're vectors, they live in Illustrator, and they love you very much. Here, let me show you exactly how they work. All right, here's the final version of the effect just so you know exactly where we're going. I'm going to be starting inside this mostly empty document. It contains a couple of center guides and some placeholder text, nothing more. What we're going to do is add a bunch of triangles to it. And we want them to be on an independent layer, so over here in the Layers panel, I'll drop down to the little page icon, and I'll press the Alt key or the Option key on the Mac and click in order to force a display of the Layer Options dialog box. And I'll call this layer 200/100/80/10 for reasons that will become obvious in just a moment. And then I'll click OK. All right, now arguably the best way to draw triangles in Illustrator is to use this guy right here, the Polygon Tool, which you'll find in the Shape Tool fly-out menu. Next, you want to make sure your Smart Guides are turned on by going up to the View menu. Notice my Smart Guides are off, so I'll go ahead and choose the command. And then you want to click at the intersection of those two guidelines. And I'm going to set the number of sides to three because, after all, we're drawing a triangle. And then I'll set the radius to 200, which is the first of those numbers that I assigned to the layer name. And then I'll click OK. All right, now I'll click on the word Stroke up here on the left slide of the control panel. I'll take the line weight up to two points, and I'll go ahead and set the cap and the corner to round, like so, and then I'll press the Escape key in order to hide that panel. All right, now I'm going to click at the intersection of those two guides once again, and this time I'll set the radius to 100. And then I'll do it again, and I'll set the radius to 80 this time around. And finally, I'll click and set the radius to 10. All right, now I want to move that last tiny triangle, but I want to move it to a very specific location, and so I'm going to create a custom guide by first zooming way in so that I'm getting the results I'm looking for. And then I'll go ahead and grab the Line Segment Tool, which is available in this Line Tool fly-out menu. And I'll go ahead and drag from the intersection of those two guides to the center of this segment right here. And it needs to be a little higher. And so those are the values you should see, by the way, a distance value of 40 points and an angle of 30 degrees. And if you want to confirm you got it right, you can just press the Backspace key or the Delete key on a Mac to get rid of that line. And click once again just to make sure that you have exactly the right values. So notice my angle value is slightly off. I want it to be exactly 30 degrees. So length, 40 point, angle, 30 degrees, then click OK. And now I want to move this guy to the guides layer, and so I'll drag this tiny red square over here on the right side of the Layers panel down, like so, until it turns blue. And now it appears to be covered up by the other triangles, but I'll be able to see it once again if I convert it to a guideline by going up to the View menu, choosing Guides, and then choosing Make Guides, like so. All right, now I'll go ahead and press the v key to switch to the black arrow tool. And I'll click on this guy to select it, and then I'll drag it by this point right here, so the point at which this segment intersects the custom guideline, until it snaps into alignment with the larger triangle, like so. All right, now we'll press Control + 0 or Command + 0 on a Mac to zoom out a bit. And I'll go ahead and marquee all of these triangles here. It appears they have a fill. I don't want that, so I'm going to click on the first swatch over here on the far left side of the control panel, and I'll select None in order to get rid of those fills, like so. All right, now we need to blend between these triangles. And so I'm going to click off of them to deselect them, and then I'll select this big buy and the next guy in. And I'll go up to the Object menu, choose Blend, and then choose Make. Or you have that keyboard shortcut of ctrl + alt + b or cmd + opt + b on a Mac. And I do indeed want four steps, but just to confirm that's what I've got, I'm going to go to the Object menu, choose Blend, and then choose Blend Options right here. And I'll make sure Spacing is set to Specified Steps and that the number of steps is four, at which point I'll click OK to accept that change. Now I'll select this next triangle in, and I'll Shift + Click on this little guy to select them. And I'll go to the Object menu, choose Blend, and choose Make. And then I'll return to the Object menu, choose Blend, and then choose Blend Options. Make sure Specified Steps is still active. This time, however, I want five steps, which is going to look like this. And then I'll go ahead and click OK. All right, I'm going to zoom in a little farther here. Now, the great thing about blends is even though they're old as the hills. They were first introduced in Illustrator 88 back in 1988. However, even so, they are absolutely dynamic. So if I were to switch to the white arrow tool, which you can get by pressing the A key, and I were to, let's say, Alt + Click on this triangle right here, which is the one with a diameter of a hundred points, and then I'll Shift + Alt + Click on this guy. So in other words, I'm selecting two path outlines that are in different blends. And now I'll go up to the line weight option here, and I'll change it to six points, and Illustrator automatically updates those blends on the fly. All right, now I'm going to click off the triangles to deselect them, and I'll turn off that guides layer. And that's how you create the first of what will be many more triangle tunnels here inside Illustrator. If you're a member of LinkedIn Learning, I have a followup movie in which I show you how to take your triangle tunnels and express them as a seamlessly repeating hex pattern. If you're waiting for something that's less unpleasant to look at, then keep your eyes peeled for next week when I serve up this. Aw, gee, this one's my favorite (sniffs) because I smell the ink. "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
-
-
-
-
767 Mandala patterns in Photoshop CC 20191m
-
768 Painting a free-form mandala pattern9m 5s
-
769 Painting mandala-style dot patterns6m 56s
-
770 Coloring your mandala pattern7m 48s
-
771 The final full-color mandala6m 27s
-
772 Illustrator CC 2019 new preview mode1m 1s
-
773 Illustrator CC 2019 presentation mode3m 21s
-
774 Global edit in Illustrator CC 20196m 30s
-
775 Applying a global edit from the control panel4m 8s
-
776 Freeform gradients in Illustrator CC 20198m 29s
-
777 Freeform gradients: Points versus lines8m 10s
-
778 Freeform gradient limitations6m 29s
-
779 Crop and develop a great white shark8m 54s
-
780 Sharpening your great white shark6m 11s
-
781 Low vibrance and high saturation9m 3s
-
782 Vibrance, saturation, and sharpness9m 11s
-
783 Actioning a full-color hedcut in Photoshop1m
-
784 Recording an action to play all actions9m 37s
-
785 Draw something, color the outlines8m 46s
-
786 Combining multiple works of line art7m 3s
-
787 Group your line art, clip to the group4m 9s
-
788 Coloring outside your line art in Photoshop6m 32s
-
789 Flip horizontal view in Photoshop CC 20191m
-
790 Creating a White Walker in Photoshop1m 59s
-
791 The White Walker begins9m 25s
-
792 Giving a guy a digital shave in Photoshop3m 58s
-
793 Carving deep wrinkles or scars into skin8m 37s
-
794 Shading the White Walker’s deep-set brows6m 21s
-
795 Creating pale, lifeless lips in Photoshop5m 57s
-
796 Giving your White Walker glowing blue eyes10m 46s
-
797 Adding some creepy lifeless pupils6m 40s
-
798 Adding a cold and gloomy background12m 18s
-
799 Adding cold and brittle snowflakes6m 25s
-
800 Using the Transparency Shapes Layer option5m 29s
-
801 Combining a radial filter with a range mask8m 35s
-
802 Flipping a photograph in Camera Raw6m 20s
-
803 An actual dream effect, in Photoshop14m 37s
-
804 Augmenting your Photoshop dream8m 45s
-
805 Applying distortions as Smart Filters6m 37s
-
806 Combining distortions with blend modes10m 5s
-
807 Drawing a 24-sided star in negative space12m 48s
-
808 Making your star a repeating hex pattern8m 27s
-
809 Shading your star pattern in Illustrator6m 57s
-
810 Creating a gradient pattern in Illustrator4m 31s
-
811 Making one pattern fade into another6m 23s
-
812 Welcome to my seamlessly repeating summer1m 35s
-
813 Drawing a cubical gobstopper in Illustrator14m 55s
-
814 Creating a pattern of gobstoppers7m 23s
-
815 Aligning your many gobstoppers5m 54s
-
816 Blending line textures in Illustrator12m 58s
-
817 Combining object blends with a pattern8m 40s
-
818 Carving cubical holes into cubical objects9m 52s
-
819 Nesting gradients inside a pattern5m 36s
-
820 Drawing 3D isometric arrows in Illustrator7m 33s
-
821 Positioning the tips of your arrows7m 17s
-
822 Filling in the gaps in a repeating pattern8m 50s
-
823 Drawing cartoon teeth aligned to the hair5m 50s
-
824 Drawing a triangular cartoon eye8m 6s
-
825 Adding windows to the houses pattern10m 46s
-
826 Creating a perfectly tessellating pattern4m 32s
-
827 Op art experiment 4: Triangle tunnels6m 58s
-
828 Expressing your triangles as a hex pattern7m 18s
-
829 Adding color to your triangle tunnels7m 55s
-
830 Recoloring your triangle tunnels3m 20s
-
831 Creating rainbow gradients with blends6m 18s
-
832 The downside of using blends in patterns3m 35s
-
833 Drawing an impossible trident in Illustrator9m 49s
-
834 Shading an impossible trident with gradients4m 3s
-
835 Painting paths with opposing gradients13m 51s
-
836 Adding impossible shadows in Illustrator6m 42s
-
837 Drawing an impossible hex object14m 8s
-
838 Creating impossible latticework5m 46s
-
839 Painting like Joan Miró in Adobe Sketch9m 46s
-
840 Painting a watercolor wash background8m 23s
-
841 Signing your artwork like Joan Miró4m 17s
-
842 Opening your Sketch artwork in Photoshop9m 1s
-
843 Enlarging your Miró to poster size11m 5s
-
844 What if Joan Miró had met Jordan Peele?14m 10s
-
845 Coloring your terrifying Miró/“Us” scene11m 47s
-
846 Painting a Rorschach background9m 22s
-
848 What to do when Content-Aware Fill fails?10m 4s
-
847 Finishing your “Us” artwork in Photoshop10m 35s
-
849 Hand turkey 20191m 56s
-
850 Tracing your actual hand on an iPad10m 6s
-
851 Drawing a highly articulated hand9m 50s
-
852 Adding color to your hand-drawn hand12m 33s
-
853 Painting your hand-drawn fingernails9m 3s
-
854 A hand becomes a Thanksgiving hand turkey9m 6s
-
855 Painting the turkey’s tail feathers13m 30s
-
856 What’s wrong with this drop shadow?11m 14s
-
857 Introducing Photoshop for the iPad13m 6s
-
858 Photoshop for the iPad: Part 29m 13s
-
859 Photoshop for the iPad: Part 310m 17s
-
-
-