- Как да направите фона прозрачен
- Как да преместите текстовия ефект върху нов фон
- Бонус: Засилване на ефекта
В този урок аз отговарям на един от най-популярните въпроси, които ми задават, а това е как да запазите текстов ефект с прозрачен фон, за да можете да преместите ефекта върху друг фон? Обикновено когато създаваме текстов ефект във Photoshop, ние го създаваме на обикновен цветен фон, обикновено черен или бял. Но след като ефектът е направен, често искаме да го преместим на различен фон, което означава, че се нуждаем от начин да премахнем оригиналния фон и да го заменим с прозрачност. И така, как да го направим? Всъщност е много лесно и в този урок ще научим три начина да го направите.
Ще използвам Photoshop CC, но всяка нова версия ще работи. Да започваме!
Текстовият ефект
Ето текстовия ефект, който ще използвам. Показвам ви как да създадете този златен текст в отделен урок. Забележете, че ефектът е седнал на черен фон:
Оригиналният текст ефект върху черен фон.
Новият фон
И ето новият фон, в който искам да поставя текста. Изтеглих тази от Adobe Stock:
Новият фон за ефекта.
Как да направите фона прозрачен
Ще премина към моя текст ефект. И ако погледнем в панела Слоеве, виждаме трите слоя, които съставляват ефекта. Ние имаме слоя "Искрици" отгоре и двата вида слоя под него. На дъното имаме и фоновия слой, който е изпълнен с черно:
Текстовите слоеве, плюс слоя за фона.
Изключване на фоновия слой
Първото нещо, което трябва да направим, е да премахнем оригиналния фон и да го заменим с прозрачност. За да скриете фона, просто изключете фоновия слой, като щракнете върху иконата му за видимост :
Изключване на фоновия слой.
Това оставя нашия текст пред прозрачен фон. Photoshop представлява прозрачност с шаблон на шахматна дъска:
Фонът зад текста е заменен с прозрачност.
Как да преместите текстовия ефект върху нов фон
И така, сега, когато направихме фона прозрачен, как да преместим ефекта върху новия му фон? Има няколко начина да го направите.
Метод 1: Използване на формата PNG файл
Един от начините е чрез запазване на ефекта във файлов формат, който поддържа прозрачност. JPEG.webp форматът не поддържа прозрачност, така че няма да работи. Но форматът PNG го прави и това е форматът, от който се нуждаем.
Как да запазите ефекта като PNG файл
За да запазите текстовия си ефект като PNG файл, отворете менюто File в лентата с менюта и изберете Save As :
Отидете във Файл> Запазване като.
В диалоговия прозорец назовете името на файла си (аз ще дам името си "Златен текст") и след това задайте Формат на PNG . Изберете къде искате да го запазите и натиснете Запазване :
Записването на текстовия ефект като PNG файл.
Настройка на опциите за формат PNG
Photoshop ще ви помоли да изберете настройка за компресия за PNG файла. Това ще изглежда различно в зависимост от това коя версия на Photoshop използвате, но винаги избирам опцията за най-малкия размер на файла. Щракнете върху OK, за да затворите диалоговия прозорец:
Избор на най-малката опция за размер на файла.
Отваряне на вашия нов фон
Със запазения файл отворете новия си фон:
Отваряне на новото фоново изображение.
Поставяне на PNG файла в документа
Отидете до менюто File и в Photoshop CC изберете Place Embedded . В Photoshop CS6 или по-рано изберете Place :
Отидете на File> Place Embedded.
Изберете PNG файла, който току-що запазихте, и натиснете Place :
Избор на PNG файл.
Photoshop поставя файла пред фона:
Поставяне на файла в документа.
Можете да използвате дръжките за безплатна трансформация, за да промените размера на текста, ако е необходимо. Но в моя случай просто ще го приема, като натискам Enter (Win) / Return (Mac) на клавиатурата си. И точно така, текстовият ефект е преместен в новия си фон:
Текстът се появява пред новия си фон.
Ако погледнем в панела Слоеве, виждаме, че текстът ни ефект е добавен като интелигентен обект над изображението. Знаем, че това е умен обект от иконата в долната дясна част на миниатюрата. Страхотно нещо за интелигентните обекти е, че можем да ги преоразмерим без загуба на качество. Можете да научите повече за преоразмеряването на интелигентните обекти в отделен урок:
Photoshop постави файла като интелигентен обект.
Метод 2: Копиране и поставяне
Така че това е един начин да преместите текстов ефект върху нов фон. Нека разгледаме втори начин и този, при който няма нужда да съхранявате документа си като отделен файл. Ще изтрия ефекта си, като го преместя надолу върху кошчето в долната част на панела Слоеве:
Изтриване на текстовия ефект.
Това ме оставя само с фоновото ми изображение:
Остава само фоновото изображение.
Ще премина към моя документ с текстови ефекти и тъй като фоновият слой все още е изключен, все още виждаме прозрачния фон зад текста:
Превключване обратно към текстовия ефект.
Обединяване на текстовия ефект върху нов слой
Друг начин да преместите ефекта си върху нов фон е като го копирате и поставите в другия документ. За по-лесно ще обединим слоевете, които съставляват нашия текстов ефект, в нов слой.
Първо, уверете се, че фоновият слой е изключен, така че да виждате прозрачен фон зад текста. След това кликнете върху горния слой, за да го изберете:
Избор на най-горния слой (с изключен фонов слой).
За да обедините текстовия си ефект с нов слой, на компютър с Windows натиснете Shift + Ctrl + Alt + E на клавиатурата си. На Mac натиснете Shift + Command + Option + E. Това обединява всички видими слоеве върху нов слой над тях. Този нов слой съдържа текстовия ефект и нищо друго:
Текстовият ефект е обединен в един слой.
Уверете се, че е избран обединеният слой, след което отидете до менюто Редактиране и изберете Копиране :
Отидете на Редактиране> Копиране.
Отворете новото си фоново изображение:
Преминаване към новия фон.
След това се върнете обратно към менюто Редактиране и изберете Поставяне :
Отидете на Редактиране> Поставяне.
Photoshop поставя текстовия ефект върху новия фон:
Резултатът след поставяне на слоя на текстовия ефект в новия документ.
В панела Слоеве виждаме нашия текстов слой над изображението. Този път това е просто нормален слой, а не интелигентен обект:
Текстовият слой се появява над фоновия слой.
Метод 3: Поставяне на текстовия ефект като интелигентен обект
Това са два начина за преместване на текстов ефект върху нов фон. Нека да разгледаме още един начин, който също е любимият ми начин. Отново ще изтрия ефекта си, като го преместя надолу върху кошчето:
Изтриване на текстовия слой.
След това ще премина към моя документ с текстови ефекти:
Превключване обратно към текстовия ефект.
Включване на фоновия слой отново
Преди да продължа по-нататък, ще включа отново фоновия си слой, като щракнете върху иконата му за видимост в панела Слоеве:
Включване на фоновия слой отново.
Това възстановява оригиналния черен фон зад текста:
Оригиналният фон се връща.
Изтриване на слоя от текстови ефекти
Ще изтрия също така слоя си от текстови ефекти, като го избирам и натискам Backspace (Win) / Delete (Mac) на клавиатурата си:
Избор и изтриване на обединения слой.
Запазване и затваряне на документа
Сега, след като възстанових документа обратно по начина, по който е бил първоначално, ще го запиша, като отида в менюто File и изберете Save :
Отидете във Файл> Запазване.
След това ще затворя текстовия си ефект, като се върна в менюто Файл и изберете Затвори :
Отидете на Файл> Затвори.
Това ме оставя само с новото фоново изображение:
Документът с текстовия ефект е затворен.
Поставяне на текстовия ефект като интелигентен обект
По-рано научихме, че можем да преместим текстовия си ефект върху нов фон, като изключим фоновия слой, запазваме ефекта като PNG файл и след това поставяме PNG файла в другия документ като интелигентен обект. Но всъщност можем да поставим самият документ с текстов ефект като интелигентен обект! И предимството е, че документът ще остане за редактиране.
За да поставя документа на текстовия ефект в моя документ с фоново изображение, ще отида до менюто File и ще избера Place Embedded . В Photoshop CS6 или по-рано бих избрал Място :
Отидете на File> Place Embedded.
Този път, вместо да избера този PNG файл, който запазих по-рано, ще избера действителния документ на текстовия ефект в Photoshop (.psd файла). Щракнете върху него, за да го изберете, и след това щракнете върху Място :
Избор на документа Photoshop на текстовия ефект.
Photoshop поставя текстовия ефект пред фона, точно както преди:
Поставяне на документа с текстови ефекти пред новия фон.
Отново можем да го променим с помощта на дръжките за безплатна трансформация, но просто ще го приема, като натискам Enter (Win) / Return (Mac). Забележете обаче, че оригиналният черен фон все още се показва зад текста и блокира новия фон от изглед. Това е така, защото фоновият слой все още е включен. Но това не е проблем, защото е лесно да се поправи:
Текстовият ефект е добавен, но оригиналният фон все още се показва.
Редактиране на съдържанието на интелигентния обект
Ако погледнем в панела Слоеве, отново виждаме текстовия ефект добавен като интелигентен обект над изображението:
Документът с текстови ефекти е поставен като интелигентен обект.
Но този път, вместо да държи PNG файл, умният обект държи копие на целия документ с текстови ефекти. За да отворите интелигентния обект и да видите съдържанието му, щракнете двукратно върху миниизображението му:
Отваряне на интелигентния обект за преглед на текстовия ефект.
Текстовият ефект се отваря:
Документът с текстовия ефект вътре в интелигентния обект.
И ако погледнем в панела Слоеве, виждаме всички наши слоеве все още непокътнати:
Панелът Слоеве, показващ слоевете с текстови ефекти и фоновия слой.
Изключване на фоновия слой
За да скрия оригиналния фон, ще изключа фоновия слой, като щракна върху иконата му за видимост :
Изключване на фоновия слой.
Това отново ни оставя с прозрачен фон:
Фонът отново е прозрачен.
Запазване и затваряне на интелигентния обект
За да се появи нашата промяна в основния документ, трябва да запишем и затворим интелигентния обект. За да го запазите, отворете менюто Файл и изберете Запазване :
Отидете във Файл> Запазване.
И след това, за да го затворите, върнете се в менюто Файл и изберете Затвори :
Отидете на Файл> Затвори.
И обратно в основния документ, оригиналният фон вече е изчезнал и виждаме новия фон на негово място:
Резултатът след изключване на фоновия слой в интелигентния обект.
Бонус: Засилване на ефекта
За да завърша нещата, ще използвам фоновото си изображение, за да засиля бързо искрящия ефект около текста. В панела Слоеве ще избера фоновия слой:
Избор на фонов слой.
След това ще направя копие на изображението, като натисна Ctrl + J (Win) / Command + J (Mac). Копието се появява над оригинала:
Осъществяване на копие на фоновото изображение.
Ще щракнете върху копието и ще го плъзнем нагоре над текстовия ефект:
Плъзгане на копието на изображението над текста.
Това временно блокира изгледа на текста:
Текстовият ефект е временно скрит.
И накрая, за да скрия черните области и да смеся златните искри с текста, ще променя режима на смесване на изображението от Нормално към Екран:
Промяна на режима на смесване на слоевете на екрана.
И ето моят краен резултат:
Крайният, засилен ефект.
И там го имаме! Ето как да преместите текстов ефект върху нов фон във Photoshop! Научете как да създадете златния текстов ефект, използван в този урок, или прегледайте нашия раздел Текстови ефекти за още уроци! И не забравяйте, всички наши уроци за Photoshop са достъпни за изтегляне като PDF файлове!