Графический редактор
<<  Создание фотоколлажа с использованием готового шаблона фоторамочки в программе adobe photoshop Моделирование в среде графического редактора  >>
Color modes
Color modes
The Photoshop workspace
The Photoshop workspace
The toolbox
The toolbox
The toolbox
The toolbox
The toolbox
The toolbox
The options palette
The options palette
The File browser
The File browser
The File browser
The File browser
Cropping an image 1
Cropping an image 1
Cropping an image 1
Cropping an image 1
Cropping an image 2
Cropping an image 2
Resizing an image 2
Resizing an image 2
Resizing an image 3
Resizing an image 3
Saving images 2
Saving images 2
Save for Web dialogue box 1
Save for Web dialogue box 1
Save for Web dialogue box 2
Save for Web dialogue box 2
New image dialogue box
New image dialogue box
The pencil and paintbrush tools
The pencil and paintbrush tools
The pencil and paintbrush tools
The pencil and paintbrush tools
The color picker 1
The color picker 1
The color picker 2
The color picker 2
The paintbucket tool 2
The paintbucket tool 2
The gradient tool
The gradient tool
Custom gradients
Custom gradients
Saving gifs: dither
Saving gifs: dither
Adjustments 1
Adjustments 1
Adjustments 2
Adjustments 2
Dodge/burn/sponge tools
Dodge/burn/sponge tools
The clone tool 1
The clone tool 1
Filters 1
Filters 1
Filters 2
Filters 2
Creating transparent backgrounds 1
Creating transparent backgrounds 1
Creating transparent backgrounds 1
Creating transparent backgrounds 1
Creating transparent backgrounds 2
Creating transparent backgrounds 2
Transparency dither example
Transparency dither example
Transparency dither example
Transparency dither example
Transparency dither example
Transparency dither example
Layer basics 1
Layer basics 1
Layer basics 1
Layer basics 1
Layer basics 3
Layer basics 3
Compositing two images 1
Compositing two images 1
Compositing two images 2
Compositing two images 2
Transforming layers
Transforming layers
Adding text
Adding text
Adding text
Adding text
Character palette
Character palette
Картинки из презентации «Using Adobe Photoshop CS» к уроку информатики на тему «Графический редактор»

Автор: Jeffrey Z Wood. Чтобы познакомиться с картинкой полного размера, нажмите на её эскиз. Чтобы можно было использовать все картинки для урока информатики, скачайте бесплатно презентацию «Using Adobe Photoshop CS.ppt» со всеми картинками в zip-архиве размером 552 КБ.

Using Adobe Photoshop CS

