SlideShare a Scribd company logo
1 of 28
Размери на
изображенията
Размери. Концепция
• Image => Image Size
• Pixels Dimensions
• Document Size
• И двата размера се отнасят до
размера на документа!
• И двата размера са коректни
• Pixel Dimensions => физически
размер
• Document Size => логически размер
Физически размер
• Качеството варира според броя пиксели
• Физическият размер определя броя
пиксели
• От физическия размер (размера в
пиксели) зависи прагът на детайлност
на изображението и качеството му
• Колкото по-малък е размерът на пиксела
като съотношение спрямо общото
изображение, толкова по-голяма е
детайлността
Колкото по-близко е един елемент до
размера на пиксела, толкова по-
незабележим и нечетим става той
При малък брой пиксели, техният
видим размер се увеличава спрямо
общия размер на растера
Логически размер
• Размерът в cm, mm и т.н.
• Необходим е, когато правим дизайн за
печат, или когато работим успоредно с
други графични редактори (Illustrator)
• Не носи информация за детайлността
на изображението или качеството му
Резолюция
• Показва отношението между физически и
логически размер
• Резолюция = Брой пиксели / 1 см
(дължина)
• Можем да открием размерът на пиксела
чрез резолюцията
– 1 cm / 100 px = 0,01 cm
• Брой пиксели / инч
• PPI = pixels per inch
• DPI = dots per inch => печатна резолюция
на устройството
Значение и стандарти на
резолюцията
• Определя качеството на печатното
изделие
– Билборд – по-ниска резолюция
– Списание – по-висока резолюция
• Стандарти
– 300 ppi – стандарт за печат => пикселът е
трудно различим с око
– 1 инч/300 рх = 25,4 мм/300 рх = 0,085 мм
• Текстове и други елементи, изискващи
детайлност, често се правят във
векторни програми
Как да пресметнем размер
• Във Photoshop най-често създаваме
документите в пиксели (задаваме
физически размер)
• Ако работим за печат, можем да изчислим
физическия размер, ако разполагаме с
логическия размер и резолюцията:
– Размер за печат: 100 х 70 mm =>
– 100mm x 25,4= 2,913 in
– 2,913 in x 300 ppi = 874 px
• Вариант 2: задаваме резолюцията и
логическия размер в прозореца за нов
документ
Resampling /
“Вземане на проба”
• Определение: процесът на промяна на
физическия размер
• Променяме броя пиксели =>
информацията за цвета трябва да се
преразпредели за новия брой пиксели
=> RESAMPLING
Resampling на изображение
• 2 варианта:
– Намаляване на размера в пиксели – налага
се да премахнем част от информацията на
пикселите
– Увеличаване на размера в пиксели – трябва
да добавим нова информация
• Винаги е по-лесно да намалим даден
размер
Проблеми
• При намаляване, малките детайли
изчезват => дори да увеличим отново
размера, детайлите вече не
съществуват
• При увеличаване, отделните пиксели
могат да изгубят индивидуалността си,
защото липсва информация
• =>Необходимо е да създадем още
информация
Алгоритми за resampling
• Изчисляват цветовата информация
за новите пиксели на база
заобикалящите ги
• Nearest Neighbor – най-простият алгоритъм:
копира цветът на най-близкия пиксел =>
малките детайли изчезват (използва се за
малки изображения)
• Bilinear – малко по-сложен алгоритъм:
изчислява цвета на новия пиксел според
заобикалящите го пиксели, т.е. изчислява нова
стойност
Алгоритми за resampling
• Bicubic – най-сложният алгоритъм: подобен
на действие на Bilinear, но опитва да
компенсира замъгляването на малките
детайли (подчертава контрастните зони)
Артефакти след resampling
• Артефакти – изкуствено създадени след
(грешки) в изображението след resampling:
– “Блокове” пиксели в един цвят
– Тъмни и светли “ореоли” около зоните на контраст
• Артефактите не изчезват сами!
• Артефактите се натрупват с всяко
ново преоразмеряване!
Промяна на размера
на изображението
Команда Image Size
• Image => Image Size (Alt + Ctrl + I)…
• Можем да променяме и физическия, и
логическия размер
• Resample Image – трябва да е
отметнато, за да променим размера в
пиксели
• Constrain Proportions – променяме
размера, но запазваме пропорциите
Избор на алгоритъм
• Общо 6 алгоритъма
• Bicubic (best for smooth gradients) –
стандартният бикубичен алгоритъм
• Bicubic Smoother (best for enlargement) –
маскира “назъбените” пиксели чрез
замъгляване
• Bicubic Sharper ( best for reduction) –
запазва възможно най-много детайли чрез
изкуствено изостряне
• Bicubic Automatic – Photoshop избира
вместо нас
Завъртане на изображение
• Image => Image Rotation => подменю
с опции
• Arbitrary командата – завъртаме под
избран от нас ъгъл
– Изисква resampling, поради което
намалява качеството на изображението
Подравняване на изображение
• Ruler Tool
• Начертаваме хоризонтална линия
• Избираме бутон Straighten Layer
(“Изправи слоя”) в лентата с настройки
• Променяме само слоя, с който работим
• Документът остава с непроменен
размер
• Използва се често с командата
Crop/Изрежи
Изрязване на изображение
• Image => Crop (използва се с
предварителна селекция)
• За изрязване или преоразмеряване
• Image => Trim…
– Изрязва изображения на база на
монохроматично оцветени части
– Based On => Transparent pixels
– Top Left Pixel Color
– Bottom Right Pixel Color
– Trim Away => посочваме страната за изрязване
Команда Canvas Size
• Canvas Size => Размер на платното
• Image => Canvas Size…
• Current Size (настоящ размер) <=> New
Size
• Не използва resampling! Добавя или
премахва пиксели
• В полето Anchor избираме страна за
оразмеряване на “платното”
• Отметка Relative – с относителен или
абсолютен размер работим
• Canvas extension color – цвят на
запълване на добавените пиксели
Инструмент Crop Tool
• Crop = Изрежи
• Появява се рамка около цялото
изображение
• Можем сами да начертаем рамка или
трансформираме оригиналната рамка
(чрез маркерите по края ѝ)
• Enter / “Tick” => извършва изрязването
• Esc / Cancel => отказва изрязването
• Задържане на бутони Shift/Alt
• Завъртане на изображението в рамката –
изисква resampling
Настройки на Crop Tool
• Лента с опции => Бутон за настройки
• Use Classic Mode => преминаваме към
стария режим на инструмента
• Show Cropped Area
• Enable Crop Shield => определя цвета на
зоната, която изрязваме
• Crop with Resizing = Изрежи и оразмери
=> изисква resampling
• Unconstrained => въвеждаме ръчно
широчина и височина
• Size and resolution => въвеждаме размер
и резолюция
Настройки на Crop Tool
• View => падащо меню с помощни
маркировки за изрязване
– Правило на третините
– Грид (Мрежа)
– Диагонал
– Триъгълник
– Златно сечение
– Златна спирала
Корекция на перспектива
• Perspective Crop Tool
• Начертаваме мрежа, като поставяме
точки в 4-те ъгъла
• Преместваме точките така, че
перспективата да е правилна
• Enter / “Tick”, за да потвърдим
• Изисква resampling => нарушено
качество
Въпроси?

