From the course: Deke's Techniques (2018-2021)
829 Adding color to your triangle tunnels
From the course: Deke's Techniques (2018-2021)
829 Adding color to your triangle tunnels
Hey gang, this is Deke McClelland. Welcome to Deke's Techniques. Okay, we're still in Illustrator, and so far we've got this, which is either hypnotic or just begging you to look away. The solution, how about a little bit of depth and color in the form of a handful of opposing gradients? Now these are some tunnels that make me want to go spelunking. Here, let me show you exactly how they work. All right here are those awesome looking blue triangles, just so you have a chance to see them on screen. And here's our hex pattern from last week. I'm going to go ahead and turn the pattern layer off for the moment, and I'll turn on the hexangles layer and I'll go ahead and zoom in on it as well. And what we want to do is select the largest triangle in each one of the blends and so the easiest with to make them out is to go up to the View menu and choose Outline in order to switch to the Outline mode, and that way all of the blended steps will disappear. Then you want to switch to the White Arrow Tool, which you can get by pressing the A key, A for Arrow. And then what I recommend you do is press the Alt key or the Option key on the Mac, so that you're selecting an entire shape at a time, and then just go ahead and marquee this guy like so. And that'll select the outermost triangle. Now, you want to press the Shift key as well as the Alt key, that's going to be Shift and Option on the Mac, and then just partially marquee this guy right here to select it. So this is the outermost triangle in the smaller blend. All right now I want to duplicate these shapes to an independent layer that's going to appear in back of the hexangles layer. So I'll click on the layer below, like so, and then I'll drop down to the little page icon at the bottom of the Layers panel, and I'll Alt or Option-click on it to force a display of the Layer Options dialog box. Then I'll just call this layer blues, and I'll change its color to Gold, and I'll click OK. All right now as you may know, this little purple square over on the far right side of the Layers panel represents the selected objects. If you were to drag them to the blues layer then you would move them. If you want to duplicate them, then press and hold the Alt key at which point you'll see a little plus sign next to your cursor and then release. And that way you duplicate those triangles. So just to make things perfectly clear, I'll turn off the blues layer. We're still seeing the original triangles, so we have copied them. All right now I'm going to turn the blues layer on and turn off that hexangles layer. And then I'll go back to the View menu and choose this first command, GPU Preview, which has a keyboard shortcut of Control + Y or Command + Y on the Mac. All right now I'll go ahead and press the V key to switch to the Black Arrow Tool, and select the innermost triangle. And then you want to make sure that the Fill is active up here in the Swatches panel, and then go up to the Window menu and choose Gradient in order to bring up the Gradient panel like so. And then I'm just going to go ahead and click on this gradient slider in order to apply a gradient. Now this is not the gradient I want. I want it to be filled with these two colors right here, color 5a and color 5b. And so I'm going to grab color 5a and I'm going to drag it and drop it onto that white swatch and with any luck that'll replace it. In my case it worked. And then I'll go ahead and grab color 5b, and I'll drag it and drop it onto the black color swatch and I happened to have nailed that one as well. So we want a light blue to dark blue gradient and it should be set to an angle of 30 degrees so that it's going up and to the right. Now I don't want that stroke, so I'll go up here to the second swatch on the far left side of the Control panel, click on it and I will change it to None. All right now we want to use that same gradient for the larger shape so I'll go ahead and click on the larger shape to select it. And then I'll grab my Eyedropper Tool, which you can get by pressing the I key, and I'll go ahead and click on that smaller triangle like so. Now the only problem is that it's traveling at the wrong angle and as you can see here suddenly the angle's zero, I don't know why that is, but what we need to do is change this value to 30 minus 180 degrees. And that'll set it in exactly the opposite direction. So notice when I press the Tab key, Illustrator does the math for me and comes up with negative 150 degrees. All right now I'll just escape out of that opacity value right there, and I'll press the V key to switch back to the Black Arrow Tool, and I'll marquee both of the shapes like so, and then I'll grab my Rotate Tool, which you can get by pressing the R key, and I'll Alt or Option-click on this bottom left point right there, and you'll probably see an angle value of 60 degrees which is exactly what we want. So I'll click the Copy button to accept that change, and then I'll repeat that rotation and duplication process by pressing Control + D or Command + D on the Mac for duplicate. And obviously it did so several times in a row. All right now I'll press the V key to switch back to my Black Arrow Tool. Go ahead and click off the shapes to deselect them. Click on the Rotate tab in order to dismiss the Gradient panel. All right now I'll turn back on that hexangles layer, and I want to select all the lines on the layer, and the easiest way to do that is to click in the top right corner of the layer here inside the Layers panel. And then notice the Stroke panel right there. It's offering me a line weight and nothing more. I'm going to change that weight to four points, so that all of those lines are uniformly thick. All right now I'll press Control + A or Command + A on the Mac, in order to select everything. And then I'll go to the Object menu, choose Pattern, and choose Make, in order to switch to the Pattern Editing mode. And now I'll go ahead and click on the word Name in order to highlight that name and I'll just call it blue triangles or something obvious like that, that's what I want. And then I'll change the Tile Type to Hex by Column, the one with the icon that's flat on the top and the bottom, just like our hexagon. And as you may recall, Illustrator is taking into account the thickness of the stroke. That's why the strokes aren't lining up around the edges. And so what you want to do is click in the Height value and press the down arrow key a total of four times. And then I'll click after the Width value and I'll just enter minus four like so and press the Tab key. And that gets me the results I want. So you have to subtract four because our line weights are four point thick and so 1/2 the line weight is extending in one direction and the other half's extending in the other direction. In any event these values ensure seamless transitions. All right now you can click the Done button in order to accept your changes or you can just press the Escape key. Either way you will have a new pattern swatch here inside the Swatches panel. All right now I'll go ahead and turn the pattern layer back on and I'll press Control + 0 or Command + 0 on the Mac to zoom out. I'll go ahead and click somewhere on that big rectangle to select it and with the Fill active here in the Swatches panel, I'll go ahead and switch to the blue triangles pattern. And then I'll deselect my artwork by pressing Control + Shift + A, that's Command + Shift + A on the Mac, and then, assuming you're using the most recent version of Illustrator, you can fill your screen with the pattern by going to the View menu and choosing Presentation Mode or you've got a keyboard shortcut of Shift + F, and that's going to fill the screen like so. And that is at least one way to assign colors to your triangle tunnels here inside Illustrator. If you're a member of LinkedIn Learning I have a follow-up movie in which we take our blue triangles and because we're using global swatches we can switch the blues to anything we like, such as what is objectively the best color there is, green. If you're looking forward to next week, the next logical step, triangular rainbows. I love celebrating life. 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
-
-
-