V tomto tutoriálu vám ukážu, jak umístit obrázek do vašeho textu, a navíc vytvořím 3D vyskakovací efekt s prvkem z vaší fotografie tak, aby vypadala, že fotka vyskakuje z textu!

Používám volné písmo s názvem Advent Pro Bold, který si můžete stáhnout zde, a foto zdarma z Budova Capitol Denveru se nachází na Flickru. Budu používat GIMP verze 2.9.8, což je „vývojová verze“ a považovaná za nejnovější verzi GIMP. Obsahuje téměř všechny nové funkce, které lze v GIMPu 2.10 najít, i když existují některé opravy chyb, na kterých tým GIMPu pro vydání stabilní verze stále pracuje. Můžeš GIMP 2.9.8 ke stažení zdarma na webových stránkách GIMP. Můžete také sledovat GIMP 2.8.22, což je nejnovější stabilní verze GIMPu (v době tohoto příspěvku).

Svou kompozici můžete uložit při práci v nativním formátu souboru .XCF stisknutím kombinace kláves ctrl + s na klávesnici nebo přechodem do nabídky Soubor> Uložit. Nezapomeňte to udělat v celém výukovém programu, abyste neztratili práci!

Krok 1: Otevřete svůj obrázek

Jakmile si stáhnete obrázek, otevřete jej v GIMPu v části Soubor> Otevřít. Zobrazí se dialogové okno „Otevřít obrázek“, které vám umožní vyhledat obrázek v souborech v počítači, vybrat jej a otevřít.

Krok 2: Vytvoření nové kompozice

Vytvořte novou kompozici tak, že přejdete do nabídky Soubor> Nový. Zobrazí se dialogové okno „Vytvořit nový obrázek“ (zobrazené na fotografii výše), které vám umožní vybrat rozměry vaší kompozice. Vzhledem k tomu, že obrázek, který jsem stáhl, je široký 1024 pixelů, zvolím jej jako svou šířku. Obraz má výšku 768 pixelů, ale chci mít možnost oříznout část obrázku, takže nastavím výšku kompozice o něco nižší než to - 720 pixelů. Svou skladbu můžete nastavit na libovolné rozměry. Kliknutím na OK vytvoříte nový obrázek / kompozici.

Krok 3: Vytvoření pozadí přechodu

Použití obrázku nástroje Blend v textové výuce

Popadněte nástroj pro míchání (označený zelenou šipkou na fotografii výše) a změňte barvy popředí a pozadí (červená šipka) na světle modrou (html notace: 3cccf5) a tmavě modrou (html notace: 2b748f). V možnostech nástroje prolnutí změňte přechod na Přední do Pozadí (RGB) - označeno fialovou šipkou výše a změňte tvar na Radiální (růžová šipka).

Přejděte do vrstvy pozadí a klikněte na střed kompozice (červená šipka) a přetáhněte ji do pravého dolního rohu (fialová šipka). Tím se nakreslí váš gradient, se světlou barvou uprostřed a tmavou barvou kolem okrajů v radiálním tvaru. Pokud používáte GIMP 2.9.8, můžete použít možnosti úpravy přechodu (Live Gradient) k úpravě umístění přechodu (můžete kliknout a pohybovat kolem počátečních a koncových bodů označených šipkami nahoře).

Krok 4: Zkopírujte obrázek do kompozice

Po vytvoření pozadí přejděte zpět na svůj obrázek budovy Capitol (buď pomocí karet v režimu jednoho okna nebo kliknutím na okno obrázku v režimu více oken) a zkopírujte jej stisknutím kláves Ctrl + C na klávesnici nebo pomocí přejděte na Úpravy> Kopírovat.

Vraťte se zpět ke své kompozici a stiskněte klávesovou zkratku ctrl + v nebo přejděte do nabídky Úpravy> Vložit a vložte fotografii do své kompozice. Tím se vaše fotka přidá jako vrstva „plovoucího výběru“, označená červenou šipkou na obrázku výše. Klikněte na plovoucí vrstvu výběru na panelu vrstev a poté kliknutím na ikonu „Vytvořit novou vrstvu“ (fialová šipka) přidejte plovoucí vrstvu výběru do nové vrstvy.

Poklepáním na název této nové vrstvy upravte název vrstvy (nejprve bude zvýrazněn modrou barvou, jako na fotografii výše) a změňte název na „Capitol“ (pokud sledujete stejný obrázek I používám).

Nyní, když je tato vrstva stále vybraná, dvakrát klikněte na ikonu „Duplikovat vrstvu“, takže nyní máte 3 vrstvy Capitol.

