Pixelmind weBlog - уеб дизайн | графичен дизайн | предпечат » photoshop

Vignette ефект с Photoshop

ph1x — Sun, 21 Feb 2010 16:55:56 +0000

Vignette ефектът във фотографията се изразява в намаляване на осветеността и/или цветността във външните части на изображението. Такъв ефект често се създава умишлено, за да се засили фокусът върху централната част на снимката. С типовете Vignette ефект може да се запознаете тук, a как да си създадем такъв ефект с Photoshop, Illustrator, InDesign, Lightroom…ще отговорят, този и следващите два три поста.

Как да създадем Vignette ефект с Photoshop?!

Начините за създаване на такъв ефект не са един и два. Може би всеки, който го е правил си има свой си начин с комбинация от селекция, feather и multiply mode на слоя запълнен по крайщата с полупрозрачен черен цвят… но от няколко версии Photoshop си има интегриран инструмент за създаване на Vignette. Въпреки, че името на филтъра можеше да бъде по-интуитивно, функцията не е чак толкова покрита. Просто отворете Filter/Lesn Correction, от дясната страна наред с Distortion, Chromatic Aberration, Transform и останалите възможности ще видите и Vignette. Досадния grid, който виждате върху изображението може да скриете с ctrl+H, за съжаление все още няма начин да е скрит по подразбиране.

През Lens Correction може да променяме осветеността както с положителни така и с отрицателни стойности, което значи, че освен да създаваме можем и да премахваме до известна степен този ефект, ако се е получил неумишлено при снимане. Ако променяте поредица от снимки с едни и същи стойности може да сe улесните като си запазите preset, през падащото меню на Settings, както се вижда на screenshot-а по-горе.

Автор на снимката с мустакатото коте – неизвестен.

20 години Photoshop

ph1x — Tue, 19 Jan 2010 20:02:03 +0000

Февруари 1990 година на бял свят излиза първата версия на Photoshop. Дали тогава това е било новина за масовата аудитория не знам, но в момента индустрията се е изменила дотам, че всяка следваща версия на Photoshop се превръща в новина за милиони хора и няма как да не е така след като за тези 20 години Photoshop се превърна в стандарт за обработка на растерна графика.
Вижте едно интервю с братът на създателя на Photoshop John Knoll (Photoshop co-founder).

Няколко месеца след 20-годишнината от излизането на Photoshop 1.0, очаквам да видя Photoshop 12, като част от Creative Suite 5. Част от информацията, която малко по малко изтича за CS5 може да видите тук.

Встрани от темата – видео с прожектиране по сгради, каквото не бях виждал [via]

Както и “Birth of an AVATAR” туториал от Peter Ammentorp Lund

Birth of an AVATAR from Peter Ammentorp Lund on Vimeo.

ъпдейт 1: CSS3 – Zoom…zoooom…zoooooom! [Засега само за Safari и Chrome]

ъпдейт 2: Еволюция на Photoshop Tools панела през годините/версийте.

ъпдейт 3: Russell Brown в една космическа Photoshop одисея в негов стил :)

Сваляне размера на изображение под 14k

ph1x — Sun, 06 Dec 2009 17:17:43 +0000

Преди дни един приятел ме помоли да му намаля една снимка за аватар на автофорум. Изискванията за аватара бяха нещо от сорта не по-голяма от 150 х 150 px с размер не по-голям от 14к. Той беше пробвал да го направи с Photoshop, но качеството на изображението пада, когато се бута размера и това е съвсем нормално. Зачудих се за момент как човек, който не се занимава с графична манипулация, ще успее да бутне размера на снимка до 14к и да запази качеството и, за да му позволи системата да си я качи като аватар, все пак това беше просто аватар, а не тест за оптимизация на jpeg хъх.

В Photoshop има голям брой улеснения, които обикновено не са изнесени на най-видимите места, но когато се поровиш из менюта, триъгълници по ъглите и комбинация на всичко това с alt и shift. Същият е случая и тук – опцията, която позволява такова намаляне на изображение до определени пиксели да се случи бързо и лесно се кавза Optimize to File Size. Ще я намерите като влезнете в Save for Web & Devices ( File > Save for Web & Devices ). Оттам чуквате на малкия триъгълник, който се намира от дясно на падащото меню Preset и ще видите опция Optimize to File Size.

