From the course: Deke's Techniques (2018-2021)
865 Masking layers in Adobe Fresco
From the course: Deke's Techniques (2018-2021)
865 Masking layers in Adobe Fresco
- Hey, gang, this is Deke McClelland. Welcome to "Deke's Techniques." Over the last couple of weeks, we've been working in Adobe Fresco running on an iPad Pro or other device. But here's the thing, our robot is being attacked, despite the fact that he is clearly an emissary of peace. See that heart on his chest? He is being attacked. "By what," you ask? By too much color. Which is why we need to mask our layers in order to achieve this much more reasonable effect, entirely inside Adobe Fresco, by the way. Fresco actually has some very decent masking skills. Here, let me show you exactly how they work. All right, so at the risk or repeating myself, I'm working in Adobe Fresco, running on an iPad Pro, and I need to mask this very colorful layer, so that we're not seeing through the robot. All right, so, the colorful layer is selected over here on the right-hand side of the screen, and so what I want to do is add a layer mask, and there's a couple of ways to approach this. One is to just tap on the triple dot icon over here on the right-hand side of the screen, that ellipses underneath the eyeball, and then you would select Create empty mask, and you would paint inside that mask in order to paint the robot away. You do not want to select this next option down, Mask layer contents, and that's because what that's going to do is take the transparency mask that's already associated with the layer and turn it into a layer mask, which is rarely what you want, and definitely not what you want at all in the case of this layer. All right, so that's one approach. The other approach is to begin with a selection outline. And so, I'll just go ahead and tap on the Lasso tool in order to select it. It's tempting to grab this Selection Brush and then brush inside the image in order to create a selection outline, but what you need to remember is that this is just a dumb brush tool. It has no real automation associated with it. That said, it is pressure sensitive, assuming that you're working with an Apple Pencil. But you can get that behavior just by brushing inside the layer mask as well. So, not sure this is really the best way to go, even though I might try it out down here at this location, and it looks like I'm getting a pretty good selection going there. But instead, because there's so many straight edges here, I'm going to switch back to the Lasso tool, and, as you may recall, you can drag with this tool if you want, in order to add to the selection outline like so. Or you can tap with the tool in order to create a straight-sided selection as I'm doing right now, and in fact, if you like, you can go ahead and combine those feature together. Now, you may have noticed that I lost a segment there, and that's because I must have accidentally done a two finger tap, which invokes an undo. And so you can undo the creation of every single one of these segments if you like. In my case though, I'm going to attempt to drag up this shoulder, up to a point, anyway, and then I'll tap my way over to about here, drag down like so, and then I'll go ahead and drag my way down into this region under the arm. I don't actually like that little segment, so I'll go ahead and undo. And so you can just undo one little segment at a time with this tool. It's very flexible. I have to say, I wish you could do that inside Photoshop, that would be awesome. All right, now just tap my way down here, and while this isn't going to be the most precise selection outline on earth, it will give us a good place to start. And so I'll just go ahead and drag down and back around to the beginning of the Lasso in order to create that selection outline. All right, so even though I haven't really selected everything, it's a good place to start. And so now I'll tap on that ellipses icon once again, and notice that first masking command is now changed to Create a mask. At which point, if I tap on it, then I will mask everything outside the selection and keep the stuff inside the selection. That's actually the opposite of what I want, so I'll tap on the ellipses icon again and then select Invert mask, and that will give me this effect right here. All right, now I'm going to go ahead and switch to my Brush tool, which Fresco has actually done automatically. And notice I'm working with a basic brush, which is going to give you the best edges. And I'm going to select this guy right here, Hard round variable, which will allow me to paint a pressure sensitive line. And then notice that I have these options, Reveal and Hide, down here at the bottom of the screen. You'll probably want to start with Hide, in which case you'll go ahead and paint like so, but I've made a mess of things, so just undo that brush stroke there, and I'll try to take it a little easier just by brushing lightly with my stylus, like so, and that way I might be able to better stay inside the lines. You could even try painting with your finger if you like, and that way you're taking the pressure stylus out of the equation. All right, so I'll just go ahead and paint in this big area here, and it looks like I could do a better job right here at this location, and so I'll go ahead and do so. And then notice I masked away too much around this arm right here, in which case, to bring back the detail, just go ahead and tap on Reveal down here at the bottom of the screen, and then I'll paint very lightly next to that arm in an attempt to not mask away too much, like I just did, but in that event, I would just switch back to Hide and I would go ahead and paint like so. All right, so obviously, I can brush like crazy inside this region up here near the top of the image, and I can go ahead and brush inside the head as well, if I like. Another way to work is to fill a selection outline, and to do that, I'll just go ahead and switch back to the Lasso tool right here. And let's imagine that I want to select this region, and so I'll just tap around here in order to draw a straight-sided selection outline down to this location, and then I'll just paint around this detail, back over here, and then I will resume tapping up the arm, like so. And I'll just go ahead and select that region by dragging back to the beginning of that Lasso tool. And now, notice these options down here at the bottom of the screen. One of them reads Erase. If you tap on it, then you will erase the contents of the selection outline. In other words, you will add black to the layer mask. And by the way, you know that you're working with a layer mask, 'cause you're seeing a little layer mask thumbnail over there in the Layers panel on the right side of the screen. If you want to switch back to editing the image, then you would just drag inside that thumbnail, and that will make the image active. If you want to switch back to the mask, then drag to the right. All right, I'll just go head and tap Deselect down here at the bottom of the screen. And I'll draw another selection outline using the Lasso tool around that midsection, and I'll go ahead and drag around this shoulder here in order to try to select it, and I'm just being careful with my stylus. It's a little easier to work that way when you're trying to draw a freeform selection outline as opposed to just dragging with my finger, for example, or if I were working inside Photoshop dragging with a mouse. All right, so I'll just go ahead and complete that guy, and I will once again tap Erase down there at the bottom of the screen in order to mask away those pixels. All right, and now I'll tap Deselect in order to deselect the image. Now, there are a couple of ways to look at a layer mask. One is the way we're seeing it right now, which is known as On Layers, that is to say we're seeing all the layers piled on top of each other, but if you tap on the triple dot over here on the right side of the screen, notice that right here at the bottom of the menu, we're seeing Red overlay. If you tap on that, then you're going to see a quick mask version of that mask. That is you're going to see a Rubylith overlay, at which point you can continue to edit the layer mask, if you want to, using the brush. So I'll go ahead and switch back to that Pixel Brush tool up there at the top of the Toolbox. And, in my case, I'm painting in a Reveal. I don't want that, so I'll undo, and then I'll tap on Hide down here at the bottom of the screen, and I will then brush in these details just to make sure that I'm masking everything away that I should, and I'll go ahead and paint inside the head as well. So you may find that this is an easier way to really see what's going on here. And I'm making a few mistakes as I work. Actually, I'm making plenty of mistakes, but I'm just going to go ahead and mow forward, because I think, at this point, you get the idea. Gee whiz, I am doing a terrible job. All right, so I'll go ahead and paint there and I'll paint here as well, and I'll paint away this section of the head, and then I'm going to switch back to the normal view by tapping on that ellipses icon once again, and selecting on On Layers down here at the bottom of the menu, at which point I can see that I've made a couple of mistakes, so I'll switch back to Reveal and I'll paint very diligently around these edges right here. And that, my friends, is how you go about creating a layer mask, either by starting with a selection outline, or just painting using your Apple Pencil or your finger, if you prefer, here inside Adobe Fresco, running on an iPad Pro. All right, so far we've managed to clean up the robot, but he's a little flat compared to his very colorful background. Wouldn't it be so much better if he, himself, looked more colorful and sculpted, like so? That's why I have a followup movie. Things always look better in the followup movies. "Deke's Techniques" each and every week. Keep watching.
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
-
-