From the course: Deke's Techniques (2018-2021)
842 Opening your Sketch artwork in Photoshop
From the course: Deke's Techniques (2018-2021)
842 Opening your Sketch artwork in Photoshop
- Hey gang, this is Deke McClelland. Welcome to "Deke's Techniques". Today I'll show you how to take artwork that you create in Adobe Photoshop Sketch on an iPad or other device and open that artwork with all of its layers intact inside the real Photoshop running on a Mac or a PC. Why, why do such a thing? Because while Adobe Sketch is quite capable, especially by device standards, it's no substitute for the most powerful pixel-based image editor that there is, Photoshop. For example, Photoshop is better at naming layers, it lets you scale and rotate layers nondestructively, it lets you select, isolate, group and move layers till your heart's content, but seriously enough blather already. Here, let me show you exactly how it works. All right, so here I am looking at Adobe Photoshop Sketch running on an iPad Pro, but it could just as easily be an Android device, and I'm looking at my Joan Miro project and I'm going to go ahead and tap, in my case, on the third document in, in order to open that file from last week. And now I'm going to export it as a layered Photoshop file by tapping on this rectangle with an up-pointing arrow up there in the top right corner of the screen, and then I'll select this option, Creative Cloud Files as PSD. And now notice, once again in the top right corner that we're seeing a rotating circle, which is telling us that Adobe Sketch is actively saving the file. And a moment later, we'll see this message that says Sent, and that tells you the file has been successfully saved to your Creative Cloud's folder. All right so, I'll go ahead and switch over to my Macintosh Finder, but you could just as easily be working on the PC, and you should see your Creative Cloud Files folder. If you don't, then go ahead and bring up your Creative Cloud application and switch over here to Files and then click on the Open Folder button, which will open that folder as we're seeing here. All right, now notice that my files are listed in the order of date modified with the most recent file on top, and so I'll just go ahead and double click on that file in order to open it up inside Photoshop like so. All right, now notice my Layers panel over here on the right side of the screen. I'm going to go ahead and scroll to the bottom of the panel, at which point I can see my flat background along with a bunch of layers all of which are called Sketch Layer. Naturally I don't want that, so I'm going to go ahead and rename each of these layers by double clicking on that first guy there and changing it to blue Field let's say, and then I'll press Shift + Tab in order to advance to the next layer up and I'll just go ahead and call this guy white, and I'll press Shift + Tab in order to select the next one and I'll change it to black. And the reason I'm pressing Shift + Tab is because if you press the Tab key you're going to move down the stack, if you press Shift + Tab you're going to move up the stack. All right, now switch to this guy right here, by once again pressing Shift + Tab, and let's say I don't know quite what it is. I'll go ahead and turn that layer off and I can see these little scratches inside the guy's tummy disappear and so I'll go ahead and turn it back on. That tells me that this is the graphite layer and so I'll go ahead and name it accordingly, and I'll press Shift + Tab in order to rename the next layer up and I'll change this guy to squares and press Shift + Tab once again. I have no idea what this is so I'll just go ahead and turn it off, that's my tiny little signature right there. So I'll go ahead and turn it back on and rename this guy tiny sig let's say, and that tells me that this next guy down, right there at this location, is the larger signature, so I'll go ahead and call it big sig let's say. All right so, that's one of the things you could do with your layered composition here inside Photoshop, not necessarily the most entertaining thing however. And so what I'm going to do is take my signature right here, I'll go ahead and zoom in on it, and let's say I want to reduce it to the size of this little signature, however, I want to do so nondestructively. Then I'll take the big sig layer and armed with my Rectangular Marquee Tool, which you can see is selected up here at the top of the tool box, I'll right click inside the image window and I'll choose Convert to Smart Object, which will allow me to apply nondestructive transformations which I can do by going up to the Edit menu and choosing Free Transform. And now I'll just go ahead and reduce the size of this image, and notice nowadays when you drag any handle you're going to resize your smart object proportionally. And you can see that the width and height values are locked down up here inside the Options bar, I'm going to change the width value to 84% and that's going to change the height value in kind, and then I'll Tab over to the rotate value and change it to 10 degrees let's say. And then I'll press the Return key, or the Enter key on the PC, a couple of times to apply that change. And of course the great thing about transforming a smart object is that you can modify your scale and rotate values any time you'd like just by pressing Command + T here on a Mac or Control + T on the PC, at which point you can see that my width and height values are still 84%. If I wanted to restore the original signature I would just change either one of them to 100% and then Tab over to the rotate value and change it to zero degrees like so, and then apply that change. I don't want that however, so I'll go ahead and press Command + Z, or Control + Z on the PC, to undo that change. All right, now I'll go ahead and press Command + Zero, or Control + Zero on the PC, to center my zoom and let's say that I want to move a couple of items here. For example, I'll go ahead and switch to the squares layer, I want to move this right square over to the right and so I'll just generally select it like so using my Rectangular Marquee Tool and then I'll switch to the Move Tool up here at the top of the tool box, which you can get by pressing the V key, and I'll just go ahead and drag this guy to a different location like so. And then I want to use this layer to darken the ones below it, and so I'll just go ahead and change the blend mode to Multiply, which you can do in Adobe Sketch. However, in Photoshop nowadays you can preview the blend modes as you apply them. Anyway, I'm looking for Multiply so I'll go ahead and apply that guy. And now, let's say I want to move this black circle along with its white border, well then I could just go ahead and press the M key to switch back to my Rectangular Marquee Tool right there and then I could go ahead and generally select that black circle, and now switch to its layer, which is called black, and I'll jump that guy to its own layer by pressing Command + Shift + J, that'd be Control + Shift + J on the PC, unless you'd want to name the layer as you create it in which case Command + Shift + Option + J here on a Mac, that's Control + Shift + Alt + J on the PC, and I'll just go ahead and call this guy orb let's say and click OK. And that goes ahead and moves that guy independently, can you see that over here in the Layers panel? Notice that the orb layer contains the circle while the black layer no longer does. All right, now I'm going to grab its border from the white layer, so I'll go ahead and select that layer, and I'll have an easier time selecting it because it's already pretty close rectangularity wise to the rest of the white stuff. So, I'll go ahead and switch to the Lasso Tool and then I'll draw a big lasso around this general region like so, and I'll jump it to its own layer by once again pressing Command + Shift + Option + J, that's Control + Shift + Alt + J on the PC, and I'll just call this guy border or something like that. And I'll move it up so it's directly below the orb layer and then I'll Shift + click on the orb layer so that they're both selected, and I'll click on the flyout menu icon in the top right corner of the Layers panel in order to bring up this menu here and I'll choose New Group from Layers. And I'll go ahead and call this guy orb even though that exactly matches the name of this layer here, I don't care, I'll just go ahead and click OK. And now we have an orb group, which is not something you can create in Adobe Sketch. And now I'll press the Command key here on the Mac, that would be the Control key on the PC, in order to temporarily switch to the Black Arrow Tool which will allow me to drag this guy to a different location like so. And then once you finish working on the document you would presumably want to save it, which you can do by going up to the File menu and choosing the Save command, or if you'd like to give it a different name and save it in a different location then choose Save As instead. And that's how you take a layered composition created inside Adobe Sketch running on an iPad for example, or an Android device, and enhance it using the much more powerful full version of Photoshop. Now if you're a member of LinkedIn Learning I have a follow-up movie in which I'll take this wee little piece of artwork, scarcely 5 1/2 million pixels in all, and I'll scale it inside Photoshop to create this whopping piece of poster art. If you're looking forward to next week, it's getting to be that spooky time of year again, which is why we're going to take our Miro skills so far and we're going to turn 'em into this horrifying scene from the hit movie "Us". "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
-
-
-
-
767 Mandala patterns in Photoshop CC 20191m
-
768 Painting a free-form mandala pattern9m 5s
-
769 Painting mandala-style dot patterns6m 56s
-
770 Coloring your mandala pattern7m 48s
-
771 The final full-color mandala6m 27s
-
772 Illustrator CC 2019 new preview mode1m 1s
-
773 Illustrator CC 2019 presentation mode3m 21s
-
774 Global edit in Illustrator CC 20196m 30s
-
775 Applying a global edit from the control panel4m 8s
-
776 Freeform gradients in Illustrator CC 20198m 29s
-
777 Freeform gradients: Points versus lines8m 10s
-
778 Freeform gradient limitations6m 29s
-
779 Crop and develop a great white shark8m 54s
-
780 Sharpening your great white shark6m 11s
-
781 Low vibrance and high saturation9m 3s
-
782 Vibrance, saturation, and sharpness9m 11s
-
783 Actioning a full-color hedcut in Photoshop1m
-
784 Recording an action to play all actions9m 37s
-
785 Draw something, color the outlines8m 46s
-
786 Combining multiple works of line art7m 3s
-
787 Group your line art, clip to the group4m 9s
-
788 Coloring outside your line art in Photoshop6m 32s
-
789 Flip horizontal view in Photoshop CC 20191m
-
790 Creating a White Walker in Photoshop1m 59s
-
791 The White Walker begins9m 25s
-
792 Giving a guy a digital shave in Photoshop3m 58s
-
793 Carving deep wrinkles or scars into skin8m 37s
-
794 Shading the White Walker’s deep-set brows6m 21s
-
795 Creating pale, lifeless lips in Photoshop5m 57s
-
796 Giving your White Walker glowing blue eyes10m 46s
-
797 Adding some creepy lifeless pupils6m 40s
-
798 Adding a cold and gloomy background12m 18s
-
799 Adding cold and brittle snowflakes6m 25s
-
800 Using the Transparency Shapes Layer option5m 29s
-
801 Combining a radial filter with a range mask8m 35s
-
802 Flipping a photograph in Camera Raw6m 20s
-
803 An actual dream effect, in Photoshop14m 37s
-
804 Augmenting your Photoshop dream8m 45s
-
805 Applying distortions as Smart Filters6m 37s
-
806 Combining distortions with blend modes10m 5s
-
807 Drawing a 24-sided star in negative space12m 48s
-
808 Making your star a repeating hex pattern8m 27s
-
809 Shading your star pattern in Illustrator6m 57s
-
810 Creating a gradient pattern in Illustrator4m 31s
-
811 Making one pattern fade into another6m 23s
-
812 Welcome to my seamlessly repeating summer1m 35s
-
813 Drawing a cubical gobstopper in Illustrator14m 55s
-
814 Creating a pattern of gobstoppers7m 23s
-
815 Aligning your many gobstoppers5m 54s
-
816 Blending line textures in Illustrator12m 58s
-
817 Combining object blends with a pattern8m 40s
-
818 Carving cubical holes into cubical objects9m 52s
-
819 Nesting gradients inside a pattern5m 36s
-
820 Drawing 3D isometric arrows in Illustrator7m 33s
-
821 Positioning the tips of your arrows7m 17s
-
822 Filling in the gaps in a repeating pattern8m 50s
-
823 Drawing cartoon teeth aligned to the hair5m 50s
-
824 Drawing a triangular cartoon eye8m 6s
-
825 Adding windows to the houses pattern10m 46s
-
826 Creating a perfectly tessellating pattern4m 32s
-
827 Op art experiment 4: Triangle tunnels6m 58s
-
828 Expressing your triangles as a hex pattern7m 18s
-
829 Adding color to your triangle tunnels7m 55s
-
830 Recoloring your triangle tunnels3m 20s
-
831 Creating rainbow gradients with blends6m 18s
-
832 The downside of using blends in patterns3m 35s
-
833 Drawing an impossible trident in Illustrator9m 49s
-
834 Shading an impossible trident with gradients4m 3s
-
835 Painting paths with opposing gradients13m 51s
-
836 Adding impossible shadows in Illustrator6m 42s
-
837 Drawing an impossible hex object14m 8s
-
838 Creating impossible latticework5m 46s
-
839 Painting like Joan Miró in Adobe Sketch9m 46s
-
840 Painting a watercolor wash background8m 23s
-
841 Signing your artwork like Joan Miró4m 17s
-
842 Opening your Sketch artwork in Photoshop9m 1s
-
843 Enlarging your Miró to poster size11m 5s
-
844 What if Joan Miró had met Jordan Peele?14m 10s
-
845 Coloring your terrifying Miró/“Us” scene11m 47s
-
846 Painting a Rorschach background9m 22s
-
848 What to do when Content-Aware Fill fails?10m 4s
-
847 Finishing your “Us” artwork in Photoshop10m 35s
-
849 Hand turkey 20191m 56s
-
850 Tracing your actual hand on an iPad10m 6s
-
851 Drawing a highly articulated hand9m 50s
-
852 Adding color to your hand-drawn hand12m 33s
-
853 Painting your hand-drawn fingernails9m 3s
-
854 A hand becomes a Thanksgiving hand turkey9m 6s
-
855 Painting the turkey’s tail feathers13m 30s
-
856 What’s wrong with this drop shadow?11m 14s
-
857 Introducing Photoshop for the iPad13m 6s
-
858 Photoshop for the iPad: Part 29m 13s
-
859 Photoshop for the iPad: Part 310m 17s
-
-
-