SOUND JAX е търсачка за звукови отрязъци (семпли), подходящи за ползване като сепциални ефекти в джингли или друга постпродукция. Качеството варира, файловете са в WAV формат.

——
NY Public Library archive Изобилна база данни с корици на книги и плакати от 19ти век до днес.

Национални флагове по пантон Сайт, описващ цветове и съотношенияв елементите на държавните флагове по света.

Gobal package gallery е ресурс с големи изображения на реални, пазарно-реализирани продукти и опаковките им. За разлика от package design блоговете, тук са показани проектите, които вдействителност са на пазара, а не нечии дизайнерски малотиражни селения.

Plus Image – Безплатна програма за едновременно търсене на изображения в много сайтове: Google, Flickr, Picasa, Bing, Yahoo, Fotolia, Photobucket, DeviantArt, Smugmug и др.

Галерия с фотографии на автомобили
РАЗЛИЧНОТО в тази галерия е наличието на изображения от интериора за всяка показана марка.

Онлайн Хифенатор
Поддържа сричкопренос на Чешки, Холандски, Английски, Френски, Германски, Полски и Руски език.
След генерирането/преработването на подаденият текст в дясната част на полето се появява малко триъгълниче с което регулирате ширината на блока.

PREZI – сайт за генериране на слайд презентации, базирани на флаш. Интуитивен интерфейс.
Възможност за пускане на презентацията онлайн или изтеглянето и като файл.

Щанци на популярни печатни материали
Разгледайте подробно менюто вдясно на страницата.

Проверка на правописа.
Показва дали единична дума е правилно изписана.
Другите опции в kakvo.org са синонимен речник, тълковен речник и др.

Voice Generator
Ползва над десет различни предварително записани вокала, които генерират думи с нужен тембър.
За избягване на “машинния ефект” на сливане на думите, разделяйте ги със запетая – произношението се променя.

Още един text-to-voice generator

Flame Painter
Генерира огнени ленти, които може да ползвате в дизайните си. Може да се сейва директно от сайта това което сте “нарисували”. Инсталационна програмата струва 12 долара.

Tin Eye
База за проверка на наличието на изображенние в други сайтове. Полезно при търсене на по-голямо изображение или оригиналния автор.

Словоред spellchecker
Български спел чекър.

Spellchecker
Английски спелл чекър – предлага и синонимна употреба.

Type Tester
Визуален тест на шрифтове за екранни нужди.

Smush It
Оптимизира JPG, Gif и PNG иозбражения като маха ненужната информация от кодировката. Полезен за оптимизиране на група от изображения нужни за Хай-Бенд сайтове.

Zamzar
Онлайн файлов конвертор. Поддържа множество формати (документи, картинки, аудио, видео, работни файлове на някои програми). Бавен като реакция, освен в платената версия.

Списъкът се обновява периодично.

http://www.sphoto.com/techinfo/histograms/histograms.htm

където е обяснено какво представлява хистограмата и какво трябва да гледаме в нея.
Пиша го от гледна точка на това, че обработката на изображения става предимно гледайки в монитора и често визуалният резултат се разминава с желаното изображение когато се отпечата. Когато отворите картинка гледате няколко онсовни признака.
Вижда ли се, достатъчно(прекалено) светла(тъмна) ли е и дали има ясно изразен детайл.
Второто за което проверявате е как изглежда информацията по цветните канали.
Третото за което гледате е как да подобрите още изображението според нуждите на изходната технология (дали монитор като крайно устройство или печатаща машина).

Едно със сигурност е ясно – ако НЕ виждате нещо на монитор то няма да излезе на печат /има се предвид, че ако не докарате качество то няма да се появи само, неприятни дефекти – муар например, дори невидими са възможни/.
С мониторите е по-лесно, понеже като крайно устройство и вие притежавате такова.
С печатащите машини, които не са до вас трябва да предполагате.
За съжаление зависимостта е следната – това което не виждате, няма да се види на печат, това което се вижда не е задължително да излезе. Трябва да се подсигурите.
Под “това което не се вижда” имам предвид шумовете по канали и малките детайли.
Но шумовете по начина по който изглеждат се експонират върху печатната плака и оттам нанесеното мастило върху хартията не е равномерно. Крайният резултат излиза сносно, но може да излезне и много по-добре. Дребните детайли, ако не се подчертаят биват разбивани от растера в отпечатаното изделие.

