From the course: Deke's Techniques (2018-2021)
949 The new Line tool in Photoshop 2021
From the course: Deke's Techniques (2018-2021)
949 The new Line tool in Photoshop 2021
- Hey gang, this is Deke McClellan, welcome to Deke's Techniques. Have you ever used the line tool in Photoshop? The one that resides in the same fly-out menu as the effector base rectangle and ellipse tools. Well, for 20 years from Photoshop 6.0 in the year 2000 to Photoshop 21.0 in the year 2020, the line tool didn't actually draw a lines. It drew very skinny rectangles, which means that you had to decide the thickness of a line slash rectangle before you drew it. Where did it to go with Adobe? But now in Photoshop 22.1 AKA Photoshop 2021, the line tool draws real lines. That is to say open path outlines that you can stroke with any line weight you want, anytime you like. Where did it go Adobe? By way of example, I'm going to show you how to use the new and improved line tool to draw this seamlessly repeating candy cane pattern. Now, I first demonstrated how to make this pattern back in Deke's Techniques episode 481, near the end of the year 2015, which I am not recommending you go back and watch by the way, because I'm about to show you now how to do it so much better. All right, so here's at least one possible application of the candy cane pattern, just so you can see it open here inside Photoshop and here's the seamlessly repeating pattern tile that we'll be creating entirely using the line tool. And once again I want to emphasize that you'll need to be using Photoshop 2021 or later. In which case go up to the file menu and choose the new command and then dial in width and height values of 400 pixels. The resolution value does not matter on width, set the color mode to RGB color and go ahead and assign your favorite color profile. In my case, I'm working with good old SRGB. At which point, I'll click the Create button in order to create a new document. Now, even though we'll be drawing diagonal lines, as you saw just a moment ago, it's going to be easier to get everything in the right location, if we start with a horizontal line. And so I'll drop down here to the shape tool fly out menu and select the new and improved line tool. And now I'll just go ahead and draw a horizontal line, that's bigger than the canvas, notice that. And just to ensure my angle value is zero degrees I'll press and hold the Shift key like so and I'm looking for a length value in that heads up display of 640.0 pixels. And that's just going to ensure that our line is wider than the canvas. All right, now very likely Photoshop's going to automatically pop up the properties panel, which is handy, because I can go ahead and change the fill and stroke attributes right here. You can also change them on the far left side of the options bar. In any event, I'm going to click on the fill and set it to no color like so and I'll click off that item in order to hide it and I'm going to go ahead and create the line weight value up to 80 pixels. So in other words, you can change the thickness of your open path outline after the fact in Photoshop 2021 and later and that's going to give me a big thick line. Now I don't want it to be black, so I'll go ahead and click on that stroke and then click on this little spectrum icon in the top right corner of this pop-up panel, to bring up which generally known as the color picker dialog box. I'll change the hue value to 350 degrees, which is slightly on the magenta side of red. I'll take the saturation value up to 100% and I'll set the brightness value to 90%. So we have this vivid red, as you're seeing in the background. At which point I'll click Okay to accept that change and I'll hide the properties panel as well. Now I want to know exactly center this line and so I'm going to press Control + A or Command + A on the Mac, to select the entire canvas. I'll switch to the move tool up here at the top of the toolbox, which you can get by pressing the V key And then you need to click on each one of these center icons, align horizontal centers and then align vertical centers. And while that may not make much of a difference, it's going to make all the difference in the world where the final pattern is concerned. Now press Control + D or Command + D on the Mac to de-select my artwork. And now comes the point at which we want to rotate this line. And the easiest way to do that nowadays is to switch back to one of their shape tools, in my case the line tool works out fine. And notice that we now have these so-called on canvas controls. And so you can drag an end point in order to change the length and angle of the line like so, I have no desire to do that, however. So I'll press Control + Z or Command + Z on the Mac to undo that change. If you move your cursor just slightly beyond that square handle, you'll see the rotate cursor at which point you can drag to rotate the line. And I'm going to press the shift key as I drag to constrain my angle value as you can see in that heads up display that negative 45.0 degrees. At which point I'll release to create this perfectly centered diagonal line. Now I want it to have a little bit of depth, so I'm going to add an inner glow effect. Click on the effects icon down here at the bottom of the layers panel and choose inner glow. Now by default, Photoshop wants to create a white glow, that's not what I'm looking for at all. So I'll click on that white swatch right there or it may be some other color, I'll change the hue value once again to 350 degrees, I'll set the saturation value once again to 100%, but this time I'm going to set the brightness value to 50%. So we ended up with a dark red, at which point I'll click Okay to accept that change. Now we don't want to blend motive screen, we want a shadow, so I'll change that blend mode to multiply. And then I'll create the opacity value up to 100% and finally going to set the size value to half of the line weight, which as you may recall is 80 pixels. And so I'll just enter 80 slash two in order to divide 80 by two and then when I press the Tab key, Photoshop does the math for me. At which point I'll click Okay to accept that change. All right, now I want this layer to be called thick lines for reasons that will become obvious later on. And then I want to jump a copy of this layer by pressing Control + J. That's going to be Command + J on the Mac and I'll just go ahead and call this guy thin lines this time around. And now we want to move this line to a different location by going into the edit menu and choosing free transform path or you have that shortcut of Control + T here on the PC or Command + T on the Mac. And now I want you to notice these X and Y values up here in the options bar, make sure the triangular Delta option right there is turned off. We do not want that on, instead we want to enter absolute positioning values. And so I'm going to change the X value to 100 and then tab to the Y value and change it to 100 as well. And bear in mind, we're working in a canvas that measures 400 by 400 pixels. So setting these coordinates in 100 pixel increments is going to work great. All right, now press the Enter key or the Return key on the Mac a couple of times in order to confirm that transformation. And then notice this line weight value up here in the options bar. You want to take it from 80 down to just eight pixels like so. Now notice that the line turns dark red and that's because the inner glow effect is too big. And so I'll double click on the inner glow specifically for the thin lines layer in order to bring up the layer style dialog box and I'll take the size value from 40 pixels down to four and then I'll click Okay. And you can see that we now have these dark red edges with a bright red line in the middle. All right, now I want to create a copy of this line at a new location. That's only possible using a keyboard shortcut of Control + Alt +T or Command + Option + T on the Mac. And notice that we're once again, seeing our X and Y coordinates. This time we want them each to be 300 pixels and so I'll change them both like so and that's going to move a copy of that line to the bottom right corner of the canvas. At which point I'll press the Enter key or the Return key on the Mac a couple of times to accept that change. Now, you'll go ahead and switch to the black arrow tool, the one that Photoshop calls the path selection tool, even though it has a keyboard shortcut of A for arrow. And now I'll shift click on this top line like so. So both of the thin lines are selected and now we want to create copies of them by pressing Control + Alt + T or Command + Option + T on the Mac. This time we want to turn that triangular Delta icon on so that we're making relative adjustments as opposed to absolute ones. And so I'll go ahead and click on the X and change it to 12 and also change the Y value to 12. So 12 and 12 for the X and Y values at which point press the Enter key or the Return key on the Mac a couple of times to apply that change. All right, now we want to transform the original thin lines in the opposite direction, so go ahead and click on one of them and shift click on the other. So the top line in each pair in order to select them with a black arrow tool, press Control + Alt + T or Command + Option + T on the Mac in order to invoke the free transform mode, as well as duplicate these bands and then change the X value to negative 12 this time around, tap to the Y value and change it to negative 12 as well. And that's going to move duplicates of those path outlines up and to the left. At which point I'll press the Enter key or the Return key on the Mac a couple of times to accept that change, after which point you can click off the path outlines in order to deselect them. And that's how you create the base style for a candy cane pattern using the new and improved line tool, which now draws dynamic open path outlines here inside Photoshop 2021 and I would presume later. Now, even though we just spent an awful a lot of effort creating our meticulous candy cane pattern, it is secretly broken. Which is why if you're a member of LinkedIn learning, I'm going to show you how to fix it, using another new feature in Photoshop 2021 Pattern Preview. Looking forward to next week? Well, you should, because that's when we're going to apply our meticulously created candy cane pattern to this holiday themed, vector based entirely dynamic candy cane rhinoceros. 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
-
-