From the course: Deke's Techniques (2018-2021)
700 Making one object blend cut through another
From the course: Deke's Techniques (2018-2021)
700 Making one object blend cut through another
- Hey, gang, this is Deke McClelland. Welcome to the 700th edition of Deke's Techniques, in which I'll show you how to take this graphic design that we created last week in Adobe Illustrator, and notice that it's made up of a bunch of object blends. So for example, in the case of the U, we've got a U in the foreground that's blending to this skewed U in the background. But notice that it ends hard at the L. I don't want that, I want the U to go through the L, as we're seeing here. Now, technically, this is impossible. Illustrator does not let you send one blend through another, and yet I'm going to show you exactly how to do it right now. All right, so here's the final version of the artwork with the accordion extrusion for the letter U cutting right through the object blend for the letter L. And we're going to create this effect by adding a couple of additional object blends. All right, so I'll go ahead and switch over to the artwork from last week, and I'll press the A key to switch to the white arrow tool, and then I'll click right about there in order to select that letter U. And so if you end up selecting a lone anchor point instead, just go ahead and click in the shape to select the whole thing, and then press Control C, or Command C on the Mac, to copy the shape. Next you want to click off the paths in order to deselect them, and then press Control F. Now, if you didn't click off the paths, then you're going to end up pasting this U into the existing blend, which is not what we want. So make sure you click off and then press Control F or Command F. And you'll have a new U all by itself. All right, now press the Enter key, or the Return key on the Mac, to bring up the Move dialog box, and I'll change the horizontal value to 154, and then I'll set the vertical value to -37, which is going to move that U up and to the right. And then I'll click the Copy button in order to create a copy of that path outline. Now I'm going to go ahead and select the scale tool, and I'll Alt or Option click on this anchor point right here in order to bring up the Scale dialog box. And notice that I'm assigning a non-uniform horizontal value of 72% and a vertical value of 100%, at which point I'll click OK to accept that change. All right, now press the V key to switch to my black arrow tool, and I'll Shift Click on that other U right there, and I'll go ahead and combine these shapes into a blend by going up to the Object menu, choosing the Blend command, and then choosing Make. Or you've got that keyboard shortcut of Control Alt B or Command Option B on a Mac. And this looks absolutely terrible, and that's because we have too many steps. And so I'll go back to the Object menu, choose Blend, and choose Blend Options, and for whatever reason, Illustrator is trying to assign 170 steps, which is way too many. So we'll turn on the Preview checkbox, make sure that spacing is set to Specified Steps, and then change the number of steps to 36. And we'll end up with a much more palatable effect. It's not exactly right, however, so I'll just go ahead and click OK. Notice that the blend is going in the wrong direction. So I'll press the A key to switch back to my white arrow tool, click off the paths to deselect them, select this guy right here by clicking on it, and then right-clicking inside the document window, choosing a range, and choosing Send To Back. And notice that reverses the direction of the blend. All right, this guy's too far in front, so I'm going to press the V key to switch back to my black arrow tool, and I'll select the entire blend by clicking on the first U, and then I'll press Control X, or Command X on the Mac, to cut that blend, and then I'll select the blend for the letter L and press Control F, or Command F on the Mac, to paste it in front. All right, now I also want to give this guy a little bit of a drop shadow. So I'll go up to the Effect menu. You may see the word drop shadow followed by a dot dot dot, but if you don't, just go ahead and choose Stylize followed by Drop Shadow. And I'm going to assign the same values I did last week. So the color is black, the mode is Multiply, the opacity value is 75%, the X offset value is -3, and both the Y offset and Blur values are five, at which point if I turn on the preview checkbox you can see that we have a little bit of a drop shadow, at which point I'll click OK. All right, now that ends up creating the effect of this more or less continuous blend that's coming off the letter U, but it's not going through the blend for the letter L, and that's because we need to create yet another blend for the back of the L right here, which is going to take a little bit of work. And so I'm going to go up to the View menu and choose Outline, or you've got that keyboard shortcut of Control Y or Command Y on a Mac, which lets you switch back between the outline and preview modes. And then I'm going to press the A key to switch to my white arrow tool, and I'll go ahead and marquee these anchor points right there at the top of the L and then I'll shift marquee these two anchor points right here. So this guy and this guy should be deselected. Then you want to drop down to the bottom left L, and go ahead and marquee these points, like so. And by the way, I have the shift key down once again. And then shift marquee these points so that this guy and this guy are not selected. And now we want to add one more element. You want to press Shift and Alt, that's going to be Shift and Option on the Mac, and click on this path of the blend right here, which should select the entire thing as we're seeing. And I have made a dreadful mistake, I've accidentally selected some of the stuff on the black letters layer, which I don't want, so I'm going to lock that layer by clicking in the second column here inside the Layers panel. And now I have the effect I'm looking for. All right, now you want to press Control C, or Command C on a Mac, to copy what you've selected, and then go ahead and click off of it in order to deselect those shapes, and then press Control Y or Command Y on a Mac to switch back to the preview mode. All right, now press the V key in order to switch to the black arrow tool, and click somewhere in this first U blend right here in order to select the entire thing, and then you want to press Control B or Command B on a Mac in order to paste those path outlines in back of the U. And to see what things look like, I'm going to turn off the black letters layer, and the thing is we have broken the blend. So these paths are no longer blended together, which means we need to return to the Object menu, choose Blend, and then choose Make in order to restore the blend, at which point it's going to be off kilter, and that's because the path of the blend doesn't really work correctly for these shortened path outlines. And so what I'm going to do is go ahead and zoom in here like so, and I'm going to drag this anchor point right here, and by the way, I should mention that my Smart Guides are turned off, because otherwise they just get in the way. And I'm going to go ahead and drag this anchor point until it snaps into alignment, see that white snap cursor? That's what you want in order to make sure that you're snapping the path outlines into the proper location. All right, now go ahead and zoom out, and I'll zoom in on this path here, which is not in the right place. If I press Control Y or Command Y on a Mac to switch to the outline mode, you can see that it's off, so what you need to do is press the A key to switch to the white arrow tool, then click off the paths to deselect them and Alt or Option click on this one to select the entire thing, like so. And then grab this anchor point and drag it until it snaps into alignment like so, and that's going to update the path of the blend, by the way, so that it works a heck of a lot better. All right, now click off the path to deselect them, and I'll press Control Zero or Command Zero on a Mac to zoom out, and I will once again press Control Y or Command Y on a Mac in order to switch back to the preview mode. And with any luck, you should get the effect you're seeing right here, at which point I'll go ahead and turn my black letters back on. Now, the only thing that's bugging me is notice if I zoom in here that part of the Z, part of this blue Z, is slipping in back of itself. I don't want that effect, so what I'm going to do is just make a very slight adjustment to its path of the blend, and so I'll go ahead and press Control Y or Command Y on a Mac to once again switch to the outline mode, and then I'll click on this anchor point right here to select it, and I'm going to press Control Y or Command Y on a Mac to switch back to the preview mode and you have to be very careful here, because if you don't exactly click on a control handle, you'll end up selecting some other part of the blend. And so I'll just go ahead and drag this guy down to this position here. And then I'll click off the path to deselect it. And then finally I have one slight problem here. The accordion extrusion associated with the letter P is in back of the one for the L. That's not what I want. So I'm going to press the V key to switch to the black arrow tool and I'll click anywhere on this blue blend to select it, and then I'll right-click in the document window, choose Arrange, and choose Bring Forward. So we just need to nudge this guy slightly forward in order to get the final effect that I'm looking for. And that's how you create an object blend that cuts right through another one, by essentially adding still more blends here inside Illustrator. All right, now, if you're a member of lynda.com slash LinkedIn Learning, I have a followup movie in which I show you how to take our graphic so far in which the U is cutting through the L, and notice the Z right here, how it stopped being kind of above the U? We're going to make it slice right through the U and match the angle of the letter form as well. If you're interested, next week I'm going to show you how to combine dynamic distortions with object blends to create this entirely live, editable piece of artwork, once again inside Adobe Illustrator. 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
-
-
-
-