Pixelmind weBlog – уеб дизайн | графичен дизайн | photoshop

WebP е сравнително нов формат, представен от Google преди няколко месеца, като производно на VP8 с RIFF базиран контайнер. Форматът е Open Source базиран, а създателите му са на мнение, че може да намали с повече от 1/3 обема на графичните изображения в нета без видима промяна в качеството. Според статистиката 60-70 % от информацията, която се обменя при разглеждане на произволен сайт е в изображенията – целта на формата е да намали обема на изображението, като с това се намаля времето за трансфер, но без това намаляне на обема да влияе на качеството на изображението. Подобна оптимизация би подобрила цялостния екпириънс при браузване, особено при набиращия все по-голяма популярност мобилен интернет.

За момента поддръжката на WebP не е широко разпространена сред модерните браузъри, като изключим Chrome 9, но прочети повече »

И така 2011 е ! :)
Надявам се всички сте имали много готини празници с готини хора и сте се заредили позитивно в началото на новата година.

След пожеланията направо от краката за главата се сетих за един увеличаващ продуктивността трик, който Terry White демонстрира преди повече от година. Става дума за визитки, а когато стане дума за визитки всеки има някакъв добър или лош опит, докато намери правилната печатница, като например проблеми с обли ръбчета, проблеми с криво рязане, проблеми с цветове (за жалост на малко места работят с цветови профили и обръщат внимание на точността на цветовете). Също когато ще се печата една проста визитка, в някои печатници изискват файла подреден в съответния формат (А3, А4 или някакъв по-крив размер), което ми е малко абсурдно, тъй като би трябвало всяка печатница да си има някои, които да нареди визитката по съответните изисквание, вместо да занимава клиента с глупости. Но това все пак се случва, а когато се случва следващия трик ме улеснява.

Често използвам такъв workflow, когато трябва да предам “подредена” визитката. Правя си нов файл А4 в Illustrator. Създавам визуалната част на визитката (подложката) в Photoshop, след което импортвам PSD файла в Illustrator. След като съм импортнал файла в Illustrator добавям отгоре текстовата част. Текстът не го правя в Photoshop, тъй като прочети повече »

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

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

Yelp, Brightkite, Gowalla, Foursquare, Facebook (Places) и Google (Latitude) са основните участници в играта за спечелване на тoзи виртуален пазар, носещ в себе си огромен финансов потенциал. В последните ъпгрейди на Facebook в тази насока виждам стремеж към изграждане на платформа върху, която конкуренцията ще може да стъпва и да се развива паралелно – вероятно тази ниша ще се дефиринцира на още няколко сегмента, където всеки от по-упоритите играчи ще намери своето място? ъпдейт1: Google Testing New Location-Based Marketing Platform in Portland.
Преди седмица две имаше тиха битка между Facebook и Google по отношение на споделянето на данни. Двата гиганта си забраняваха в продължение на няколко дни взаимно достъп до различни данни, което по-скоро би довело до още по-изострена конкуренция по между им, отколкото до някакъв вид конвергенция на платформи.

Наскоро Facebook пусна добавката Places (която към момента е достъпна само за САЩ и Канада) като пряк отговор на въпроса “ще участвате ли в гео-уеб битката?”, дори ако се загледате в логото на Places ще видите четворката, която оформя пътят, като закачлива визуална препратка към Foursquare. В Places има и една много спорна и за момента уникална функция. Спорна, тъй като за много хора това не е приемливо и може да създаде доста главоболия. Става дума за възможността през Places не само да чекваш себе си, но и да чекваш потребители с които си приятел. И според мен това е нож с две остриета, но при всички случай е крачка напред към развитието на цялата тази игра с чекването.

Foursquare и Gowalla стартираха по едно и също време (11-13 март 2009г.) – в “състезанието” за този период победителят е прочети повече »

