From the course: Deke's Techniques (2018-2021)
672 Filling out the hidden circles illusion
From the course: Deke's Techniques (2018-2021)
672 Filling out the hidden circles illusion
- [Instructor] In this movie we'll take our fragile circle effect so far, which is to say these hidden circles that I'm tracing with my cursor which are created by these inset rectangles. And we're going to add a few more rectangles in order to create this more fully realized effect here. All right I'm going to start things off in that build file that I created in the previous movie. And I'll go up to the View menu, choose Show, and choose Grid, bearing in mind that you have a keyboard shortcut at least here in the States of Control + Quote Mark here on the PC or Command + Quote on the Mac. All right now I'll click on the topmost of these two circle layers so that the next rectangles I create will land in back of the existing ones, and then I'll go ahead and select the Rectangle Tool from the Shape Tool fly-out menu, and I'll draw a rectangle one grid increment over from the purple one. So I'm going to start right here and drag down to outside of the purple rectangle like so, so that we have a rectangle that's just one grid increment wider on both the left and right-hand sides. And then I'll go up to the Fill menu. Notice that by default the rectangle ends up being filled black, at least in my case. I don't want any fill so I'll change it to No Color and then I'll click on the stroke swatch and I'll change it to this shade of orange, Pure Red Orange it just so happens to be. Although you could go with any color you like. And then I'll select the line weight value and change it to eight pixels, and by default that goes ahead and aligns the stroke to the inside of the rectangular path outline. All right now I'll draw another rectangle inside the purple one, like so, and I'll go ahead and change its stroke to this bright shade of green. Then I'll press the Enter key or the Return key on the Mac to hide that panel and I'll draw another one starting up here at the top. That is right underneath the edge of the purple rectangle, all the way down here to the bottom. So it's just as tall as the green rectangle but it's one grid increment narrower on both the left and the right-hand sides. And then I'll change its color to this shade of blue right here, although of course you can go your own way. All right now I'm going to draw a rectangle inside of this orange one, and I'm going to change its color to pure yellow in order to create this effect here. So I'm looking for a very colorful pattern. You could go with more muted colors or even gray values if you prefer. Now I'll go ahead and draw a rectangle inside of this orange one right here, and I'll change its color to this bright shade of green. Now I mentioned this in a previous movie, but I want to remind you because it is confusing, you don't just want to click with the Rectangle Tool to dismiss that Swatches panel. That will dismiss the panel but it'll also bring up the Create Rectangle dialog box, which is not what we want. So be sure to click the Cancel button or press the Escape key, and then I'll draw a rectangle like so inside of the blue one, and I'll change the color of the stroke to beige, that is Pale Warm Brown. And I'll go ahead and press the Enter key or the Return key on the Mac to dismiss the panel, and I'll draw another rectangle like so, so just as wide as the previous one, but not quite as tall, and I'll change its color once again to green. And then I'll draw a rectangle inside of the pink one and I'll change its color to pure cyan. And then I'll press the Enter key or the Return key on the Mac, and I'll draw another very thin rectangle as you can see here, so it's only one grid increment tall, and I'll change its color to this darker shade of blue. In order to color that final inset rectangle. All right now if you check out the final version of the pattern, you can see that in addition to the inset rectangles, we also have these horizontal lines that are separating the rectangle patterns, and to create those I'll go ahead and switch back to my build file here, and then I'll go up to the Image menu and choose the Canvas Size command. Now I want to create eight rows of color in all. You may recall that each one of our grid cells here is eight pixels wide by eight pixels tall, and so I'm going to turn on the Relative checkbox and I'm going to change the height value to 10 times eight, which is 80 pixels. And then I'll select one of these bottom points here in this anchor grid, and I'll click OK in order to add those rows above the existing rectangles. All right now before I draw the new rectangles, I'm going to do a little housekeeping here inside the Layers panel. So notice that Rectangle 17 is selected, that's the last rectangle I drew. I'll go ahead and scroll down the panel until I see Rectangle Nine which is the first one I drew, at least in this movie, and I'll Shift + Click on it to select all those rectangles, and then I'll click on the fly-out menu icon in the top right corner of the Layers panel and I will choose New Group from Layers, and I'll go ahead and call this guy filler, because after all we're filling in the gaps. And then I'll click OK. All right now I'll click on the top circle layer once again so that we're creating our new rectangles in the background, and you want to drag from the top of this circle right here, which is this third magnified pixel in, and you want to start above it and then draw upward until you're aligned with the right edge of the orange rectangle. So we're starting with this black column right here and we're ending with the orange column. We're not going all the way over to this black column because if we did we'd run the risk of repeating that column inside the pattern, which would turn the hidden circle into a hidden ellipse which is not what I want. All right now I do want this shape to be black, so I'm just going to leave it filled as is and we are going to work with a fill instead of a stroke this time around. And now I'll draw another rectangle that's not quite as tall. Notice that it's one grid increment shorter up here at the top, and at the bottom. And I'll go ahead and click on the fill swatch and I'll select this shade of blue. All right now I'll press the Enter key or the Return key on the Mac to hide that panel, and I'll draw another guy that's a little shorter, as you can see. And then I'll click on the Fill swatch and I'll set it to orange, and then I'll press the Enter key to dismiss the panel. And I'll draw another guy like so, so everyone of them is just a little bit shorter both at the top and at the bottom. Then I'll click on the Fill swatch and set it to this darkest shade of brown which is called Darker Warm Brown by the way. Press the Enter key or the Return key on the Mac to hide the panel, and draw this final rectangle which is just two grid increments tall, and I'll change its fill to this light beige which goes by the name Pale Warm Brown. In order to produce this effect here. All right now I'll go ahead and Shift + Click on Rectangle 18 so that all of my new rectangles are selected. I'll 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 go ahead and call this guy horizontals, let's say, and then click OK. All right now I need to convert all this stuff to a repeating pattern, and I'll do that by switching back to the Rectangular Marquee tool which you can get by pressing the M key. And then you want to drag like so. So in other words I'm including all of the horizontal lines right here as well as everything down to the bottom right corner of this orange rectangle right here. So I'm including this black column on the left but I'm not including the black column on the right. All right now with that selection in place I'll go up to the Edit menu and choose Define Pattern, and I'll go ahead and call this guy rectangles & circles, and I'll click OK. All right now to see what that looks like, I'll go up to the File menu and choose the New command, or of course you can press Control + N or Command + N on the Mac. We're working in pixels, and regardless of what this dialog box looks like for you, go ahead and set the width value to 1,600 pixels and we're looking for a height of 1,120 pixels. Just happens to work out beautifully. We want the color mode to be RGB. You can set the background contents to white, or you can scroll down to Transparent if you prefer. And then click Create in order to create the new file. I do not want to see the grid so I'll just press Control + Quote Mark here on the PC, that's Command + Quote on the Mac, in order to hide it. And then I'll go up to the Layer menu, choose New Fill layer, followed by Pattern, and I'll just call this guy rectangles this time around, and I'll click OK, and notice that Photoshop goes ahead and selects the last pattern I created which of course is rectangles & circles. And so having done that I'll just go ahead and click OK. All right now notice if I were to zoom out by pressing Control + Zero or Command + Zero on the Mac that I can see all of the horizontal lines up here at the top of the pattern, but none of the lines down here at the bottom. I want to split the difference, I want to see half of the lines at the top and half at the bottom as well. So I'll switch to the Move Tool which you can get by pressing the V key and then I'll press Shift + Up Arrow one, two, three, four times. And that will go ahead and hide 40 pixels worth of pattern up here at the top and expose 40 pixels of pattern down here at the bottom. And then I'll just go ahead and zoom on in so that we can see our pattern of inset rectangles which results in a series of hidden circles as rendered 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
-
-
-
669 Customizing a QR code in Photoshop11m 22s
-
670 Adding more color to your QR code4m 29s
-
671 Coffer illusion and the hidden circles18m 10s
-
672 Filling out the hidden circles illusion9m 30s
-
673 Shading the panels in a Coffer illusion13m 1s
-
674 Drawing a classic “café wall” illusion11m 20s
-
675 Skewing your crazy café walls in Illustrator9m 25s
-
676 Creating a “magical checkers” illusion20m 8s
-
677 Swapping magical checkers for dots8m 35s
-
678 Reversing the direction of your illusion8m 33s
-
679 Decorating your illusion9m 47s
-
680 Adding more and more gizmos11m 52s
-
681 Connecting the gizmos wirelessly4m 59s
-
682 Drawing a Wi-Fi symbol in Illustrator9m 48s
-
683 Drawing the official Bluetooth logo10m 8s
-
684 Introducing Trajan Color Concept13m 10s
-
685 Trajan Color Concept in Illustrator CC7m 10s
-
686 Using stylistic sets in Photoshop CC9m 37s
-
687 Using stylistic sets in Illustrator CC6m 47s
-
688 Creating gradient molecules in Photoshop10m 17s
-
689 Sharpening your very soft molecules4m 41s
-
690 Editing your smart-filtered molecules6m 32s
-
691 Exploring regular molecule patterns17m 41s
-
692 Blending opposing rows of colorful molecules8m 49s
-
693 Sharpening molecules with High Pass6m 3s
-
694 Creating shimmering cells in Illustrator12m 25s
-
695 Turning regular hexagons into organic cells11m 50s
-
696 Enhancing your organic cells in Photoshop8m 58s
-
697 Making dead cells spring to life7m 41s
-
698 Creating letters with accordion extrusions13m 58s
-
699 Combining object blends with skews11m 28s
-
700 Making one object blend cut through another9m 44s
-
701 Making one object blend slice across another13m 27s
-
702 Object blends and dynamic distortions in Illustrator8m 11s
-
703 Another random distortion: Roughen7m 57s
-
704 Dynamic warp distortions: Fish and Twist8m 52s
-
705 Adding a dynamic background, part 110m 14s
-
706 Adding a dynamic background, part 27m 44s
-
707 “Quieting down” an overly elaborate design9m 25s
-
708 The Marvel disintegration effect9m 14s
-
709 Building up more flakes and ashes7m 33s
-
710 Enhancing and masking your disintegration8m 12s
-
711 Turning your flakes into dull, dead ash4m 10s
-
712 Jogging your memory with the Note tool9m 59s
-
713 Contour mapping with Distort > Displace10m 23s
-
714 Contour map + gradient map6m 54s
-
715 Contour map + arbitrary map8m 22s
-
716 Riffing on a contour map in Photoshop5m 24s
-
717 Smoothing out jagged contour lines4m 11s
-
718 Contour mapping for cash in Photoshop9m 27s
-
719 Infusing an image with the color of money2m 53s
-
720 Simulating an adjustment layer in Illustrator9m 25s
-
721 Drawing a stylish computer key12m 9s
-
722 Spelling a word in computer keys6m 55s
-
723 Creating a faux hedcut in Photoshop13m 7s
-
724 Tracing outlines around your hedcut7m 47s
-
725 Creating a full-color hedcut effect7m 32s
-
726 Creating an E.T. moon in Photoshop8m 42s
-
727 Adding a forest of trees for your E.T. moon10m 41s
-
728 Combining the best of E.T. and Jurassic Park10m 59s
-
729 Tracing vectors with a universal glow6m 17s
-
730 Creative uses for Content-Aware Fill11m 47s
-
731 Creating a porthole to a far-away galaxy7m 42s
-
732 Enhancing your crazy space porthole7m 3s
-
733 Creating a galaxy of rushing stars5m 42s
-
734 Using the Puppet Warp tool in Illustrator CC6m 7s
-
735 Illustrator Puppet Warp tips and tricks7m 20s
-
736 Puppet-Warping very complicated selections6m 18s
-
737 Shift-P for Puppet Warp!2m 59s
-
738 Introducing the Pentagon Patterns7m 29s
-
739 Types 1–5: The Reinhardt pentagons14m 17s
-
740 Types 6–8: The Kershner pentagons5m 47s
-
741 Type 10: The James pentagon5m 53s
-
742 Types 9, 11, 12, and 13: The Rice pentagons7m 58s
-
743 Type 14: The Stein pentagon3m 53s
-
744 Creating a type 15 pentagon in Illustrator9m 27s
-
745 Tessellating your type 15 pentagon14m 22s
-
746 Expressing pentagons as proper tile patterns12m 9s
-
747 Applying and modifying a tile pattern11m
-
748 Combining complementary patterns7m 43s
-
749 Combining a tile pattern with a photograph6m 33s
-
750 Adjusting a tile pattern to fit its photo5m 36s
-
751 Creating a creepy Candy Keeper in Photoshop3m 59s
-
752 Enhancing the Candy Keeper text4m 46s
-
753 Creating an old monster movie poster7m 3s
-
754 Adding a monochrome halftone effect4m 3s
-
755 Enhancing a special word, such as “Haunted”4m 27s
-
756 Cheating letters into an ancient border2m 25s
-
757 Naming an adjustment layer as you create it4m 13s
-
758 Under the sea in strict monochrome6m 29s
-
759 Backscatter and split toning7m 21s
-
760 Sampling any color outside Photoshop3m 17s
-
761 Designing a vector-based logo in Photoshop9m 20s
-
762 Free-transforming shape layers7m 56s
-
763 Adding a photo element to your vector logo6m 34s
-
764 High-resolution snowflakes in Photoshop5m 45s
-
765 Enhancing your big, juicy snowflakes7m 19s
-
766 Adding a snowflake bokeh “on the lens”6m 8s
-
-
-
-