From the course: Deke's Techniques (2018-2021)
970 Aligning to point type in Illustrator
From the course: Deke's Techniques (2018-2021)
970 Aligning to point type in Illustrator
- Hey, gang. This is Deke McClellan. Welcome to "Deke's Techniques." Today we're inside my favorite vector-based drawing program, Adobe Illustrator, in which I'll show you how to align graphic objects to point type. That is display type that aligns to a tiny one dimensional point. This is new behavior, by the way. As things stand now, it's turned off by default, which doesn't make any sense to me. But hey, I'm just a tiny one dimensional video trainer, which is why I'm going to show you not only how to turn on this very helpful feature, but also exactly how it works. All right, let's see how graphic objects have aligned to text objects in previous versions of Illustrator. This is the way it still works by default inside Illustrator 2021 and moving forward. I'll go ahead and click on this type to select it. Then I'll Shift + click on this dashed line right here. Now let's say I want to align that line to the top of the text. Well then I need to establish the text as the key object by clicking on it once again, and you can see that it lights up and then you can take advantage of either the align options here in the properties panel or up here in the horizontal control panel. I'll click on this guy, Vertical Align Top, and you can see that the line moves upward but it's way above the text. All right, now I'll select this solid line right here and I'll Shift + click on the type and then I'll click on it again. And so in case you're not familiar with this behavior, you don't Shift + click a second time or double-click, you just go ahead and click on the selected object in order to make it the key object so it doesn't move. And then once again, I'll go up here to the control panel and I'll click on Vertical Align Bottom. That does move the line upward ever so slightly but it doesn't move it all the way to the letters. Why in the world is that? Well, I can't argue for the reasoning, but I can tell you what's going on. I'll click off the text to select it and then I'll click on it again so just the text object is active. Notice that this is point text as indicated by this point at the center of the type. So the text is centered on that point. At which point, I'll go up to the View menu and choose Show Bounding Box. Your bounding box may already be on but I had mine off so we can better see what's going on. But notice once I turn on the bounding box, that's our culprit. Illustrator is aligning the graphic object to the bounding box as opposed to the text itself. Especially where text is concerned, the bounding box is a mercurial creature. It's very difficult to predict. I can't imagine a reason on Earth you would want to do this, which is why it's at least helpful that you can change this behavior in the most recent version of the software. I'll just go ahead and Shift + click on this top line up here. I'm also going to turn off the bounding box because it's not only distracting, it's also fairly useless where point type is concerned. All right, now what you want to do, here inside the properties panel is click on this ellipsis associated with the align options and then you click on this fly out menu icon and drop down to Align to Glyph Bounds. Now what if you're not a big fan of the properties panel? Why then what you'll need to do. I'll just go ahead and escape out of there. Is bring up the Align panel by going up to the Window menu and choosing Align and then click on its fly out menu icon, choose Align to Glyph Bounds. Either way, because this is point text, you want to turn on the point text option, which makes Illustrator smarter. All right, I'll just go ahead and close the Align panel and now I'll show you if I click once again on the text in order to set it as the key object and then I click on that same icon, Vertical Align Top, notice that moves the line so it aligns to the top of the characters. Same goes if I select the text object and then Shift + click on the bottom line here, and then click on the text object once again to set it as the key object, and now I'll go up to this icon, Vertical Align Bottom, and that will align the graphic object to the bottom most letter form, which in our case happens to be the Y. I'll show you what I mean. Just go ahead and zoom in on this object like so, and I'll click off so that we can see that we've aligned exactly to the bottom of this lower case Y, whereas at least where this text is concerned and it happens to be set in Source Serif, by the way, the bottom of the P is higher. So we're not aligning to it. Always aligning to the bottom most letter form, by the way. Then if I move over here, we'll see that I'm not really in alignment with the G either. All right, I'm going to make sure everything's deselected and press Control + zero or Command + zero on the Mac in order to center my zoom. Oh, and I should show you. This works for horizontal alignment as well. So I'll press Control + A or Command + A on the Mac to select everything. I'll click on the text to establish it as the key object. Notice that these points are way over here on the left-hand side. If I were to click on this guy, Horizontal Align Left, then the lines are going to move over so that they align to the left edge of the left most letter form, which happens to be this loop right here of the lowercase G. If I were to press Control + A or Command + A on the Mac to select everything once again, click on the text to make it a key object and then notice these lines are far to the right of the right most edge of the right most letter form, which is this lower case Y. But as soon as I click on this option, Horizontal Align Right, I get precise alignment as we're seeing right here. So once again, you're always going to align to the outer most edge of the outer most letter form. That's how you align to letter forms or if you prefer glyphs, the way it should've been done since the very first version of the software, here inside the most recent version of Adobe Illustrator. If you're a member of LinkedIn Learning, I have a follow-up movie in which I show you how to align a graphic object to two dimensional area type. If you're looking forward to next week, we're still inside Illustrator, in which I'll show you the more impressive feat of snapping a graphic object to a letter form. That's what Adobe used to call it anyways. Nowadays, Adobe prefers the term glyph, which is not accurate. Strictly speaking, the glyph is the character. The letter form is the character outline. But why split hairs? Oh, that's right. Because hairs matter. "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
-
-
-
-
-
-
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
-