More Related Content

What's hot (13)

Photoshop 1
Photoshop 1Photoshop 1
Photoshop 1
 
PhS - Урок 10
PhS - Урок 10PhS - Урок 10
PhS - Урок 10
 
PhS - Урок 12
PhS - Урок 12PhS - Урок 12
PhS - Урок 12
 
Comp graph
Comp graphComp graph
Comp graph
 
Photoshop 4
Photoshop 4Photoshop 4
Photoshop 4
 
Урок 3 4 - layer blend modes and effects
Урок 3 4 - layer blend modes and effectsУрок 3 4 - layer blend modes and effects
Урок 3 4 - layer blend modes and effects
 
Photoshop 3
Photoshop 3Photoshop 3
Photoshop 3
 
PhS - Урок 7
PhS - Урок 7PhS - Урок 7
PhS - Урок 7
 
Mask
MaskMask
Mask
 
Adobe photoshop cs3
Adobe photoshop cs3Adobe photoshop cs3
Adobe photoshop cs3
 
Layers
LayersLayers
Layers
 
PhS - Урок 11
PhS - Урок 11PhS - Урок 11
PhS - Урок 11
 
Gimp
GimpGimp
Gimp
 

Viewers also liked

Big Eyes- Paintings by Scott Rohlfs
Big Eyes- Paintings by Scott RohlfsBig Eyes- Paintings by Scott Rohlfs
Big Eyes- Paintings by Scott Rohlfs
maditabalnco
 