Krok 5: Přidejte svůj text

Textový nástroj GIMP 2.9.8

Popadněte textový nástroj ze svého Toolboxu (označený červenou šipkou výše), změňte písmo na písmo Advent Pro Bold, které jste si stáhli dříve (nebo jakékoli písmo, které chcete použít - označené fialovou šipkou), změňte velikost textu na 395 (zelená šipka), změňte barvu textu na bílou (žlutá šipka) a klikněte kamkoli na kompozici. Tím se automaticky vytvoří nová textová vrstva (růžová šipka). Napište svůj text, který je v mém případě „DENVER“ - všechna písmena velká. Poté zvýrazněte celý text pomocí textového nástroje a zmenšete vyrovnání párů textu nebo mezery mezi všemi písmeny tak, aby byla písmena blíže k sobě. Snížil jsem kerning na -73 (černá šipka).

Poté uchopte nástroj pro zarovnání a klikněte na textovou vrstvu. Kliknutím na „zarovnat střed cíle“ pod možnostmi nástroje pro zarovnání zarovnáte text na vodorovný střed obrázku.

Poté můžete nástroj pro přesun (červená šipka) uchopit z panelu nástrojů nebo stisknutím klávesy „m“ na klávesnici a svisle zarovnat text. K tomu nebudete moci použít nástroj pro zarovnání, protože vlastní vyrovnání párů, které jsme aplikovali na text, ovlivnilo zarovnání textu v textovém poli - textové pole bylo mimo střed (jak si můžete všimnout výše).

Kopírování vrstvy GIMP pic v textovém kurzu

Duplikujte textovou vrstvu, takže nyní máte dvě textové vrstvy „DENVER“. Název vrstvy má spoustu symbolů nalevo a napravo od písmene „D“ (zobrazeno výše) kvůli vyrovnání párů, které jsme dříve aplikovali na vrstvu.

Krok 6: Vytvořte „Obrázek v textu“

Alfa k průhlednosti GIMP obrázek v textové výuce

Dále klikněte na horní textovou vrstvu DENVER a přejděte na Vrstva> Průhlednost> Alfa na výběr. Tím vytvoříte oblast výběru kolem textu DENVER.

Vyberte Invertovat GIMP Photo v Textové výuce

Poté klikněte na vrstvu Capitol Copy # 1. Přejděte na Vybrat> Invertovat, což invertuje oblast výběru tak, aby bylo vybráno vše kolem vašeho textu DENVER. Poté stiskněte klávesu Delete, čímž vymažete vše uvnitř oblasti výběru.

Chcete-li zjistit, zda to funguje, skryjte vrstvy Capitol Copy a Capitol pod vrstvu Capitol Copy # 1 (klikněte na ikonu v panelu vrstev, která vypadá jako oko). Nyní byste měli vidět pouze vrstvu pozadí. Pokud také skryjete obě textové vrstvy DENVER, měli byste vidět náš obrázek Capitol ve slově DENVER (jak je znázorněno na fotografii výše). Chcete-li zrušit výběr oblasti výběru (viz také výše), přejděte na Vybrat> Žádný.

Krok 7: Vytvořte vyskakovací efekt 3D

Odkryjte vrstvu „Capitol Copy“, skryjte vrstvu „Capitol Copy # 1“ a odkryjte horní textovou vrstvu DENVER (viz výše), takže nyní budou pouze tyto dvě vrstvy (Capitol Copy a horní textová vrstva) spolu s vrstvou pozadí jsou viditelné. Klikněte pravým tlačítkem na vrstvu Capitol Copy a přejděte na „Přidat masku vrstvy“.

V části „Inicializovat masku vrstvy na:“ vyberte možnost Bílá (plná neprůhlednost). Kliknutím na „Přidat“ přidejte masku vrstvy.

Malování na vrstvě masku gimp pic v textu

