From the course: Deke's Techniques (2018-2021)
939 Adding dynamic highlights to your cat’s eye
From the course: Deke's Techniques (2018-2021)
939 Adding dynamic highlights to your cat’s eye
- In this movie, I'm going to show you how to add these translucent highlights to the cat eye. We're using a combination of still more gradient fills combined with still more dynamic effects. And so I'll go ahead and switch over to my artwork in progress and I'll click on the eye with the black arrow tool in order to select it. And I'm going to start things off by adding a stroke. And so notice this stroke option up here at the top of the stack inside the appearance panel, where we last left off. And so if you're not seeing that panel, you go up to the window menu and choose the appearance command. All right, so, I'm going to click on that stroke in order to select it. Then I'm going to click on the swatch right here in order to bring up swatches panel and I'll select black. Now I'm going to select the line weight, which Illustrator calls a stroke weight for what it's concerned and I'll change it to 40 points like so, and we end up with this stroke on top of the fills. Now, notice that it's not centered on the path outline even though if you click on the word stroke right here you can see that a line stroke is set to center. And so what's going on with that? Well, that is a function of the fact that we have an opacity mask. And so if you click on the word opacity you can see that we've got this mask right here. And so wherever we're seeing white we're revealing the contents of this path outline and wherever we're seeing black, we're concealing it. And that's why we're cutting the stroke halfway off. So we're just seeing the 20 points on the inside of the path outline. The 20 points on the outside are hidden in other words, by that opacity mask. All right, so I'll just press the enter key or the return key on the Mac to dismiss that panel. And now with the stroke selected, I'll click on the FX icon down here in the bottom left corner of the panel. And I will choose blur all by Gaussian blur. And now I'll go ahead and set the radius value to six points like so, so that we end up with this soft stroke around the eye, in which point I'll click okay in order to accept that change. All right, now we're going to add the highlights by dropping down to the add new fill icon in the bottom left corner of the panel and clicking on it. And that creates a fill on top of the stroke. And so fills in strokes can be arranged in any order you like. In my case, I want this new fill to be under this stroke. So I want of the fills to be under this stroke in other words. This fill is set to black by default. I want it to be a gradient. And so I'll go up to the window menu and choose gradient in order to bring up the gradient panel right here. And I'll set the type two linear gradient this time around. And notice we end up by default with a white to black gradient running horizontally. All right, I want to change the colors, of course. And so I'm going to go up to the swatches panel. If you're not seeing that panel you can choose swatches from the window menu. And then I'll grab this swatch right here Dodger blue, that I've included inside the cat eye colors group, and I'll drag it and drop it onto the first color swatch like so. And if you want to that you replaced the white color swatch scroll and drag this colour around. Ultimately you want to drag it to a location value of 50% which is going to be easier to dial in as opposed to get it exactly right by dragging. And so we've got an opacity value of 100%. We want that to be 50% too, so that we have a little bit of translucency where this highlight is concerned. All right, now I want to grab the white color swatch right here and drag it and drop it onto this final color stop on the right hand side of the gradient. And then you want to click in the location value and press shift down arrow a couple of times in order to take that value down to 80%, we want the opacity value to remain set at 100%. An angle value of zero degrees as by default is just fine. All right, now I'll click on the stroke tab in order to hide the gradient panel so that we have a little more room to work and I'll click on that fill to select it. Now, currently the fill is taking up the entire eye. We want it to just take up this sliver right here, which is based on a rectangle. And so go ahead and switch back to the document in progress and I'll click on the FX icon choose convert to shape, and this time choose rectangle in order to bring up the buy now familiar shape options dialogue box. I'll set size to absolute once again and then I'll dial in a width value of 70 points and I'll set the height value to 250 points in order to create this gradient rectangle right here at which point I'll click okay. All right now, if you twirl open that top fill you'll see that we have a dynamic rectangle effect. All right, now, click on the field once again to select it. And now what I want to do is warp this fill that is twisted in a way. And so I'll click on the FX icon once again, choose warp and then I'll choose arc from the top of the list In order to bring up the warp options dialog box. Now notice that I've switched from horizontal as by default to vertical. Now I'm not seeing any difference between the two even when the preview checkbox is turned on, and that's because at least in this version of Illustrator preview is broken where warp options are concerned. I'm sure they'll fix that at some point, but in the meantime I just want you to do this, select the vertical option and set the blend value to negative 50% like so. Then tab your way down to the vertical distortion value and set it to negative 30%. So again, style is set to arc. This option right here is set to vertical. The bend value is set to negative 50% and the distortion vertical value is set to negative 30% in which point I'll click okay, and we end up with this effect right here. All right, now I need to take this effect and move it upward and rotate it into place, which is a job for the transform effect. So click on the fill, once again it's selected. I'll click on FX, choose distort and transform, and then choose the transform effect which allows you scale, move and rotate the Fill absolutely dynamically. And so I'm going to select the horizontal move value and change it to negative 50 points. And then we'll tab to the vertical value and I'll change it to negative 160 points. And because the preview checkbox is on I can see what I'm doing in real time. And finally, I'm going to change the angle value to 70 degrees in order to produce this effect right here at which point I'll click okay. All right, now I click on the fill once again I select it. That's very important because I want to apply these dynamic effects to the fills independently, and then I'll click FX choose blur and choose Gaussian blur. And that will allow me to blur the effect as I'm seeing right here. That's way too much blur. And so I'm going to take that value down to one pixel like so, and click Okay. And finally I'll click on the word of Passy below Gaussian blur incidentally and I'll change the blend mode from normal to screen in order to produce this bright highlight effect. All right, now press the enter key or the return key on the Mac to dismiss that panel. All right, now we're going to create an elliptical highlight based on the existing rectangular one. And so what I'm going to do is select that most recent fill right there and I'm going to make a copy of it by dropping down to the little plus icon, which in previous versions of Illustrator appears as a tiny page and click on it. And that will duplicate that feel like so. And so notice here's the original one, twirled closed and here's the new one twirled open. All right, now I'm going to start by clicking on the word rectangle right here in order to bring up the shape option style lock box and I'll change the shape setting from rectangle to ellipse. And now I'll dial in a width value of 60 points this time around I'll tab to the height value and take it all the way down to 80 points in order to produce this little effect here then I'll click Okay. All right, now you want to click on this next option warp arc in order to bring up those warp settings and I'm going to take this bend value up to negative 20%, and then I'll tap my way to that vertical distortion value right there and set it to 0%. Once again preview is not working in this version of the software. And so I'll go ahead and click okay in order to apply that effect like so. All right, now we need to move this into a better position, so click on the word transform in order to bring up this dialog box and I'll take it up to negative 40 points, and then I'll tap to the vertical move value and I'll take it up to negative 90 points like so, and I'll tab to the angle value and take it down to 50 degrees in order to move the circle into this position right here. And so I'll go ahead and click okay. And just to see what a difference we've made I'll press control Z or command Z on the Mac. This is before, and if I press control shift C or command shift C on the Mac, this is after. All right, that gradient is a little tight notice that we have a pretty sharp edge right there inside of the highlight. And so what I'm going to do is switch back to the gradient panel and I'll select this blue color stuff right here and I'll change its location value to 20%. So I'm moving that color stop over to the left, which is providing us with a little more room and now I'll select the white color stuff clicking it's location value and take it all the way up to a 100%. And by the way, I'm doing this by pressing shift down arrow or in this case shift up arrow in order to decrease or increase the value in 10% increments at which point I'll press the enter key to accept that change and click on the stroke tab to hide the gradient pal. Now, our Gaussian blur is fine as is. However, I'm going to make a modification to the opacity by clicking on a word opacity notice that it's still set to the screen blend mode but I want the opacity value to be just 50% at which point I'll press the enter key or the return key on the Mac. I thought in order to apply that value, but instead what I did here on windows is I unmade the mask. And so what I need to do is press the escape key in order to hide that panel and then press control Z or command Z on the Mac to undo that change. And now I'll truly close to fill just to tidy up the appearance panel and I'll click off the path outline in order to de-select it. And then go ahead and zoom on in as well. And those are at least a couple of ways to apply translucent highlights as linear gradients subject to dynamic effects 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
-
-
-
-
-
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
-
-