From the course: Deke's Techniques (2018-2021)
969 Curving a vector-based line segment in Photoshop
From the course: Deke's Techniques (2018-2021)
969 Curving a vector-based line segment in Photoshop
- [Instructor] All right now we're going to take that straight, vector-based arrow and we're going to bend it in order to better match the curvature coming out of that cursive letter W. All right, so I'll go ahead and switch to our image in progress and zoom in as well. And then I'll twirl open this group, at the top of the stack, which I've named type with arrow. So I'll go and click on the twirly triangle in order to expand the group and I'll make the color panel a little smaller so that I have more room to work. And I'll go ahead and click on this vector-based shape layer called arrow. And you can see the outline of that arrowhead, in my case represented in blue. Now, what you want to do is click and hold on the black arrow tool. The one that Photoshop calls the path selection tool and select the direct selection tool aka the white arrow tool, which allows you to select and modify independent anchor points. And so I'll go ahead and select this first one right here and then I'm going to convert this point from a corner point, without any control handles, to a smooth point by clicking and holding on the pen tool and selecting the convert point tool from that fly-out menu. Now, what you want to do is just drag from that first anchor point, like so, in order to convert it to a smooth point with two symmetrical control handles which is going to bend that segment like so. Now, you're probably going to get an alert message telling you that this is going to turn the live shape into a regular path. Where lines are concerned that literally doesn't matter at all. Just go ahead and click yes. You're not going to lose any functionality. Now notice that we actually have two curving segments and that's because whenever you draw an arrowhead with the line tool, Photoshop expresses it not as an open path outline but as a closed one. And so what we need to do is just marquee that lower segment like so in order to select it independently of the rest of the path then press the Backspace key or the Delete key on a Mac to get rid of it. All right, now you want to switch back to the white arrow tool, which you can get by pressing the A key, A for arrow, and then click on this anchor point right here. And I want you to notice if I drag it away that the top anchor point belongs to the arrowhead not the line segment going into it. And so what I'm going to do just to make sure everything aligns the way I want it to is press Control + Z or Command + Z on a Mac to undo that change once again just to make sure that anchor point is selected, I'll click on it and then I'll press Shift + Down Arrow one, two, three, four, five times in a row in order to scoot that guy down so I can focus my attention on this other anchor point, the one that belongs to the line segment. Now you want to switch back to the convert point tool and then instead of dragging on that anchor point, which will turn it into a smooth point and we'll end up bending the inside edge of the arrowhead. That's not what I want. So I'll undo that change, instead just drag directly on the curving segment like so and that will draw forth a single control handle. At which point go ahead and move it to right about here along this dark edge. And now switch back to the white arrow tool. Again, you can get that tool by pressing the A key and now click on this control handle and drag it up. At which point you want to match the curvature coming off that curly loop of the W. Now in my case, I'll zoom in a little farther, it looks like the edge isn't exactly matching. And so I'm going to click in this line weight option up here in the options bar and take it up from 15 pixels to 15.5 pixels and then press the Enter key or the Return key on a Mac and that gives us a little additional thickness. Now select that anchor point and press the Down Arrow key in order to nudge it down just a little bit. And then I'll add some more curvature by dragging this control handle. And so notice now we have this nice smooth curve. All right, now I want to put this point back where it belongs. And so I'll click on it to select it and press Shift + Up Arrow one, two, three, four, five times in order to put it right back where it was. And now I'll click off the path outline to de-select it. I'll press Shift + F in order to switch to the full screen mode and I'll zoom out just a bit. And if that doesn't look exactly right, you can click on that point right there with the white arrow tool and you can try nudging it just a little bit to the left by pressing the Left Arrow key. And to me, that looks a lot better. And I doubt if you were to zoom out to a hundred percent that anybody's going to perceive any difference between the curvature of the cursive W and the curvature of that hand drawn, vector-based line segment here inside the wonderful versatile world of Photoshop.
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
-
-
-
-
-
-
954 Introducing Illustrator on the iPad9m 57s
-
955 Illustrator on the iPad: The drawing tools13m 7s
-
956 Ilustrator on the iPad: The Blob Brush5m 57s
-
957 Illustrator on the iPad: The Pen6m 58s
-
958 Illustrator on the iPad: Gradients and repeats10m 29s
-
959 Color grading in Camera Raw8m 23s
-
960 Color grading tips and tricks4m 32s
-
961 Color grading: Blending and balance6m 50s
-
962 New ways to scale type in Illustrator5m 57s
-
963 Camera Matching profiles in Camera Raw/Lightroom7m 46s
-
964 Combining the best of JPEG and raw10m 30s
-
965 Smoothing out raw detail to match JPEG3m 24s
-
966 Drawing arrows in Photoshop 20217m 23s
-
967 Troubleshooting Photoshop’s Line tool5m 46s
-
968 Blending vectors with a pixel-based photograph10m 29s
-
969 Curving a vector-based line segment in Photoshop4m 42s
-
970 Aligning to point type in Illustrator6m 27s
-
971 Aligning to area type in Illustrator7m 17s
-
972 Snapping to letterforms in Illustrator7m 7s
-
973 Snapping to a specific letterform in Illustrator6m 7s
-
974 Tracing a specific letterform with a shape tool4m 27s
-
975 Snapping to a glyph with the Pen tool5m 46s
-
976 Rendering your name in playing cards10m 49s
-
977 Precisely sizing a vector-based shape layer7m 10s
-
978 Tracing an object with the Photoshop Pen tool10m 2s
-
979 Enhancing a Photoshop path in Illustrator9m 25s
-
980 Drawing a universal power symbol in Illustrator7m 7s
-
981 Very large artboards in Adobe Illustrator6m 8s
-
982 Creating a new very large artboard5m 18s
-
983 Designing an animal logo in Illustrator2m 56s
-
984 Illustrator Pen tool tricks11m 8s
-
985 Dynamic round corners in Illustrator8m 12s
-
986 Drawing organic curves with round corners9m 28s
-
987 Reshaping paths that include round corners7m 52s
-
988 Creating brushed metal in Illustrator11m 43s
-
989 Creating rivets in Illustrator10m 25s
-
990 Rotating a gradient inside an object blend5m 3s
-
991 Peering thru binoculars in Photoshop8m 39s
-
992 Adding colorful halos “inside” your binoculars5m 47s
-
993 More extreme binocular aberrations7m 51s
-
994 Hiding paths and shape handles in Photoshop6m 44s
-
995 Drawing a subwoofer in Illustrator10m 52s
-
996 Deep inside the subwoofer with Illustrator10m 37s
-
997 Compound shapes vs. compound paths in Illustrator14m 25s
-
998 Drawing a whole bunch of hex screws in Illustrator10m 30s
-
999 "That’s all Folks!" in Photoshop15m 18s
-