Makeasimplebannerin Pse

  • 283 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
283
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
8
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Make a simple banner in PSE tutorial on image size, layers, shapes, selection, effects, & type
  • 2. Mission
    • Make a personal banner for your blog
      • https://blog.associatie.kuleuven.be/
    • The K.U.Leuven blog allows you to upload a custom “header image”
    • Size: 780 pixels wide, 200 pixels high
    My Blog!
  • 3. Make a new image file
    • File > New > Blank
    • Unit: pixels
    • Size it right: 950 wide, 200 high,
    • Resolution: 72 dpi
    • Name: banner
  • 4.  
  • 5. Collage: Add a picture
    • Put part of another picture in your image:
    • open another picture
    • make a selection
    • copy that selection
    • paste into “banner”
  • 6. Make a selection
  • 7. Use the cookie cutter for a shape
    • Cookie cutter tool:
  • 8. Copy your selection to “banner”
    • Layers Palette: You now have a second layer in “banner”
    • Adjust the shape
  • 9. Add more image
    • we cut and paste another part of the same image
  • 10. Adjust shape
    • adjust the shape by pulling on the “bounding box”, press “commit”
  • 11. Reshuffle the layers
    • Grab the top layer and put it in second place
  • 12. Apply an effect to the 2nd layer
  • 13. Add type
    • select font, size & style
    • Put your cursor in place & type
  • 14. Save your source document!
    • keep the .psd file for later adjustments
  • 15. File > Save for Web
  • 16. Make a transparent gif
  • 17. Transparent GIF
  • 18. make a rough first selection lasso tool
  • 19. Select > Inverse
  • 20. Edit > Delete
  • 21. Remove detail using Eraser Tool
    • avoid anti-aliasing!
  • 22. Save for Web
  • 23. Optimize images
  • 24. Improve lighting on a backlit img
    • open backlit.jpg
    • make selection of the underlit area
    • Enhance > Adjust Lighting
    • Add Brightness
  • 25. Crop image
    • Use the crop tool to draw the rectangle you want to keep
    • Press “commit”
  • 26. Make width 450 px
    • Image > Resize > Image Size
    • “ Resample image”
    • Resolution: 72 dpi
    • Constrain proportions
    • Width: 450 pixels
  • 27. Richer, stronger color
    • Adjust saturation
    • Whole picture
      • Enhance > Adjust color > Adjust Hue/saturation
    • Locally:
      • Sponge tool
        • mode: saturate
  • 28. Lighten shadow areas
    • Enhance > Adjust Lighting > Shadows/highlights...