From the course: Deke's Techniques (2018-2021)
977 Precisely sizing a vector-based shape layer
From the course: Deke's Techniques (2018-2021)
977 Precisely sizing a vector-based shape layer
- [Instructor] In this brief movie, I'll show you how to precisely scale a vector-based shape here inside Photoshop, specifically one of these playing cards. Now, as you may be aware, a standard playing card measures two and a half inches wide by three and a half inches tall. And if you will forgive the imperial measurements, but that's how it works. And so, I'm going to switch over to this green felt background, and I'll go ahead and select the rectangle tool from the shape tool fly out menu. You want to make sure that the word shape appears on the far left side of the options bar, so that you're creating an independent vector-based shape layer. Now, instead of dragging with the tool, just go ahead and click in order to bring up this dialog box. Now I want this guy to be two and a half inches wide. How in the world do I express that? Well, I happen to know that the resolution of this image is 300 pixels per inch. So I could enter 2.5 times, so Asterisks 300, like, so, and then press the Tab key and I'll get 750 pixels or for the height which I want to be 3.5 inches tall. You could just enter 3.5 I N like, so, and then press the Tab key. Photoshop will not convert the unit on the fly. It'll just enter a space character before the I N but notice when I click, Okay I do indeed get a three and a half inch tall rectangle. And if I were to go to the Window menu and choose the properties command in order to bring up the properties panel right here, you can see that its height is 1050 pixels, which is the same as 3.5 asterisk 300, and then I'll press the Tab key. And you can see that I get 1050 pixels once again. Now I want to round off the corners. And so I just came up with around this value of 40 pixels notice because all the corners are linked into alignment with each other as a function of this chain icon right here that all of the corners round in kind. And now I'll go ahead and hide the properties panel. Now, at this point it's a little difficult to see what's going on. And so I'm going to switch back to the rectangular marquee tool which has a keyboard shortcut of M and that should be enough to hide all of those handles. The problem is I can't change the fill and the stroke with a marquee tool selected. So I'll 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 once again, I'm seeing those handles don't have to, however, if I just click off the shape, like so the handles will disappear and I'll still have access to the fill and stroke options up here in the options bar. And so I'm going to click on the color swatch for the stroke and change it to none. And then I'll click on the fill for the swatch notice that have made the card disappear by the way. So it does need to have a fill. And so I'll go ahead and click on this rainbow icon right here to bring up the color picker dialog box. I want to leave the hue and saturation value set to zero but I am going to take the brightness value up to 90% and then click, Okay in order to create this bright gray card. All right, now I'll go ahead and rename the layer card. Now I want to set it off from its background and I'm going to do so using a couple of drop shadows. And so the first thing I'm going to do is switch to my move tool up here at the top of the toolbox which you can also get by pressing the V key. Then I'll just go ahead and drag this guy over so I can preview what's happening. And then I'll click on the FX icon down here at the bottom of the layers panel and I'll choose drop shadow, and I'll go and move this guy over so I can better see what I'm doing. Notice that the color is set to black. The blend mode is multiply. I'm going to take the opacity value up to 50%. And then with the use global light checkbox turned on very important. We'll see why in just a moment, I'll change this value to 135 degrees, and then I'll tap my way down to the distance value, set it to 20 pixels and tab down the size and set it to 10 pixels like so. I'm going to leave the spread value set to 0%. All right, that does a pretty good job of offsetting the right-hand and bottom edges of the card. However, if I had two cards on top of each other this isn't going to work out so well I'll show you what I mean, I'll click Okay. And then I'll create a duplicate of this card by pressing the Alt key or the option key on the Mac and dragging it over to the right. And so notice that the left edge is just merging into the car to the left of it. That's not what I want. I want some clear definition, like so and so what I'm going to do is press Control Z or Command Z on the Mac a couple of times to undo those changes. And I'm going to add another drop shadow by double-clicking on the existing one here, inside the layers panel. And then I'll click on this little plus sign right there in order to add a second drop shadow and I'm going to change its settings. So first I'm going to crank the opacity value up to a hundred percent and then I'm going to change the angle value. But before I do, I need to turn off use global light because otherwise I'll change the angle of the other drop shadow as well. So turn that checkbox off and then change the angle to 45 degrees so that the drop shadow is going in the opposite direction that is down and to the left. And now I'll tab to the distance value and set it to six and then I'll tap to the size value and set it to six as well. So that we have this nice definition on the left-hand side of the card, and then I'll click, Okay. And to show you what that looks like I'll Alt or option drag the card over to the right so that you can see that we have these nicely defined playing cards. All right, now let's say you want to put a King for example, inside the card then just go ahead and undo the duplication of that card. Twirl closed as well. Switch over to this image right here, King of diamonds dot JPEG, and I'll press the M key to select the rectangular marquee tool. And I'll just drag basically inside this blue edge like so. In order to select the King and a little bit more and then I'll press Control C or Command C on the Mac to copy it, I'll switch back to my composition and progress and press Control V or Command V on a Mac in order to pace that card, I'll go ahead and this layer King like so and then we'll clip it inside the card by pressing the Alt key or the option key on the Mac and clicking that horizontal line underneath the King layer. So between King and card and notice that goes ahead and clips the King like so. I'll press the V key to switch back to the move tool and drag the King into a better location. And then I'll use the arrow keys to nudge the King so that I'm not seeing those blue outlines. And finally, I want to burn the King into that light gray card by changing the blend mode from normal to multiply. All right, now I'll go ahead and select both of these layers by clicking on one shift, clicking on the other, click on the fly out menu icon in the top right corner of the layers panel and choose new group from layers. And I'll call this guy King of diamonds, let's say and then I'll click Okay. And now if I wanted to duplicate both the card and the King, I will press the Alt key or the option key on the Mac and drag with my move tool in order to create this effect right here. All right, so I promise this was going to be a brief movie. It went a little bit long, but gosh, it was worth it because I was able to show you how to precisely scale a vector-based shape layer here inside 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
-