Uploaded bykateridrex
244 views

Dig imag unit 11 module 4 creating slices in an image (2)

This document discusses slicing images for web use. Slicing an image involves dividing it into smaller pieces to allow for faster loading online. The slice tool is used to create slices by dragging over areas of the image. Slices can be created manually or by using guides for accuracy. Different slice types include table, image, and no image slices, and they should be named consistently. The slice tool options allow for normal, fixed aspect ratio, or fixed size slicing.

Embed presentation

Download to read offline
Digital Imaging Unit 11: Creating Images for the Web Module 4: Creating Slices in an Image           Slices     When  working  on  the  Web,  you   want  images  to  load  quickly.  One   way  to  do  this  is  to  slice  the  image   into  smaller  pieces  for  loading.     Slices  are  categorized  by  type  and   should  be  named  the  same  way:   •  Table   •  Image   •  No  image    
Digital Imaging Unit 11: Creating Images for the Web Module 4: Creating Slices in an Image           Slices     The  slice  tool  looks  like  an  exacto   knife.  It  shares  a  spot  with  the   crop  tool  in  the  toolbox.       To  create  a  slice  using  the  slice   tool,  drag  over  the  area  where  you   want  to  create  a  slice.    
Digital Imaging Unit 11: Creating Images for the Web Module 4: Creating Slices in an Image           Slices     Slice  Tool  Op,ons:     •  Normal  -­‐  Determines  slice   proporEons  as  you  drag.     •  Fixed  Aspect  Ra,o  -­‐  Sets  a   height-­‐to-­‐width  raEo.     •  Fixed  Size  -­‐  Specifies  the  slice’s   height  and  width.  Enter  pixel   values  in  whole  numbers.    
Digital Imaging Unit 11: Creating Images for the Web Module 4: Creating Slices in an Image           Slices     Slicing  can  be  done  manually,  or   you  can  map  out  the  slices  using   guides  for  more  accuracy:   •  Add  guides  to  an  image.   •  Select  the  Slice  tool,  and  click   Slices  From  Guides  in  the   opEons  bar.  

More Related Content

PPTX
Final draft editing process
byDaleisio
 
PDF
inVision: How to make fixed sidebars for desktop prototypes
byMartina Pérez
 
PPTX
Fund of design unit 5 module 2 exploring methods of creating texture
bykateridrex
 
PPTX
Elem of design unit 1 module 2 psychology of color
bykateridrex
 
PPTX
Fund of design unit 7 module 1 defining the principles of balance
bykateridrex
 
PPTX
Fund of design unit 1 module 0 course introduction
bykateridrex
 
PPTX
Fund of design unit 4 module 1 learning the vocabulary of color
bykateridrex
 
PPTX
Elem of design unit 11 module 2 type and closed shapes
bykateridrex
 
Final draft editing process
byDaleisio
 
inVision: How to make fixed sidebars for desktop prototypes
byMartina Pérez
 
Fund of design unit 5 module 2 exploring methods of creating texture
bykateridrex
 
Elem of design unit 1 module 2 psychology of color
bykateridrex
 
Fund of design unit 7 module 1 defining the principles of balance
bykateridrex
 
Fund of design unit 1 module 0 course introduction
bykateridrex
 
Fund of design unit 4 module 1 learning the vocabulary of color
bykateridrex
 
Elem of design unit 11 module 2 type and closed shapes
bykateridrex
 

More from kateridrex

PPTX
Dig imag unit 11 module 4 creating slices in an image (2)
bykateridrex
 
PPTX
Dig imag unit 11 module 4(2) creating slices in an image
bykateridrex
 
PPTX
Dig imag unit 11 module 4 creating slices in an image
bykateridrex
 
PPTX
Dig imag unit 11 module 3 creating buttons
bykateridrex
 
PPTX
Dig imag unit 11 module 1 understanding web graphics
bykateridrex
 
PPTX
Dig imag unit 10 module 1 advanced type effects
bykateridrex
 
PPTX
Dig imag unit 9 module 2 modifying shapes
bykateridrex
 
PPTX
Dig imag unit 9 module 1 working with the pen tool
bykateridrex
 
PPTX
Dig imag unit 8 module 3 making color corrections
bykateridrex
 