Как да оправим тези два евентуални проблема?
Първо оправете тоновете в изображението. Когато е възможно обработвайте в RGB mode защото в CMYK има загуби не само откъм цветова богатост но и възможност за обработка на тъмните тонове коректно. Причината е евентуален шум, който при изсветляване на тъмните тонове избива, се пренася в черният канал а в цветните не е толкова равномерен а разбит на островчета, поради което блърването им не помага особено.
Друга причина е безпроблемното преминаване от RGB към LAB и обратно без загуби.
В LAB може да блърнете с gaussian blur A и B каналите а L (lightness) канала да шарпнете с unsharp mask ако е за печат или със smart sharpen ако е за web. След това при връщане в RGB информацията се преразпределя и каналите се изчистват.

Разлика между Unsharp Mask, smart sharpen, Gaussian blur и Surface blur.
Smart sharpen и Surface blur навлязоха много по-късно в арсенала на фотошоп, като инструменти за селективно обработване изключително за целите на уеб графики (такива гледани само на монитор). Те не са напълно приложими за предпечатни нужди поради няколко причини. За да разберете това е добре да разгледаме функциите им една след друга.

Unsharp mask – най-лесно може да си обясните действието на този филтър ако дублирате текущия слой и го минете през филтъра highpass. По този начин изображението бива превърнато в сива карта, в която всички равни тонове се изравняват до 50% неутрално сиво (128, 128, 128 w rgb или 0,0, 50 в HSB система) а границите на детайлите се подсилват с потъмняване или изсветляване около всеки от тях, подобно на късчета лед подаващи се над водна повърхност. Там където ги има наблюдавате малка граница.
Ако сложите леер минат през high pass в режим на overlay opacity, неутралното сиво ще стане невидимо, тъй като този режим не реагира със средните тонове а със всички остналали над и под 50% неутрално сиво. Черните пръстени стават още по черни а белите още по бели, като въртят цвета на детайла върху който се намират. По ПОДОБЕН начин Unsharp mask-a виртуално (невидимо за зрителя) създава временно нящо като high pass леер и чрез настройките Radius и treshold регулира колко големи да са тези пръстенчета около детайлите и около кои детайли да се появяват. С повишаване на treshold (праг на чувствителност) се прескачат дребните детайли и се променят само по-едрите детайли. С първата насторйка Amount се задава колко контрастен да е пръстенът около детайла и оттам колко по силна да е разликата между границата на детайла спрямо околните тонове (с radius се задава колко дебела да бъде тази граница в пиксели). Крайният визуален ефект е изостряне на цялостното изображение. ВАЖНО – unsharp mask и high pass в overlay прозрачност водят до РАЗЛИЧНИ резултати.

Smart sharpen е много добре контролируаме нструмент, който засяга много по дребните междупикселни взаимоотношения и за уеб цели може да бъде много добър помощник в подсилване на много фините детайли. Ако от Basic преминете на Advanced ще получите допълнителен контрол над това кои пиксели точно искате да контрастирате – по-тъмните или по-светлите. Това е полезно за текстове където може да удебелите гредите на буквите като вдигнете Fade amount и Tonal Width на този вид пиксели които искате да не бъдат засегнати. Примерно за бял текст на черен фон – белият текст ще изглежда по-плътен ако вдигнете Fade amount и Tonal Width на “shadow” пикселите. Така изострените граници на пикселите ще са само белите и оттам буквите ще се раздуят.
Ако текста е тъмен на светъл фон обратно – Fade amount и Tonal Width се вдигат до 100% за “Highlight” пикселите.
За предпечатни нужди обаче резултатът е практически несъществен. За видима разлика се ползва unsharp mask и други “по-груби” ефекти.

Gaussian blur – това което този филтър прави е да взема съседните стойности на пикселите и да прелее цветен оттенък от всеки съседен пиксел, като това важи за всеки един пиксел. Изображението се заглажда но се замазва тотално. Ако сте в LAB режим и с gaussian blur замазвате A и Б канала вие само унищожавате резките граници между цветовете, но ако не блървате Lightness детайла остава. За удобство на потребителите беше създаден reduce noise фолтъра който върши подобна работа с цел да се неултрализира цветния шум. Там ясно се вижда, че ако се прекали с него изображението губи своята цветност. Ако прекалите с блърване в A и B каналите ще отнемете цветните граници и ще понижите цялостната цветност, затова силата на филтъра трябва да е толкова голяма че само да махне шумовете.

