From the course: Deke's Techniques (2018-2021)
867 Vector brushes in Adobe Fresco
From the course: Deke's Techniques (2018-2021)
867 Vector brushes in Adobe Fresco
- Hey gang, this is Deke McClelland, welcome to "Deke's Techniques". As regular viewers may recall, we've been sneaking a peek at a new mobile app from Adobe called Fresco, which allows you to create and organize artwork. It supports multiple layers, just like Photoshop, and in a few ways, it's even better. For example, today I'll introduce you to Fresco's vector brushes, which are found nowhere inside Photoshop, and are analogous to the Blob Brush in Illustrator. Why in the world would that be useful? Because vectors scale to any size you like, "But wait a moment", you say. "Can you paint those vectors smoothly, "or fill them with color, "and maybe even paint perfectly straight, "pressure-sensitive lines in any angle that you like?" Well, gee whiz, it's just a Version 1.0 product. Of course you can! Here, let me show you how all of it works. All right, so here I am inside of Adobe Fresco, and notice that we have a couple of layers over here on the far right side of the screen. We've got this pixel-based watercolor layer, and then we have this vector-based layer. Now, they're both identified by badges. Here we have a tiny little pixel-based circle, and then for the vector-based layer, we have a smooth vector-base circle. Now, they're easier to see if you tap and hold on the little plus sign on the far right side of the screen, and so there we have bigger versions of the badges. We have this pixel-base circle right here, and then below it, he have this vector-base circle. Now, if you were to select one of those guys, you would create either a pixel-based or vector-base layer. If you just tap on the plus sign, however, notice that you get a new layer with no badge on it, and that's Fresco's way of showing you that you haven't decided what kind of layer it is. You'll decide the moment you start painting, and so I'm going to move over to the left-hand toolbox here, and I'm going to move down to the fourth icon, which is actually the third tool, and I'll tap and hold on it, and that will show you a list of vector-base brushes. I'm going to stick with this first guy, Basic Round, and then I'll tap on the Color icon, and I'll change it to black by tapping on that black circle. Notice that I've set the size to 30, and I'm starting with a Smoothing value of 50. All right, now notice if I just start in painting like so, then not only am I going to create a spiral in this case, but I've also identified this layer over here on the right-hand side of the screen as a vector-base layer, as indicated by that tiny blue circular badge. Now, the problem is, I'm getting very lumpy results, and that's a function of my smoothing value, so I'm just going to tap the Undo icon up here in the top right region of the screen. I'll tap on that Smoothing icon once again, and I'll crank it all the way, let's say up to 100, at which point you'll get much smoother results. Now, you will get a little bit of delay as you paint, so that's just something to bear in mind. All right, now I want to show you a couple of other things. For the moment, just to make things less distracting, I'm going to switch to the next layer down, and I'm going to tap on this little Settings icon in the top right corner of the screen, and I'm going to take the Opacity value down to 10. All right, now I'll tap on that spiral layer once again so I can show you a couple of different ways to draw straight lines. One is to tap on the little Settings icon up here in the top right corner of the screen, and then tap on App Settings, and tap on the word Experimental. Now, because this is an experimental feature, it may very well change in the future, so it may look different in your version of the software, but I'm going to go ahead and turn on this one and only option: Hold for straight line, and then I'll close this window, and now notice I'm just going to drag with my finger here. I'll draw a very small line, and then just hold at the end of it, and now if I begin dragging it, you can see that it becomes a long, straight line. Now, we'll lengthen even more, because my finger, as it turns out, is way up in the top left corner of the screen, so if I now release, Fresco is going to complete that line like so. All right, that's one way to work. Another is to draw a kind of arcing line and then hold at the end of it, after which point if you start dragging around you will transform that line. That is to say you're scaling and rotating it. All right, so that's one option available to you. I'm going to go ahead and undo that guy. Perhaps a more reliable way to work, however, is to tap this Ruler icon in the bottom right corner of the screen, which will bring up this kind of rectangular marquee. Now you can do a two-finger drag in order to rotate that marquee and move it into the desired location, let's say here, and now when you drag with your finger or a stylus, you're going to end up painting a straight line on either side of that marquee, so where you drag is up to you. And then, when you're done, just go ahead and tap that ruler icon once again to dismiss the marquee. All right, I don't really want those lines, so I'll go ahead and undo them by tapping the Undo icon a couple of times, and then I'm going to go back to that original vector-base layer and crank its opacity back up to 100. All right, now let's say I want to move the right eye to a different location, her left eye, of course. Well, if this were Illustrator, or even Photoshop, you could click on the eye with an arrow tool, but currently, Fresco doesn't have such a thing, so what you need to do instead is go ahead and grab one of the selection tools. I am going to stick with the lasso tool right here, and now I'll just go ahead and tap around the eye in order to set these points in this polygonal selection outline, and I'll go ahead and tap that first point in order to completely encompass the eye, and then I'll go ahead and tap on this little Arrow tool that's directly above the Lasso tool on the left-hand side of the screen in order to gain access to this transformation boundary, and now I can drag the selection to any location that I like. I'm going to move it to, let's say right about there. Maybe a little farther down, and a bit inward as well, just so that she appears to be looking at us. All right, as soon as you're done, just go ahead and tap the word Done in the top right corner of the screen, and that will set down the selection, after which point I'll just tap de-select at the bottom of the screen in order to de-select my artwork. All right, now I'd like to fill in my line art with color, and I'm going to do that by switching to the Fill tool here, the little paint bucket over there in the vertical toolbox, and now all you need to do is select a color, and so I'll just go ahead and tap on the Color icon and I'll tap on the HSB sliders this time because I want to dial in some specific values, so I'll change the Hue value to 30, and then I'll tap in the Saturation value, change it to 60 this time around, and I'll tap inside the Brightness value and change it to 80, and now all you have to do is tap inside the area that you want to fill, so I'll start with her face, and then I'll fill in her neck like so, and then I'll go ahead and tap on that color icon again, and I'll take the Saturation value not quite that high, and you can see why it's preferable if you want to get a specific value to just tap inside the field, because otherwise your view of that field is blocked by this big dollop right here, this upside-down teardrop, but in any event, I'm going to change the Brightness value to 50, and then I'll just tap inside these regions of hair in order to fill them with this shade of brown, and then finally I'll go ahead and dial in yet another color, so I'm going with a Hue value of 40 this time around, a Saturation value of 70, and now I'll change the Brightness to 100%, and then I'll just go ahead and tap inside these remaining regions like so, and finally, I'll go ahead and select the watercolor layer, and I'll tap the Eyeball icon on the right side of the screen in order to turn it off, and now notice if I zoom in to any degree I want to, that my vector-based outlines remain super smooth. All right, I'm going to go ahead and switch to the full screen mode by tapping on this double arrow icon in the top right corner of the screen, and then I'll center my zoom with a quick two-finger pinch, and that is how you work with vector-based brushes here inside Adobe Fresco. Pretty great, huh? So great that if you're a member of LinkedIn Learning, I have a follow-up movie in which we take the artwork that we've created so far, and we open it in Photoshop. The real Photoshop, running on a Mac or PC, which is exciting, because Photoshop interprets a Fresco vector layer as a scalable vector graphic, or SVG, embedded into a Smart Object that it can then hand off to Illustrator. Do you see what's happening? Adobe is devising a creative system, one that works with all of our devices all of the time, so that everything you ever create is at your beck and call, whether you're at home, at the office, on a subway, in a lift, at the barber's, in a hotel room, or off on your maiden voyage into deep space. For all I know, you're on an asteroid right now, sketching what you see in Fresco so that when you get home, you can refine that sketch in Photoshop minutes before you fly off to your next mission. "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
-
-