From the course: Deke's Techniques (2018-2021)
817 Combining object blends with a pattern
From the course: Deke's Techniques (2018-2021)
817 Combining object blends with a pattern
when you combine object blends with patterns inside Illustrator. And along the way we'll take these line textures that we created in the previous movie and we'll turn them into this seamlessly repeating tile pattern that you see in the background. We'll also adjust the color and we'll add a gradient if only for the sake of variety. and then turn off the pattern layer for the time being. So that you can see how everything fits inside of a hexagon. And also notice that the hexagon is flat at the top and at the bottom. And that'll become important when we're choosing a shape for our pattern. Now go ahead and click on the guides layer in order to make it active and then select the Type Tool. And you may recall when we first created this object last week that I measured it by drawing a hexagon and we came up with the width of 600 points, I can remember that, and a height of 519.62 points. Go ahead and select that value and press Control + C or Command + C on a Mac in order to copy it to the clipboard and then press the Escape key in order to switch back to the black arrow tool. And now I'm going to turn off the guides layer, because I'm done with it, and I'll turn on the drawing layer, and I'll go ahead and press Control + A or Command + A on the Mac to select everything that's currently visible, and then I'll go up to the Object menu, choose Pattern, and then choose Make in order to enter the pattern editing mode. Now you may get this alert message that's just telling you that Illustrator has automatically added a swatch to the Swatches panel. You can go ahead and click OK. And I'm going to name this pattern Grouped lines. And the reason I'm calling it Grouped lines is because we no longer have any blends. Notice if I click on one of these lines over here nothing whatsoever is happening. I'm not sure why that is, so I'll go ahead and click on this edge and that goes ahead and selects all of those lines, which have been converted from a blend to a group, as we can see over here on the far left side of the control panel. And that's because Illustrator's patterns do not support blends, they don't support embedded patterns and a bunch of other things either. So that's just something to keep an eye out for. All right, now we know the shape of this tile needs to be Hex by Column, because that's the hexagon that has a flat top and a flat bottom. And now I'm going to change the Width, Illustrator almost has it right, but I think it's trying to compensate for the strokes, so I'm going to change that value to exactly 600 points. And then I'll Tab to the Height value and press Control + V or Command + V on a Mac in order to paste that value I just copied of 519.62 points. All right, now we need to fill in these holes right here and we're going to do that using this cube, actually a rotated version of it, and the easiest way to select that cube is to go up to the View menu and choose Outline. Notice that it has a keyboard shortcut of Control + Y or Command + Y on a Mac. That is an age-old shortcut in Illustrator that allows you to switch back and forth between the Outline and Preview modes. So I'll go ahead and choose that command to switch to the Outline mode and then I'll just partially marquee, or at least attempt to, I just failed to make it work. I'll go ahead and undo that change. And armed with my black arrow tool, which, as you can see, is selected up here at the top of the toolbox, I'll marquee downward, like so, so that I select just those central objects. At least, that was the plan, but I went and selected this big cross up here at the top. I'll press Control + Y or Command + Y on a Mac to switch back to the Preview mode. And then I'll Shift + click on the yellow cross to deselect it. All right, you might find it helpful to go ahead and group these shapes together, if only so you can better keep track of them, by going to the Object menu and choose the Group command. They represent the top of the orthogonal objects, whereas the dark blue shapes represent the right hand side, and the purple shapes represent the bottom side. At which point just go ahead and click OK in order to accept that change. Now press the V key to switch back to your black arrow tool and drag from this bottom right anchor point let's say until you snap into alignment with this location here. And then notice that I'm seeing a white arrowhead, that's the snap cursor, as soon as I press and hold the Alt or Option key I'm seeing a double arrowhead cursor, which tells me that I'm going to duplicate those shapes, like so. And now I'm done. So all I have to do is either click the Done button or you can just press the Escape key and that will create a new swatch here in the Swatches panel. All right, now I'm going to bring back the pattern layer and then I'll click over here on the far right hand side in order to select that big rectangle that's filled with the pattern. And the reason I have to be sure to click over here on the right hand side or the far left hand side is you want to avoid the glow that's assigned to the drawing layer. Then go ahead and click on that first swatch on the far left side of the control panel and change that fill from Gobstoppers to Grouped lines in order to create this effect here. All right, now I want to colorize the pattern red, and so I'm going to start off by targeting the layer by clicking in its circular meatball right there and then I'll go up to the Window menu and choose the Appearance command to switch over to the Appearance panel, at which point you can see that I've already added a fill to this particular layer. I'm going to go ahead and change the color of that fill by clicking this down pointing arrowhead right here and I'm going to select this shade of red that begins with R equals 193. And then I'm going to click on this final Opacity value that reads 66%, I just want it to be 100% opaque, so with that Opacity value selected I'll click on the little trash icon in the bottom right corner of the Appearance panel and that will change the Opacity to its default setting, which happens to be 100% Normal. All right, I'll go ahead and Escape out of that. Now I want to add a kind of gradient to this layer, so I'll go ahead and click on the existing fill, then I'll drop down to the tiny page icon at the bottom of the Appearance panel and I'll click on it in order to duplicate that fill. And I'm going to switch it out for a gradient by selecting this predefined gradient in the Swatches panel, which reads White, Black. So I'll go ahead and select that guy. Now I don't really want the blend mode to be Color, because that's just going to end up making the pattern look grayscale, so I'll click on the word Opacity and I'll change its blend mode for now to Multiply, so that we're darkening up the background. All right, now we need to switch to a radial gradient and the easiest way to do that is to go up to the Window menu and choose the Gradient command in order to switch over to the Gradient panel. Make sure that you can see the entire panel, so if it's collapsed, like so, then you need to click that double arrow icon a couple of times. Then switch the Type to Radial Gradient. Then switch the Type to Radial Gradient. In the most recent version of Illustrator that's an icon. In the most recent version of Illustrator that's an icon. In previous versions you'll have to work with a pop-up menu. In previous versions you'll have to work with a pop-up menu. And then I'll go ahead and drag this white slider And then I'll go ahead and drag this white slider over to a location of 50% is what I'm looking for. over to a location of 50% is what I'm looking for. And then I'll go ahead And then I'll go ahead and click on this black color stop right here and click on this black color stop right here and I want to replace it with that same shade of red and I want to replace it with that same shade of red that we used before, that we used before, the one that begins R equals 193. the one that begins R equals 193. Go ahead and grab that guy and drag it and drop it Go ahead and grab that guy and drag it and drop it onto that black color stop, like so. onto that black color stop, like so. And finally, I'll click on the word Opacity And finally, I'll click on the word Opacity that's associated with this gradient, that's associated with this gradient, so the gradient will have to be twirled open, like so, so the gradient will have to be twirled open, like so, and click on the word Opacity and switch the blend mode and click on the word Opacity and switch the blend mode from Multiply to Hard Light from Multiply to Hard Light in order to produce this effect here. in order to produce this effect here. And finally, I'll press Control + Shift + A And finally, I'll press Control + Shift + A or Command + Shift + A on a Mac to deselect my artwork or Command + Shift + A on a Mac to deselect my artwork and then here inside the most recent version of Illustrator and then here inside the most recent version of Illustrator I'll go up to the View menu and choose Presentation Mode I'll go up to the View menu and choose Presentation Mode in order to hide the interface, in order to hide the interface, so we can focus exclusively on our dramatic artwork. so we can focus exclusively on our dramatic artwork. And I might go ahead and zoom in as well. And I might go ahead and zoom in as well. And that is how you combine object blends And that is how you combine object blends along with a seamlessly repeating tile pattern along with a seamlessly repeating tile pattern here inside Adobe Illustrator. here inside Adobe Illustrator.
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
-
-
-