SlideShare una empresa de Scribd logo
1 de 18
With
Mrs. Hurd
RADIAL DESIGNS IN
PHOTOSHOP
 A basic principle of art
 Refers to the ways in which the elements (lines, shapes,
colors, textures, etc.) of an artwork are arranged.
 Primarily there are three types of balance in design:
Symmetrical
Asymmetrical
Radial
WHAT IS BALANCE?
 When a design can be centered or
evenly divided both vertically and
horizontally it has the most
complete symmetry possible.
 Symmetrical balance generally
lends itself to more formal, orderly
layouts. They often convey a sense
of tranquility or familiarity or
elegance or serious
contemplation.
SYMMETRICAL BALANCE
 Asymmetrical design is typically
off-center or created with an odd
or mismatched number of
contrasting elements. However,
you can still have an interesting
design without perfect symmetry.
 With asymmetrical balance you
are evenly distributing the
elements within the format which
may mean balancing a large
photo with several small graphics.
Or, you can create tension by
intentionally avoiding balance.
ASYMMETRICAL BALANCE
 On square and rectangular
pages we generally place
elements in orderly rows and
columns.
 RADIAL DESIGNS the elements
radiate from or swirl around in
a circular or spiral path.
 Parts of the design must still be
arranged so that they are
balanced across the width and
length of the page.
RADIAL BALANCE
 We will be creating our very own Radial Design.
 Step One: Choose an interesting subject (person, place, or
thing) and save (at least) two reference photos to your
student file or jump drive as a jpeg. We will be editing
these for our design. Two is the minimum, you may have
more!
 Step Two: Open Adobe Photoshop
LET’S GET STARTED!
 Step 3: Open images in Photoshop. They will appear in tabs
towards the top of the screen.
Remember that two images are just the MINIMUM requirement.
I encourage to have more. They all should tie together some
how as well.
Also remember to make a duplicate layer of your image by right
clicking and selecting duplicate image.
You will work on the duplicate to protect your original.
 Delete the backgrounds of your chosen images.
You may choose from the following tools. Use whatever is
more comfortable for you, but only after you try each method.
Polygonal Lasso Tool
Magic Wand
Quick Selection
TOOLS TO USE FOR ERASING
BACKGROUND
The poly lasso tool tracers
around the image creating a
selection
With each click of the mouse
the magic wand tool selects
everything that is similar in
pixels/colors.
Think of the quick selection
tool like a paint brush that
selects similar pixels/colors.
 Once you have deleted the entire back ground it should look
something like this.
 The checkered background
indicates that there is
nothing there.
 Save finished cropped
image as a .png file.
 Open Photoshop.
 Open all images that you
intend to use and have
cropped out the
backgrounds.
 <File<New
A box will appear.
Change the Width to 8 inches
Change the Height to 10
inches
Change the Resolution to 200
pixels/ink
SETTING UP FINAL PROJECT
 <Window
A drop down menu will appear,
Make sure you have a check mark
next to the same ones as this
image.
 Go back to one of your saved images and select
 <Edit<Copy
 Paste into your Radial Design
Each time you past an image it should appear as a new layer,
name the layer whatever the object is
Copy and paste all your images into the Radial Design
It should look like the following slide
RADIAL DESIGN SET UP
 The layers panel has eye balls next to
each layer that is visible.
Throughout the project you may need to
hide layers. You do that by unclicking
the eyeballs.
 The layer highlighted in blue is the
layer that is active. Make sure the
correct layer is highlighted when
working on layers.
LAYERS PANEL
 <Edit<Free Transform or CTRL + T
Use mouse to click and drag to
resize or reposition
Arrange images into an interesting
circular pattern.
RESIZING & POSITIONING
IMAGES
EXAMPLES OF PHOTOSHOP RADIAL
DESIGNS

Más contenido relacionado

La actualidad más candente

Photoshop editing booklet 2019
Photoshop editing booklet 2019Photoshop editing booklet 2019
Photoshop editing booklet 2019missfcmay
 
Photoshop Basics - Review of All Tools
Photoshop Basics - Review of All ToolsPhotoshop Basics - Review of All Tools
Photoshop Basics - Review of All Toolsnombre thera
 
Background Editing Tutorials
Background Editing TutorialsBackground Editing Tutorials
Background Editing TutorialsMrLawler
 
Digital work station intro
Digital work station introDigital work station intro
Digital work station introWhitney Brooks
 
Using Adjustment Layers and Lighting in Photoshop
Using Adjustment Layers and Lighting in PhotoshopUsing Adjustment Layers and Lighting in Photoshop
Using Adjustment Layers and Lighting in Photoshopnombre thera
 
