resizing an image - bambangherlandi.web.idbambangherlandi.web.id/download/desain-grafis/adobe...

31

Upload: buidung

Post on 13-May-2018

233 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: Resizing an image - bambangherlandi.web.idbambangherlandi.web.id/download/desain-grafis/Adobe Photoshop for...Resizing an image ... Menyisipkan gambar ke kanvas Komposit ... PROPOSAL
Page 2: Resizing an image - bambangherlandi.web.idbambangherlandi.web.id/download/desain-grafis/Adobe Photoshop for...Resizing an image ... Menyisipkan gambar ke kanvas Komposit ... PROPOSAL

Resizing an image

“Straightening” an image

Cropping an image

Adjusting brightness and contrast

Adding layers

Page 3: Resizing an image - bambangherlandi.web.idbambangherlandi.web.id/download/desain-grafis/Adobe Photoshop for...Resizing an image ... Menyisipkan gambar ke kanvas Komposit ... PROPOSAL

Image, Image Size

Pixel Dimensions

Document Size

Resolution

Jangan mencoba tanpa membuat salinan file Simpan dengan nama baru

Simpan dengan Photoshop format (.psd)

Controls Resample: Going smaller > Sharper

Constrain Proportions

Scale styles (layers)

Page 4: Resizing an image - bambangherlandi.web.idbambangherlandi.web.id/download/desain-grafis/Adobe Photoshop for...Resizing an image ... Menyisipkan gambar ke kanvas Komposit ... PROPOSAL

Buka file Willie.jpg Perhatikan ukuran% di bagian atas jendela

gambar

Seluruh gambar akan ditampilkan

Save as .psd

Image, Image size Set pixel width 200

Terlihat lebih Sharper

Klik OK

SAVE AS Williesm.jpg

Buka kembali Willie.psd Image, Image size

Constrain proportions OFF

Pixel width 200 (Klik OK) Select, Edit, UNDO

Pixel height 200 (Klik OK) Select, Edit, UNDO

Page 5: Resizing an image - bambangherlandi.web.idbambangherlandi.web.id/download/desain-grafis/Adobe Photoshop for...Resizing an image ... Menyisipkan gambar ke kanvas Komposit ... PROPOSAL

Buka Willie.psd

Pilih sebuah Filter

Contoh:

Artistic, Dry Brush

Save file dengan nama yang berbeda

Williedb.psd

Page 6: Resizing an image - bambangherlandi.web.idbambangherlandi.web.id/download/desain-grafis/Adobe Photoshop for...Resizing an image ... Menyisipkan gambar ke kanvas Komposit ... PROPOSAL

Re-landscape the campus

Create

Lovett on the lake

Page 7: Resizing an image - bambangherlandi.web.idbambangherlandi.web.id/download/desain-grafis/Adobe Photoshop for...Resizing an image ... Menyisipkan gambar ke kanvas Komposit ... PROPOSAL

Image, Rotate Canvas 90 or 180 Flip Horizontal or Vertical

Open Lovett Save as .psd Image, rotate image, flip vertical

SAVE AS lovett flip.psd

Page 8: Resizing an image - bambangherlandi.web.idbambangherlandi.web.id/download/desain-grafis/Adobe Photoshop for...Resizing an image ... Menyisipkan gambar ke kanvas Komposit ... PROPOSAL

Banyak gambar dapat "dikelompokkan bersama-sama" untuk membuat gambar baru

Mulailah dengan "kanvas" kosong atau gambar yang sudah ada

Menyisipkan gambar ke kanvas Komposit SETIAP PENAMBAHAN BARU disisipkan ke LAYER BARU

Page 9: Resizing an image - bambangherlandi.web.idbambangherlandi.web.id/download/desain-grafis/Adobe Photoshop for...Resizing an image ... Menyisipkan gambar ke kanvas Komposit ... PROPOSAL

Untuk gabungan gambar, mengubah ukuran kanvas pada satu ukuran

set Image, canvas size, double ht, dan “anchor” (lokasi gambar yang ada) yang sesuai Defaultnya center

Contoh ini adalah kiri atas

Page 10: Resizing an image - bambangherlandi.web.idbambangherlandi.web.id/download/desain-grafis/Adobe Photoshop for...Resizing an image ... Menyisipkan gambar ke kanvas Komposit ... PROPOSAL

