Как се правят вдлъбнатите форми?

Разбирам те. Всъщност, проблема се получава от това че когато сложиш на някой слой InnerShadow или други ефекти и почнеш да триеш, няма да триеш от ефекта а от цялата форма и ефекта ще се променя с нея (както при теб става по-черен). За това всъщност това което правя във видеото е, да растеризирам ефектите. Така те се пренасят върху пикселите и вече не са динамични. Тоест, ще можеш да триеш с гума и няма да става черно. Това става с десен бутон върху слоя и Rasterize Layer Style. Като има и друг начин да се направи. Аз принципно си го ползвам него, понеже той растеризира всичко, Shapes, Маски, Ефекти, Adjustment Layers, Clipping masks, каквото се сетиш :) и не ти трябва да търсиш точния бутон за растеризиране. Това което правя, за да растеризирам всякакъв тип динамика е: 1. Създавам нов празен слой от бутончето долу в най-долната част на панела със слоеве. 2. Избирам слоя които искам да растеризирам плюс празния слой, като задържам CTRL. 3. Върху тях с десен бутон от менюто избирам Merge Layers. След като го направиш това, ще можеш да триеш от самия ефект с гумата и да получиш ефекта който искаш :)

Как се правят вдлъбнатите форми?

Ако не успяваш да проследиш коментарите от горния въпрос в който пише как се прави 'кръпката'. Можеш да пробваш много по-лесен начин :)Направи си векторен Shape, както е показано в уроците за работа с вектори. Постигни същия ефект като сложиш ефекти на слоя (Drop shadow). Така сянката ще следва извивките на вектора и ще се получи същото

Векторни или растерни програми, Corel products или Adobe products, как да намерим къде сме ние и какви цели да си поставим занапред?

Интересен въпрос и с доста обширен отговор :)Аз също израснах с Corel Draw, изглежда беше доста по-популярен от Adobe Illustrator. Corel тогава имаха предимство, но в един момент нещо им се случи на фирмата и това можеше да се забележи навсякъде, от уеб страницата им, от това че Adobe пускаха нови версии и нови програми през няколко месеца, а Corel качваха с по една версия на 3 години.От wiki страницата на Corel разбирам, че 2003 са си продали компанията за по 1$ на акция и са излезли от борсовите индекси, а след това са се съдили с притежателите на акции. Не звучи много стабилно.Аз бих препоръчал на всички занимаващи се с работа изискваща такъв тип креативни програми, да започнат с Adobe продуктите, а когато стигнат до добро ниво с тях, да научат и продуктите на Corel. Винаги ще има нещо което ще се прави по-лесно и по-добре в алтернативната програма.>Може ли да импортвам графики от Corel?Доколкото до това как да прехвърляме нещо от векторна програма в растерна - можеш да записваш файловете си като PSD в някои. Ако ли не, то PNG или TIF. Идеята е да превърнеш векторите в растерно изображение с добра резолюция, да запазиш прозрачността и да ги сложиш в smart object, за да не се развалят докато ги трансформираш.>Кои са трите графични програми, които web дизайнерите най-често използват? Официална статистика не намерих, но бих заложил на тези (подредени по използваемост)Adobe PhotoshopAdobe IllustratorAdobe FireworksНе е задължително да знаеш всички програми които се ползват, минималния вариант е да знаеш една растерна програма, оптималния вариант е да знаеш една растерна и една векторна програма. Ако искаш да си експерт, то можеш да добавиш още 10-тина по твой избор :)Аз бих препоръчал да направиш поне 10 уеб дизайна на Photoshop, преди да преминеш към учене на следващата програма

Как да правя по точни Отстъпи ?

Window/Info или F8. Този панел ще покаже позицията на курсора (десен бутон върху кръстчето, за да го настроиш в пиксели)Ако искаш да ти покаже границите на слоя, то го селектирай с CTRL+click върху слоя.За дизайн можеш да използваш някоя грид система. Тя ще постави помощни линии и ще можеш да ги пускаш и спираш с CTRL+H. Една такава система е 960.gs/Също така, когато преместваш обект, докато го влачиш, над мишката се показва с колко го преместваш от предната му позиция.Тук прикачвам 2 дизайна които сглобих набързо, единия е с грид система, а другия е без. Третия е с показани помощни линии.Когато избирах колко да е височината на каретата ми, настройвах инструмента за селектиране на правоъгълници да селектира в точно определено съотношение. Така едните височини които съм ползвал са 2 пъти по-големи от другите и същевременно в съотношение 1 към 5 или 1 към 2.5 спрямо дължината.В средното каре съм решил да направя изключение, за да разбия логиката, раздвижа и фокусирам вниманието върху него.