Nyní uchopte nástroj štětec (označený zelenou šipkou výše) a změňte barvu na černou (html notace # 000000 - červená šipka). Pomocí posuvníku Velikost (fialová šipka) zvětšujte velikost štětce, dokud štětec nezakryje slušnou oblast obrázku. Jakmile začneme malovat některé z podrobnějších částí obrázku, zmenšíme a zvětšíme štětec při práci pomocí levé a pravé klávesy závorky („[“ a „]“) na vaší klávesnici. Měl bych zmínit, že pomocí masky vrstvy používáte techniku ​​zvanou „nedestruktivní úpravy“, protože objekty mazáte černou barvou, ale můžete je přivést zpět bílou barvou - na rozdíl od nástroje guma, kde můžete objekty mazat, ale můžete Po vymazání je nevrátíte zpět (pokud stiskem ctrl + z nevrátíte gumu zpět). Díky tomu jsou úpravy flexibilnější. Začněte malovat na všechno na masce vrstvy Capitol Copy černě, s výjimkou kopulovité části budovy. Během malování byste měli začít vidět, jak se vše mazá.

Uchopte nástroj pro přiblížení na panelu nástrojů nebo stiskněte klávesu z na klávesnici a kliknutím zvětšete kopulovitou část obrázku. Ponechávám všechny sloupy pod kupolí, dokud se budova nesetká s písmeny „N“ a „V.“ Obloha kolem ní se stírá spolu se všemi ostatními částmi obrazu.

Znovu uchopte nástroj štětce a zmenšete jeho velikost, abyste mohli mazat kolem detailů kopule, aniž byste mazali jakékoli části samotné kopule. Můžete také změnit štětec na tvrdý štětec (tj. Tvrdost 100 - označená červenou šipkou výše), abyste mohli přesněji mazat podél okrajů kopule.

Vaše kompozice by měla vypadat podobně jako moje, jakmile použijete masku vrstvy k vymazání všeho kolem kopule.

Uchopte nástroj pro přiblížení a podržte klávesu Ctrl na klávesnici, abyste se mohli vrátit zpět, dokud neuvidíte celou kompozici.

Krok 8: Přidejte zlatý obrys kolem textu a kopule

Skryjte textovou vrstvu DENVER a odkryjte vrstvu Capitol Copy # 1. Nyní by to mělo vypadat, že na vašem obrázku DENVER v textu má kopuli vyskakující. S vybranou vrstvou Capitol Copy # 1 přejděte do části Vrstva> Průhlednost> Alfa k výběru a vytvořte oblast výběru kolem obrázku DENVER v textu.

Poté přejděte na Vybrat> Zvětšit a zvětšit oblast výběru o 5 pixelů. Klikněte na OK. Oblast výběru kolem textu DENVER je nyní 5 pixelů od okraje textu, což nám umožní vytvořit ohraničení kolem textu.

Vytvořte novou vrstvu (klikněte na ikonu „Vytvořit novou vrstvu“ na panelu vrstev) a pojmenujte ji Denverův zlatý obrys. Pokud používáte GIMP 2.9.8, můžete mu přiřadit barevnou značku - přidělám žlutou barevnou značku a kliknutím na OK vytvořím novou vrstvu. Klikněte a přetáhněte tuto novou vrstvu pod vrstvu Capitol Copy # 1 v panelu vrstev.

Zlatý gradient GIMP tutoriál

Poté uchopte nástroj pro míchání (zelená šipka) a změňte přechod na výchozí Zlatý přechod (červená šipka). Poté klikněte do levého horního rohu textu DENVER (fialová šipka) a přetáhněte přechod do pravého dolního rohu tohoto textu (růžová šipka). Všimněte si počáteční a koncové polohy tohoto přechodu, protože to bude důležité později. Uchopte nástroj pro přesun a použijte přechod (pro verzi 2.9.8). Chcete-li zrušit výběr textu, přejděte na Vybrat> žádný.

Maska pro výběr GIMP obrázku v textovém tutoriálu

Poté přejděte do své vrstvy „Capitol Copy“ (vrstva s maskou vrstvy) a klikněte na masku vrstvy. Klikněte pravým tlačítkem na masku vrstvy a přejděte na „Maska k výběru“. Tím se bílá oblast v masce vrstvy změní na oblast výběru.

Klikněte na vrstvu Capitol Copy nyní (nalevo od masky vrstvy - označeno růžovou šipkou) a stiskněte Ctrl + C na klávesnici nebo přejděte na Úpravy> Kopírovat. Poté stiskněte klávesovou zkratku ctrl + v na klávesnici nebo přejděte do nabídky Úpravy> Vložit a vložte oblast výběru na plovoucí vrstvu výběru (červená šipka). Kliknutím na tuto plovoucí vrstvu výběru a kliknutím na „Vytvořit novou vrstvu“ ji přidáte do své vlastní vrstvy (zelená vrstva). Přejmenujte tuto novou vrstvu „Dome“ dvojitým kliknutím na název vrstvy.

Velikost vrstvy na obrázek

Když je vybrána nová vrstva Dome, přejděte do části Layer> Layer to Image Size, aby hranice kolem vaší vrstvy odpovídala hranici vaší kompozice.

Dále přejděte na Vrstva> Průhlednost> Alfa na výběr a otočte kopuli do oblasti výběru. Přejít na Vybrat> Růst a zvětšit výběr znovu o 5 pixelů.

Vytvořte novou vrstvu a pojmenujte tuto vrstvu Dome gold outline. Tuto vrstvu můžete také přiřadit žlutou značku barvy a poté k vytvoření vrstvy kliknutím na tlačítko OK. Přetáhněte tuto vrstvu pod vrstvu Dome v panelu Vrstvy.

Je-li vybrána zlatá obrysová vrstva Dome, uchopte nástroj prolnutí (zelená šipka), ujistěte se, že je přechod stále nastaven na Zlatou (červená šipka), a nakreslete přechod s počátečním a koncovým bodem na stejném místě jako váš poslední přechod ( začněte vlevo nahoře, označeno fialovou šipkou, textu DENVER a přetáhněte do pravého dolního rohu tohoto textu, označeného růžovou šipkou). Tím je zajištěno, že přechod na vaší kopulovité vrstvě se vyrovná s přechodem na textové vrstvě DENVER. Pokud používáte GIMP 2.9.8, uchopte nástroj pro přesun a použijte přechod. Chcete-li zrušit výběr oblasti výběru, přejděte na Vybrat> žádný.

Krok 9: Použít stín

Použití fotografie GIMP vrženého stínu v textovém kurzu

Klikněte na vrstvu zlatého obrysu Denveru a přejděte do nabídky Filtry> Světlo a stín> Vržený stín.

Nastavte svá nastavení tak, aby odpovídala mému výše, a poté klepnutím na OK použijte vržený stín. Tento krok opakujte na obrysové vrstvě kopule Dome tak, aby text i kopule měly nyní vržené stíny (můžete také kliknout na vrstvu obrysu Dome gold a poté přejít na Filtry> Opakovat „Vržený stín“).

Krok 10: Vymazání překrývajících se prvků

Nyní, když máte vytvořeny zlaté obrysy a vržené stíny, si všimnete, že některé z těchto prvků se navzájem překrývají a nějakým způsobem zesilují efekt, který se snažíme vytvořit. Chcete-li to napravit, klikněte pravým tlačítkem na vrstvu zlatého obrysu DENVER a klikněte na Přidat masku vrstvy. V části Inicializovat masku vrstvy na vyberte Bílá (úplná neprůhlednost).

Popadněte štětec a vyberte černou barvu. Namalujte černou barvu na kteroukoli část zlatého obrysu, která se překrývá s kopulí. Pamatujte - velikost štětce můžete upravit pomocí držáků na klávesnici. Pomocí nástroje pro přiblížení (z na klávesnici a kliknutím jej přiblížíte) přiblížíte detaily, zatímco obrysy odkryjete.

Pokud vymažete příliš mnoho obrysu, můžete přepnout barvu na bílou a obarvit obrys zpět.

Podržte klávesu ctrl, chcete-li se vrátit zpět, dokud nebude znovu viditelná celá kompozice.

Krok 11: Vytvoření překrytí pozadí

Snižte opacitu vrstvy GIMP 3d

V posledním kroku návrhu odkryjte původní vrstvu pozadí Capitol (červená šipka). Klikněte na tuto vrstvu a poté přetáhněte posuvník krytí vrstvy (zelená šipka), aby se obrázek stal průhlednějším. Snížil jsem neprůhlednost vrstvy na 17 až 18. Zvýšením transparentnosti tohoto obrázku vytváříte efekt typu „overlay overlay“, který dále vylepšuje DENVER obrázek v textovém efektu.

Krok 12: Uložit / Exportovat kompozici

Nyní můžete obrázek uložit tak, že přejdete do nabídky Soubor> Uložit nebo Soubor> Exportovat. Pojmenujte soubor, vyberte umístění, kam ho chcete uložit, a typ souboru, do kterého ho chcete uložit, a klikněte na OK. V závislosti na typu souboru, který jste vybrali, budete pravděpodobně muset před dokončením ukládání upravit některá další nastavení (obvykle se můžete držet výchozího nastavení a být v pořádku).

Obrázek v textu s efektem 3D Pop Out

To je pro tento návod vše! Pokud se vám to líbilo, podívejte se na další textové a video tutoriály na naší stránce GIMP Tutorial, Nebo navštívit naše Kanál YouTube GIMP.

Davies Media Design Bezplatné e-mailové zpravodaje o kreativních aplikacích

Přihlaste se k odběru zpravodaje DMD

Přihlaste se k odběru nových výukových programů, aktualizací kurzů a nejnovějších zpráv o vašich oblíbených bezplatných kreativních aplikacích!

Úspěšně jste přihlášeni k odběru!

Pin It na Pinterest