Open Lovett.psd

Image, canvas size, double ht, set anchor to top, right

Page 11: Resizing an image - bambangherlandi.web.idbambangherlandi.web.id/download/desain-grafis/Adobe Photoshop for...Resizing an image ... Menyisipkan gambar ke kanvas Komposit ... PROPOSAL

Open Lovett flip.psd

Filter, Distort, Ocean Ripple

Save as ripple

Select all, copy

Page 12: Resizing an image - bambangherlandi.web.idbambangherlandi.web.id/download/desain-grafis/Adobe Photoshop for...Resizing an image ... Menyisipkan gambar ke kanvas Komposit ... PROPOSAL

Return to lovett.psd Edit, Paste

Move the ripple image to the bottom of the canvas

(You can also DRAG ripple to the other canvas)

Save as LovettLake.psd

Lovett on the Lake

Page 13: Resizing an image - bambangherlandi.web.idbambangherlandi.web.id/download/desain-grafis/Adobe Photoshop for...Resizing an image ... Menyisipkan gambar ke kanvas Komposit ... PROPOSAL

“Straightening” an Image Rotation is fun!

But you may loose quality

AND you will loose a bit of your image

Page 14: Resizing an image - bambangherlandi.web.idbambangherlandi.web.id/download/desain-grafis/Adobe Photoshop for...Resizing an image ... Menyisipkan gambar ke kanvas Komposit ... PROPOSAL

Straightening “Guidelines” Use a Horizontal line to

determine the angle and direction needed to “right the picture”

Use a central Vertical line to determine the angle and direction needed to “right the picture”

Page 15: Resizing an image - bambangherlandi.web.idbambangherlandi.web.id/download/desain-grafis/Adobe Photoshop for...Resizing an image ... Menyisipkan gambar ke kanvas Komposit ... PROPOSAL

Open Tippy

Select Image, Rotate canvas, Arbitrary

Angle 15, CW; Select Edit, Undo

Angle 10, CCW; Select Edit, Undo

Angle 3 CW

Is it straight?

Use the Marquee tool, Select the portion that is useful; copy and paste to new file.

SAVE AS straight.jpg

Page 16: Resizing an image - bambangherlandi.web.idbambangherlandi.web.id/download/desain-grafis/Adobe Photoshop for...Resizing an image ... Menyisipkan gambar ke kanvas Komposit ... PROPOSAL

With Precision Open Tippy again

Select the Ruler tool (right-click the eyedropper)

Choose a horizontal line or a CENTER vertical line

Click at one end, then click at the other

Select Image, Rotate canvas, Arbitrary, the angle will be supplied

Rotate

Is it straight?

Page 17: Resizing an image - bambangherlandi.web.idbambangherlandi.web.id/download/desain-grafis/Adobe Photoshop for...Resizing an image ... Menyisipkan gambar ke kanvas Komposit ... PROPOSAL

Using Part of an image Delete part of the original image

Save with a different name

Extract part of an image

Copy & paste to a new file

Save with a different name

Page 18: Resizing an image - bambangherlandi.web.idbambangherlandi.web.id/download/desain-grafis/Adobe Photoshop for...Resizing an image ... Menyisipkan gambar ke kanvas Komposit ... PROPOSAL

Crop an Image (discards part of the image) Open Willie

Choose the Cropping Tool

Select the part of an image that you like

Crop the image

Save with a different name CRview.jpg

Page 19: Resizing an image - bambangherlandi.web.idbambangherlandi.web.id/download/desain-grafis/Adobe Photoshop for...Resizing an image ... Menyisipkan gambar ke kanvas Komposit ... PROPOSAL

More Tools for Selecting Image Parts (Delete or Copy)

Marquee Tools

Lasso Tools

Magnetic Lasso

Magic Wand

Page 20: Resizing an image - bambangherlandi.web.idbambangherlandi.web.id/download/desain-grafis/Adobe Photoshop for...Resizing an image ... Menyisipkan gambar ke kanvas Komposit ... PROPOSAL

Select Parts of Images

Willie: Use Magnetic Lasso (drag and click) to select statue from background

Lovett2: Use Oval tool to select building

Conducting: Use Magic wand to select black, use Select, Inverse to get “hands and baton”

