From the course: Deke's Techniques (2018-2021)
679 Decorating your illusion
From the course: Deke's Techniques (2018-2021)
679 Decorating your illusion
- [Instructor] In this movie, I'm going to take my magic checkerboard illusion and I'm going to decorate it with a ton of wireless gizmos. I'm not doing this to enhance the effect, per se. Notice that the illusion is entirely dependent upon this checkers layer or this dots layer or you could have both turned on if you like. But if you turn them both off, no matter how much other stuff you add, the illusion is dead, as we're seeing right here. Instead, I want to fill out the artwork so that it's a little more interesting than it is currently and I want to add some eye candy for folks who like this kind of thing and make people who don't like this kind of thing run screaming from the room. Alright so, I'm going to switch over to my document so far and I'll turn on the guides layer down here at the bottom of the layers panel and we want to zoom in on this location right here. And so I'm going to press the control and space bar keys, that's command and space bar on a Mac, to get the zoom tool on the fly and then I'll just go ahead and drag to the right to zoom in like so. And I'll go ahead and center these guidelines on screen and then I'll select the rectangle tool from the shape tool fly out menu. And notice that I'm getting a pencil with a universal no icon next to it and that's because the active layer is locked. So what I'm going to do is click on the dots layer which is currently turned off so that's not going to solve anything 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 and I'll call this layer laptops because that's what the icon I'm about to draw represents. And then I'll change the color to, let's say grass green just to set it off from the other layers and then I'll click OK. At which point I get the cross hairs cursor which shows me that I can now draw inside this document. Alright, now I need my smart guides to be turned on so I'll go up to the view menu and if I'm not seeing a check mark next to smart guides I'll go ahead and choose the command. And then you'll want to align your cursor to the intersection of those two guides, press the alt key or the option key on the Mac and click to bring up the rectangle dialog box. And then change both the width and height values to 36 points, which by the way, is half of 72. And so you may remember that we're working in 72 point increments, that's one inch by the way. And so 72 divided by two is 36. At which point I'll click OK and because I alt or option clicked at the outset, I'm creating this square from the center outward. Now, it appears to be deselected. That's because I went and hid my selection edges and that is a saved attribute of a file here inside Illustrator. So I'll press ctrl+h or cmd+h on the Mac to bring back those anchor points and segments. And then, I'll change the stroke to none. And I'll make sure that the fill is selected here inside the swatches panel. It is, and so now I'll just go ahead and make my swatches panel a little taller. And if you're not seeing that panel, by the way, you can go up to the window menu and choose the swatches command. In my case, it's got a check mark in front of it and so if I were to choose the command, I would hide the panel, not what I want to do. So I'll just press the escape key in order to escape out of that menu. And then, once again, with the fill selected I'll click on this swatch right there, the second swatch inside the illusion group. And I want it to look a little different than this so I'll double click on it to bring up the swatch options dialog box and I'll call this guy color two because that way you can change it to anything else you like. And then I'll turn on the global check box so that the color and all of the objects that are filled or stroked with this color are linked together. I'll change the color mode to HSB so that we're seeing the hue, saturation, and brightness values. And I'll change the hue value to 240 degrees, which is blue. I'll take the saturation value up to 100% and I'll set the brightness value to 50%. And then if you turn on the preview check box, you'll see that color assigned to the square. At which point, click OK to apply that change. Alright, now these laptop icons aren't the most articulated things ever, we just have the case and the screen and this little keyboard is the idea. And so I'll go ahead and switch back to my artwork at hand and I will once again align my cursor with the intersection of those two guides and alt or option click to bring up the rectangle dialog box. You want to make sure these two values have not linked to each other and then change the width value to 24 points and the height to 12 points. And by the way, 24 is 72 divided by three, where 12 is 72 divided by six. Just so you can see, I'm trying to remain true to my increments. Alright, now click OK to accept that change and I'm going to change the fill here inside the swatches panel to white and then I'll press and hold the control key or the command key on the Mac to temporarily gain access to my black arrow tool and I'll drag this guy upward while pressing the shift key. So I've got both control and shift down here in the PC, that's command and shift on the Mac, until the bottom of the rectangle snaps into alignment with this horizontal guide. Alright, now let's create the keyboard in quote fingers. And so I'm going to click, not alt or option click, but just click on the bottom right corner of this screen rectangle in order to once again bring up the rectangle dialog box. I still want the width value to be 24 points but this time I'm looking for a height of 72 divided by eight. Which as you may remember from elementary school is nine. Alright, now click OK in order to create that rectangle and I'll change its fill, again inside the swatches panel, to color one. And then you want to press ctrl+k or cmd+k on the Mac to bring up the preferences dialog box just so you can confirm that your keyboard increment is set to one point as by default. In which case, just go ahead and click OK. And then press the down arrow key a total of three times to nudge that shape down like so. Alright, now I'm going to press the v key to switch back to my black arrow tool. And I'll just go ahead and partially marquee these shapes. You don't want to select the checkers, they are unlocked at this point so leave them alone. And then, go up to the object menu and choose the group command in order to group all these shapes together. Now I want to give it a kind of jaunty angle by switching to the rotate tool which you can get by pressing the r key. And then I'll press the enter key or the return key on the Mac to bring up the rotate dialog box and I'm looking for an angle of 45 degrees, just like so. Then, click OK. Now, let's zoom out a little bit so that we can take in the next purple bar down. And then I'll press the v key to switch back to my black arrow tool up here at the top of the tool box and I'll press the enter key, or the return key on the Mac, to bring up the move dialog box. I'm looking for a horizontal value of zero and a vertical value of 72 times two, which is 144. At which point I'll click the copy button to create a copy of that laptop. And now I want to rotate it the other direction and so I'll once again grab my rotate tool and I'll press the enter key or the return key on the Mac to bring up the rotate dialog box and I will change the angle value to negative 90 degrees, which is going to rotate those shapes in a clockwise direction. At which point, I'll click OK to accept that change. Now I'll press the v key just to switch back to the black arrow tool. Click off the shape to deselect it. Press ctrl+0 or cmd+0 on the Mac to center my zoom. And I'll turn off the guides layer, we don't need it anymore. And now what we're going to do is duplicate these laptops all over the place by applying a dynamic effect to the entire laptop's layer. So here inside the layers panel, you'll want to target that layer by clicking in the circle on the right side of the layers panel. And then, you want to go up to the effect menu, choose distort and transform, and choose the transform command in order to bring up the transform dialog box, which, if you watched the previous movie, you may recognize as having the same design as the transform each dialog box. The only difference is that transform each is a static modification whereas the transform effect is dynamic. Alright, so I'm going to change this horizontal move value to 72 asterisk two, so 72 times two, which is 144. I'll leave the vertical value set to zero and then I'll turn on the preview check box and you can see that that moves the appearance of the laptops over 144 points but it leaves the original path outlines where you're seeing them in the top left corner of the artwork. Alright, I want to get these guys back, so I'll click in the copies value there and press the up arrow key so that we have one copy as well as one original and then I'll press the up arrow key a few more times until we have a total of five copies, which fills out the width of the artwork. And then I'll click OK. Alright, now we want to duplicate these guys down to the third and fourth rows. And you can do that by going up to the effect menu and choosing the second command, transform, dot, dot, dot. At which point, Illustrator's probably going to ask you if you really want to apply a new effect as opposed to editing the existing one. You do, so click the apply new effect button. Then change the horizontal move value to zero this time around and set the vertical value to 72 times 4 and then press the tab key. Let's go ahead and take the copies value down to zero for the moment and I'll turn on the preview check box and you can see that moves the appearance of that artwork downward but it leaves the originals up here in the top left corner of the art board once again. And so to bring them back I'll click in the copies value and take it up to one. That's all we need. At which point I'll click OK in order to accept that change. And then I'll click off the artwork to deselect it. And that is how you decorate your illusion with a few highly stylized laptops. In the next movie, we will add still more gizmos.
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
-
-
-
-