Като чукнете на нея остава да въведете желания размер.

Резултатът от оптимизирането на аватарът, който беше повода за този пост може да видите тук.

Добавка за финал – три отлични поста за оптимизация на JPEG и PNG от Smashing Magazine:
Clever JPEG Optimization Techniques
Clever PNG Optimization Techniques
PNG Optimization Guide: More Clever Techniques

За или против “copy” в името на слой

ph1x — Thu, 03 Dec 2009 17:24:06 +0000

Преди дни в блога на John Nack се получи обширна дискусия – топика беше “за или против думичката copy в името на копиран слой”. Мненията в по-голямата си част бяха против copy. Според мен copy също е малко досадно, но най-добрият вариант е този, в който юзъра има избор. В този ред на мисли една отметка за подобна опция, както в картинката по-долу, е оптималният вариант според мен.

Предполагам и се надявам тази отметка да е реалност в Photoshop CS5, който чакаме с нетърпение на пролет. Малко след като се заформи дискусията се появи временно решение – панел, който бързо и лесно изчиства слоевете от думичката copy, като има възможност copy да се премахне от всички слоеве или само от селектираните.

Скриптът е правен с Configurator. Инсталацията е елементарна – сваляте mxp файла и го стартирате с Adobe Extension Manager. След което във Photoshop под Window > Extensions ще намерите RemoveCopy.

В случай, че искате да използвате само скрипта без панел или разполагате само с CS3, вариантът за вас е този.

кредит и screenshot: John Nack

Photoshop с Links панел

ph1x — Fri, 27 Nov 2009 19:13:57 +0000

Доколко използвате links панела в InDesign? За тези които са свикнали да го използват дотолкова, че им липсва и в други приложения има приятна изненада – Links панел за Photoshop. Като функционалност панелът е далече от възможностите на аналога си в InDesign, но мисля, че в някои случай може да е полезен. Засега панелът работи само под Win XP и някои версии на OSX. Може да си го изтеглите от тук.

Поглед към Creative Suite 5 и FXG

ph1x — Mon, 12 Oct 2009 05:12:05 +0000

Изтекоха още няколко кратки и много съдържателни видео откъса от Adobe Max. Виждаме, че Adobe са създали FXG формата, като логично следствие на SVG и са го интегрирали в CS5 по уникален начин със Smart Paste. Поне силно се надявам Smart Paste да се появи в Dreamweaver CS5, както и да има още доста добавки, които ще предизвикат уоу реакция. Също се надявам пълната поддръжка на HTML5 да стане реалност по-бързо във всички браузъри, за да можем да се възползваме пълноценно и по-скоро от подобни “умни” функции.

Пълна спецификация на FXG може да намерите тук, на SVG тук.

И извън темата – интересна бета версия на AIR приложение се появи под красноречивото име The Adobe Community Help.

Photoshop.com приложение за iPhone

ph1x — Sat, 10 Oct 2009 08:15:51 +0000

Flash приложенията за iPhone са вече факт, паралелно с това излезе Flex базираното приложение Photoshop.com за iPhone – може да го изтеглите (закупите) от тук.

screenshot: John Nack

Flash поддръжка от iPhone – Adobe MythHackers

Излезна интересно AIR приложение за всички който използват повече shortcut-и отколкото команди от менюто в CS4 – Adobe Shortcut App for Creative Suite може да изтеглите от Adobe Marketplace

Плюс какво ново в Flash Builder 4 beta (updated for beta 2), плюс кратко превю на AIR 2.0 плюс сериозна видео колекция от миналогодишното и тазгодишното издание на Adobe MAX в Adobe TV.

Следващо ниво Warp трансформации в Photoshop CS5

ph1x — Mon, 05 Oct 2009 06:50:06 +0000

Russell Brown демонстрира две от технологиите, над които се работи в лабораторията – warp трансформациите определено пораждат уоу реакция. Насладете им се и вие в това видео.

Shadows/Highlights като Adjustment layer

ph1x — Sun, 04 Oct 2009 07:30:33 +0000

