From the course: Deke's Techniques (2018-2021)
706 Adding a dynamic background, part 2
From the course: Deke's Techniques (2018-2021)
706 Adding a dynamic background, part 2
- [Instructor] In this movie we're going to take that dynamic background that we created in the previous movie, and we're going to go ahead and finish off the artwork by adding these red and orange bushes right here in the bottom left and top right region of the artwork. And as you can see they are both based on this green bit of shrubbery up at the top of the artwork, which is actually a roughened version of a lowercase letter e. All right, so I'll go ahead and switch back to the artwork in progress and also switch over to the layers panel, and I'll go ahead and unlock this layer that's called blends. And I'll click anywhere on the e in order to select the entire thing. So notice that I have a small e in the bottom right area right here and I have a larger e toward the top. And I'll go ahead and copy these shapes by pressing control c or command c on a Mac. All right now I'll go ahead and lock off that layer once again, and I'm going to turn these top three layers off. That is to say I'm going to hide them by dragging across their eyeballs. And then I'll click on the sizzle layer to select it and I'll click on the fly-out menu icon in the top right corner of the layers panel and make sure that paste remembers layers is turned off. Then I'll just go ahead and press control f or command f on a Mac in order to paste that big e blend in front. All right, now I'll press the r key to switch to the rotate tool. So as you may recall from the previous movie, I'm trying to rely on keyboard shortcuts as much as possible. And then I'll press the enter key or the return key on the Mac in order to bring up the rotate dialog box, and I'll set the angle value to 75 degrees. And assuming that your preview checkbox is turned on, you'll be able to see that rotation applied in the background, at which point I'll click OK in order to accept that change. Now at this point it's not in the right location, and what I'd probably do is turn this eggplant layer back on just so I can get a sense of where these letters should be. And then I would switch back to the black arrow tool by pressing the v key, and I'll press the enter key or the return key on a Mac, in order to bring up the move dialog box. And that happens anytime you press enter or return when either of the arrow tools is selected. All right, now I'm going to move this guy to the left by changing the horizontal value to -80 and then I'll move it down by changing the vertical value to 40. And assuming that the preview checkbox is turned on, you'll see that this big e is moving out from behind the roughened ellipses. And then I'll go ahead and click OK to accept that modification. Now we need to move this smaller e in back of these roughened ellipses, this thing that I'm calling the eggplant. And so I'll press the a key to switch to the white arrow tool. I'll click off the shapes to deselect them. And then I'll click on this pale smaller e in order to select it. so you just want to click inside of it to select the entire e, independently of the other one, and then press the enter key or the return key on a Mac to once again bring up the move dialog box. And I'm going to change the horizontal value to -70 this time around, and I'll change the vertical value to 110. It ends up working and as you can see, that moves that e into a better location so it's hidden by the eggplant, at which point I'll click OK to accept that change. Now I want the bush down here to look red not green, so I'm going to click on it to select it. So as long as you click in that green area you'll select the entire large e, and then I'll go ahead and click on the fill swatch on the far left side of the horizontal control panel, and I'll change it to this shade of red which begins r equals 237, and that will give me a blue looking item right there. All right, now I'll press enter or return to hide that panel, and then I'll press the v key to switch back to my black arrow tool, and I'll press control shift a, or command shift a on a Mac to deselect the artwork and then I'll click on this guy to select both of these. So I'll go ahead and turn off the eggplant layer so you can see that a little better. And now you can see that the entire blend is indeed selected. Now I want to rotate a copy of it. So I'll press the r key to switch to the rotate tool, as you can see over here in the toolbox, and then I'll press the enter key or the return key on a Mac to bring up the rotate dialog box, and I'll change this angle value to 160 degrees, which ends up rotating the blend like so. And instead of clicking OK I'll click copy so that I'm creating a copy of those blended e's. All right now, I want to be able to move it into a good location, so that means I need to see the eggplant again. So I'll go ahead and turn on that eggplant layer. It may take a moment to apply because we have so many dynamic effects going on, and then I'll press the v key to switch back to my black arrow tool and I'll press the enter key or the return key on the Mac to bring up the move dialog box. Obviously these coordinates aren't going to work and so I'll change the first value, the horizontal value, to 160 points, which is going to move the e quite a bit over to the right and now I want to move it upward. A positive vertical value moves things downward in Illustrator. A negative vertical value moves them upward. And so I'll change this guy to -120 should do the trick, at which point this cloned e lands at a nice location, and so I'll go ahead and click OK in order to accept that change. And now I'll press the a key to switch to my white arrow tool, click off the artwork to deselect it, and I'll click in this red area to select that e independently of the other one. And then I'll click on a fill swatch, the very first swatch on the far left side of the horizontal control panel, and I'll change it to the shade of orange, which is the next swatch in this document, r equals 241. So I'll just go ahead and select that swatch and we get an orange bush. All right, now press the enter key or the return key on a Mac to hide that panel. And notice right here, I'll go ahead and scroll over a little bit so that you can see that we have a little bit of a drop shadow behind this letter. I don't want that. I want a glow. And so I'll go to the window menu and choose the appearance command once again to bring up the appearance panel. And then notice that I'm not seeing the drop shadow, and that's because I've selected one and only one compound path. But notice that there's an FX icon that's sitting next to the word blend, and so if I click on the blend notice what happens here inside the artwork. And so if I double click on that blend item right there notice here inside the artwork that that goes ahead and selects the other e. It's a little hard to tell because this layer's set to green, but take my word for it. And you'll see the words drop shadow. Go ahead and click on the drop shadow and get rid of it. You can turn it off if you prefer, but I'm just going to get rid of it by clicking on a little trash icon down here in the bottom right corner of the panel. And then I'll go up to the effect menu, choose stylize, and rather than choosing drop shadow, I'll go with outer glow. So I'll go ahead and choose that guy, and notice that my blend mode is set to screen as by default. I've cranked the opacity value up to 100%. I've set the size of the blur to 15 point, and then if I click on this little swatch here you can see that my hue value is 49 degrees. I actually entered 50 degrees, but 49 is the closest equivalent. And then I cranked the saturation and brightness values up to 100% apiece, at which point I would click OK. And then I'll turn on the preview checkbox so that you can see that outer glow. And did you notice how the roughen effect changed ever so slightly, and that's because, again, roughen is a random effect. And it changes every single time regardless of your parameters. All right, now click OK in order to accept that change. I'll press control shift a or command shift a on a Mac in order to deselect the artwork. Press control 0 or command 0 on a Mac in order to center my art, now I'll switch back to the layers panel and turn those top two layers back on. And that is the final version of my artwork created from some very basic shapes indeed. And so if I were to go up to the view menu and choose the outline command, which has an old-time keyboard shortcut of control y or command y on a Mac, you will see that all we have is a bunch of letter forms, ellipses, rectangles, and straight lines and nothing more. But thanks to the power of object blends and dynamic effects, we end up with this deceptively intricate piece of vector-based artwork.
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
-
-
-
-