содержание презентации «Using Adobe Photoshop CS.ppt»
Сл Текст Сл Текст
1Using Adobe Photoshop CS. Image 29color picker Background color picker
Editing software. 1. Default (in this case B&W) Click
2Table of contents. 2. Basic background or foreground to bring up color
concepts………………....................……...... picker.
..........…slide 3 What is Photoshop?, 30The color picker 2. 30. Color slider
other options, types of image files, The Color field Field/slider combo gives you
Photoshop workspace (toolbox, options bar, access to all colors Numeric color values
palettes) Basic photo manipulation Web safe colors option (important!) You
…....................………………..….slide 13 can sample colors with the CP eyedropper.
Opening, cropping, resizing, saving as 31The paintbucket tool 1. 31. Left-click
.jpeg Creating new and hold down to choose between
images………………....................…..……….sli paintbucket and gradient Paintbucket is
e 26 New image dialogue box, pencil and for solid fill backgrounds and patterns
paintbrush tools, paintbucket and gradient Solid fill – choose color from options bar
tools, saving as .gifs, dither Patterns – lots to chose from: cloth and
Adjusting/retouching paper textures, nature images (rocks,
photos……....................……………..slide flowers), abstract patterns Select proper
37 Rotation, adjustments, the layer, choose paintbucket, click on area
dodge-burn-sponge tools, the clone tool, to fill Can’t paint a background – change
the filters menu to layer first Tolerance and opacity on
Transparency……………....................……... options bar.
......................slide 46 Creating 32The paintbucket tool 2. 32. For
transparent backgrounds, saving patterned backgrounds Change Fill box from
transparent images, transparency dither Foreground to Pattern in options bar Use
Layers……………………………....................…………. Pattern box pulldown to see patterns to
…..slide 51 Layer basics, moving layers, use Use this button to bring up more
naming layers, copying layers, compositing pattern choices Select your pattern,
images, transforming layers, layer via choose layer, click on image.
copy/cut, adding text Other 33The gradient tool. 33. Gradient =
resources………………........................... gradual transition between two or more
.................slide 61. colors Choose gradient tool, choose preset
3Basic concepts. What is Photoshop?, from options bar “Draw” gradient with a
other options, types of image files, The left click and drag Starting and stopping
Photoshop workspace (toolbox, options bar, points and direction of dragged line will
palettes). 3. define gradient Use History panel to back
4What is Photoshop? 4. Image editing up, try again Click on Gradient box in
program Shows images as bitmaps Bitmap = toolbar to create own gradient.
arrangement of dots (pixels) on grid Don’t 34Custom gradients. 34. Preset gradients
confuse bitmap with file type called .bmp are here Click on these boxes to change
- just a descriptive term Pixel = “Picture opacity (for a fade to transparency) Click
element” - smallest unit of an image Size on these to change color of gradient Slide
of pixel depends on resolution Typical web them to change when gradient ends This
image: 72 dpi Typical print image: 300 dpi changes midpoint of transition.
or hgher End result can be saved in 35Saving .gifs 1. 35. File, Save for
variety of ways: .bmp, .jpeg, .gif, .tif. web, 4-Up tab (just like .jpegs) Can have
5Other options. 5. Adobe Elements between 2 and 256 colors More colors =
(basic, cheaper version of PShop) - $79 larger file size Control # of colors with
Corel Paintshop Pro - $79 (similar to this pulldown.
Elements) MS Photodraw/ PhotoEditor – 36Saving gifs: dither. 36. Dither
often free Software that comes with diffuses color boundaries by mixing pixels
digital camera. together Good for preventing “banding” in
6Types of image files 1. 6. .psd Native gradients and shading Turn it on using
Photoshop file, usually needs to be saved this pulldown (diffusion is usually best
as other type New images, layered images bet) Set amount of dither, from 0 to 100
start as .psd .gif Good for web, used for Don’t overdo it – can create graininess.
simple images, large eras of flat color 37Adjusting and retouching photos.
Often good for B & W Supports Rotation, adjustments, The
transparency Lossless .jpeg Good for web, dodge-burn-sponge tools, the clone tool,
used for photos or complex coloration the filters menu. 37.
(e.g. – gradients) Slightly longer to 38Rotation. 38. Image menu, Rotate
download (decompression time) Lossy canvas 180o, 90o clockwise or counter Flip
Doesn’t support transparency. horizontal or vertical Arbitrary is for
7Types of image files 2. 7. .png Good specific number of degrees (not really
for web, best of both worlds (lossless, arbitrary at all!) Bring up grid (View
supports complex photographs) Not menu, Show, Grid) for more accuracy.
supported by older browsers (pre IE 4, NN 39Adjustments 1. 39. Image menu,
6) Wait for all browsers to catch up adjustments allows you to fine-tune image
before using .tif Good for print media Can (or sections of image) LOTS of options
be imported by most apps (QuarkX, Adjust levels, color balance, brightness,
Pagemaker, InDesign) Large file sizes (but contrast Contrast and Color have both auto
compressible) Can supports layers .bmp and manual options Levels limits the range
Simple grid of pixels Uncompressed, large of pixels being used (auto-levels lets
file sizes Can be imported by almost all P-Shop do it) Very useful tool Auto option
apps. available as well.
8Color modes. 8. Image, Modes RGB is 40Adjustments 2. 40. To adjust just a
almost always best bet Default choice CMYK section of photo, use the marquee or lasso
for high end professional printers tool to select section, then adjust
Grayscale for B&W Index greatly (upper-left in toolbox) Marquee for
reduces file size IMPORTANT: If Photoshop squares/rectangles and circles/ellipses
is not allowing you to use a tool, change Lasso for irregular sections Regular lasso
mode from index to RGB 8-bit is usually for freehand (need good mouse skills)
adequate It’s per channel, so you’re Polygonal for point to point (I recommend
actually talking about 24 bit image in RGB this) “Magnetic” lasso for P-Shop to
mode 16-bit only for very high resolution decide (based on change in pixel value)
pictures Very large file size. Tip: Little circle in lower right of
9The Photoshop workspace. 9. Options cursor lets you know you’re done; quit
palette. image. before that and PShop will just keep
10The toolbox. 10. Commonly used tools drawing lasso.
arranged as icons Triangle in lower right 41Dodge/burn/sponge tools. 41. Dodge –
means multiple tools are nested there lightens an area Burn – darkens an area
Left-click the icon and hold down the Sponge – saturates or desaturates color
button to see all tools nested there. Mode box in options bar determines
Expanded: Gradient and paintbucket tools. saturate or desaturate For Dodge/Burn,
Paintbucket icon. keep exposure low (20-30), use multiple
11The options palette. 11. Just below passes For Sponge, keep flow low, use
the Menu choices Changes depending on multiple passes Use history palette to
which tool you’ve chosen from the toolbox “back up” if you go too far.
Allows greater control of that tool by 42The clone tool 1. 42. Really fun!
changing settings. Options palette for “Clones” pixels from one area of your
paintbucket tool. image and places them in another VERY
12The palettes. 12. 19 palettes useful for repair and retouching Select
available from the Windows menu Only need Clone stamp tool from Toolbox Bring up
a few up all the time Toolbox (already image Hold down Alt key – cursor turns to
discussed) Options (already discussed) crosshairs.
Layers One of the main reasons Photoshop 43The clone tool 2. 43. Move cursor to
is so versatile Layer images on top of general area you want to clone from (make
other images – mix text, photos, shapes by sure there’s room on all sides) With Alt
superimposing them History Ctrl + Z only key still held down, left-click to select
works for the last thing you did History clone area Left-click and drag to paint
palette lets you go “back in time” step by cloned pixels onto new area Cross marks
step - particularly useful when you’re where you are sampling from – will move as
first learning Photoshop, so you can back your cursor moves Re-sample clone pixels
out of a bad decision Pull up others (e.g. as needed Change brush size in options bar
Character for text, Styles for special as needed Takes practice, but a very
effects) as needed. useful tool.
13Basic photo manipulation. Opening, 44Filters 1. 44. Almost as fun as the
cropping, resizing, saving as .jpeg. 13. clone tool! Over 100 effects to choose
14Opening an image: the file browser. from Some are subtle, some bizarre Filter
14. If you know exact name of file… File, gallery is best approach: Allows you to
Open Web sites often have huge numbers of quickly tour all filters Shows preview on
images 1 images folder – gets bigger and left as you adjust variables.
bigger For large libraries of images, or 45Filters 2. 45. preview. variables.
non-descriptive file names… Window, File filters.
browser Gives thumbnail of every picture 46Transparency. Creating transparent
in folder Allows fast ways to browse, backgrounds, saving transparent images,
sort, flag, rotate, delete, etc. transparency dither. 46.
15The File browser. 15. Rotate. Flag. 47Creating transparent backgrounds 1.
Search. Delete. Folder browser. 47. Bring up image Need a flat color
Thumbnails. Metadata. background L-click and hold down eraser
16Cropping an image 1. 16. Bring up tool to get all options Choose Magic
image File, Open (if you know the name of Eraser tool Set tolerance to 5 in options
file) Window, File Browser (to see bar (a starting point) Anti-alias should
thumbnails of all images in a folder) be checked (gets rid of “jaggies” on
Choose cropping tool Left-click and drag edges) Uncheck contiguous to make insides
to define crop area Uncropped area will be of letters transparent.
shaded Don’t have to be perfect Use sizing 48Creating transparent backgrounds 2.
boxes to fine-tune crop area. 48. Click on background Background will
17Cropping an image 2. 17. When you’re disappear, checkerboard will appear No
happy with crop, double-click inside it checkerboard in actual image If some
Cursor will change to solid black triangle background remains, Ctrl + Z, raise
The cropped image will be displayed Rename tolerance If some logo is gone, Ctrl + Z,
the image (so you don’t overwrite original lower tolerance If you get ? symbol,
image) and save it AFTER you’ve saved it, change image mode from index to RGB Image
when Photoshop asks if you want to save menu, choose Mode, choose RGB.
changes, say “no” (it’s counter-intuitive, 49Saving .gifs: transparency dither. 49.
but you’ve already saved a version of your Only .gifs support transparency Turn on
image) We’ll discuss save options in a few transparency here Background will be
minutes. checkerboard Turn on transparency dither
18Resizing an image 1. 18. For web: here (diffusion usually best) % of
smaller image = smaller file size = faster transparency dither Again, don’t go crazy.
download time Also lower file size by 50Transparency dither example. 50.
compressing when saving Web images are Without transparency dither With 51%
measured in pixels Actual size depends on diffusion transparency dither (all other
resolution Design with 800 x 600 in mind variables the same).
640 x 480 (1%)* 800 x 600 (29%)* 1024 x 51Layers. Layer basics, moving layers,
768 and higher (68%)* Your specific naming layers, copying layers, compositing
audience might skew higher or lower. images, transforming layers, layer via
*these numbers are notoriously hard to copy/cut, adding text. 51.
track accurately. 52Layer basics 1. 52. Layers are like
19Resizing an image 2. 19. Images will sheets of glass stacked on top of each
not necessarily be shown actual size in other From top to bottom: Text layer Text
Photoshop Look at title bar to see effect/Drop shadow Photo at left Gray
percentage Ctrl and + to zoom in Ctrl and background L-click and drag layers to move
– to zoom out Magnifying glass in toolbar them up or down.
does this too (more cumbersome, but good 53Layer basics 2. 53. Visibility off/on
for zooming in on the specific area you toggle. Selected layer. New layer/Drag
click) View menu, Actual Pixels will also here to copy. effects. Drag here to
take you to 100%. delete.
20Resizing an image 3. 20. Image menu, 54Layer basics 3. 54. Name your layers
Image Size Make sure “Constrain with a descriptive name Right-click a
proportions” is checked to avoid layer and choose “layer properties” You
stretching Link icon appears Change width can left-click right inside the name to
(in pixels), height will automatically change it too The “color” pulldown allows
change Use document size box for print you to color code you layers Good
(set in inches, not pixels) Save as new organization technique for complex images.
file name, so as not to overwrite original 55Compositing two images 1. 55. You can
image. save a layer from one image directly into
21Saving images 1. 21. General rule: another image Fast effective way to
Photos, complex images save as .jpegs composite two images Right-click on layer,
Cartoonish images with large areas of flat select Duplicate Layer Destination
color save as .gifs Many exceptions, so document must be open as well Choose
try both options and compare side by side destination document from pull-down.
(using 2-up or 4-up) .png is not supported 56Compositing two images 2. 56. You can
by all browsers, so try to avoid drag layers from one image to another Both
Transparency supported by .gif, but not images must be open Select Move tool from
.jpeg Goal is to find a compromise between toolbox L-click and drag You’ll see new
file size and image quality Lower file layer in layer palette Drag multiple times
size = lower image quality. to create “clone” images If it doesn’t
22Saving images 2. 22. After you’ve work, make sure both images are in RGB
cropped, resized, adjusted File, Save for mode Fine-tune position by using arrow
web ImageReady is another option (icon at keys to move it to correct spot.
bottom of toolbox) IR doesn’t help that 57Transforming layers. 57. Use transform
much with simple images (use for to manipulate a layer within an image, not
animation, links, rollovers – web specific entire image Select layer to transform
tasks) Dialogue box appears Choose 4-Up Edit menu, Transform Resize, rotate, flip,
tab at top. etc. Use sizing boxes or Options bar If
23Save for Web dialogue box 1. 23. 4 resizing, use Scale command Click chain
versions of picture Allows side-by-side link in options bar to keep width/height
comparison of different settings Use these ratio intact.
controls to change settings. 58Layer via copy or cut. 58. You can
24Save for Web dialogue box 2. 24. Ctrl select a section of a layer, then copy or
and + or – will allow you to zoom in or cut the selection into new layer Use
out L-Click and drag allows you to drag Marquee or Lasso tool to make a selection
image around Download time under all 4 Right-click Choose “Layer via copy” or
versions: CRUCIAL piece of info. “Layer via cut”.
25Saving .jpegs. 25. Use this pulldown 59Adding text. 59. Choose text tool Two
to switch between jpeg and gif Use this ways to begin: Click once on image for
slider to adjust quality Higher quality = insertion point, begin typing, or… L-click
larger file size Often get by with 15-20 and drag to define text area, then start
for web use Zoom in and drag around to typing Use Options bar for basic
look for “artifacts” Little blemishes manipulation Text options can all be
caused by compression process, often in changed after the fact – highlight text,
areas of flat color Adding a little blur then change settings on Options bar Font
with this slider sometimes masks artifacts type, style, size, anti-alias type,
or poor image quality Don’t overdo it! alignment, color.
26Creating new images. New image 60Character palette. 60. For more
dialogue box, pencil and paintbrush tools, advanced manipulation Window menu,
paintbucket and gradient tools, saving as Character Particularly useful for
.gifs, dither. 26. squeezing text or spreading it out.
27New image dialogue box. 27. Width, Kerning – space between 2 letters (on
height in pixels, inches, cm, etc. either side of cursor). Leading – space
Resolution: 72 ppi for web work,300 or between lines. Tracking – space between
higher for print Color mode: RGB best all letters. Vertical scale – adjusts
default, grayscale for B&W, CMYK for height of type. Horizontal scale – adjusts
high-end print work Background content: width of type. Upper/lower case, sub/super
transparent for gifs only, background script, etc.
color needs to be set beforehand. 61Other resources. 61. Websites:
28The pencil and paintbrush tools. 28. Photoshop training videos
Left-click and hold down icon to choose http://www.ext.colostate.edu/pshop/
Pencil has hard edges Brush has feathered ImageReady training videos
edges Brush pulldown in options bar http://www.ext.colostate.edu/iready/
controls diameter, hardness Brush palette Photoshop and ImageReady CDs Same material
has presets for stars, leaves, grass, etc. as website, larger screen size Email me
29The color picker 1. 29. On toolbox and ask for them
Flips background and foreground Foreground jwood@coop.ext.colostate.edu.
Using Adobe Photoshop CS.ppt
cсылка на страницу

