Здравейте ! Опитвам се да направя това вдлъбване (подобно на правоъгълниче), което правите (с което се разделя цялата страница на отделни пасажи...) и след това ползвате Inner Shadow и тъй като не се вижда много добре, се опитах самичка да го направя. То е елементарно,но не ми се получава.Когато го изтривам с гумата,за да остане само вдлъбването......потъва цялото в сянка.Ако може да ми обясните стъпките,за да видя къде бъркам. Опитвам се да направя подобна на тази страница в урока - на друга тема, но ми се получава доста бавно :D
Здравей, ще се опитам да напиша стъпките. След като се направят настройките на формата/слагат се сенки от Layer Style опцията Inner Shadow/ се копират двата слоя. Това са новата форма /правоъгълника за вдлъбването/ и правоъгълника за заглавието,както е показано в урока. С десен бутон се избира от падащато меню Select similar layers. След това се отива на менюто Layers и се избира merge layers и след като са обединени вече слоевете се избира гумата и се изтрива. Важно е да сте избрали правилния слой. Може да изтеглите от следващя урок /Модул 4 урок 1-Довършителни елементи/ вече готовия файл и да видите слоевете как са направени.
Не ми се получава този ефект и това е, пробвах как ли не...звучи елементарно в две стъпки както се го описали тук в отговора,но при мен не се получава-фигурата се пречерня,а не се изтрива с гумата както при вас.В мен е причината,явно не мога да си го обясня и пробвам заучени стъпки.....Свалих и урока и там не ми става ясно. Вероятно дори не използвате Rounded Rectangle Tool за направата на вдлъбващата форма,която изтривате после.Аз правя две заоблени правоъгълничета с различни размери,които се пресичат едно в друго,после ги сливам (да не говорим ,че през цялото време Select Similar Layers не е активна...не знам защо)с Merge Shapes (това ми позволява като опция, няма Merge Layers)давам му Inner Shadow и след това се обърквам...Пробвам да трия с гумата и всичко става сиво.Пробвах да слея фигурата с фона (бял фон със сянка),но тогава се трие всичко + сянката..........Вече се притеснявам,че курса ще изтече :D
Разбирам те. Всъщност, проблема се получава от това че когато сложиш на някой слой InnerShadow или други ефекти и почнеш да триеш, няма да триеш от ефекта а от цялата форма и ефекта ще се променя с нея (както при теб става по-черен). За това всъщност това което правя във видеото е, да растеризирам ефектите. Така те се пренасят върху пикселите и вече не са динамични. Тоест, ще можеш да триеш с гума и няма да става черно. Това става с десен бутон върху слоя и Rasterize Layer Style. Като има и друг начин да се направи. Аз принципно си го ползвам него, понеже той растеризира всичко, Shapes, Маски, Ефекти, Adjustment Layers, Clipping masks, каквото се сетиш :) и не ти трябва да търсиш точния бутон за растеризиране. Това което правя, за да растеризирам всякакъв тип динамика е: 1. Създавам нов празен слой от бутончето долу в най-долната част на панела със слоеве. 2. Избирам слоя които искам да растеризирам плюс празния слой, като задържам CTRL. 3. Върху тях с десен бутон от менюто избирам Merge Layers. След като го направиш това, ще можеш да триеш от самия ефект с гумата и да получиш ефекта който искаш :)
Всъщност искам да уточня, че когато стигаш прекалено много до момент в който трябва да растеризираш динамични ефекти, маски и настройки. Значи че нещо не е както трябва. Това което правя аз във видеото, си е жива кръпка :) Реално можеше да стане много по-добре, ако използвах shape, за правоъгълника съдържащ страницата и след това изрязвах от него с други малки shape-ове. С тази кръпка в момента например, ако се опиташ да смениш фона на страницата, всичко ще се счупи.
УСПЯЯЯЯЯЯЯЯЯЯЯЯЯЯЯЯЯЯЯЯЯЯХХХХХХХХХХХ!!!!!!!!!!!!!!Много се радвам !!! Най-накрая!!!!!!!!Проблема беше наистина в това, че не бях дала Rasterize Layer Style !!!!!!!!!! :) Благодаряяяя !!!!!!!!!!! :)
Много се извинявам, но и аз не мога да направя тези вдлъбнатите фигурки. Може ли клипчето да бъде на по-забавен кадър. Изобщо не мога да разбера как става това разделяне.
Аз също не мога да направя ефекта на разделителната линия, т.е. вдлъбнатата фигурка. Изчетох внимателно всички указания към зададения въпрос. Опитах се да следвам стъпките от тях и срещнах гореспоменатите проблеми: Select Similar Layers не е активна, с гумата или всичко става сиво или се изтрива. Пробвах и с растеризирането. Изгледах няколко пъти урока, но темпото е много бързо и някои неща ми изглеждаха хаотични. Например: поставянето на правоъгълника пред заглавието, следва стил на инфотекста, подреждане на графики и отново връщане на заглавния въпрос. Може ли да систематизирате и да обясните стъпка по стъпка / като на непрофесионалист / как се прави ефекта на разделителната линия? Надявам се с ваша помощ да успея.
Здравей, направих малка инструкционна страница, след като на много от вас им е много интересен точно този момент :) https://aula.bg/uroci-photoshop-krapka-s-cel-organizaciia-ili-barzina
Много се извинявам, но и аз не мога да направя тези вдлъбнатите фигурки. Може ли клипчето да бъде на по-забавен кадър. Изобщо не мога да разбера как става това разделяне.
Ако не успяваш да проследиш коментарите от горния въпрос в който пише как се прави 'кръпката'. Можеш да пробваш много по-лесен начин :)
Здравейте, много добре се справям с Corew Drow, a в Photoshop не мога дори да оцветя един квадрат нарисуван от pen tool. Може ли да импортвам графики от Corel и ако няма съвместимост към кой от Adobe products да се насоча като изучаване след Photoshop. Кои са трите графични програми, които web дизайнерите най-често използват?
Благодаря за отговора :)
Интересен въпрос и с доста обширен отговор :)
Моето мнение е, че всяка програма има своя плюс. Аз не работя с Корел отдавна, има няколко причини за това:
Първо, синхронна на адоб продуктите е много добър. Почти всички масови команди са с еднаква клавишна комбинация във всички програми. Отворя ли корел, започвам да се чудя, неестествено ми е. Постоянно ми изкачат разни прозорци, от комбинации които не отговарят, а съм свикнала да ползвам. Това може да се настрои ... но дали си струва :)? За мен лично не!
Второ, всички адоб продукти работят много добре заедно. Ако използвате ИнДизайн ще разберете колко са важни линковете. Там не можеш да импортнеш Корелски файл. Трябва да презаписваш eps, pdf, да растеризираш и какво ли още не.
Третото е свързано с полиграфията. Е там Корела може да натвори мнооого чудеса. Заради няколко невероятни проблема намразих и цялата програма. Градиенти, начупени вектори - такава каша може да настане, дори не ми се мисли.
В защита на Корела мога да кажа, че е много по френдли софтуер. Ако сте начинаещ, Корела е вашата програма. Лесна е за опознаване и за работа. Бързо се свиква с нея и с вектора като цяло. В това отношение Илюстратора е плашещ - отваряш и те връхлитат менюта, функции, инструменти ... УЖАС! Илюстратор е много по-професионална програма и е доста трудна за овладяване. Корел има и няколко функции които Илюстратор ги няма (или се плащат допълнително) - баркодове в Корел се правят с 3 клика, също и календариум. Въпреки това си ползвам Илюстратора :)
И накрая в отговор на въпроса ти кои са програмите за уеб. 100% ти трябват растерна и векторна програма + добър вкус :D. За мен истината е, че трябва да се усъвършенстваш постоянно и да учиш и нови и нови неща, няма да стане само с 3те най-добри :)
Да, Corel е много по-лесна, поне за мен. Особено когато искам да направя един бърз PDF от няколко страници.
С Илюстратор също може да направиш pdf с няколко страници. Не знам от коя версия въведоха artboards, но това е начина - всеки artboard е отделна страница във файла. Може да добавиш beeds, страници с различни размери и др.
Отговорът на Йоана Христова е изключително точен и изчерпателен. Относно това кои са графичните програми, които дизайнерите използват, минимумът е една растерна и една векторна програма, но отговорът зависи единствено от целите и интересите на конкретния дизайнер. Във въпроса се пита за уеб дизайнер - вместо изучаването на втора векторна програма, може да се наблегне на изучаването на нещо свързано с изграждането на сайтове, като софтуер от типа на Fireworks, HTML/ CSS или някоя CMS с отворен код.
Здравейте, в Corel Draw когато натиснеш на обект горе в ляво показва с точни цифри къде се намира и какви са му размерите. Тази информация доста помага когато искаш да направиш различни текстови параграфи или снимки съотносими едни към други. В Photoshop има ли такова нещо като Layers Sise или трябва да разчитаме на Rulers?
Window/Info или F8. Този панел ще покаже позицията на курсора (десен бутон върху кръстчето, за да го настроиш в пиксели)
Също така може да си използват Rulers, Grids & Guides. Намират се във View. Хубавото на Rulers е, че можеш да си слагаш сам линии.Това става като задържиш на някой от хоризонталния или вертикалния линеал и го драгнеш на място, където искаш да има линия.
Здравейте! Може ли към урока да приложите допълнителен файл (PSD), включващ ефектите, показани в клипa до 04:52 min.? Прочетох коментарите към въпроса: "Как се правят вдлъбнатите форми?" Изтеглих готовия вече файл от следващия урок и видях как са направени слоевете. Мисля, че към този урок също трябва да има допълнителен файл (PSD), включващ етап от създаването, за да се получи не само теоретично, но и практическо надграждане и тогава да се премине към довършителните елементи.
Благодаря за инструкционната страница!
Прикачен е и файл към урока с изходните части, така ще можеш упражниш ефекта по-лесно :)
Много благодаря!!!
На края на урока се препоръчва да изпратим нашите работни сайтове на email. На чий email да ги изпратим?
Изпратете screenshot във форума, например в тази тема или пък на angel@photokie.com
Изпратих го на вашия email.
Фонът е много тежък - Снимката е хубава, но като фон тежи зад всички тези сиви елементи. Фонът не е най-важното в страницата. Трябва да имаш йерархия на елементите по важност. Фонът е... фон. Дизайнът не трябва да пречи на информацията.
Специфичен хубав изчистен дизайн. Ако го направиш и "лек" за зареждане в браузърите при слаби скорости на Интернет ще е супер.
Вече новите тенденции са "One page" сайтовете. Може да правиш справка с Themeforest . net Доста неща съм научил от там.
Пожелавам ти успех.
Мерси, за жалост за сега аз работя само по дизайна на сайта. Други хора ще се занимават с програмирането.
Браво за дизайна.
Водещите линии във Photoshop могат ли да бъдат наклонени под (някакъв) ъгъл? (търся решения на някои липсващи ми възможности от Corel...)
Мисля, че няма как да бъдат наклонени, но все пак виж тук
те са само два вида хоризонтален и вертикален гайд
Благодаря, Краси. И аз стигнах до същия извод, но да си попитам ;-).
Открих как да го правя: водещите линии могат да се трансформират аналогично на останалите обекти. Т.е. за да се наклонят, примерно десен клавиш върху водещата линийка / Transform / Rotate и задавам съответния ъгъл.
Става, разбира се, и от менюто: първо селектираме Guide с черната стрелка Selection Tool, после избираме последователно / Object / Transform / Rotate и от там съответния желан ъгъл на наклон за избраната водеща линийка.
И понеже "чета" три курса едновременно и в същото време си работя, моля за извинение - въртенето на водещите линии, което съм описал по-горе, се отнася за Adobe Illustrator. За Photoshop намерих друго решение, не особено елегантно, но върши работа - завъртам временно листа под желания ъгъл и използвам вертикалната водеща линийка, после го възстановявам.
Браво, Тони доста добро решение си намерил. Аз също видях , че има трансформация но си помислих че е за обекта а то се оказа, че става и за гайда.
Ето и от мен първият ми опит.Опитах се да го направя по свеж и можеби малко се поувлякох с лилавото,но като за начало съм доволна.Първи стъпки към бъдещият ми сайт.
::)
Здравей :) Рисунките ми харесват. След като можеш да рисуваш, ти предлагам да направиш сайта илюстриран. Не е нужно да прилича на нормален сайт (Те са скучни) На мен лично ми е писнало от рамки, ленти, повдигнати бутони, сенки. Те са за това да разделят съдържанието, но може и без тях, ако няма много съдържание или то не е текстово. В твоя случай, ще е по-хубаво без тях. В урока (по нататък) https://aula.bg/fotoshop-web-dizayn-na-stranica-2 ще покажа как да направиш такава страница.
Предлагам ти да нарисуваш с молив (например) сайта си и след това да го раздвишиш както е в урока. Ще стане уникален и ще е приятен за разглеждане. Аз лично си представям да няма нито една права линия. Текста да е ръчно написан или със script фонт. Да няма никакви разделители с прави лини, никакви правоъгълници, ленти, рамки :)
ох,става ми все по-интересно! :) но ми е много трудно с езиците за моделиране.
Здравейте ,това го правите във Paint
Много свежо и привличащо вниманието! Успех с начинанието!
проблемът е решен
Здравейте искам да попитам ,когато направя 1024 х 5000 и после го погледна в уеб ми излиза на половината екран ? Това редно ли е и защо се получава ! Мога ли да използвам например 1920 х 5000 ?
Ако искаш да е на цял екран, сложи 1920x5000 картинката на фона, а самата ти страница остави да е 1024
Здравейте вече 3 дни се мъча на вдлъбнататите форми , моля някой да помогне ! Първо имам бял бекграънд , след това моят фон за сайта, след това започнах с направата на един правоъгълник в отделен слой. В нов слой опитах да направя един квадрат и от тук нататък не разбирам какво трябва да се прави!!! Когато го направя и почна да трия се появява фона отдолу ... Моля някой да опише какво трябва да направя или да ми каже как се казва това действие на английски аз ще си намеря информация !
Не мога да си визуализирам това за което говориш. Изпрати ни screenshot на проблемите. Трябва да видя как си направила файла. Също така има няколко отговора на този въпрос вече. Виж под урока дали отговарят на твоя.
искам да кажа ,че ако започна да трия от формата ,за да се получи като вдлъбнатина трябва да я мърджна със фона ми и със слоя на лентата ,която съм направила иначе немога да изтрия нищо
aula.bg/u/MTM3MjQwMjE4MA
Тук е описано подробно https://aula.bg/uroci-photoshop-krapka-s-cel-organizaciia-ili-barzina
Благодаря много ,може да е много лесно ,но нещо не успях да се справя сама :/
Това е продуктова страница за онлайн магазин за спортни стоки
Здравей, това което на мен ми харесва е, че страницата е семпла и ясна. Фокусът е върху продукта, а не върху дизайна и това е целта на страницата.
Това, което може да подобриш е изчистване на ефектите. Принципно преди се слагаха разни 3д ефекти на бутони, drop shadows, заобляния. Напоследък е по-модерно да ги няма тези ефеккти.
Благодаря за мнението. Ще пробвам без сенки и заобляния също
Bravo mnogo dobre
Tvoqt dizain e straxoten napravo neveroqten,,,
3D ефектите не стоят добре въобще...можеш да използваш анимирани ефекти, като flip, magnify, hover, ако разбира се разполагаш с необходимия софтуер или ако не - да използваш CSS...:)
Изглежда доста добре, но ми липсват някои елементи - търсачка и е леко прекалено еднотипен цвят и малко повече описание е ако има за да може даден клиент да се ориентира по-лесно. Почти съм убеден , че с един два часа може да го направиш по-добър :)
Много подредено и приятно. Информацията е ясна и добре структурирана
Двуизмерният вариант може да прави по-удобно зареждането на сайта, но 3D ефектът за основните действия подсказва, че са бутони. Сивият цвят на буквите в менюто, дори да е по-модерен, за хора с по-слабо зрение може да създаде проблем.
Изглежда готино , като за template , но дай малко повече подробности за да може да се тества и да се каже по-точно дали си заслужава :)