теория на дизайна 5
теория на дизайна 5теория на дизайна 5
теория на дизайна 5
RaynaITSTEP
 
Презентація на тему: Робота з програмаю фотошоп
Презентація на тему: Робота з програмаю фотошопПрезентація на тему: Робота з програмаю фотошоп
Презентація на тему: Робота з програмаю фотошоп
popka2
 

Viewers also liked (20)

теория на дизайна 2
теория на дизайна 2теория на дизайна 2
теория на дизайна 2
 
Журнальные издания
Журнальные изданияЖурнальные издания
Журнальные издания
 
Big Eyes- Paintings by Scott Rohlfs
Big Eyes- Paintings by Scott RohlfsBig Eyes- Paintings by Scott Rohlfs
Big Eyes- Paintings by Scott Rohlfs
 
Cvetmod
CvetmodCvetmod
Cvetmod
 
Как виртуальная реальность меняет работу девелоперов?
Как виртуальная реальность меняет работу девелоперов?Как виртуальная реальность меняет работу девелоперов?
Как виртуальная реальность меняет работу девелоперов?
 
Lekctr
LekctrLekctr
Lekctr
 
теория на дизайна 4
теория на дизайна 4теория на дизайна 4
теория на дизайна 4
 
Допечатная подготовка
Допечатная подготовкаДопечатная подготовка
Допечатная подготовка
 
1 ps pr
1 ps pr1 ps pr
1 ps pr
 
презентация1. фотошоп слайды
презентация1. фотошоп слайдыпрезентация1. фотошоп слайды
презентация1. фотошоп слайды
 
Въведение
ВъведениеВъведение
Въведение
 
теория на дизайна 6
теория на дизайна 6теория на дизайна 6
теория на дизайна 6
 
Sharpie UX @ Fluxible 2013
Sharpie UX @ Fluxible 2013Sharpie UX @ Fluxible 2013
Sharpie UX @ Fluxible 2013
 
теория на дизайна 5
теория на дизайна 5теория на дизайна 5
теория на дизайна 5
 
Введение
ВведениеВведение
Введение
 
Презентація на тему: Робота з програмаю фотошоп
Презентація на тему: Робота з програмаю фотошопПрезентація на тему: Робота з програмаю фотошоп
Презентація на тему: Робота з програмаю фотошоп
 
Keith Hansen Night Owls
Keith Hansen   Night OwlsKeith Hansen   Night Owls
Keith Hansen Night Owls
 
Книжная продукция
Книжная продукцияКнижная продукция
Книжная продукция
 
создание календаря Google
создание календаря Googleсоздание календаря Google
создание календаря Google
 
Photoshop Workshop 1 - Fall 2012
Photoshop Workshop 1 - Fall 2012Photoshop Workshop 1 - Fall 2012
Photoshop Workshop 1 - Fall 2012
 

Similar to PhS - Урок 3 (13)

Photoshop 2
Photoshop 2Photoshop 2
Photoshop 2
 
Rasterisation
RasterisationRasterisation
Rasterisation
 
Rasterisation
RasterisationRasterisation
Rasterisation
 
Rasterisation
RasterisationRasterisation
Rasterisation
 
Kg 1
Kg 1Kg 1
Kg 1
 
Kursov proekt pp-6
Kursov proekt pp-6Kursov proekt pp-6
Kursov proekt pp-6
 
Kursov proekt pp-6
Kursov proekt pp-6Kursov proekt pp-6
Kursov proekt pp-6
 
Uroc8 6klas
Uroc8 6klasUroc8 6klas
Uroc8 6klas
 
Graficni formati
Graficni formatiGraficni formati
Graficni formati
 
Kursov proekt pp-5
Kursov proekt pp-5Kursov proekt pp-5
Kursov proekt pp-5
 
Kursov proekt pp-5
Kursov proekt pp-5Kursov proekt pp-5
Kursov proekt pp-5
 
Rasterni failovi formati
Rasterni failovi formatiRasterni failovi formati
Rasterni failovi formati
 
Microsoft office picture_manager_bg
Microsoft office picture_manager_bgMicrosoft office picture_manager_bg
Microsoft office picture_manager_bg
 

More from RaynaITSTEP

More from RaynaITSTEP (20)

Project management professional
Project management professionalProject management professional
Project management professional
 
Project management it step
Project management it stepProject management it step
Project management it step
 
Lean startup
Lean startupLean startup
Lean startup
 