How to make a photoshop advert a4 poster
How to make a photoshop advert a4 posterHow to make a photoshop advert a4 poster
How to make a photoshop advert a4 postersparkly
 
Create a canvas banner in photoshop
Create a canvas banner in photoshopCreate a canvas banner in photoshop
Create a canvas banner in photoshopNaomiPB
 
Inkscape Beginner Tutorial: How to Make a Yoga Class Flyer
Inkscape Beginner Tutorial: How to Make a Yoga Class FlyerInkscape Beginner Tutorial: How to Make a Yoga Class Flyer
Inkscape Beginner Tutorial: How to Make a Yoga Class FlyerFlyer Tutor
 
Paths, Masks And Blend Modes
Paths, Masks And Blend ModesPaths, Masks And Blend Modes
Paths, Masks And Blend ModesShan
 
Photoshop Background
Photoshop BackgroundPhotoshop Background
Photoshop BackgroundJerry Arnold
 
How to Edit in Photoshop (Part 2): Adding Background and Using Adjustment Tools
How to Edit in Photoshop (Part 2): Adding Background and Using Adjustment ToolsHow to Edit in Photoshop (Part 2): Adding Background and Using Adjustment Tools
How to Edit in Photoshop (Part 2): Adding Background and Using Adjustment ToolsMaria Eloisa Blanza
 
Photoshop layers
Photoshop layersPhotoshop layers
Photoshop layersMarche Ygar
 
Inkscape Fall Fest Flyer Tutorial
Inkscape Fall Fest Flyer TutorialInkscape Fall Fest Flyer Tutorial
Inkscape Fall Fest Flyer TutorialFlyer Tutor
 
Print skills development
Print skills developmentPrint skills development
Print skills developmentJasmine Lakhani
 
Green screen ppt and verry small sketchbook prompt
Green screen ppt and verry small sketchbook promptGreen screen ppt and verry small sketchbook prompt
Green screen ppt and verry small sketchbook promptMartha Anne Kuntz
 
learn sketchup (for the beginners)
learn sketchup (for the beginners)learn sketchup (for the beginners)
learn sketchup (for the beginners)Moksha Bhatia
 

La actualidad más candente (20)

Photoshop editing booklet 2019
Photoshop editing booklet 2019Photoshop editing booklet 2019
Photoshop editing booklet 2019
 
Photoshop Basics - Review of All Tools
Photoshop Basics - Review of All ToolsPhotoshop Basics - Review of All Tools
Photoshop Basics - Review of All Tools
 
Background Editing Tutorials
Background Editing TutorialsBackground Editing Tutorials
Background Editing Tutorials
 
Digital work station intro
Digital work station introDigital work station intro
Digital work station intro
 
Using Adjustment Layers and Lighting in Photoshop
Using Adjustment Layers and Lighting in PhotoshopUsing Adjustment Layers and Lighting in Photoshop
Using Adjustment Layers and Lighting in Photoshop
 
How to make a photoshop advert a4 poster
How to make a photoshop advert a4 posterHow to make a photoshop advert a4 poster
How to make a photoshop advert a4 poster
 
Smooth and soften skin in a photo with photoshop
Smooth and soften skin in a photo with photoshopSmooth and soften skin in a photo with photoshop
Smooth and soften skin in a photo with photoshop
 
Create a canvas banner in photoshop
Create a canvas banner in photoshopCreate a canvas banner in photoshop
Create a canvas banner in photoshop
 
Inkscape Beginner Tutorial: How to Make a Yoga Class Flyer
Inkscape Beginner Tutorial: How to Make a Yoga Class FlyerInkscape Beginner Tutorial: How to Make a Yoga Class Flyer
Inkscape Beginner Tutorial: How to Make a Yoga Class Flyer
 
Paths, Masks And Blend Modes
Paths, Masks And Blend ModesPaths, Masks And Blend Modes
Paths, Masks And Blend Modes
 
Photoshop Background
Photoshop BackgroundPhotoshop Background
Photoshop Background
 
Image manipulation - Photoshop
Image manipulation - PhotoshopImage manipulation - Photoshop
Image manipulation - Photoshop
 
How to Edit in Photoshop (Part 2): Adding Background and Using Adjustment Tools
How to Edit in Photoshop (Part 2): Adding Background and Using Adjustment ToolsHow to Edit in Photoshop (Part 2): Adding Background and Using Adjustment Tools
How to Edit in Photoshop (Part 2): Adding Background and Using Adjustment Tools
 
Changing eye colour in photoshop
 Changing eye colour in photoshop Changing eye colour in photoshop
Changing eye colour in photoshop
 