Защо към урока няма допълнителен файл (PSD)?

Прикачен е и файл към урока с изходните части, така ще можеш упражниш ефекта по-лесно :)

Какъв е email-ът, където трябва да изпратим домашните си работи?

Изпратете screenshot във форума, например в тази тема или пък на angel@photokie.com

Може ли да ми кажете какво мислите за моя дизайн?

Фонът е много тежък - Снимката е хубава, но като фон тежи зад всички тези сиви елементи. Фонът не е най-важното в страницата. Трябва да имаш йерархия на елементите по важност. Фонът е... фон. Дизайнът не трябва да пречи на информацията.Ако искаш да запазиш тъмен фон (преобладава сиво) трябва да направиш частите със съдържанието светли или обратно. Иначе не се разбира кое е по важно. Иначе сиво, св. зелено и целено е Подравни всички сиви секции и логото за да не нарушаваш ритъма.Иначе сиво, св. зелено и бяло е много хубава комбинацияУспех / Надявам се съм от помощ.

Как да наклоня водещите линии

И понеже "чета" три курса едновременно и в същото време си работя, моля за извинение - въртенето на водещите линии, което съм описал по-горе, се отнася за Adobe Illustrator. За Photoshop намерих друго решение, не особено елегантно, но върши работа - завъртам временно листа под желания ъгъл и използвам вертикалната водеща линийка, после го възстановявам.

Какво мислите за моите първи стъпки?

Здравей :) Рисунките ми харесват. След като можеш да рисуваш, ти предлагам да направиш сайта илюстриран. Не е нужно да прилича на нормален сайт (Те са скучни) На мен лично ми е писнало от рамки, ленти, повдигнати бутони, сенки. Те са за това да разделят съдържанието, но може и без тях, ако няма много съдържание или то не е текстово. В твоя случай, ще е по-хубаво без тях. В урока (по нататък) aula.bg/fotoshop-web-dizayn-na-stranica-2 ще покажа как да направиш такава страница. Предлагам ти да нарисуваш с молив (например) сайта си и след това да го раздвишиш както е в урока. Ще стане уникален и ще е приятен за разглеждане. Аз лично си представям да няма нито една права линия. Текста да е ръчно написан или със script фонт. Да няма никакви разделители с прави лини, никакви правоъгълници, ленти, рамки :)

защоЗдравейте имам проблем ! Не ми дава да подобрявам с четката в Refine edge

проблемът е решен

ЗащоЗдравейте искам да попитам ,когато направя 1024 х 5000 и после го погледна в уеб ми излиза на половината екран ? Това редно ли е и защо се получава ! Мога ли да използвам например 1920 х 5000 ?

Ако искаш да е на цял екран, сложи 1920x5000 картинката на фона, а самата ти страница остави да е 1024

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

Не мога да си визуализирам това за което говориш. Изпрати ни screenshot на проблемите. Трябва да видя как си направила файла. Също така има няколко отговора на този въпрос вече. Виж под урока дали отговарят на твоя.

Проблемът ми е, че когато искам да я изтрия по крайчеца долните слоеве остават видими.

1. Избери слоя на малкото квадратче 2. Разтегли го встрани 3. Десен бутон върху слоя и Rasterize Layer Style (Сега ти се размазва всичко в черно от Inner Shadow-а, понеже не е изпълнена тази стъпка) 4. Трий по бавно и прецизно и не отивай върху страницата

Може ли да ми кажете какво мислите за моя дизайн?

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

Ако може да изкажете мнение ще съм ви много благодарен.

Изглежда готино , като за template , но дай малко повече подробности за да може да се тества и да се каже по-точно дали си заслужава :)

Безплатно! Онлайн събитие: AI за 10x продуктивност Регистрация тук.

Създаване II

Пълен достъп до курса: Не

За пълен достъп или безплатна проба (2 модула), моля влезте или се регистрирайте.

Предишен Следващ

Photoshop Web Design В курса "Photoshop за Уеб Дизайн" ще научите как да използвате програмата специфично за създаване на визуални елементи за уеб дизайн. Ще развиете уменията си за създаване на банери, икони, фонове и други елементи, които ще ви помогнат да създавате атрактивни и функционални дизайни.