РАБОТА С ОБЕКТА „ЗАЯВКА“ (2)
РАБОТА С ОБЕКТА „ЗАЯВКА“ (2)РАБОТА С ОБЕКТА „ЗАЯВКА“ (2)
РАБОТА С ОБЕКТА „ЗАЯВКА“ (2)
 
DBT_3
DBT_3DBT_3
DBT_3
 
DBT_2
DBT_2DBT_2
DBT_2
 
DBT_1
DBT_1DBT_1
DBT_1
 
monitoring and diagnostics
monitoring and diagnosticsmonitoring and diagnostics
monitoring and diagnostics
 
network security
network securitynetwork security
network security
 
networking
networkingnetworking
networking
 
data security
data securitydata security
data security
 
configuring disk sand drivers
configuring disk sand driversconfiguring disk sand drivers
configuring disk sand drivers
 
boot process
boot process  boot process
boot process
 
install update and migration to windows 10
install update and migration to windows 10install update and migration to windows 10
install update and migration to windows 10
 
virtualization
virtualizationvirtualization
virtualization
 
Фотошоп за деца_4
Фотошоп за деца_4Фотошоп за деца_4
Фотошоп за деца_4
 
Структурни кабелни системи
Структурни кабелни системиСтруктурни кабелни системи
Структурни кабелни системи
 
Android introduction
Android introductionAndroid introduction
Android introduction
 
Adobe Illustrator - Урок 2
Adobe Illustrator - Урок 2Adobe Illustrator - Урок 2
Adobe Illustrator - Урок 2
 
Adobe Illustrator - Обобщение
Adobe Illustrator - ОбобщениеAdobe Illustrator - Обобщение
Adobe Illustrator - Обобщение
 

