77
U
sing H
elp
| C
on
t
en
ts
| Inde
x
B
ack
362
Adobe Photoshop Help
Using Type
U
sing H
elp
| C
on
t
en
ts
| Inde
x
B
ack
362
To set justification options:
1 Choose Justification from the Paragraph palette menu.
2 Enter values for Word Spacing, Letter Spacing, and Glyph Spacing:
•
For justified type only, enter values for Minimum and Maximum to define a range of
acceptable spacing.
•
Enter a value for Desired to set the spacing for both justified and unjustified
paragraphs.
Word Spacing values can range from 0% to 1000%; at 100%, no additional space is added
between words. Letter Spacing values can range from –100% to 500%; at 0%, no space is
added between letters. Glyph Spacing values can range from 50% to 200%; at 100%, the
width of characters is not scaled.
Working with composition
The appearance of type on the page depends on a complex interaction of processes called
composition. Using the word spacing, letter spacing, glyph spacing, and hyphenation
options you’ve selected, Photoshop and ImageReady evaluate possible line breaks and
choose the one that best supports the specified parameters.
About composition methods
Photoshop and ImageReady offer two composition methods: the Adobe Every-line
Composer and the Adobe Single-line Composer. Both composition methods evaluate
possible breaks and choose the one that best supports the hyphenation and justification
options you’ve specified for a given paragraph.
The Every-line Composer Considers a network of break points for a range of lines and
thus can optimize earlier lines in the paragraph in order to eliminate especially
unattractive breaks later on. Working with multiple lines of type results in more even
spacing and fewer hyphens.
The Every-line composer approaches composition by identifying possible breakpoints,
evaluating them, and assigning a weighted penalty based on these principles:
•
Highest importance is given to evenness of letter and word spacing. Possible break-
points are evaluated and penalized according to how much they deviate from optimal
spacing.
•
Hyphenation is avoided when possible. Breakpoints that require hyphenation are
penalized more than those that create uneven spacing.
•
Good breakpoints are preferred over bad breakpoints. After breakpoint penalty values
are identified for a range of lines, they are squared, magnifying the bad breakpoints.
The composer then uses the good breakpoints.
The Single-line Composer Offers a traditional approach to composing type one line at a
time. This option is useful if you prefer to have manual control over how lines break. The
Single-line composer uses the following principles when considering a breakpoint:
•
Compressed or expanded word spacing is preferable to hyphenation.
•
Hyphenation is preferable to compressed or expanded letter spacing.
•
If spacing must be adjusted, compression is better than expansion.
65
U
sing H
elp
| C
on
t
en
ts
| Inde
x
B
ack
363
Adobe Photoshop Help
Using Type
U
sing H
elp
| C
on
t
en
ts
| Inde
x
B
ack
363
Choosing a composition method
You use the Paragraph palette to choose a composition method for selected paragraphs.
To choose a composition method for a paragraph:
Choose Adobe Every-line Composer or Adobe Single-line Composer from the Paragraph
palette menu. A check mark indicates which option is selected.
Setting options for Chinese, Japanese, and Korean type
(Photoshop)
Photoshop provides several options for working with Chinese, Japanese, and Korean (CJK)
type. Characters in CJK fonts are often referred to as double-byte characters.
Displaying CJK type options
In order to view and set options for working with Chinese, Japanese, and Korean type, you
must select Show Asian Text Options in the Preferences dialog box. You can also control
how font names are displayed—in English or in the native language.
To display CJK type options:
1 Do one of the following:
•
In Windows and Mac OS 9.x, Choose Edit > Preferences > General.
•
In Mac OS X, Choose Photoshop > Preferences > General.
2 Select Show Asian Text Options.
To display CJK font names in English:
1 Do one of the following:
•
In Windows and Mac OS 9.x, Choose Edit > Preferences > General.
•
In Mac OS X, Choose Photoshop > Preferences > General.
2 Select Show Font Names in English.
Adjusting tsume
Tsume reduces the space around a character by a specified percentage value. The
character itself is not stretched or squeezed as a result. Instead, the space between the
character’s bounding box and the em box is compressed. When tsume is added to a
character, spacing around both sides of the character is reduced by an equal percentage.
To reduce spacing between characters:
1 Select the characters you want to adjust.
2 In the Character palette, enter or select a percentage for Tsume . The greater the
percentage, the tighter the compression between characters. At 100% (the maximum
value), there is no space between the character’s bounding box and its em box.
73
U
sing H
elp
| C
on
t
en
ts
| Inde
x
B
ack
364
Adobe Photoshop Help
Using Type
U
sing H
elp
| C
on
t
en
ts
| Inde
x
B
ack
364
Specifying how leading is measured
Top-to-top leading measures the spacing between lines of type from the top of one line
to the top of the next line. This is different from Bottom-to-bottom leading, which
measures the space between lines from the type baseline. If you use Top-to-top leading,
the first line of type in a paragraph is aligned flush with the top of the bounding box; if you
use Bottom-to-bottom leading, space appears between the first line of type and the
bounding box.
The leading option you choose does not affect the amount of leading between lines,
only how the leading is measured. (See “
S
p
ecifying leading
”
on page
352
.)
Note: Top-to-top Leading and Bottom-to-bottom Leading are not available for vertical
text.
To specify how leading is measured:
1 Select the paragraphs you want to adjust.
2 Choose Top-to-top Leading or Bottom-to-bottom Leading from the Paragraph palette
menu. A check mark indicates which option is selected.
Using tate-chuu-yoko
Tate-chuu-yoko (also called kumimoji and renmoji) is a block of horizontal type laid out
within a vertical type line.
Before and after tate-chuu-yoko applied.
To turn on or turn off tate-chuu-yoko:
1 Select the characters that you want to rotate.
2 Choose Tate-Chuu-Yoko from the Character palette menu. A check mark indicates that
the option is turned on.
Note: Using tate-chuu-yoko does not prevent you from editing and formatting type; you
can edit and apply formatting options to rotated characters as you do to other characters.
Specifying left and right underlining
When working with vertical type, you can add an underline on either side of the type line.
For more information, see “
A
pplying under
line and str
ik
ethr
ough
”
on page
355
.
52
U
sing H
elp
| C
on
t
en
ts
| Inde
x
B
ack
365
Adobe Photoshop Help
Using Type
U
sing H
elp
| C
on
t
en
ts
| Inde
x
B
ack
365
Working with Japanese composition
The Paragraph palette includes several options for composing Japanese characters.
Kinsoku Shori Determines line breaks in Japanese type. Characters that cannot begin a
line or end a line are known as kinsoku characters. Photoshop includes weak and
maximum kinsoku sets based on the Japanese Industrial Standard (JIS) X 4051-1995.
Mojikumi Determines spacing between punctuation, symbols, numbers, and other
character classes in Japanese type. Photoshop includes several predefined mojikumi sets
based on the Japanese Industrial Standard (JIS) X 4051-1995.
Oidashi and Oikomi When kinsoku shori or mojikumi is on, you can choose different
methods for processing line breaks. Oidashi—push-out line breaking—is a method of
moving characters down to the next line in order to prevent prohibited characters from
ending or beginning a line. Oikomi—push-in line breaking—is a method of moving
characters up to the previous line in order to prevent prohibited characters from ending or
beginning a line.
To select a mojikumi set for a paragraph:
In the Paragraph palette, choose an option from the Mojikumi pop-up menu:
•
None to turn off the use of mojikumi.
•
Mojikumi Set 1 to use half-width spacing for punctuation.
•
Mojikumi Set 2 to use full-width spacing for most characters except the last character in
the line.
Mojikumi Set 1, and Mojikumi Set 2.
C# HTML5 Viewer: Deployment on ASP.NET MVC under Views according to config in picture above. RasterEdge.XDoc.PDF.HTML5Editor. dll. Open RasterEdge_MVC3 DemoProject, copy following content to your project:
copy and paste image from pdf to pdf; copy pdf picture to powerpoint
47
U
sing H
elp
| C
on
t
en
ts
| Inde
x
B
ack
366
Adobe Photoshop Help
Using Type
U
sing H
elp
| C
on
t
en
ts
| Inde
x
B
ack
366
•
Mojikumi Set 3 to use full-width spacing for most characters and the last character in
the line.
•
Mojikumi Set 4 to use full-width spacing for all characters.
Mojikumi Set 3, and Mojikumi Set 4.
To select a kinsoku shori set for a paragraph:
In the Paragraph palette, choose an option from the Kinsoku Shori pop-up menu:
•
None to turn off the use of kinsoku shori.
•
JIS Weak or JIS Maximum to prevent the following characters from beginning or ending
a line:
JIS Weak Set
Characters that can’t begin a line
Characters that can’t end a line
JIS Maximum Set
Characters that can’t begin a line
Characters that can’t end a line
38
U
sing H
elp
| C
on
t
en
ts
| Inde
x
B
ack
367
Adobe Photoshop Help
Using Type
U
sing H
elp
| C
on
t
en
ts
| Inde
x
B
ack
367
To select a kinsoku line breaking option:
Choose Oidashi or Oikomi from the Paragraph palette menu. A check mark indicates
which option is selected.
Using burasagari
Burasagari allows single-byte periods, double-byte periods, single-byte commas, and
double-byte commas to fall outside the paragraph bounding box.
To turn on or turn off burasagari:
Choose Burasagari from the Paragraph palette menu. A check mark indicates that the
option is turned on.
Note: The Burasagari option is not available when Kinsoku Shori is set to None.
72
U
sing H
elp
| C
on
t
en
ts
| Inde
x
B
ack
368
Adobe Photoshop Help
Designing Web Pages
U
sing H
elp
| C
on
t
en
ts
| Inde
x
B
ack
368
Designing Web Pages
About designing Web pages with Photoshop and
ImageReady
When designing Web pages using Adobe Photoshop and Adobe ImageReady, keep in
mind the tools and features that are available in each application.
•
Photoshop provides tools for creating and manipulating static images for use on the
Web. You can divide an image into slices, add links and HTML text, optimize the slices,
and save the image as a Web page.
•
ImageReady provides many of the same image-editing tools as Photoshop. In addition,
it includes tools and palettes for advanced Web processing and creating dynamic Web
images like animations and rollovers.
When you save an image for use as a Web page, you can choose to generate an HTML file.
This file contains information that tells a Web browser what to display when it loads the
page. It can contain pointers to images (in the form of GIF, PNG, JPEG, and WBMP files),
HTML text, linking information, and JavaScript code for creating rollover effects.
You can integrate your Web production process by opening Photoshop files directly in
Adobe GoLive. Slices, URLs, and other Web features in Photoshop files are accessible in
GoLive for management and editing. You can also open Photoshop files in GoLive as page
templates. Page templates display as a shaded preview and provide a visual guide for
building a Web page in GoLive. For more information on using GoLive, see the Adobe
GoLive User Guide.
Note: You can preview most Web effects directly in Photoshop or ImageReady. However,
the appearance of an image on the Web depends on the operating system, color display
system, and browser used to display the image. Be sure to preview images in different
browsers, on different operating systems, and with different color bit depths.
(See “
P
r
e
vie
wing an image in a br
o
w
ser
”
on page
53
.)
Creating and viewing slices
A slice is a rectangular area of an image that you can use to create links, rollovers, and
animations in the resulting Web page. Dividing an image into slices lets you selectively
optimize it for Web viewing.
69
U
sing H
elp
| C
on
t
en
ts
| Inde
x
B
ack
369
Adobe Photoshop Help
Designing Web Pages
U
sing H
elp
| C
on
t
en
ts
| Inde
x
B
ack
369
About slices
You use slices to divide a source image into functional areas. When you save the image as
a Web page, each slice is saved as an independent file that contains its own settings, color
palette, links, rollover effects, and animation effects. You can use slices to achieve faster
download speeds. Slices are also advantageous when working with images that contain
different types of data. For example, if one area of an image needs to be optimized in GIF
format to support an animation, but the rest of the image is better optimized in JPEG
format, you can isolate the animation using a slice.
Web page divided into slices:
A. Image slice B. Layer-based slice C. No Image slice D. Slice that contains a rollover
You set how the Photoshop or ImageReady application generates HTML code for aligning
slices—either using tables or cascading style sheets—in the Output Settings dialog box.
You can also set how slice files are named. (See “
S
etting output options
”
on page
442
.)
Types of slices
Slices you create using the slice tool are called user slices; slices you create from a layer are
called layer-based slices. When you create a new user slice or layer-based slice, additional
auto slices are generated to account for the remaining areas of the image. In other words,
auto slices fill the space in the image that is not defined by user slices or layer-based slices.
Auto slices are regenerated every time you add or edit user slices or layer-based slices.
User slices, layer-based slices, and auto slices look different—user slices and layer-based
slices are defined by a solid line, while auto slices are defined by a dotted line. In addition,
each type of slice displays a distinct icon. You can choose to show or hide auto slices,
which makes your work with user- and layer-based slices easier to view.
A subslice is a type of auto slice that is generated when you create overlapping slices.
Subslices indicate how the image will be divided when you save the optimized file.
Although subslices are numbered and display a slice symbol, you cannot select or edit
them separately from the underlying slice. Subslices are regenerated every time you
arrange the stacking order of slices.
Creating user slices
You can create user slices with the slice tool or from guides, and in ImageReady, from a
selection.
C
A
D
B
80
U
sing H
elp
| C
on
t
en
ts
| Inde
x
B
ack
370
Adobe Photoshop Help
Designing Web Pages
U
sing H
elp
| C
on
t
en
ts
| Inde
x
B
ack
370
To create a slice with the slice tool:
1 Select the slice tool . Any existing slices automatically display in the document
window.
2 Choose a style setting in the options bar:
•
Normal to determine slice proportions by dragging.
•
Fixed Aspect Ratio to set a height-to-width ratio. Enter whole numbers or decimals for
the aspect ratio. For example, to create a slice twice as wide as it is high, enter 2 for the
width and 1 for the height.
•
Fixed Size to specify the slice’s height and width. Enter pixel values in whole numbers.
3 Drag over the area where you want to create a slice. Shift-drag to constrain the slice to a
square. Alt-drag (Windows) or Option-drag (Mac OS) to draw from the center. Use snap to
align a new slice to a guide or another slice in the image. (See “
M
o
ving and r
esizing user
slic
es
”
on page
374
.)
To create slices from guides:
1 Add guides to an image. (See “
U
sing guides and the gr
id
”
on page
45
.)
2 Do one of the following:
•
(Photoshop) Select the slice tool, and click Slices From Guides in the options bar.
•
(ImageReady) Choose Slices > Create Slices from Guides.
When you create slices from guides, any existing slices are deleted.
To create a slice from a selection (ImageReady):
1 Select a portion of the image.
2 Choose Select > Create Slice from Selection.
ImageReady creates a user slice based on the selection marquee. If the selection is
feathered, the slice covers the full selection (including the feathered edges). If the
selection is nonrectangular, the slice covers a rectangular area large enough to enclose
the full selection.
Creating layer-based slices
When you create a slice from a layer, the slice area encompasses all the pixel data in the
layer. If you move the layer or edit the layer’s content, the slice area automatically adjusts
to encompass the new pixels.
Example of how a layer-based slice is updated when the source layer is modified
Documents you may be interested
Documents you may be interested
