From the course: Deke's Techniques (2018-2021)
932 Combining translucent vectors with a photo
From the course: Deke's Techniques (2018-2021)
932 Combining translucent vectors with a photo
- [Instructor] In this movie, we're going to take our various opaque and translucent objects, here inside illustrator, and we're going to blend them with a photographic image. And that photograph incidentally comes to us from the Dreamstime Image Library, about which you can learn more and get some great deals at dreamstime.com/deke. Alright I'm going to switch back to illustrator, and before we place the image, I want to make one small modification, to this shape right here. And so I'll go ahead and click on it, with a Black Arrow Tool, and then I'll switch to the Gradient Tool, which you can get by pressing the G key. And I'm going to drag this guy right here, up slightly just to this location, so we have a little less black, in the top right corner of the shape. Alright now I'll press the V key to switch back to the Black Arrow Tool and I'll click off the shape to de-select it. And then I'll save some room on screen here, by switching back to the Stroke panel, and I'll switch to the Layers panel, by going up to the Window Menu and choosing Layers. Alright now notice that I've gotten rid of the legend from the previous movie, after all we don't need it anymore. And so I'm going to create a new layer for the photograph, by clicking on the guides layer to select it, and then I'll drop down to the little plus icon at the bottom of the panel. It looks like a page icon in previous versions of illustrator, and I'll alt or option click on it to force the display of the layer options dialogue box. I'll call this layer Image, and then I'll change its color just for the sake of variety, to grass green, and I'll click Okay. Alright now I'm going to zoom out a little bit here, and I'll go to the View Menu and turn on my Smart Guides. They may already be on for you, and then I'll go up to the File menu, and choose the Place command. And then I'll go ahead and locate this file right here. Urban backdrop.jpg. The PSD file has URL. So that's not the one you want. Just select the jpg file, and click on the place button, and now I'll click right here, in the top left corner of the bleed boundary, in order to place that image, and notice that it exactly fits inside the area of the bleed. Alright now I just want to take the image down a little bit. So I'm going to target the Layer, which you do by clicking in a little circle, over here on the right side of the Layers panel. And then you want to go up to the opacity value here, and change it to 80%. And we end up with this effect right here, at which point I'm going to go ahead and take this image, and I'm going to Embed it inside of my illustration by clicking on the Embed button up here in the control panel that's going to make this file quite a bit bigger. However it's going to ensure that we don't lose the link, to the original image file. Alright and then I'll just go ahead and lock this layer down. Now you may wonder about one of the steps there. That one step where when we placed the image, it exactly fit into place, how did I make that happen? Well let me show you, the first thing I'm going to do, is switch to the Artboard Tool, which you can do by pressing Shift + O. And then I want you to notice the size of the Artboard. The width is a hundred and eight points, and the height is 672 points. And that just happens to work well in our videos. Meanwhile if I press the Escape key to escape out there, and switch back to the Black Arrow Tool, and then click on Documents Setup, you can see that our bleed is 18 points all the way around. Alright so with that information in mind, and you probably have to write it down someplace, then you'd return to Photoshop, and you'd crop the image to exactly that size. And you might do that using the Canvas Size command, but I want to show you how things would work with the Image Size command. And so I'm going to change unit of measure to Points, just so I can better see what's going on, and notice that with value, it's actually a thousand and eight, for the width of the Artboard, plus 36 that's 18 times two. So we're counting for the left and right bleed. And that gets us a thousand and forty four points. Or we could go with the height value that 672 this time, plus 36 like so, and we end up with 708 points, and then the resolution value known as that guy right there, it's 72, and the reason it's 72, is because that works out for screen pixels inside illustrator. And then I went ahead and multiplied 72 by four. So we have an even multiple of 72, that's going to make things look really great inside illustrator. And that ends up reconciling, with a resolution of 288 pixels per inch. Alright I'm going to cancel up, because I already did that stuff in advance. And I just want you to see, if I switch back to illustrator, I'm going to zoom in on this artwork, and notice that it's looking great at the 200% view size. It's looking very nice at 300% as well, and it's looking just right at 400%, we pretty much can see every single pixel inside the image, because 72 times four is 288 pixels per inch. Once you start zooming beyond 400%, you're going to see bigger and bigger pixels, but whether you're exporting this for the web, or a mobile device or printing this artwork, it's going to look absolutely great. And that's a combine your wealth translucent objects, including this too guys. Notice this object, which I was calling number nine, and this guy number six, which both have elements set to the screen blend mode, end up blending very nicely, with this grayscale photographic image.
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
-
-
-
-
-
860 Using an iPad as a Sidecar drawing tablet11m 37s
-
861 Introducing Adobe Fresco for the iPad15m 27s
-
862 Adobe Fresco paints halftone patterns9m 37s
-
863 Live brushes in Adobe Fresco9m 36s
-
864 Using oil brushes in Adobe Fresco5m 54s
-
865 Masking layers in Adobe Fresco9m 47s
-
866 Repurposing and inverting masks5m 25s
-
867 Vector brushes in Adobe Fresco9m 7s
-
868 Opening Fresco art in Photoshop8m 32s
-
869 Customizing the Auto Color command6m 51s
-
870 Camera Raw 12: Panoramas with fill edges9m 38s
-
871 Developing your panorama in Camera Raw5m 53s
-
872 Healing with Clone Source plus Diffusion8m 8s
-
873 The improved Simplify command in Illustrator 20207m 25s
-
874 Filling in any post-Simplify gaps4m 27s
-
875 Posterizing colors, in the style of "Hair"11m 54s
-
876 Recoloring art with the Paint Bucket tool5m 34s
-
878 Adjusting your poster art dynamically6m 15s
-
877 Posterizing colors nondestructively9m 8s
-
879 Hiding the Filmstrip in Camera Raw4m 35s
-
880 Making an awful photograph awesome10m 14s
-
881 What if Rembrandt had painted sea lions?4m 43s
-
882 Recolor a freeform gradient in Illustrator4m 58s
-
883 Recoloring a gradient using a color group3m 24s
-
884 Faking a GoPro over-under shot10m 20s
-
885 Developing your over-under in Camera Raw4m 41s
-
886 Drawing a 3D metal star in Illustrator14m 25s
-
887 Rendering the 3D star in heavy metal5m 51s
-
888 Creating a Wonder Woman 1984 poster effect9m 5s
-
889 Creating the Wonder Woman displacement map15m 5s
-
890 Masking your Wonder Woman11m 39s
-
891 Creating a metadata template in Bridge9m 24s
-
892 Streamlining a multi-use metadata template9m 29s
-
893 The Photoshop 2020 freeform Warp enhancements12m 32s
-
894 Applying a freeform Warp to a Smart Object7m 54s
-
895 Rescuing a frame from a GoPro movie7m 49s
-
896 Filling gaps with Content-Aware Fill7m 5s
-
897 Two images are better than one13m 8s
-
898 Blending images with a hand-drawn vignette4m 44s
-
899 Creating a photographic painting12m 37s
-
900 Drawing a gradient sphere as a 2D shape9m 49s
-
901 Turning a sphere into a colorful pool ball7m 51s
-
902 Changing a pool ball from solid to stripes8m 22s
-
903 Rotate versus Transform Each in Illustrator9m 36s
-
904 Recoloring your pool balls8m 20s
-
905 Drawing a pool cue in Illustrator15m 43s
-
906 Rotating with precision accuracy7m 28s
-
907 Repeating a face so it shares a common eye11m 20s
-
908 Continuous rainbow faces in Photoshop5m 42s
-
909 Masking in the natural colors of the lips6m 8s
-
910 Flipping a face to create new identities9m 8s
-
911 Hand painting a symmetrical layer mask4m 18s
-
912 Two ways to colorize with gradients6m 9s
-
913 Two ways to mask gradient effects6m 40s
-
914 Lantern tile: Type 1, onion7m 53s
-
915 Lantern tile: Type 2, traditional6m 33s
-
916 Lantern tile: Type 3, scallop4m 30s
-
917 Quickly change the number of steps in Illustrator8m 22s
-
918 Creating a blend inside a blend7m 44s
-
919 Reversing the stacking order in Illustrator4m 32s
-
920 Turning a blend into a repeating pattern12m 16s
-
921 Recoloring a blended pattern5m 8s
-
922 Precisely sizing any polygon in Illustrator9m 19s
-
923 Creating a beveled, equilateral triangle11m 46s
-
924 Turning a triangle into a Mercedes star9m 7s
-
925 Adding a ring around the Mercedes star7m 57s
-
926 Precisely sizing stars in Illustrator10m 20s
-
927 Let's review that star technique5m 25s
-
928 Creating real artwork with basic shapes9m 55s
-
929 Making a face of triangles in Illustrator10m 18s
-
930 Painting with gradients and translucency10m 34s
-
931 More advanced gradients in Illustrator6m 52s
-
932 Combining translucent vectors with a photo5m 30s
-
933 Using the dynamic Free Distort filter9m 3s
-
934 Combining dynamic effects in Illustrator6m 4s
-
935 Creating a Halloween cat’s eye in Illustrator14m 35s
-
936 Combining multiple gradient fills and effects8m 28s
-
937 Tracing a photo with primitives in Illustrator11m 31s
-
938 Halftone pattern and Zig Zag in Illustrator13m 5s
-
939 Adding dynamic highlights to your cat’s eye10m 29s
-
940 Blending reptile-like scales in Illustrator13m 42s
-
941 Shading to your cat’s eye in Illustrator10m 53s
-
942 Shading with variable-width strokes9m 10s
-
943 Turning your cat’s eye into a dragon’s eye10m 40s
-
944 Clearing the Photoshop Home screen5m 5s
-
945 Hiding a single Home screen thumbnail3m 29s
-
946 Clearing the Illustrator Home screen4m 4s
-
947 A new way to unlock stuff in Illustrator5m
-
948 Another way to unlock stuff in Illustrator2m 47s
-
949 The new Line tool in Photoshop 202110m 43s
-
950 Fixing a broken candy cane pattern4m 58s
-
951 Creating a candy cane rhinoceros in Photoshop10m 4s
-
952 Warping a pattern around an object4m 2s
-
953 Adding some rippling, reflective ice shadows8m 35s
-
-