Using Adobe Photoshop CS

другие презентации на тему «Using Adobe Photoshop CS»

«Adobe Flash» - Шлюз. Сенсор, клавиатура, мышь. Драйвер устройств. Аппаратное ускорение. Композитный менеджер. Video. Flash lite в разработках HMI. Датчик. QNX CAR. Cообщество разработчиков. MPEG4. Характеристики технологии Adobe Flash. Adobe Photoshop. Почему Adobe Flash? ОСРВ QNX Полный HMI фрэймворк Приложения, виджеты, сервисы...

«Gif-анимация в Photoshop» - 16) Для каждого кадра установите длительность: 9) Изменить размер «звёздочки»: 14) Перейдите в другой кадр и сделайте другой слой невидимым: 8) Создать новый слой: 6) Установить форму и размер кисти – Star 42 pixels: 17) Сохраните файл в формате GIF (File – Save for Web & Devices…) в свою папку:

«Photoshop программа» - Помощь. Клавиатурный эквивалент для переключения инструмента – латинская <M>. Возможность выделения и работы с частями изображения незаменима для оформления монтажей. Выделение строки или столбца толщиной в один пиксел. Кисть/карандаш. Изображение. Заметки. Палитра Инструменты. Палитра Каналы.

«Adobe Flash прозрачный фон» - Modify. Trace bitmap… Bitmap. Прозрачный фон у изображений в программе Adobe Flash CS3 Professional. Color threchold - 8 Minium area - 3. Файл – Import – Import to Stage-. В результате картинка выделилась точками. Импортирум картинку на сцену. Выбираем картинку и нажимаем Открыть. Открываем новый документ , задаем фон и размеры сцены.

«Учебник Adobe Photoshop» - Залить фон черным цветом (Поставить какой бы вы хотели цвет и залить). Запишите ответы в тетрадь! К оглавлению. Заливка, градиент. Корректировка. 1. Назовите опции для редактирования картинок? После выбора на экране размывайте изображения изображения. Текст: Вверху можно задавать размер (большой или маленький).

«Adobe premier» - Цифровой нелинейный видеомонтаж. Понятие видео монтажа. Прямая склейка. Порядок действий при монтаже. Цифровое видео. Цифровое видео (DV) - общее обозначение любого видеосигнала, хранящегося в цифровом формате. Инструменты монтажа. Дополнительные требования к ПК для профессионалов. ADOBE PREMIER. Традиционный линейный видеомонтаж.

Графический редактор

29 презентаций о графическом редакторе


130 тем