На кой ще му трябва браузър в InDesign? Не това е въпросът. По – якото е че софтуер, създаден първоначално изцяло за лейаут получава добавки, които нямат нищо общо с първоначалната му идея и наред с това му придават един съвсем нов, разширен откъм възможности облик плюс много потенциал. И то добавки леки за инсталация и много удобни за работа. Защо не уеб браузър в InDesign? Защо не HTML слоеве в Photoshop? Това със слоевете е прочети повече »

HDR е съкращение от High Dynamic Range. Това е изображение, което съдържа много по-голям диапазон цветове (обикновено придружени с много силен контраст), от обикновена снимка. Цветовете в HDR изображението са много близки до нивото на възприятие на цветове, което човешкото око притежава. Понякога HDR-ите изглеждат сякаш някой е попрекалил с Shadows/Highlights или с High Pass Sharpening, но техниката на създаване е съвсем друга.

Динамичният диапазон от цветове във фотографията се измерва в EV (Exposure Values), които още се наричат stops, между най-светлите и най-тъмните части в изображението. Увеличение с един stop или EV е удвояване на количеството светлина, резултатът от което е по-осветено изображение.

HDR е композиция от най-малко две изображения снимани с различен EV (stops), като използваме информацията от всички изображения, за да създадем диапазон от осветеност и цветове близки до тези, които човешкото око е способно да възприеме. Използвах думата снимани неслучайно, тъй като от един единствен RAW файл също може да се извлече информация, която да ни даде изходни изображения с различен exposure, но това е по-особен случай и за него ще стане дума малко по-късно. Именно поради факта, че никоя камера не може да извлече такъв широк диапазон цветове се налага да заснемем няколко кадъра и да ги сглобим в едно изображение наситено с тонове и нюанси. В този ред на мисли колкото повече кадри с различен exposure имаме, толкова по-наситена с прочети повече »

ctrl + K ли беше, ctrl + alt + K ли беше, ctrl + shift+ K ли беше, ctrl + alt + shift + K ли беше правилната комбинация, за да влезна в настройките на Phs?! Доста се бъркам понякога и още по-зле става, когато в бързнината все пак уцеля правилната комбинация влезна в настройките, направя настройката, но след малко искам пак да я променя (например ако ви се налага да дифинирате няколко различни Gridline Еvery и/или техните Subdivisions стойности една след друга).

След като сте пипнали нещо по настройките има много бърз начин да се върнете обратно там, не просто обратно в настройките, а точно на това място в настройките, където последно сте пипали нещо. За целта изпозлвайте ctrl + alt + K. За съжаление този трик не работи с останалите приложения от CS5.

Какво е Raw файл и дали, защо, как и кога да се използва е въпрос на гледна точка, личен избор и възможност. Ако искате да се запознаете по-подробно с RAW темата, може да погледнете тук, тук и тук.

Неминуемо работата с raw информация е много по-лека, тъй като параметъра на неразрушителни корекции на изображението е много по-широк в сравнение с 8-битов jpg файл например. Но какво се случва ако искаме да използваме raw файл директно в лейаута? Как да го вмъкнем в InDesign?

Зе целта ще използвам Camera Raw. След като отворя raw файла с Camera Raw в долния десен ъгъл виждам Open Image, което отваря изображението в Photoshop. Ако задържа обаче shift прочети повече »

Има преки пътища (shortcut-и), с които сме свикнали до такава степен, че ако по някаква причина спрем да ги ползваме, скоростта на работа ще падне значително. Има една много полезна добавка към Keyboard Shоrtcuts and Menus в Photoshop CS5 – възможността да се дефинира shortcut, с който да се извиква Color Picker. Вече могат да се създават отделни shortcut-и както за Foreground Color Picker, така и за Background Color Picker.

За да създадете shortcut Foreground Color Picker отидете в Edit > Keyboard Shоrtcuts…, оттам изберете таб Keyboard Shоrtcuts and Menus, след което от падащото меню срещу, което пише “Shortcuts for:” изберете Tools. В Tools логично ще намерите всички инструменти, но след като скролнете най-долу, наред с инструментите ще прочети повече »