Photoshop layers
Photoshop layersPhotoshop layers
Photoshop layers
 
Inkscape Fall Fest Flyer Tutorial
Inkscape Fall Fest Flyer TutorialInkscape Fall Fest Flyer Tutorial
Inkscape Fall Fest Flyer Tutorial
 
Print skills development
Print skills developmentPrint skills development
Print skills development
 
Green screen ppt and verry small sketchbook prompt
Green screen ppt and verry small sketchbook promptGreen screen ppt and verry small sketchbook prompt
Green screen ppt and verry small sketchbook prompt
 
Hair removal - Photoshop
Hair removal - PhotoshopHair removal - Photoshop
Hair removal - Photoshop
 
learn sketchup (for the beginners)
learn sketchup (for the beginners)learn sketchup (for the beginners)
learn sketchup (for the beginners)
 

Similar a Photoshop Radial Design Guide

Photoshop the whole thing
Photoshop the whole thingPhotoshop the whole thing
Photoshop the whole thingGareth Hill
 
Adobe photoshop cs6
Adobe photoshop cs6Adobe photoshop cs6
Adobe photoshop cs6Ila Azmil
 
Adobe photoshop cs6
Adobe photoshop cs6Adobe photoshop cs6
Adobe photoshop cs6ilaazmil2
 
Adobe photoshop cs6 tutorial
Adobe photoshop cs6 tutorialAdobe photoshop cs6 tutorial
Adobe photoshop cs6 tutorialAgung Yuwono
 
Photoshop Elements Tutorial
Photoshop Elements TutorialPhotoshop Elements Tutorial
Photoshop Elements Tutorialkarenalapray
 
Creating A Tessellation using Photoshop
Creating A Tessellation using PhotoshopCreating A Tessellation using Photoshop
Creating A Tessellation using Photoshopreederj
 
Adobe Photoshop CS6 tutorial 2013
Adobe Photoshop CS6 tutorial 2013Adobe Photoshop CS6 tutorial 2013
Adobe Photoshop CS6 tutorial 2013Jessie Doan
 
Photoshop pdf
Photoshop pdfPhotoshop pdf
Photoshop pdfKim B
 
Intro to Adobe Photoshop
Intro to Adobe PhotoshopIntro to Adobe Photoshop
Intro to Adobe PhotoshopDUSPviz
 
photoshop_workshop_01
photoshop_workshop_01photoshop_workshop_01
photoshop_workshop_01tutorialsruby
 
photoshop_workshop_01
photoshop_workshop_01photoshop_workshop_01
photoshop_workshop_01tutorialsruby
 
Photoshop Tutorial Booklet
Photoshop Tutorial BookletPhotoshop Tutorial Booklet
Photoshop Tutorial BookletGraveney School
 
Photoshop notes cs-4
Photoshop notes  cs-4Photoshop notes  cs-4
Photoshop notes cs-4SirajRock
 
PowerPoint Ideas & Hacks: Images
PowerPoint Ideas & Hacks: ImagesPowerPoint Ideas & Hacks: Images
PowerPoint Ideas & Hacks: ImagesAshleigh Cote, CMP
 
Photoshop intro to basics
Photoshop intro to basicsPhotoshop intro to basics
Photoshop intro to basicsNatalie Hurd
 

Similar a Photoshop Radial Design Guide (20)

Photoshop the whole thing
Photoshop the whole thingPhotoshop the whole thing
Photoshop the whole thing
 
Photo Shop
Photo ShopPhoto Shop
Photo Shop
 
Adobe photoshop cs6
Adobe photoshop cs6Adobe photoshop cs6
Adobe photoshop cs6
 
Adobe photoshop cs6
Adobe photoshop cs6Adobe photoshop cs6
Adobe photoshop cs6
 
Adobe photoshop cs6 tutorial
Adobe photoshop cs6 tutorialAdobe photoshop cs6 tutorial
Adobe photoshop cs6 tutorial
 
Photoshop Elements Tutorial
Photoshop Elements TutorialPhotoshop Elements Tutorial
Photoshop Elements Tutorial
 
Creating A Tessellation using Photoshop
Creating A Tessellation using PhotoshopCreating A Tessellation using Photoshop
Creating A Tessellation using Photoshop
 
Pop Culture Ms Bio
Pop Culture Ms BioPop Culture Ms Bio
Pop Culture Ms Bio
 
Adobe Photoshop CS6 tutorial 2013
Adobe Photoshop CS6 tutorial 2013Adobe Photoshop CS6 tutorial 2013
Adobe Photoshop CS6 tutorial 2013
 
Photoshop pdf
Photoshop pdfPhotoshop pdf
Photoshop pdf
 
