Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software...
-
Upload
lorin-osborne -
Category
Documents
-
view
219 -
download
2
Transcript of Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software...
![Page 1: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/1.jpg)
PhotoshopPhotoshop
Image ProcessingImage Processing
![Page 2: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/2.jpg)
SummarySummary
Photoshop is one of the most popular image Photoshop is one of the most popular image processing softwareprocessing software 。。 It can be used in It can be used in many image applications, Such as Drawing, many image applications, Such as Drawing, Editing, Modifying, or Scanning. The current Editing, Modifying, or Scanning. The current version of PS is cs3 and its interface is very version of PS is cs3 and its interface is very friendly and clear.friendly and clear.
AdvertisementAdvertisement 、、 CoverCover 、、 PhotographPhotograph 、、Web page layoutWeb page layout
![Page 3: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/3.jpg)
InterfaceInterface
based on windowsbased on windows 、、 menusmenus toolboxtoolbox
• rectangular marquee tool, move tool, pen rectangular marquee tool, move tool, pen tooltool 、、 text tool…text tool…
tool optiontool option• different tools have different parametersdifferent tools have different parameters
control panel: control panel: click menu[window]click menu[window]• color, charactercolor, character• layer, path, history recordslayer, path, history records
![Page 4: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/4.jpg)
Image format PSD Photoshop format, cannot be used in
webpage
BMP dot-matrix, need large space
TIFF bit-mapping, always be used for scanning
JPG standard compression, can be used in
webpage
GIF graphics Interchange format, always be
used in webpage
![Page 5: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/5.jpg)
Select & Move toolSelect & Move tool select toolselect tool
• rectangular, ellipserectangular, ellipse
• cancel select: cancel select: Ctrl+DCtrl+D menu[select]menu[select]
• inverse, select allinverse, select all• change the area: change the area: Ctrl+TCtrl+T, arbitrary , arbitrary
shape(press Ctrl-key change the shape(press Ctrl-key change the selected areaselected area arbitrarily)arbitrarily)
move toolmove tool• move the object, submit the resultmove the object, submit the result
![Page 6: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/6.jpg)
LassoLasso tooltool lasso toollasso tool
• select irregular areaselect irregular area• press the left button of the mouse to press the left button of the mouse to
drag and dropdrag and drop
quick selection toolquick selection tool• select the area with the same or similar select the area with the same or similar
colorcolor• click once time, and it will select click once time, and it will select
automatically automatically
![Page 7: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/7.jpg)
Crop toolCrop tool
crop toolcrop tool• cut out the not useful part of the cut out the not useful part of the
image(area out of the selection)image(area out of the selection)
• selectselect the area you want to keepthe area you want to keep ,, click click Enter-key or click right button and select Enter-key or click right button and select crop.crop.
![Page 8: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/8.jpg)
Set colorSet color
fore
default
switch
back
foreground color is the foreground color is the color for the draw, color for the draw, background color is color background color is color for the erasefor the erase
use color picker to set use color picker to set the foreground and the foreground and background.background.
![Page 9: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/9.jpg)
Clone stamp toolClone stamp tool clone stamp toolclone stamp tool
• clone local image to other positionclone local image to other position
• put the cursor on the picture you want put the cursor on the picture you want clone, press the Alt-key and click the left clone, press the Alt-key and click the left button, then leave the Alt-keybutton, then leave the Alt-key
• press the left button and drag the mouse press the left button and drag the mouse to clone the picture at the area you wantto clone the picture at the area you want
![Page 10: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/10.jpg)
Gradient tool & Text toolGradient tool & Text tool
gradient toolgradient tool• linear gradient, radial gradient, angel linear gradient, radial gradient, angel
gradient, reflected gradient, diamond gradient, reflected gradient, diamond gradientgradient
• select the areaselect the area ,, select the gradient select the gradient typetype ,, drag the cursor form the start point to drag the cursor form the start point to the end point.the end point.
text tooltext tool• Add text to the imageAdd text to the image ,, actually it is add text actually it is add text
in a new layer separate.in a new layer separate.• You can set the font family, weight, size, You can set the font family, weight, size,
color… in the tool optioncolor… in the tool option
![Page 11: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/11.jpg)
LayerLayer
image in Photoshop can be consist of one or image in Photoshop can be consist of one or multiple layers, we can put different objects in the multiple layers, we can put different objects in the different layers, and use various effects.different layers, and use various effects.
every layer looks like a transparent paper, we can every layer looks like a transparent paper, we can see the picture under the layersee the picture under the layer ,, the bottom of all the bottom of all the layer is the background color.the layer is the background color.
we can use the layer control panel or the we can use the layer control panel or the layer[menu]layer[menu] to add, delete or edit a layer.to add, delete or edit a layer.
![Page 12: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/12.jpg)
Layer operationLayer operation
create a new layercreate a new layer• when create a new image file, the Photoshop when create a new image file, the Photoshop
create it as a layer, commonly called create it as a layer, commonly called background layer.background layer.
• click the button in the layer panel to create a click the button in the layer panel to create a new layer.new layer.
• menu[layer]→[new]→[layer]menu[layer]→[new]→[layer] copy layercopy layer
• select the layer you want copy, drag it one select the layer you want copy, drag it one the “create a new layer” button in the layer the “create a new layer” button in the layer panel.panel.
![Page 13: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/13.jpg)
Layer operationLayer operation
move layermove layer• select the layer, use mouse drag and drop it.select the layer, use mouse drag and drop it.
hide or displayhide or display click the eye button before to click the eye button before to hide or display the layerhide or display the layer
group layers group layers cclick the “create a new group” lick the “create a new group” button to create a group, drop the layers into the button to create a group, drop the layers into the group to cluster them.group to cluster them.• grouped layers can be operated together.
![Page 14: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/14.jpg)
Layer operationLayer operation merge layers: we also can merge layers to the merge layers: we also can merge layers to the
background layer to save the space. background layer to save the space. • menu[layer]or click the button on the menu[layer]or click the button on the
top and right of the layer panel. top and right of the layer panel. • [merge down]: merge the current layer [merge down]: merge the current layer
and the next layerand the next layer• [merge visible]: don’t merge the hidden [merge visible]: don’t merge the hidden
layers.layers.• [merge layers]: merge all the layers and [merge layers]: merge all the layers and
drop the hidden layers.drop the hidden layers.
![Page 15: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/15.jpg)
Dreamweaver
![Page 16: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/16.jpg)
Adobe Dreamweaver -Created by Allaire systems, which was acquired
approximately 1998 by Macromedia and is now owned by Adobe Systems, which acquired Macromedia in 2005.
-Available for both Mac and Windows Operating Systems.
-Supports for web technologies such as CSS, JavaScript, and various server-side scripting languages and frameworks including ASP.NET, ColdFusion, JavaServer Pages, and PHP.
![Page 17: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/17.jpg)
ObjectivesIn this Presentation, you will learn:
To use Dreamweaver CS3 effectively.
To develop web pages in a visual environment.
To insert images and links into web pages.
To create XHTML elements such as tables and forms.
![Page 18: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/18.jpg)
Introduction HTML editors assist in creating visually appealing websites
• Insert and edit text• Create more complex XHTML elements, such as tables,
forms and frames Adobe Dreamweaver CS3 is a popular HTML editor. Dreamweaver is a WYSIWYG editor.
-What You See Is What You Get.-Displays XHTML as browser would.
![Page 19: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/19.jpg)
Creating New Document
• File > New... or • Select HTML under the Create New heading of
the Start Page
• Select Blank Page tab, then HTML from the Page
Type: list • Set DocType to XHMTL 1.0 Strict to make XHTML
compliant code• Select the Create button
![Page 20: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/20.jpg)
Starting up Dreamweaver
![Page 21: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/21.jpg)
Code View
![Page 22: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/22.jpg)
Code View Dreamweaver supports Syntax Highlighting for various
languages• ActionScript, ASP, ASP.NET, C#, CSS, ColdFusion, EDML,
XHTML, XML, XSLT, Java, JavaScript, JSP, PHP, VB, VBScript, WML.
It is also possible to add your own language syntax highlighting to its repertoire.
In addition, Code completion is available for many of these languages.
![Page 23: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/23.jpg)
Design View
![Page 24: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/24.jpg)
Workspace
![Page 25: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/25.jpg)
Adding Pictures
![Page 26: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/26.jpg)
Image Properties
![Page 27: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/27.jpg)
Text and Links
Adding links• Highlight text or image• Enter destination URL into Link field of
Property inspector Other properties available to change
• Height• Width• Alignment
![Page 28: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/28.jpg)
Creating Tables
Creating tables• Often confusing process• Possible to create graphically in
Dreamweaver• Insert > Table
Specify rows, columns and appearance
![Page 29: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/29.jpg)
Insert Table Dialog
![Page 30: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/30.jpg)
Tables
Manipulating tables• Drag borders to resize• Change background or border color• Delete, split, merge cells
Tag selector <td> tag Merge button Alternatively, right-click, Table > Merge Cells
![Page 31: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/31.jpg)
Property inspector
![Page 32: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/32.jpg)
Forms
Forms in Dreamweaver• Represented by dotted line
Anything inside lines belongs to that form
• Insert > Form or Forms on Insert bar Form elements
• Insert bar• Property inspector
![Page 33: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/33.jpg)
Forms and Text field Options
![Page 34: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/34.jpg)
Completed Form Example
![Page 35: Photoshop Image Processing. Summary Photoshop is one of the most popular image processing software 。 It can be used in many image applications, Such as.](https://reader033.fdocuments.us/reader033/viewer/2022051619/56649e155503460f94aff13e/html5/thumbnails/35.jpg)
The End
Try Photoshop and Dreamweaver Today!
Go to http://www.adobe.com/downloadsto download a free 30 day trial.