From the course: Deke's Techniques (2018-2021)
838 Creating impossible latticework
From the course: Deke's Techniques (2018-2021)
838 Creating impossible latticework
- [Deke] In this movie, we're going to take our little brown object and we're going to turn it into this seamlessly repeating hex pattern in order to achieve an impossible latticework. All right, so first thing we need to do is measure our hexagon. So go ahead and grab Polygon Tool from the Shape Tool fly out menu, and make sure that that your Smart Guides are turned on here inside the View menu, and then drag from the center of the shape to any one of the corners. And you'll probably see different values. Notice at this point I'm seeing a width of 363.73 and a height of 419.97, but if I move down here, both of my values grow slightly. So we're seeing 363.79 and 420.03. Well, that's pretty close. We're just a few hundredths of a point off. But in any event, it's good to have it, just write those values down. So, I'm going to turn on the guides layer, and I'm going to say that width is 420 points 'cause I'm pretty sure that's what it's suppose to be, and I'll set the height to, let's say, 363.74, something along those lines, and then I'll copy that value by selecting it and pressing Control + C, or Command + C on the Mac, and then I'll press the Escape key in order to return control to the Black Arrow tool. All right, now I'm going to turn the guides layer off. And I'll go ahead and select everything in the object layer. I could have just pressed Control + A, or Command + A on the Mac, and then I'll go up to the Object Menu, choose Pattern, and then choose Make to switch the the Pattern editing mode. And I'm going to go ahead and call this guy impossible lattice, let's say, because it appears I've already created the patter in advanced and given it the simpler name impossible. In any event, I'll change the Tile Type to Hex by Row because its icon in pointy at the top and the bottom just like our hexagon right here. And notice Illustrator wants to automatically give this guy a height of 424 points. That's taking into consideration the four point stroke, which I don't want to do because I want the strokes to overlap each other. So I'll click in Height value and enter minus four, like so, and we get 420, which is what I entered just a moment ago. Let's try that with the Width value, too. I'll go ahead and enter minus four after it, and that takes us down to 363.75, I had said .74, .7582, which is probably going to work out just fine. So, I'll go ahead and press the Enter key, or the Return key on the Mac, to accept that change, and I'll click the Done button, or you can just press the Escape key in order to make your brand new patter swatch. All right, now I'm going to create a new layer by pressing the Alt key, or the Option key on the Mac, and clicking on the little page icon to bring in the Layer Options dialogue box, and I'll call this guy pattern like usual, and I'll change the color to gold, why not? And I'll click OK. All right, now I'm going to go ahead and zoom out until I can see that redly boundary, and then I'll switch to the Rectangle Tool, which you can pressing the M key, and I'll drag from one corner of the red boundary to the other, to the opposite corner in order to create a ginormous rectangle. I don't need a stroke, so I'll set that to none, the second swatch up here in the control panel. Now I'll click on the first swatch over here in the far left side, and I'll change it to impossible lattice, and we'll end up with this effect here. All right, I want to blend it with a gradient. So, I'm going to go up to Window menu and choose the Appearance command in order to bring up the Appearance panel, and then I'll click on the Fill to make it active, and I'll click on the little page icon at the bottom of the panel to make a copy of it. Then I'll switch to the lower guy, and I'll go up to the Window menu and choose the Gradient command in order to bring up the Gradient panel. And I'll just start with this default gradient right here, which you can see now in the background. I'll change the angle to 90 degrees. And I'm going to turn off my Smart Guides by pressing Control + U, or Command + U on the Mac. And now I'm going to grab this default RGB color right here, the one that begin R equals 46, and I'll drag it and drop it onto the white color stop, and I'll make sure that I don't have multiple color stops. It's easy to accidentally miss. And then I'll grab the light blue that begins R equals 41, and I'll drag it and drop it onto this black swatch. Everything's looking great. And so I'm going to select the Fill, and actually I want a little bit more room in the Appearance panel, so I'm going to switch to the Stroke tab like so, then I'll click on the word Opacity associated with this Fill, so you want to make sure that it's twirled open like so. Click on the word Opacity, and then change the Blend Mode to this guy right here, Hard Light, which will give us this intriguing effect. It's a little dark, though, don't you think? So I'll click on the Fill to make it active, drop down to the little page icon and click on it in order to duplicate that Fill. And then I'll change the color with the Fill active up here in the Swatches panel, I'll change it to white, and that will definitely brighten things up. Well, it was a lot of work, but we ended up getting a white screen after all. Actually, I'm going to change the Blend Mode by clicking on the word Opacity and switching from Hard Light to Soft Light right here, which will just brighten things up slightly. Also, it doesn't affect the black, by the way. And then I'm going to take the Opacity value down to 50% in order to create this final effect here. I'll press Control + Shift + A in order to deselect my artwork. And then, in the most recent version of Illustrator, I'll go up to the View menu and I'll choose Presentation Mode, which also has a keyboard shortcut of Shift + F, and now I'll go ahead and zoom on in. And that's how you take your impossible little hex object and turn it into a seamlessly repeating hex pattern and even blended along with a gradient here inside 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
-
-
-