Дори сред манията по плоския дизайн, все още има място за добре разположени сенки – такива, които добавят дълбочина, без да превръщат дизайна в хаотична каша. С Adobe Illustrator е по-лесно, отколкото изглежда: можете да създавате чисти, контролирани сенки, които са в съответствие с вашата композиция.
В продължение на години се провеждаше ясна граница между векторната и растерната графика, но тази бариера се разми. Днес Illustrator работи безпроблемно с ефекти на размазване и режими на смесване, което ни позволява да добавяме сенки бързо и лесно. В тази статия ще видите три различни начина за създаване на сенки , кога всеки е подходящ и как да ги настроите фино за постигане на изпипани резултати.
Ако сте достатъчно възрастни, за да си спомняте, може би си спомняте дните, когато създаването на сянка във векторна среда изискваше генериране на TIFF файл във Photoshop и импортирането му в Illustrator като парче пъзел. Този работен процес включваше създаване на растерното изображение във Photoshop, експортирането му с необходимото размазване и след това позиционирането и подравняването му във векторното оформление.
Въпреки че работеше, това беше тромав и неблагодарен метод. Изискваше много пространствена визуализация , беше бавен и всяка промяна означаваше пресъздаване на TIFF файла и повторното му импортиране. Ако някога ви се е налагало да коригирате малка промяна в размера или ориентацията, знаете колко мъчително може да бъде това.
За щастие, тези дни са зад гърба ни. Illustrator предлага оригинални, недеструктивни и по-гъвкави алтернативи. Този „ретро“ метод се споменава в исторически контекст, но на практика е най-добре да се откажем напълно от него.
Метод 1: Старата школа
Ако сте достатъчно възрастни, за да си спомняте, може би си спомняте дните, когато създаването на сянка във векторна среда изискваше генериране на TIFF файл във Photoshop и импортирането му в Illustrator като парче пъзел. Този работен процес включваше създаване на растерното изображение във Photoshop, експортирането му с необходимото размазване и след това позиционирането и подравняването му във векторното оформление.
Въпреки че работеше, това беше тромав и неблагодарен метод. Изискваше много пространствена визуализация , беше бавен и всяка промяна означаваше пресъздаване на TIFF файла и повторното му импортиране. Ако някога ви се е налагало да коригирате малка промяна в размера или ориентацията, знаете колко мъчително може да бъде това.
За щастие, тези дни са зад гърба ни. Illustrator предлага оригинални, недеструктивни и по-гъвкави алтернативи. Този „ретро“ метод се споменава в исторически контекст, но на практика е най-добре да се откажем напълно от него.
Метод 2: Ефект на падаща сянка
Бързият и лесен вариант е падащата сянка. Illustrator включва колекция от ефекти, които могат да се прилагат с две кликвания и да се редактират, когато пожелаете. За да получите достъп до тях, изберете обекта си и отидете на Ефект > Стилизиране > Падаща сянка . Ще се отвори диалогов прозорец с ключови параметри.
Това са опциите, които можете да регулирате, за да контролирате външния вид на сянката:
- Modo: Определя режима на смесване. За сенки, Умножение е най-логичният вариант, тъй като потъмнява, без да измива основния цвят.
- непрозрачност: контролира интензитета на сянката; при 0% е невидима, при 100% може да е твърде силна.
- Изместване X: премества сянката хоризонтално (наляво/надясно).
- Изместване Y: премества сянката вертикално (нагоре/надолу).
- Размазване: определя мекотата на ръбовете; колкото по-висока е стойността, толкова по-мека ще бъде сянката.
- ЦвятИзберете нюанса на сянката; черно или тъмнокафяво обикновено е подходящо. много тъмно сиво.
Ето няколко практични съвета: изберете „Умножение“ като основен режим , започнете с умерена непрозрачност (20–40%) и регулирайте размазването според размера на обекта и разстоянието, което искате да имитирате. Играйте с цветовете, ако сцената има доминиращ цвят (например, леко топли сенки върху светли повърхности).
Ключово предимство е, че този ефект е неразрушителен: ще го видите в панела „Външен вид“ и можете да го отворите, за да променяте параметрите, когато пожелаете. Ако допуснете грешка, просто редактирайте сянката от „Външен вид“ или дублирайте обекта, за да тествате варианти без страх.
Паралелните сенки обаче имат своите ограничения: ориентацията им е „стандартна“, успоредна на контура на обекта, без изкривяване. Ако имате нужда от сенки с перспектива или изкривени сенки , най-добре е да преминете към следващия метод.
Метод 3: Сянка с Гаусово размазване
Този подход е по-ръчен, но предлага огромна творческа свобода. Той включва „рисуване“ на силуета на сянката като независим вектор и прилагане на Гаусово размазване. Резултатът е по-естествен и най-вече много по-гъвкав от падащата сянка, когато търсите дълги капки, перспектива или неправилни форми.
Започнете, като създадете формата на сянката, използвайки инструмента Pen или други инструменти за рисуване. Обмислете нейния контур: определете къде се прикрепя към обекта и къде се простира. Използвайте черно или много тъмно сиво за запълване ; без щрих. Поставете тази форма зад обекта, ако е необходимо, за да я интегрирате.
След като сте избрали сянката, приложете Ефект > Размазване > Гаусово размазване . Ще видите контрола за увеличаване или намаляване на степента на размазване; активирайте предварителния преглед, за да видите как са омекотени краищата. Настройте, докато преходът стане правдоподобен в контекста на вашия дизайн.
След това намалете непрозрачността и задайте режима на смесване на Умножение от панела Прозрачност. Поставена върху други форми или изображения, сянката ще се слее, потъмнявайки областта отдолу, точно както би направила истинска светлина.
Ако търсите по-изтънчен завършек, експериментирайте с градиентни запълвания в самата сянка. Например, линеен градиент с по-тъмно черно близо до обекта и прозрачност в противоположния край помага за симулиране на падането на светлината много естествено.
Друго предимство на този метод е способността му да се адаптира към перспективата. Можете да изкривите формата на сянката, да промените мащаба ѝ или да я наклоните, а след това да коригирате размазването. Той е идеален за илюстрации, където сянката „изчезва“ в пространството, и за обекти със сложна геометрия.
Освен това, можете да комбинирате къса, тънка контактна сянка (малка, с минимално размазване и висока непрозрачност) с по-дълга, дифузна сянка за цялостното падане. Това припокриване на две части, и двете с Гаусово размазване, създава много по-реалистичен ефект от една, равномерна сянка.
Практични съвети за това как да накарате сянката да работи
Първо, определете посоката на светлината и бъдете последователни. Всички сенки в композицията трябва да сочат в една и съща посока, с подобен интензитет и съвместима мекота. Поддържането на тази последователност на осветлението води до много по-правдоподобна и приятна за четене композиция.
Второ, избягвайте чисто черно (#000000) с висока непрозрачност; често изглежда твърде грубо. Много тъмно сиво с Multiply (Умножение) на 20–40% обикновено дава по-добри резултати. Тази фина корекция позволява на сянката да „диша“ и запазва цветовете на фона .
Ако ще мащабирате дизайна си, не забравяйте да проверите стойността на размазването. Размазването, което изглежда добре малко, може да не е достатъчно голямо и обратното. Активирайте предпочитанието „Мащабиране на щрихи и ефекти“, когато трансформирате обекти, така че размазването автоматично да се регулира според размера.
При сложни произведения с много меки сенки, производителността може да спадне. За окончателни доставки, помислете за разширяване на външния вид или селективно растеризиране на сенките (с подходящата резолюция), за да изсветлите файла. Това предотвратява изненади при експортиране и поддържа плавен работен процес.
Кога да изберете всеки метод
Ако имате нужда от нещо незабавно и повтарящо се, падащите сенки са най-добрият ви приятел. Те работят чудесно върху бутони, икони или елементи на потребителския интерфейс с изчистена геометрия и се настройват за секунди. Възползвайте се от тях, когато „паралелна“ ориентация отговаря на визуалната логика на вашия дизайн.
За сцени с дълбочина, симулирани 3D продукти или илюстрации, където сенките са изкривени, Гаусовата проекция е правилният избор. Рисуването на формата на ръка ви позволява да спазвате перспективата и да правите разлика между контактна сянка и хвърлена сянка, нещо трудно при успоредна линия.
Ако някога наследите стар файл с растеризирани сенки, помислете за пресъздаването им, използвайки оригинални методи. Ще спечелите от редактиране, последователност и качество на експортиране. Това е малко усилие, което се превръща в значителен бъдещ контрол.
Ключови параметри на падащите сенки (и защо са важни)
Режим „Умножение“: Това е стандартът за сенки, защото смесва цвета с това, което е отдолу. Други режими може да работят в специфични случаи, но „Умножение“ е предвидим и лесен за управление.
X и Y отмествания: Те имитират посоката на светлината. Малките стойности предполагат близък фокус; по-големите отмествания означават повече странична светлина. Уверете се, че всички обекти в сцената споделят сходни отмествания.
Размазване: няма универсално решение. Обикновено обектите, които са по-далеч от обекта, имат по-меки сенки; обектите, които са много близо, хвърлят по-резки сенки. Експериментирайте бързо с активния преглед , докато намерите правилния баланс.
Цвят: Сянката не винаги е напълно черна. В топли среди опитайте сиво с нотка червено/жълто; в студени се насочете към синьо. Това са фини нюанси, които с ниска непрозрачност добавят реализъм, без да разсейват.
Решителни корекции в Гаусовия метод
Рисуване на силует: отделете допълнителна минута, за да дефинирате внимателно основата на сянката в контактната зона. Този ръб, въпреки че по-късно ще избледнее, е това, което кара обекта да изглежда убедително „покоен“. Леко опростена, но солидна форма е за предпочитане пред сложна, лошо дефинирана.
Градиенти и прозрачност: Използвайте линейни или радиални градиенти в запълването на сенките за по-естествени преходи. Оставете областта, най-близо до обекта, по-непрозрачна и я разпределете навън. Тази техника, комбинирана с Гаусово размазване, добавя втори слой реализъм.
Последваща обработка: Тъй като всичко е векторно и има ефект, можете да преконфигурирате контура, да регулирате размазването или да променяте непрозрачността по всяко време. Това ви позволява да адаптирате сянката към промените в композицията, без да се налага да повтаряте целия процес.
Често срещани грешки и как да ги избегнем
Твърде тъмните сенки намаляват четливостта и заглушават основния цвят. Винаги започвайте с ниска непрозрачност и увеличавайте, ако е необходимо. Често сянка с непрозрачност 25–35% осигурява необходимия обем.
Прекомерно размазване: голямото размазване създава ореоли, наподобяващи мъгла. Регулирайте радиуса пропорционално на размера на обекта и „околното осветление“, което искате да симулирате. Добра практика е да сравнявате с реални референтни елементи или близки елементи от вашия собствен дизайн.
Непоследователни посоки: ако всеки обект хвърля сянката си в различна посока, общият ефект губи достоверност. Разгледайте координатите X и Y на успоредната линия или ориентацията на силуета, използвайки Гаусова проекция, и поддържайте обща линия на светлината.
Случайно смесване на методи: комбинирането на паралелно и Гаусово смесване е чудесно, но го правете умишлено. Например, използвайте паралелно смесване за микродетайли на потребителския интерфейс и Гаусово смесване за основните елементи. По този начин избягвате създаването на визуален хаос.
Често срещани въпроси
Мога ли да използвам и двата метода едновременно? Да. Ефективна техника е комбинирането на Гаусов контактен ефект (близо до обекта) с много фина падаща сянка за цялостен ефект. Заедно те добавят дълбочина и изчистен вид.
А какво ще кажете за производителността? Множеството Гаусови сенки могат да бъдат ресурсоемки. Работете с контурни изгледи, когато е необходимо, и помислете за растеризиране на сенките накрая. При печат експортирайте в PDF/X с добре управлявани прозрачности, за да избегнете изненади.
Струва ли си да разширявате външния вид? Чак накрая, ако файлът ще бъде прехвърлен и не искате да разчитате на живи ефекти. Докато сте във фазата на проектиране, запазването на възможността за редактиране на ефектите ви дава голяма гъвкавост.
Ако сте стигнали дотук, вече сте усвоили три ефективни начина за създаване на сенки в Illustrator. Знаете кога да изберете всеки един от тях и как да ги коригирате, така че да подобрят работата ви, а не да я разсейват. С малко практика и внимание към посоката на светлината, непрозрачността и размазването, вашите композиции ще придобият фин и елегантен обем, с постоянни и професионални резултати.