PPTX
Dig imag unit 8 module 2 creating and saving alpha channels
bykateridrex
 
PPTX
Dig imag unit 8 module 1 understanding channels
bykateridrex
 
PPTX
Dig imag unit 7 module 2 adjusting filters
bykateridrex
 
PPTX
Dig imag unit 7 module 1 understanding and implementing filters
bykateridrex
 
PPTX
Dig imag unit 6 module 3 using clipping masks
bykateridrex
 
PPTX
Dig imag unit 6 module 2 using adjustment layers
bykateridrex
 
PPTX
Dig imag unit 6 module 1 working with layer masks
bykateridrex
 
PPTX
Dig imag unit 5 module 2 using the various painting tools
bykateridrex
 
PPTX
Dig imag unit 5 module 1 learning about brush types and properties
bykateridrex
 
PPTX
Dig imag unit 4 module 3 creating path text
bykateridrex
 
PPTX
Dig imag unit 4 module 1 learning about type fonts and properties[2]
bykateridrex
 
Dig imag unit 11 module 4 creating slices in an image (2)
bykateridrex
 
Dig imag unit 11 module 4(2) creating slices in an image
bykateridrex
 
Dig imag unit 11 module 4 creating slices in an image
bykateridrex
 
Dig imag unit 11 module 3 creating buttons
bykateridrex
 
Dig imag unit 11 module 1 understanding web graphics
bykateridrex
 
Dig imag unit 10 module 1 advanced type effects
bykateridrex
 
Dig imag unit 9 module 2 modifying shapes
bykateridrex
 
Dig imag unit 9 module 1 working with the pen tool
bykateridrex
 
Dig imag unit 8 module 3 making color corrections
bykateridrex
 
Dig imag unit 8 module 2 creating and saving alpha channels
bykateridrex
 
Dig imag unit 8 module 1 understanding channels
bykateridrex
 
Dig imag unit 7 module 2 adjusting filters
bykateridrex
 
Dig imag unit 7 module 1 understanding and implementing filters
bykateridrex
 
Dig imag unit 6 module 3 using clipping masks
bykateridrex
 
Dig imag unit 6 module 2 using adjustment layers
bykateridrex
 
Dig imag unit 6 module 1 working with layer masks
bykateridrex
 
Dig imag unit 5 module 2 using the various painting tools
bykateridrex
 
Dig imag unit 5 module 1 learning about brush types and properties
bykateridrex
 
Dig imag unit 4 module 3 creating path text
bykateridrex
 
Dig imag unit 4 module 1 learning about type fonts and properties[2]
bykateridrex
 

Dig imag unit 11 module 4 creating slices in an image (2)

  • 1.
    Digital Imaging Unit 11:Creating Images for the Web Module 4: Creating Slices in an Image           Slices     When  working  on  the  Web,  you   want  images  to  load  quickly.  One   way  to  do  this  is  to  slice  the  image   into  smaller  pieces  for  loading.     Slices  are  categorized  by  type  and   should  be  named  the  same  way:   •  Table   •  Image   •  No  image    
  • 2.
    Digital Imaging Unit 11:Creating Images for the Web Module 4: Creating Slices in an Image           Slices     The  slice  tool  looks  like  an  exacto   knife.  It  shares  a  spot  with  the   crop  tool  in  the  toolbox.       To  create  a  slice  using  the  slice   tool,  drag  over  the  area  where  you   want  to  create  a  slice.    
  • 3.
    Digital Imaging Unit 11:Creating Images for the Web Module 4: Creating Slices in an Image           Slices     Slice  Tool  Op,ons:     •  Normal  -­‐  Determines  slice   proporEons  as  you  drag.     •  Fixed  Aspect  Ra,o  -­‐  Sets  a   height-­‐to-­‐width  raEo.     •  Fixed  Size  -­‐  Specifies  the  slice’s   height  and  width.  Enter  pixel   values  in  whole  numbers.    
  • 4.
    Digital Imaging Unit 11:Creating Images for the Web Module 4: Creating Slices in an Image           Slices     Slicing  can  be  done  manually,  or   you  can  map  out  the  slices  using   guides  for  more  accuracy:   •  Add  guides  to  an  image.   •  Select  the  Slice  tool,  and  click   Slices  From  Guides  in  the   opEons  bar.