Да мога да манипулирам Shadows/Highlights като Adjustment layer е нещо, което ми се е искало от появата на този инструмент във Photoshop CS2. Всъщност това което ще ви покажа технически не е Аdjustment layer, но има всички негови характеристики и реагира по същия начин като всеки Аdjustment layer – може да му добавите маска, може да си разцъквате blending mode-овете, можете да променяте прозрачността (opacity) му. Раздразних ли любопитството ви :)?

Ето как става – създайте слой на който впоследствие ще приложите Shadows/Highlights. След като го създадете, направете слоя Smart Object (Layer > Smart Objects > Convert to Smart Object или Filter > Convert for Smart Filters или десен бутон на слоя и избирате Convert to Smart Object). В това конвертиране се крие ключето.

След като сте го направили смарт обект го селектирайте и се качете в менюто на Image > Adjustments – ще видите двете възможности – Shadows/Highlights и Variations. Това са двата adjustment-а, който не са документирани, че могат да се прилагат като Adjustment layer-и, но с този трик го правят без проблем.

Това беше всичко от първата Photoshop Tips седмица в Pixelmind weBlog и както казва човекът от който научих този трик (Scott Kelby) “Who dies with the most tips – wins!” … като за финал едно бонус клипче от Deke Mclelland – 101 Photoshop Tips in 5 Minutes on Adobe TV

Параграф с дефиниран размер

ph1x — Sat, 03 Oct 2009 07:08:18 +0000

Случвало ли ви се е да търсите начин да създадете Paragraph Text във Photoshop с точно определен размер? Няма как да стане от менютата нали? Поне аз не знам такъв начин. Вариантът е да се създаде Paragraph Text, след което да започнете да дърпате наляво надясно границите му, докато следите в Info панела стойностите да съвпаднат с желаните. Малко тромаво ми звучи, но ако няма друг начин и това е вариант.

Друг начин все пак има. Изберете Text Tool-а, задръжте alt и цъкнете някъде из документа – ще видите диалогов прозорец в който може да си въведете точния размер на параграфа.

Shortcut с отскок

ph1x — Fri, 02 Oct 2009 06:19:54 +0000

В Photoshop CS4 се появи една добавка наречена Spring-loaded tools. Названието не е интуитивно, а и превода на български не мога да си го представя, но трикчето си струва.

Какво всъщност е Spring-loaded tools? Това е възможността временно да се сменя един инструмент с друг – пробвайте докато сте избрали Marquee Tool например да задържите S (Stamp Tool) на клавиатурата. Докато държите натиснат S клавиша може да работите с Stamp Tool-а. В момента в който пуснете S, tool-а се сменя обратно на последния, който е бил активен. Това временно превключване, което в CS4 е възможно с всички инструменти е наречено Spring-loaded tools.

Къде е центърът?

ph1x — Thu, 01 Oct 2009 08:25:00 +0000

Във Photoshop има няколко начина да се намери центърът. Кой център ли - центърът на документа, центърът на съдържанието на слоя, центърът на селекцията, центърът на смарт обекта…центърът на центъра.

1. Как да намерим центъра на документа – вариант 1:
Отворете рулър бара на документа (ctrl+R). Цъкнете с мишката някъде върху разграфеното поле и започнете да дърпате отгоре по посока центъра на документа. Ще видите мишката да издърпва изкрящо синя лента – гайд. Без да пускате бутона на мишката продължете да дърпане гайда към средата на документа. В един момент като наближите и го размърдате около средата гайда сам ще се спре и ще “залепне” точно в средата на документа. Ако сте започнали да дърпате отгоре имате хоризонталния център. Дръпнете си и един гайд от ляво, за да намерите и вертикалния център. Този вариант е ако ви мързи да пипате клавиатура. Следващият (вариант 2) е доста по бърз, но трябва и клавиатура :).

2. Как да намерим центъра на документа – вариант 2:
Отново с гайдове – отидете на View > New Guide и въведете на Orientation/Horizontal 50%, след това същото и на Vertical и ще имате два гайда който се пресичат точно в центъра на документа.

3. Как да намерим центъра на селекция/съдържание на слой:
Направете си селекция (ctrl + клик върху слоя), след това ctrl+T, което е всъщност Transform. В центъра на селекцията, която ще трансформирате има индикатор, за центъра.