Какво е preflight?

Терминът Preflight идва от навика на пилотите на самолети да си създават дълъг списък с отметки, които трябва да се изпълнят преди да вдигнат самолета :) – Pre (преди), Flight (полет).

Един от неприятните моменти за всеки графичен дизайнер е моментът, в които работата по конкретен проект е завършена, файловете са изпратени към печатницата и точно проектът е почти на финала да се получи обаждане от печатницата от сорта “има проблем с резолюцията или формата на файловете, които ни изпратихте” или “spot цветовете са повече от допустимото” или “има непропорционално оразмерени изображения в лейаута” или “има снимки със сгрешен профил” или “минималният stroke size не е изпълнен”…..грешки и пропуски се случват особено, когато крайният срок е “за вчера”, но когато се отстраняват навреме се пестят прочети повече »

Едва ли има някой, които работи с Photoshop за уеб и не използва стилове на слой (Layer Styles). Визията и усещането на всеки контейнер, формичка или шрифт с по-голям размер приема много по-привлекателен вид ако сте приложили подходящата комбинация от стилове. Познавам хора, които не могат да живеят без Drop Shadow – същите от сърце се радваха, когато Drop Shadow се появи и в InDesign :).

Мисълта ми не е конкретно за Drop Shadow и неговата масова ползваемост, а за стиловете като цяло и контролът ни върху тях. До версия CS4 на Photoshop включително, леко ме дразнеше и ме бавеше невъзможността да запазвам настройките, които правя директно в Layer Styles панела. Липсваше ми малкото Save as Default бутонче, което върши чудесна работа в Shadows/Highlights например. В Photoshop CS5 това бутонче най-после се появи за всеки стил от Layer Styles панела под името Make Default, и веднага до него има и Reset to Default, ако все пак си искате настройките по подразбиране.

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

Същността на Adobe Configurator описах накратко малко след появата му в лабораторията. Това е следващото ниво в процеса на моделиране и оформяне на работната среда спрямо конкретната задачка – наред с shortcut-и, workspace, подредба на панели…Идеята е сами да си изградим и подредим панелите по начин по които сме най-продуктивни и ни е най-удобно. Тъй като Photoshop е среда, с която работят фотографи, архитекти, дизайнери, лекари, художници…това е универсална среда в default-ното си състояние. Configurator беше създаден като интелигентен инструмент за оптимизация и персонализация на интерфейса на Photoshop CS4.

Преди дни излезе втората версия на Configurator, в която логично възможностите му се разгръщат. Същевременно с това създателите му са запазили съвместимостта на новата версия с предходната (по-долу ще драсна една подробност за съвместимостта)! Една от най-съществените добавки е възможността му да създава панели не само за Photoshop, но и за InDesign – готинко а !:) Случайност или не, Configurator е вторият инструмент, което се “разширява” до толкова отвъд Photoshop CS5, че достига и InDesign CS5 – другият подобен инструмент е Mini Bridge (още познат като File Browser от Photoshop 7).

В тази версия вече има възможност да се моделират не само функции от Photoshop – благодарение на embed-натия WebKit в CS5 панелите могат да прочети повече »

Днес Google обявиха пускането на Google Fonts API. Винаги ми се е искало да имам по-голям избор от шрифтове при разработката на уеб сайтове (без да използвам Flash, Cufón, sIFR и тн) и днес Google ни зарадваха с голяма стъпка в тази посока.

За сега разнообразието от шрифтове не е толкова голямо, но все пак услугата освен че е бета е пусната преди броени часове. Много ме изкефи новината и с ентусизъм и надежда  поглеждам напред, когато ще има по-голямо раазнообразие от кирилизирани шрифтове :). Може да хвърлите един поглед върху съдържанието на Google Font Directory.

А интеграцията ли? Изгледайте видеото, за да се убедите, че прочети повече »