Surface blur. По времето когато вече имаше gaussian blur беше разработен и smart blur – филтър, който разбира кога е достигнал до ръб в изображението и не го закача.
Резултатът обаче превръщаше изображението в люспи на някакво животно отколкотo в реална картинка. За практическа цел – да се запази цялостния детайл но да се тушират малките артефакти може да послужи surface blur филтъра. Имам две обяснения как действа.
Едното обяснение е, че в настройките му, radius отговаря на това колко пиксела настрани ще действа обработката от всеки един пиксел а с treshold се задава кои детайли да има впредвид обработката – при нисък праг спира и на малките детайли а при висок замазва докато стигне по голяма и контрастна граница. Другото обяснение което имам и ми харесва повече е че може да разглеждате surface blur като два в едно филтъра – smart blur+gaussian blur. В който случай radius отговаря на силата на използване на smart blur а trеshold отговаря за големината на gaussian blur. С радиуса задаваме кои детайли да има в предвид – малки стойности малки детайли, големи стойности само по-големи детайли да се пазят а с treshold да се задава големината на блърване.
Което и от обясненията да ви приляга, факт е че филтъра се справя много добре ако не се прекалява. Ако например сравните блърване на каналите в LAB (A и B) със gaussian blur и surface blur, първият се справя много по-добре, докато вторият генерира странни артефакти, видими при разглеждане по канали при връщането в RGB. Макар че е много по-чувствителен към запазване на границите между контрастни тонове, преливането от един тон в друг понякога става несвойнствено и неравномерно. Има разбира се случаи когато surface blur е по-добрият избор, поради което аз правя няколко копия на едно изображение и след това пробвам различни варианти за да видя кой от тях пренарежда информацията в каналите по-сполучливо. Понякога един блър или шарп е по-удачен от друг но не винаги един и същ за всички изображения.
Тъй като всяко от изображенията е ралично осветено, генерираният шум е повече или по малко, физическите размери в пиксели са различни не може да се ползват едни и същи стойности са блърване на цветните канали (A и B в LAB) и изостряне на Lightness канала.

Методът проба-грешка продължава да важи по време на целия процес и отнема време в търсене на най-успешния вариант.

ЗАБЕЛЕЖКА – понякога surface blur  действа като изострящ а не замазващ филтър. Случва се запазвайки границите на цветова промяна да унищожава т.нар буболечни от jpg компресията. Което за изображения подобни повече на графики отколкото на фотография повишава визуалната яснота.

Заместител на обработката в LAB.
Тъй като през цялото време говоря за обработване на каналите в LAB а не в RGB искам да изтъкна, че канали в RGB не се обработват, освен ако не е тонално (hue saturation, curves). Никакви шарпове и блърове по каналите! Но работейки в един проект с леери, често ще ни е невъзможно да прескочим в LAB за да си оправим единия от леерите и после да се върнем а ако сме в CMYK не е и никак препоръчително.
В RGB преминаването към LAB скапва прозрачностите на леерите (което не би трябвало да е проблем понеже при връщането в RGB ги оправя, но освен това LAB не поддържа някои видове прозрачности и там вече проекта ще се промени) а в CMYK зададените по проценти цветове ще се променят при преминаването обратно от LAB към CMYK. В такива случаи обработката на каналите както в LAB, може да се замести с прилагането на командата FADE (Ctrl+shift+F) в съответнен прозрачен режим. Това ще рече че (важи и за CMYK и за RGB) че gaussian blur + fade в color mode е равно на блърване на A и B каналите а sharp + fade в Luminocity mode е равно на sharp в lightness.
Твърдението НЕ Е напълно вярно, по-коректно е да се каже, че резултатът е подобен. Когато можете преминавайте първо в LAB и обработвайте но ако не е възможно ползването на fade ще ви даде подопбни резултати.

Не обработвайте с тази техника изображение в CMYK ако то е било RGB – по възможност работете по каналите в RGB а после обърнете в CMYK. Ползването на fade в CMYK за blur и sharp се налага само ако изходното избражение не ви е RGB.
Причината е че много то артефактите се прехвърлят върху черния канал а той е неподатлив на тази обаботка.

Преди да блървате едни канали и да шарпвате други постигнете нужните тонове на осветеност. Няма смисъл да бърникате по нещо ако то не се вижда. Шумът обикновено се генерира в тъмните области и в зависимост колко те се доизсветляват избива в някаква степен. Работенето по каналите в LAB режим дава възможност канал по канал да се видят артефактите които могат да се унищожат. В Lightness канала е видимият детайл и ако там има проблеми, те ще излязат в пълноцветното изображение. Те могат да се тушират леко с ползване на много малко количество surface blur или gaussian blur и след това незабавен sharp. Така детайла се изостря а шума в детайла се зачиства. Не всяка снимка може да се оправи затова ползвайте филтрите умерено. Все пак по “принципа на 50% view” – ако не се вижда при увеличение на изгледа в 50% мащаб няма да се види и на печат.

Край на 1ва част (2ра част – последователност на действията в общата обработка на изображения)

Става въпрос за уеб дизайн.

Искам да спомена, че ми е първия и ще съм благодарен за съвети, знам че ще има много критика:

Нещо кaто отговор:
Когато се прави дизайн за уеб сайт, процесът не се оформя в графичната програма, той завършва там.

Ако предварително човек е наясно какво трябва да има в тематичен сайт (тоест да има разработено и добре описано задание) ще си спести дизайнирането и слагането на ненужни елементи. Целта е всичко графично, присъстващо на екрана да се впрегне в една тематика и едно послание

Първа стъпка в правенето на дизайн е да се работи по тема (a ако няма ясно задание или е за упражнение да се намери). Безцелните страници не помагат на никого. Например, темата в конкретния случай тук се върти около игрови заглавия. Следователно визията ще бъде подчинена на два фактора – новинарски портал и гейминг сайт. Тези две насоки веднага ограничават използването на чужди (извън стила) изразни средства. Тоест за да се разпознава текущата страница като гейминг портал трябва да носи характерни елементи. Как откриваме кои са тези елементи?

Рисърч – предварителното оглеждане на пазара и на това, което вече е правено ориентира, както на какво трябва да изглежда една страница от съответна сфера, така и кое работи.  Никой не измисля оригинален дизайн във вакуум, това важи и за този случай. Най-малкото за да седи една страница стегнато и информативно, освен красиво, задължитело трябва да се прегледат страници, които са популярни – да се види какъв тип теми са показани, дали на стартовата страница са повече картинки, дали са повече новини, разделени по дати, или има изброяване по платформа/фирма. Макар за всеки конкретен сайт крайните цели да са специфични, “кради” тези идеи, които работят в другите. Огромна част от стартовите проекти изглеждат недомислени и празни именно защото в тях не се показва нищо реално.

Съдържание –  не ползвай Lorem Ipsum! Никога.
Ако правиш сайт за картофи – влез в една уикипедия и копирай текстове свързани с картофите. Не дублирай текстове, ползвай различни. Целта е да се видят модулите (местата по страницата) как си кореспондират, когато държат в себе си разнородна информация. Да си задаваш въпроси – не идва ли примерно твърде един и същи тип информация на главната страница, или всичко е толкова разностилно откъм съдържание, че да не може да се ориентира човек? Тестваш за да видиш кое работи и не стои прекалено скучно или твърде разнолико и объркващо. Същото важи и за картинките – слагай различни картинки – при това – картинки свързани с текста.

Това изследване и пробване се прави въобще преди да си се захванал с графичната програма. Дизайна не работи като хвърлиш няколко часа проби за постигане на форми и ефекти, преди да си помислил какво въобще трябва да има в сайта. Пробен дизайн може да се надраска на лист хартия, дори без да се гони някакъв стил – толкова, колкото да се маркират зоните на съдържание.

Едва след това се “сяда на фотошопа”.

След като сега, отново поглеждаме към показания шаблон и виждаме липсата на конкретика, можем да поговорим и за чисто графичните техники и начин на подредба. Конкретни грешки изникват именно заради липса на реалното съдържание – например подменюто на опцията Movies има нелогично разделение – horror, dvd?!?, comedy, coming soon???, video?! – по жанр или по формат ще ги подреждаш?

От “механична” гледна точка – начинът по който самите линии, форми и комплексни обекти са подредени по шаблона си личи липса на познания за правене на уеб страничка. А те се базират на няколко прости правила – повечето описани тук.

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

Видеото, което ще видите е насочено за настройки в Corel X5, но обясненията важат и за продукти на Adobe и други графични програми. Обяснен е принципът в ползването на различни профили, ползването на видовете конверсии и донастройване на файла при нужда.

http://www.danatanamachi.com/time-lapse/

Надрасках един PDF с решението.

А тук набързо маркирах основните моменти за насичането на лого на ивици.

Още един бърз тут, изровен от архивите.
Как се прави скорострелно една по-добра сянка, вместо drop shadow в Adobe Photoshop

С врeмето stockXchange промени политиката, за да защити правата на ъплоудърите, но така или иначе много дизайнери ползват този сайт по същия начин. Определени фотографии станаха много популярни и започнаха да се повтарят в различни по тема дизайни. Едно такова паразитно изображение е ето това:

http://www.sxc.hu/photo/432896

Ако го пуснете през Tineye ще откриете многобройните му приложения. Графичните дизайнери обикнаха този пергамент. Дори твърде много.

Ето колекция от макети на сайтове, ползващи това изображение (с времето може да стане и по-голяма):

Нещото изглежда така:

Задачка-закачка: Ако имахте възможността да промените външния вид на тези безумия, как биха изглеждали те според вас? Изпращайте предложения под формата на линкове към изображения качени на хост чрез полето за коментар долу.
После ще си съставим класация.