Page 21: Resizing an image - bambangherlandi.web.idbambangherlandi.web.id/download/desain-grafis/Adobe Photoshop for...Resizing an image ... Menyisipkan gambar ke kanvas Komposit ... PROPOSAL

More Editing Tricks Brightness/Contrast

Variations

Sharpen an image

Page 22: Resizing an image - bambangherlandi.web.idbambangherlandi.web.id/download/desain-grafis/Adobe Photoshop for...Resizing an image ... Menyisipkan gambar ke kanvas Komposit ... PROPOSAL

Adjust Brightness and Contrast Open Lovett

Select Image, Adjustments, Brightness/Contrast

Original Modified

Page 23: Resizing an image - bambangherlandi.web.idbambangherlandi.web.id/download/desain-grafis/Adobe Photoshop for...Resizing an image ... Menyisipkan gambar ke kanvas Komposit ... PROPOSAL

Variations Use Lovett again

Select Image, Adjustments, Variations

Original Lighter & Darker

Color Choices

Controls

Page 24: Resizing an image - bambangherlandi.web.idbambangherlandi.web.id/download/desain-grafis/Adobe Photoshop for...Resizing an image ... Menyisipkan gambar ke kanvas Komposit ... PROPOSAL

Sharpen an Image There are many options in Photoshop

Try Filter, Sharpen, Smart Sharpen

100%, 0.2 pixels, Lens Blur

Enlarge to view detail

Page 25: Resizing an image - bambangherlandi.web.idbambangherlandi.web.id/download/desain-grafis/Adobe Photoshop for...Resizing an image ... Menyisipkan gambar ke kanvas Komposit ... PROPOSAL

Layers Tool to enable complex compositions

Allows “stacking” of image parts

Layers may be added and deleted at will

Go back to “Lovett on the Lake”

Look at the Layers

Page 26: Resizing an image - bambangherlandi.web.idbambangherlandi.web.id/download/desain-grafis/Adobe Photoshop for...Resizing an image ... Menyisipkan gambar ke kanvas Komposit ... PROPOSAL

Flattening Layers Save before flattening

Save with new name after flattening

Flattening is necessary for many techniques including saving with some file types

Select Layers, Flatten layers

Page 27: Resizing an image - bambangherlandi.web.idbambangherlandi.web.id/download/desain-grafis/Adobe Photoshop for...Resizing an image ... Menyisipkan gambar ke kanvas Komposit ... PROPOSAL

Adding Layers # 1 Open lovett3.jpg

Choose Text tool A new layer is automatically

created

Type Lovett Hall

Set Font, Size, and Color

Flatten Image

Save

Page 28: Resizing an image - bambangherlandi.web.idbambangherlandi.web.id/download/desain-grafis/Adobe Photoshop for...Resizing an image ... Menyisipkan gambar ke kanvas Komposit ... PROPOSAL

Framing: Adding layers # 2 Open Tower.jpg

View, Ruler

Carefully select center of image with marquee

Copy, then Paste (new layer)

Page 29: Resizing an image - bambangherlandi.web.idbambangherlandi.web.id/download/desain-grafis/Adobe Photoshop for...Resizing an image ... Menyisipkan gambar ke kanvas Komposit ... PROPOSAL

Adding Layers # 2, cont. Select Background layer

Fade background layer with Brightness/Contrast

Select Layer 1 Style, Drop Shadow, Outer Glow Flatten image and save

Page 30: Resizing an image - bambangherlandi.web.idbambangherlandi.web.id/download/desain-grafis/Adobe Photoshop for...Resizing an image ... Menyisipkan gambar ke kanvas Komposit ... PROPOSAL

Review of Tools Tool Usage

Paint/Brush paints a soft line (brush definition)

Pencil paints a hard line

Eraser erases pixels

Move drag a selection or layer

Marquee select rectangles, ellipses

Ruler use to determine

Crop removes portions of an image

Lasso draw selections in whatever shape

Mag. lasso snaps to the edges of defined areas

Magic wand select a color range

Color Fg/Bg defines default colors

Type add text

Page 31: Resizing an image - bambangherlandi.web.idbambangherlandi.web.id/download/desain-grafis/Adobe Photoshop for...Resizing an image ... Menyisipkan gambar ke kanvas Komposit ... PROPOSAL

© 2011