From the course: Deke's Techniques (2018-2021)
903 Rotate versus Transform Each in Illustrator
From the course: Deke's Techniques (2018-2021)
903 Rotate versus Transform Each in Illustrator
- Hey gang, this is Deke McClelland. Welcome to Deke's Techniques. Now, as you may recall, we're in the process of creating the perfect pool hall clock inside Adobe Illustrator. Now so far, we have a green six ball, which will serve as the basis for the other solid balls, one through eight. And we have a purple 12 ball, which will serve as the basis for the other striped balls, nine through 11. This means rotating and duplicating the balls using the Rotate Tool, but also rotating each ball independently of its neighbors, using a special command called Transform Each. Now the Rotate Tool has been with us since Illustrator 1.0. I can't remember when Transform Each first appeared, but it's very old as well. And yet, the two have no more lost their freshly polished sheen than this pool hall clock. Here, let me show you exactly how they work. All right, here's the final version of the vector-based pool hall clock, just so you have a chance to see it open inside of the context of Adobe illustrator, we're going to be starting with these three balls right here. And so if you're working along with me, make sure that the Black Arrow Tool, the so-called Selection Tool is active. And you can get to it if you like by pressing the V key, and then click on the 12 ball in order to select its entire group, and Shift-click on the six ball so that both of those guys are selected. We're not going to be working with the cue ball for now. Then, you want to go over to the Layers panel and turn on the Guides layer at the bottom of the stack. And I'm not going to need this gradient panel, it's taking up a lot of room, so I'm going to just switch over to the much more shallow Stroke panel. And then, you want to go up to the View menu and make sure your Smart Guides are active, in my case, they are. So, I'll just go ahead and escape out of that menu. And then, you want to select the Rotate Tool, which just found inside of a fly-out menu, that includes the Reflect Tool. You get to the Rotate Tool incidentally by pressing the R key. All right, now notice that my transformation origin, that is the center of the rotation, is located by default right there at the center of the document. And so, all I need to do to apply a numerical rotation is press the Enter key. That's going to be the Return key on the Mac. Incidentally, I'll go ahead and drag this guy over here. And what you want to do is take 360 degrees, which is a full circle, and divide it by 12, because after all, there are 12 hours on a clock, and that's going to give you an angle value of 30 degrees, which is exactly what we want. At which point, you don't want to click okay, 'cause that's going to rotate the originals. You want to click Copy instead, which has a keyboard shortcut of Alt + Enter here on the PC, or Option + Return on the Mac. And we end up with this effect, which is good in so far as it goes. All right, now we just need to duplicate that rotation, and you can do that by going up to the Object menu, choosing Transform, followed by Transform again, which has a keyboard shortcut of Control + D or Command + D on the Mac. The D stands for Duplicate, which is what it does. It goes ahead and duplicates that rotation. Now, just in case you're curious, notice how this origin point right here, this little cyan target, you can barely see it on screen. But notice that it's drifting up and to the left. And that's because the center between these two selected objects is drifting as well. However, that is not representative of the actual rotation. The rotation is still being applied with the exact center of the document. How do I know that? Just because I've tested it out several times. All right, now what you want to do is press Control + D or Command + D on a Mac again in order to once again duplicate the selected balls. All right, now, at this point, we no longer need stripes. So notice in the final version of the clock that the stripes occur at nine, 10, 11, and 12, the solids go all the way from one to the notorious eight ball. So what we need to do now is just duplicate the solid ball, and I'll do that by pressing and holding the Control key or the Command key on the Mac in order to temporarily gain access to that last used arrow tool, which is the black arrow. Then I'll click off the shapes to deselect them. And with that Control or Command key still down, I'll click on the six in order to select it independently, and I'll go ahead and release the Control or Command key to return control to the Rotate Tool. And now I'll just press Control + D or Command + D on the Mac twice in a row in order to once again duplicate that six ball. All right, now we still need placeholders for what will be the seven and eight balls. And so I'll once again press and hold the Control key or the Command key on the Mac, click on the six ball to select it, and then release the Control or Command key to return control to the Rotate Tool, and now you want to move your cursor to the intersection of those two center guides right there, and Alt or Option + click in order to force the display of the Rotate dialog box. We still want 30 degrees, we just want negative 30 like so. And if your Preview checkbox is on, you can actually see what's going to happen. At which point, click on the Copy button in order to transform a copy of that object, and then press Control + D or Command + D on the Mac in order to once again duplicate it into place. Now the problem at this point is that all of the balls are at these wacky angles. We want them to be perfectly upright, every single one of them, and we're going to achieve that effect using a command called Transform Each. So, I'll go ahead and switch back to the document that we're working on here, and also switch back to the Black Arrow Tool, which you get by pressing the V key, once again. I'll click on this guy and Shift + click on this one. So these were the very first balls that we rotated into place. They're both off the same 30 degrees, by the way. And so I need to rotate them. Now, if I were to rotate them with the Rotate Tool, then they would share a common transformation origin, presumably right there near the center of the document. I want to rotate each one of them with respect to its own center, and you do that by going up to the Object menu, choosing Transform, and then choosing this guy, Transform Each, which has a keyboard shortcut, very much like Transform again, but it's smash your fist D instead. So Control + Shift + Alt + D here on the PC, Command + Shift + Option D on the Mac. Don't know if you really need to memorize that one, however, because we'll only be using this command very briefly. So, I'll go ahead and choose it, and that brings up this big dialogue box right here. Now, notice that my Rotate value is set to 30 degrees. That just happens to be the last rotation I applied using this command. I actually want it to be negative 30 degrees like so, and if you turn on the Preview checkbox, then you can see that makes each one of the balls upright with respect to its own center, as defined by this little reference point matrix right here. So notice that the center point is selected. We don't want copy this time, we want OK. So go ahead and click on the OK button, and the reason this works out so well, the reason that Illustrator sees each one of these balls as its own thing, by the way, is because we grouped them together last week. So you may recall if you saw the followup movie that we started by grouping all the objects inside the six ball, and we used that group to create the 12 ball. If these objects weren't grouped together, independent groups, by the way, then everything would rotate with respect to its center. So the text, and the circles, and rectangle and all that stuff would all get discombobulated. So, I want to emphasize, this guy for example, is its own group, and so is this one. So I'm going to Shift + click on it. So click on one, Shift + click on the other. You could go back to that command if you wanted to once again, and choose it, and apply a different value because after all, these guys are 60 degrees off, but instead, what I'm going to do is just press Control + D or Command + D on the Mac. And that invokes that command right there, Transform again, which this time is repeating Transform Each. That's not enough, as you can see, so you got to press Control + D or Command + D a second time in order to make those objects upright. All right, I'll go ahead and click on this guy, Shift + click on this guy, and press Control + D or Command + D on the Mac one, two, three times in a row. And now I'll select this guy by itself. We don't want to Shift + click, 'cause notice that this guy's not the same angle as this one. So just select it, press Control + D one, two, three, four times, that would be Command + D on the Mac, and then select this guy and press Control or Command + D one, two, three, four, five times in a row. All right, now, these guys are rotated the opposite direction. So, I'll go ahead and click on this guy to select it, and then return to that command, Object, Transform, Transform Each, and this time I will change that angle value to Regular, that is plus 30 degrees like so. And then if I press the Tab key with the Preview checkbox turned on, you can see that makes that guy upright, at which point I'll click OK, and then you want to select this one and press Control + D or Command + D on the Mac a total of two times. So one, two. And just like that, it appears upright as well. At which point, I'll click off the shape to deselect it, and I'll turn off the Guides layer as well. And that, if nothing else, shows you the difference between rotating objects using the old school Rotate Tool versus the Transform Each command here inside Illustrator. Say, I've got a question. What do you call eight green six balls and four purple 12 balls? Weird looking and highly inaccurate, which is why, if you're a member of LinkedIn Learning, I have a followup movie in which I show you how to recolor our various billiard balls so they look like the real things. If you're looking forward to next week, there is no next week in honor of the 4th of July, but the week after, we'll turn our attention from the various pool balls to the pool cues. Deke's Techniques almost 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
-
-