Intro to Adobe Photoshop
Intro to Adobe PhotoshopIntro to Adobe Photoshop
Intro to Adobe Photoshop
 
photoshop_workshop_01
photoshop_workshop_01photoshop_workshop_01
photoshop_workshop_01
 
photoshop_workshop_01
photoshop_workshop_01photoshop_workshop_01
photoshop_workshop_01
 
Photoshop Tutorial Booklet
Photoshop Tutorial BookletPhotoshop Tutorial Booklet
Photoshop Tutorial Booklet
 
Photoshop notes cs-4
Photoshop notes  cs-4Photoshop notes  cs-4
Photoshop notes cs-4
 
PowerPoint Ideas & Hacks: Images
PowerPoint Ideas & Hacks: ImagesPowerPoint Ideas & Hacks: Images
PowerPoint Ideas & Hacks: Images
 
Photoshop intro to basics
Photoshop intro to basicsPhotoshop intro to basics
Photoshop intro to basics
 
Learning Photoshop.pptx
Learning Photoshop.pptxLearning Photoshop.pptx
Learning Photoshop.pptx
 
Photoshop basics
Photoshop basicsPhotoshop basics
Photoshop basics
 
Photoshop notes
Photoshop notesPhotoshop notes
Photoshop notes
 

Más de Natalie Hurd

Day one charles demuth typography
Day one charles demuth typographyDay one charles demuth typography
Day one charles demuth typographyNatalie Hurd
 
Design plan peter max
Design plan peter maxDesign plan peter max
Design plan peter maxNatalie Hurd
 
Labyrinth movie notes handout
Labyrinth movie notes handoutLabyrinth movie notes handout
Labyrinth movie notes handoutNatalie Hurd
 
Poppy painting visual and text step by step ms artastic
Poppy painting visual and text step by step ms artasticPoppy painting visual and text step by step ms artastic
Poppy painting visual and text step by step ms artasticNatalie Hurd
 
Architectural letter project sheet
Architectural letter project sheetArchitectural letter project sheet
Architectural letter project sheetNatalie Hurd
 
Digital media-semester lesson-5-quiz
Digital media-semester lesson-5-quizDigital media-semester lesson-5-quiz
Digital media-semester lesson-5-quizNatalie Hurd
 
Digital media-semester lesson-5 (1)
Digital media-semester lesson-5 (1)Digital media-semester lesson-5 (1)
Digital media-semester lesson-5 (1)Natalie Hurd
 
Digital media-semester lesson-5-instructions (1)
Digital media-semester lesson-5-instructions (1)Digital media-semester lesson-5-instructions (1)
Digital media-semester lesson-5-instructions (1)Natalie Hurd
 
Lesson 2 instructions 1 pt perspective
Lesson 2 instructions 1 pt perspectiveLesson 2 instructions 1 pt perspective
Lesson 2 instructions 1 pt perspectiveNatalie Hurd
 
Computer assisted art lesson-2
Computer assisted art lesson-2Computer assisted art lesson-2
Computer assisted art lesson-2Natalie Hurd
 
Chuck close inspired portraits instructions
Chuck close inspired portraits instructionsChuck close inspired portraits instructions
Chuck close inspired portraits instructionsNatalie Hurd
 

Más de Natalie Hurd (20)

Day one charles demuth typography
Day one charles demuth typographyDay one charles demuth typography
Day one charles demuth typography
 
Design plan peter max
Design plan peter maxDesign plan peter max
Design plan peter max
 
Labyrinth movie notes handout
Labyrinth movie notes handoutLabyrinth movie notes handout
Labyrinth movie notes handout
 
Poppy painting visual and text step by step ms artastic
Poppy painting visual and text step by step ms artasticPoppy painting visual and text step by step ms artastic
Poppy painting visual and text step by step ms artastic
 
Japanse symbols
Japanse symbolsJapanse symbols
Japanse symbols
 
Japanese notans
Japanese notansJapanese notans
Japanese notans
 
Japanese notans
Japanese notansJapanese notans
Japanese notans
 
Architectural letter project sheet
Architectural letter project sheetArchitectural letter project sheet
Architectural letter project sheet
 
Digital media-semester lesson-5-quiz
Digital media-semester lesson-5-quizDigital media-semester lesson-5-quiz
Digital media-semester lesson-5-quiz
 
Digital media-semester lesson-5 (1)
Digital media-semester lesson-5 (1)Digital media-semester lesson-5 (1)
Digital media-semester lesson-5 (1)
 
Digital media-semester lesson-5-instructions (1)
Digital media-semester lesson-5-instructions (1)Digital media-semester lesson-5-instructions (1)
Digital media-semester lesson-5-instructions (1)
 