PhS - Урок 3

  • 1.
  • 3. Размери. Концепция • Image => Image Size • Pixels Dimensions • Document Size • И двата размера се отнасят до размера на документа! • И двата размера са коректни • Pixel Dimensions => физически размер • Document Size => логически размер
  • 4. Физически размер • Качеството варира според броя пиксели • Физическият размер определя броя пиксели • От физическия размер (размера в пиксели) зависи прагът на детайлност на изображението и качеството му • Колкото по-малък е размерът на пиксела като съотношение спрямо общото изображение, толкова по-голяма е детайлността
  • 5. Колкото по-близко е един елемент до размера на пиксела, толкова по- незабележим и нечетим става той При малък брой пиксели, техният видим размер се увеличава спрямо общия размер на растера
  • 6. Логически размер • Размерът в cm, mm и т.н. • Необходим е, когато правим дизайн за печат, или когато работим успоредно с други графични редактори (Illustrator) • Не носи информация за детайлността на изображението или качеството му
  • 7. Резолюция • Показва отношението между физически и логически размер • Резолюция = Брой пиксели / 1 см (дължина) • Можем да открием размерът на пиксела чрез резолюцията – 1 cm / 100 px = 0,01 cm • Брой пиксели / инч • PPI = pixels per inch • DPI = dots per inch => печатна резолюция на устройството
  • 8. Значение и стандарти на резолюцията • Определя качеството на печатното изделие – Билборд – по-ниска резолюция – Списание – по-висока резолюция • Стандарти – 300 ppi – стандарт за печат => пикселът е трудно различим с око – 1 инч/300 рх = 25,4 мм/300 рх = 0,085 мм • Текстове и други елементи, изискващи детайлност, често се правят във векторни програми
  • 9. Как да пресметнем размер • Във Photoshop най-често създаваме документите в пиксели (задаваме физически размер) • Ако работим за печат, можем да изчислим физическия размер, ако разполагаме с логическия размер и резолюцията: – Размер за печат: 100 х 70 mm => – 100mm x 25,4= 2,913 in – 2,913 in x 300 ppi = 874 px • Вариант 2: задаваме резолюцията и логическия размер в прозореца за нов документ
  • 10. Resampling / “Вземане на проба” • Определение: процесът на промяна на физическия размер • Променяме броя пиксели => информацията за цвета трябва да се преразпредели за новия брой пиксели => RESAMPLING
  • 11. Resampling на изображение • 2 варианта: – Намаляване на размера в пиксели – налага се да премахнем част от информацията на пикселите – Увеличаване на размера в пиксели – трябва да добавим нова информация • Винаги е по-лесно да намалим даден размер
  • 12. Проблеми • При намаляване, малките детайли изчезват => дори да увеличим отново размера, детайлите вече не съществуват • При увеличаване, отделните пиксели могат да изгубят индивидуалността си, защото липсва информация • =>Необходимо е да създадем още информация
  • 13. Алгоритми за resampling • Изчисляват цветовата информация за новите пиксели на база заобикалящите ги • Nearest Neighbor – най-простият алгоритъм: копира цветът на най-близкия пиксел => малките детайли изчезват (използва се за малки изображения) • Bilinear – малко по-сложен алгоритъм: изчислява цвета на новия пиксел според заобикалящите го пиксели, т.е. изчислява нова стойност
  • 14. Алгоритми за resampling • Bicubic – най-сложният алгоритъм: подобен на действие на Bilinear, но опитва да компенсира замъгляването на малките детайли (подчертава контрастните зони)
  • 15. Артефакти след resampling • Артефакти – изкуствено създадени след (грешки) в изображението след resampling: – “Блокове” пиксели в един цвят – Тъмни и светли “ореоли” около зоните на контраст • Артефактите не изчезват сами! • Артефактите се натрупват с всяко ново преоразмеряване!
  • 16. Промяна на размера на изображението
  • 17. Команда Image Size • Image => Image Size (Alt + Ctrl + I)… • Можем да променяме и физическия, и логическия размер • Resample Image – трябва да е отметнато, за да променим размера в пиксели • Constrain Proportions – променяме размера, но запазваме пропорциите
  • 18. Избор на алгоритъм • Общо 6 алгоритъма • Bicubic (best for smooth gradients) – стандартният бикубичен алгоритъм • Bicubic Smoother (best for enlargement) – маскира “назъбените” пиксели чрез замъгляване • Bicubic Sharper ( best for reduction) – запазва възможно най-много детайли чрез изкуствено изостряне • Bicubic Automatic – Photoshop избира вместо нас
  • 19. Завъртане на изображение • Image => Image Rotation => подменю с опции • Arbitrary командата – завъртаме под избран от нас ъгъл – Изисква resampling, поради което намалява качеството на изображението
  • 20. Подравняване на изображение • Ruler Tool • Начертаваме хоризонтална линия • Избираме бутон Straighten Layer (“Изправи слоя”) в лентата с настройки • Променяме само слоя, с който работим • Документът остава с непроменен размер • Използва се често с командата Crop/Изрежи
  • 21. Изрязване на изображение • Image => Crop (използва се с предварителна селекция) • За изрязване или преоразмеряване • Image => Trim… – Изрязва изображения на база на монохроматично оцветени части – Based On => Transparent pixels – Top Left Pixel Color – Bottom Right Pixel Color – Trim Away => посочваме страната за изрязване
  • 22. Команда Canvas Size • Canvas Size => Размер на платното • Image => Canvas Size… • Current Size (настоящ размер) <=> New Size • Не използва resampling! Добавя или премахва пиксели • В полето Anchor избираме страна за оразмеряване на “платното” • Отметка Relative – с относителен или абсолютен размер работим • Canvas extension color – цвят на запълване на добавените пиксели
  • 23. Инструмент Crop Tool • Crop = Изрежи • Появява се рамка около цялото изображение • Можем сами да начертаем рамка или трансформираме оригиналната рамка (чрез маркерите по края ѝ) • Enter / “Tick” => извършва изрязването • Esc / Cancel => отказва изрязването • Задържане на бутони Shift/Alt • Завъртане на изображението в рамката – изисква resampling
  • 24. Настройки на Crop Tool • Лента с опции => Бутон за настройки • Use Classic Mode => преминаваме към стария режим на инструмента • Show Cropped Area • Enable Crop Shield => определя цвета на зоната, която изрязваме • Crop with Resizing = Изрежи и оразмери => изисква resampling • Unconstrained => въвеждаме ръчно широчина и височина • Size and resolution => въвеждаме размер и резолюция
  • 25. Настройки на Crop Tool • View => падащо меню с помощни маркировки за изрязване – Правило на третините – Грид (Мрежа) – Диагонал – Триъгълник – Златно сечение – Златна спирала
  • 26. Корекция на перспектива • Perspective Crop Tool • Начертаваме мрежа, като поставяме точки в 4-те ъгъла • Преместваме точките така, че перспективата да е правилна • Enter / “Tick”, за да потвърдим • Изисква resampling => нарушено качество
  • 27.