Lesson 2 instructions 1 pt perspective
Lesson 2 instructions 1 pt perspectiveLesson 2 instructions 1 pt perspective
Lesson 2 instructions 1 pt perspective
 
Computer assisted art lesson-2
Computer assisted art lesson-2Computer assisted art lesson-2
Computer assisted art lesson-2
 
Origami box
Origami boxOrigami box
Origami box
 
Vancekirklanddots
VancekirklanddotsVancekirklanddots
Vancekirklanddots
 
Kirklan dbio
Kirklan dbioKirklan dbio
Kirklan dbio
 
Miro unit rubric
Miro unit rubricMiro unit rubric
Miro unit rubric
 
Miro cc
Miro ccMiro cc
Miro cc
 
Miro2
Miro2Miro2
Miro2
 
Chuck close inspired portraits instructions
Chuck close inspired portraits instructionsChuck close inspired portraits instructions
Chuck close inspired portraits instructions
 

Photoshop Radial Design Guide

  • 2.  A basic principle of art  Refers to the ways in which the elements (lines, shapes, colors, textures, etc.) of an artwork are arranged.  Primarily there are three types of balance in design: Symmetrical Asymmetrical Radial WHAT IS BALANCE?
  • 3.  When a design can be centered or evenly divided both vertically and horizontally it has the most complete symmetry possible.  Symmetrical balance generally lends itself to more formal, orderly layouts. They often convey a sense of tranquility or familiarity or elegance or serious contemplation. SYMMETRICAL BALANCE
  • 4.  Asymmetrical design is typically off-center or created with an odd or mismatched number of contrasting elements. However, you can still have an interesting design without perfect symmetry.  With asymmetrical balance you are evenly distributing the elements within the format which may mean balancing a large photo with several small graphics. Or, you can create tension by intentionally avoiding balance. ASYMMETRICAL BALANCE
  • 5.  On square and rectangular pages we generally place elements in orderly rows and columns.  RADIAL DESIGNS the elements radiate from or swirl around in a circular or spiral path.  Parts of the design must still be arranged so that they are balanced across the width and length of the page. RADIAL BALANCE
  • 6.  We will be creating our very own Radial Design.  Step One: Choose an interesting subject (person, place, or thing) and save (at least) two reference photos to your student file or jump drive as a jpeg. We will be editing these for our design. Two is the minimum, you may have more!  Step Two: Open Adobe Photoshop LET’S GET STARTED!
  • 7.
  • 8.  Step 3: Open images in Photoshop. They will appear in tabs towards the top of the screen. Remember that two images are just the MINIMUM requirement. I encourage to have more. They all should tie together some how as well. Also remember to make a duplicate layer of your image by right clicking and selecting duplicate image. You will work on the duplicate to protect your original.
  • 9.
  • 10.  Delete the backgrounds of your chosen images. You may choose from the following tools. Use whatever is more comfortable for you, but only after you try each method. Polygonal Lasso Tool Magic Wand Quick Selection TOOLS TO USE FOR ERASING BACKGROUND The poly lasso tool tracers around the image creating a selection With each click of the mouse the magic wand tool selects everything that is similar in pixels/colors. Think of the quick selection tool like a paint brush that selects similar pixels/colors.
  • 11.  Once you have deleted the entire back ground it should look something like this.  The checkered background indicates that there is nothing there.  Save finished cropped image as a .png file.
  • 12.  Open Photoshop.  Open all images that you intend to use and have cropped out the backgrounds.  <File<New A box will appear. Change the Width to 8 inches Change the Height to 10 inches Change the Resolution to 200 pixels/ink SETTING UP FINAL PROJECT
  • 13.  <Window A drop down menu will appear, Make sure you have a check mark next to the same ones as this image.
  • 14.  Go back to one of your saved images and select  <Edit<Copy  Paste into your Radial Design Each time you past an image it should appear as a new layer, name the layer whatever the object is Copy and paste all your images into the Radial Design It should look like the following slide RADIAL DESIGN SET UP
  • 15.
  • 16.  The layers panel has eye balls next to each layer that is visible. Throughout the project you may need to hide layers. You do that by unclicking the eyeballs.  The layer highlighted in blue is the layer that is active. Make sure the correct layer is highlighted when working on layers. LAYERS PANEL
  • 17.  <Edit<Free Transform or CTRL + T Use mouse to click and drag to resize or reposition Arrange images into an interesting circular pattern. RESIZING & POSITIONING IMAGES
  • 18. EXAMPLES OF PHOTOSHOP RADIAL DESIGNS