V tomto tutoriálu s fotografickými efekty Photoshopu se naučíme, jak vytvořit jednoduchý fotorámeček se třemi obrázky. Až to uděláme, uvidíme, jak snadno převést konečný výsledek do opakovaně použitelné šablony pomocí inteligentních objektů Photoshopu! Inteligentní objekty byly poprvé představeny ve Photoshopu CS2, což znamená, že budete potřebovat Photoshop CS2 nebo vyšší pro závěrečné kroky v tutoriálu. Budu používat Photoshop CS4 sám. Pokud však používáte starší verzi Photoshopu, můžete si přesto vytvořit samotný skutečný fotorámeček. Jediné, co nebudete moci udělat, je převést obrázky na inteligentní objekty na konci tutoriálu.
Tady vytvoříme rámeček tří fotografií:
Konečný výsledek.
Jak vytvořit fotorámeček se třemi obrázky
Krok 1: Vytvoření nového dokumentu
Začněme vytvořením nového dokumentu Photoshopu. Přejděte na nabídku Soubor na panelu nabídek v horní části obrazovky a zvolte Nový . Nebo pro rychlejší vytvoření nového dokumentu jednoduše stiskněte klávesovou zkratku Ctrl + N (Win) / Command + N (Mac) :
Přejděte do nabídky Soubor> Nový nebo stiskněte kombinaci kláves Ctrl + N (Win) / Command + N (Mac).
Ať už si vyberete jakýkoli způsob, zobrazí se dialogové okno Nový dokument Photoshopu, kde jsme nastavili možnosti pro náš nový dokument. Protože budu umísťovat tři obrázky ve stylu portrétu vedle sebe v řadě, potřebuji dokument, který je docela široký, takže zadám 12 palců pro šířku a 6 palců pro výšku, takže Ujistěte se, že je typ měření nastaven na palce, nikoli na pixely. Možná budete muset zadat různé hodnoty pro šířku a výšku, pokud máte konkrétní velikost dokumentu, kterou chcete vytvořit. Když budu chtít vytisknout rámeček, až budu hotový, zadám rozlišení 300 pixelů / palec :
Vytvořte nový dokument o rozměrech 12 palců x 6 palců rychlostí 300 pixelů / palec.
Až budete hotovi, klikněte na OK, abyste přijali nastavení a opustili dialogové okno. Na obrazovce se objeví nový dokument:
Objeví se nový dokument.
Krok 2: Vyplňte nový dokument černou barvou
Chci použít černou barvu pozadí, takže půjdu nahoru do nabídky Úpravy v horní části obrazovky a zvolím příkaz Výplň Photoshopu, který nám umožní vyplnit vrstvu nebo výběr barvou:
Přejděte na Úpravy> Vyplnit.
Když se zobrazí dialogové okno Výplň, nastavím možnost Použít v části Obsah v horní části dialogového okna na Černou :
Nastavte možnost Použít na černou.
Klepnutím na tlačítko OK ukončíte dialogové okno a aplikace Photoshop vyplní dokument černou barvou:
Dokument je nyní plný černé.
Krok 3: Přidejte novou prázdnou vrstvu
Musíme přidat novou prázdnou vrstvu. Přidáme zástupný symbol pro náš první obrázek v této nové vrstvě. Podržte klávesu Alt (Win) / Option (Mac) a klikněte na ikonu Nová vrstva ve spodní části panelu Vrstvy:
Podržte Alt (Win) / Option (Mac) a klikněte na ikonu Nová vrstva.
Podržíte-li klávesu Alt / Option, když klikneme na ikonu Nová vrstva, řekneme Photoshopu, aby před přidáním nové vrstvy otevřelo dialogové okno Nová vrstva a pomocí tohoto dialogu můžeme naší nové vrstvě pojmenovat. Změňte název nové vrstvy z výchozího "Vrstva 1" na zástupný symbol vlevo :
Změňte název nové vrstvy na „zástupný symbol vlevo“.
Klepnutím na OK přijměte změnu názvu a opusťte dialogové okno. Podíváme-li se na panel Vrstvy, můžeme vidět, že nyní máme nad vrstvou pozadí novou prázdnou vrstvu s názvem „zástupný symbol vlevo“. Vzor šachovnice v náhledu vrstvy vlevo od názvu vrstvy nám říká, že vrstva je aktuálně prázdná:
Byla přidána nová vrstva s názvem „zástupný symbol vlevo“.
Krok 4: Vyberte nástroj Obdélníkové ohraničení
Vyberte nástroj Photoshop Rectangular Marquee Tool v horní části panelu Nástroje nebo stiskněte písmeno M na klávesnici, abyste jej rychle vybrali pomocí zástupce:
Vyberte nástroj Obdélníkové ohraničení.
Je-li vybrán nástroj Obdélníkové ohraničení, změní se lišta Možnosti v horní části obrazovky, aby se zobrazily možnosti nástroje Obdélníkové ohraničení. Jednou z možností je Styl . Změňte jej z výchozího nastavení Normal na Fixed Ratio a poté zadejte 4 pro Width a 6 pro Height . Tím se vynutí tvar výběru, který se chystáme nakreslit, do poměru stran 4x6, což nám usnadní pozdější přidání několika fotek 4x6 do dokumentu:
Změňte styl na „Fixed Ratio“, poté zadejte „4“ pro šířku a „6“ pro výšku.
Krok 5: Nakreslete obdélníkový výběr na levou stranu dokumentu
Přetáhněte obdélníkový výběr na levé straně dokumentu. Zde se zobrazí fotografie vlevo. Všimněte si, že když přetáhnete výběr, jeho tvar je omezen na poměr stran 4x6, který jsme nastavili na panelu Možnosti v předchozím kroku. Pokud potřebujete výběr přemístit při jeho přetahování, jednoduše podržte mezerník, přetažením myši přesunete výběr na místo, uvolněte mezerník a pokračujte v přetahování. Nezapomeňte ponechat dostatek místa, aby se vešel do dokumentu ještě dvě fotografie:
Klikněte a přetáhněte výběr kolem oblasti, kde se zobrazí fotografie vlevo.
Krok 6: Vyplňte výběr šedou barvou
Po výběru výběru přejděte zpět do nabídky Úpravy a znovu vyberte příkaz Výplň :
Přejděte na Úpravy> Vyplnit.
Tentokrát, když se objeví dialogové okno Výplň, změňte možnost Použít v části Obsah v horní části dialogového okna na 50% Šedá :
Tentokrát změňte možnost Použít na „50% Šedá“.
Až budete hotovi, klikněte na OK, abyste opustili dialogové okno. Photoshop vyplní výběr šedou barvou. Neexistuje žádný zvláštní důvod, proč jsme si vybrali šedou. Jednoduše jsme potřebovali vyplnit výběr barvou, a protože jej používáme pouze jako zástupný symbol pro obraz, vypadala šedá jako přirozená volba. Stisknutím kláves Ctrl + D (Win) / Command + D (Mac) odeberete obrys výběru z tvaru:
Stisknutím kláves Ctrl + D (Win) / Command + D (Mac) odeberete obrys výběru, jakmile vyplníte výběr šedou barvou.
Krok 7: Přidejte tenký bílý tah kolem tvaru
Přidáme tenký bílý rámeček kolem tvaru. Klikněte na ikonu Styly vrstev ve spodní části panelu Vrstvy a vyberte Zdvih ze spodní části seznamu stylů vrstvy, který se zobrazí:
Klikněte na ikonu Styly vrstev a v seznamu vyberte Tah.
Tím se otevře dialogové okno Styl vrstvy Photoshopu nastavené na možnosti Zdvih ve středním sloupci. Nejprve změňte barvu tahu kliknutím na malý vzorník barvy napravo od slova Barva a výběrem bílé z Výběr barvy, když se objeví. Po dokončení klepnutím na tlačítko OK ukončíte výběr barvy. Zvětšete velikost tahu na přibližně 10 px (pixelů) a poté změňte polohu na vnitřní :
Změňte barvu tahu na bílou, pak zvětšete velikost na přibližně 10 px a změňte polohu na „uvnitř“.
Jakmile nastavíte barvu, velikost a polohu tahu, kliknutím na OK ukončíte dialogové okno. Tady je můj obrázek s tenkým bílým okrajem nyní použitým na tvar:
Styly vrstev jsou snadným způsobem, jak do obrázku přidat jednoduché efekty, jako jsou hranice.
Krok 8: Vyberte nástroj pro přesun
Na panelu Nástroje vyberte nástroj pro přesun aplikace Photoshop nebo stisknutím klávesy V na klávesnici jej rychle vyberte pomocí zástupce:
Vyberte nástroj pro přesun.
Krok 9: Přetáhněte kopii tvaru do středu dokumentu
Stiskněte Shift + Alt (Win) / Shift + Option (Mac) a podržte obě klávesy stisknuté, klepněte na šedý tvar uvnitř dokumentu a přetáhněte jej doprava. Klávesa Alt / Option říká Photoshopu, že chceme vytvořit kopii tvaru při přetahování namísto přesunutí původního tvaru, zatímco klávesa Shift omezuje směr, kterým můžeme přetáhnout, takže je snadné přetáhnout přímou čarou směrem k právo.
Přetáhněte kopii do středu obrázku, což vytvoří zástupný symbol pro střední fotografii, kterou přidáme. Všimněte si, že bílý tah je také kopírován spolu s tvarem:
Podržte Shift + Alt (Win) / Shift + Option (Mac) a přetáhněte kopii tvaru do středu dokumentu.
Krok 10: Přejmenujte novou vrstvu na zástupný střed
Když se podíváme na panel Vrstvy, můžeme vidět, že se druhý tvar objevil na své vlastní vrstvě nad původním tvarem. Photoshop pojmenoval novou vrstvu „zástupný symbol vlevo“. Poklepejte přímo na název nové vrstvy a změňte ji na zástupný střed . Po dokončení stiskněte Enter (Win) / Return (Mac):
Nový tvar se objeví na jeho vlastní vrstvě nad originálem. Přejmenujte novou vrstvu „zástupný symbol uprostřed“.
Krok 11: Přetáhněte další kopii tvaru na pravou stranu dokumentu
Opět podržte Shift + Alt (Win) / Shift + Option (Mac), klikněte na prostřední tvar a přetáhněte jeho kopii na pravou stranu dokumentu. Tím se stane zástupný symbol pro obrázek, který se zobrazí vpravo. Opět je kopírován bílý tah spolu s tvarem. Pokuste se ponechat stejné množství prostoru mezi novým tvarem a pravým okrajem dokumentu, jako je mezi levým tvarem a levým okrajem dokumentu. Nebojte se prozatím, pokud tvary samy o sobě nejsou rovnoměrně rozmístěny, protože moje zjevně nejsou:
Pokuste se ponechat stejné množství místa mezi třetím tvarem a pravým okrajem dokumentu, protože existuje mezi původním tvarem a levým okrajem.
Krok 12: Přejmenujte novou vrstvu „zástupný symbol vpravo“
Podíváme-li se znovu na panel Vrstvy, můžeme vidět, že třetí tvar se objeví na jeho vlastní vrstvě nad ostatními dvěma tvary a Photoshop automaticky nazval novou vrstvu „zástupný znak střední kopie“. Poklepejte přímo na název vrstvy a změňte ji na zástupný symbol vpravo . Po dokončení stiskněte Enter (Win) / Return (Mac):
Přejmenujte novou vrstvu „zástupný symbol vpravo“.
Krok 13: Vyberte všechny tři zástupné vrstvy najednou
Zarovnejte tři tvary tak, aby byly rovnoměrně rozmístěny. S již vybranou horní vrstvou („zástupný znak vpravo“) podržte klávesu Shift a na panelu Vrstvy klikněte na vrstvu původního tvaru („zástupný znak vlevo“). Tím vyberete všechny tři zástupné vrstvy najednou (uvidíte je všechny zvýrazněné modře, což nám říká, že jsou vybrány):
Podržte Shift a klikněte na „zástupný symbol vlevo“ a vyberte všechny tři zástupné vrstvy najednou.
Krok 14: Klikněte na ikonu „Distribuovat vodorovná centra“
Jsou-li vybrány všechny tři vrstvy a stále je vybrán nástroj pro přesun, na panelu voleb v horní části obrazovky se zobrazí řada ikon, které nám poskytují různé způsoby zarovnání a rozdělení vrstev. Klikněte na ikonu Distribute Horizontal Centers (Distribuce vodorovných středů), která vodorovně rozdělí tvary:
Na panelu Možnosti klikněte na ikonu „Distribuovat vodorovná centra“.
Všechny tři zástupné tvary by nyní měly být v dokumentu rovnoměrně rozmístěny:
Zástupné symboly jsou nyní rovnoměrně rozmístěny.
Jsme připraveni do dokumentu přidat několik fotografií. Uděláme to dále!
Krok 15: Otevřete první fotografii, kterou chcete přidat do rámečku
Otevřete první obrázek, který chcete přidat do rámového dokumentu. Zde je fotka, kterou budu používat:
První fotografii, kterou přidám do dokumentu.
Krok 16: Zkopírujte fotografii do schránky
Stisknutím Ctrl + A (Win) / Command + A (Mac) rychle vyberete celou fotografii. Kolem obrázku se zobrazí obrys výběru. Poté stisknutím Ctrl + C (Win) / Command + C (Mac) zkopírujte obrázek do schránky. Po zkopírování obrázku do schránky můžete zavřít okno dokumentu fotografie.
Krok 17: Vyberte vrstvu „Zástupný symbol vlevo“
Kliknutím na libovolné místo v okně dokumentu přepnete zpět na rámový dokument a kliknutím na levou vrstvu zástupného symbolu v panelu Vrstvy jej vyberte:
V rámečkovém dokumentu vyberte vrstvu „zástupný symbol vlevo“.
Krok 18: Vložte fotografii do rámového dokumentu
Stisknutím kláves Ctrl + V (Win) / Command + V (Mac) vložte fotografii do rámečkového dokumentu. Photoshop umístí fotografii na svou vlastní vrstvu přímo nad vybranou vrstvu, a pokud se podíváme na panel Vrstvy, můžeme vidět, že je to jisté, že se fotografie objeví na vlastní vrstvě přímo nad vrstvou „zástupný symbol vlevo“, kterou jsme vybrané v předchozím kroku:
Vložením obrázku do jiného dokumentu se obrázek umístí na jeho vlastní vrstvu nad vybranou vrstvu.
Jediným problémem je, že chci, aby se tato fotka objevila jako rámeček vlevo v rámečku, ale v současné době nejenže se objevuje uprostřed, ale je skrytá za středním tvarem kvůli tomu, že vrstva „zástupných symbolů“ je nad fotografie na panelu Vrstvy. Vše, co vidím na obrázku, jsou vnější hrany, které přesahují tvar:
Úspěšně jsme přidali fotografii do dokumentu, ale je na nesprávném místě a skrytá za středním zástupným tvarem.
Krok 19: Přetáhněte fotografii do tvaru „zástupný symbol vlevo“
Je-li nástroj pro přesun stále vybrán, klepněte do dokumentu a přetáhněte fotografii směrem doleva, dokud se neobjeví nad tvarem zástupného symbolu vlevo:
Klikněte a přetáhněte fotografii do tvaru „zástupný symbol vlevo“.
Krok 20: Vytvořte ořezovou masku
Jakmile je fotografie nad horním okrajem tvaru „zástupný symbol vlevo“, přejděte nahoru do nabídky Vrstva v horní části obrazovky a vyberte Vytvořit ořezovou masku :
Přejděte na Vrstva> Vytvořit ořezovou masku.
Photoshop bude „klipovat“ fotografii do zástupného tvaru pod ní, aby zůstala viditelná pouze část fotografie, která spadá do hranic tvaru. Zbytek fotografie, která se rozprostírá mimo tvar, se před pohledem skryje. Bílý tah kolem tvaru je nyní opět viditelný:
Fotografie je nyní „připnutá“ k zástupnému tvaru pod ní.
Krok 21: Změňte velikost fotografie pomocí příkazu Free Transform
Změřme velikost fotografie, abychom mohli vidět celý obrázek, nikoli jen to, co se stane, že část bude přes zástupný tvar. Stisknutím kláves Ctrl + T (Win) / Command + T (Mac) rychle vyvoláte rámeček Free Transform Photoshopu a úchytky kolem obrázku. Přestože vidíme pouze oblast fotografie, která je přímo nad tvarem, úchytky Free Transform se objevují kolem skutečných rozměrů obrázku. Pokud nevidíte úchyty Free Transform, protože váš obraz je tak velký, že okraje přesahují viditelnou oblast okna dokumentu, stiskněte Ctrl + 0 (Win) / Command + 0 (Mac), abyste Photoshop oddálili, dokud vše se vejde do okna dokumentu (známé jako zobrazení na obrazovce ). Po dokončení změny velikosti obrázku jej znovu stiskněte.
Přetáhněte rohové úchyty Free Transform (malé čtverečky) dovnitř, dokud se nebudou zarovnat s rohy zástupného tvaru tak, aby tvar i fotografie byly stejné velikosti. To samozřejmě předpokládá, že používáte fotografii se stejným poměrem stran 4x6 jako zástupný tvar, jako jsem zde. Pokud vaše fotografie používá jiný poměr stran, jednoduše změňte velikost obrázku, dokud se co nejvíce vejde do tvaru. Chcete-li omezit poměr stran fotografie, podržte stisknutou klávesu Shift, abyste omezili poměr stran fotografie, takže při změně velikosti nezměníte její vzhled. V případě potřeby můžete fotografii přemístit kliknutím kdekoli v poli Free Transform a přetažením myší:
Přetáhněte rohové úchyty Free Transform dovnitř, dokud nebude mít fotografie stejnou velikost jako zástupný tvar.
Až dokončíte změnu velikosti obrázku, stiskněte Enter (Win) / Return (Mac), abyste přijali transformaci a ukončili příkaz Free Transform:
Fotografie má nyní stejnou velikost jako zástupný tvar pod ní.
Krok 22: Přidejte do rámu další dvě fotografie
Stejným postupem přidejte do rámečkového dokumentu dvě další fotografie, jednu pro střední oblast a jednu pro pravou. Nejprve otevřete fotografii, kterou chcete použít. Stisknutím Ctrl + A (Win) / Command + A (Mac) ji vyberte, poté Ctrl + C (Win) / Command + C (Mac) ji zkopírujte do schránky. Po zkopírování obrázku do schránky zavřete okno dokumentu fotografie. Přepněte se zpět do rámečkového dokumentu a kliknutím na prostřední zástupný symbol nebo pravou zástupnou vrstvu na panelu Vrstvy jej vyberte (v závislosti na tom, ke kterému přidáváte fotografii).
Stisknutím Ctrl + V (Win) / Command + V (Mac) vložte fotografii do dokumentu. Photoshop umístí fotografii na vlastní vrstvu přímo nad vybranou zástupnou vrstvu. V případě potřeby pomocí nástroje pro přesunutí přetáhněte fotografii přes tvar zástupného symbolu, poté přejděte do nabídky Vrstva v horní části obrazovky a vyberte Vytvořit ořezovou masku . Nakonec stisknutím kláves Ctrl + T (Win) / Command + T (Mac) vyvolejte pole Free Transform a úchyty kolem obrázku. Chcete-li změnit velikost fotografie, podržte klávesu Shift a tažením za rohové úchyty. Až skončíte, stiskněte klávesu Enter (Win) / Return (Mac), abyste opustili Free Transform.
Zde je můj rámcový dokument po přidání fotografií do střední a pravé části:
Konečný výsledek tří fotografií.
Krok 23: Převeďte tři fotografie do inteligentních objektů
Pro zbývajících pár kroků budete potřebovat Photoshop CS2 nebo vyšší, abyste mohli postupovat dál. Uvidíme, jak snadné je použít náš konečný výsledek jako šablonu, vyměňovat další fotografie dovnitř a ven z rámečku podle potřeby pomocí inteligentních objektů, které byly poprvé představeny ve Photoshopu CS2.
V panelu Vrstvy klikněte na vrstvu, než obsahuje první fotografii, kterou jsme přidali (fotku přímo nad vrstvou „zástupný symbol vlevo“) a vyberte ji. Měl by být na vrstvě s názvem „Vrstva 1“:
Klikněte na "Vrstva 1", která obsahuje první přidanou fotografii.
S vybranou vrstvou klepněte pravým tlačítkem myši (Win) / s klávesou Control (Mac) na název vrstvy a v zobrazené nabídce vyberte příkaz Převést na inteligentní objekt :
Z nabídky vyberte „Převést na inteligentní objekt“.
Zdá se, že se v okně dokumentu nic nestalo, ale pokud se podíváme do pravého dolního rohu miniatury náhledu vrstvy, uvidíme, než se objevila malá ikona inteligentního objektu, což nám dalo vědět, že fotografie je nyní inteligentním objektem:
V náhledu vrstvy se objeví malá ikona inteligentního objektu.
U zbývajících dvou obrázků (které najdete na „Vrstvě 2“ a „Vrstvě 3“) udělejte totéž, nejprve klepnutím na vrstvu v panelu Vrstvy a poté klepnutím pravým tlačítkem (Win) / Ovládáním (Mac) ) na název vrstvy a z nabídky vyberte Převést na inteligentní objekt . Po dokončení by se na všech třech fotografiích měla v pravém dolním rohu miniatury náhledu vrstvy zobrazit ikona inteligentního objektu.
Krok 24: Nahraďte obsah každého inteligentního objektu a přidejte různé fotografie
Se všemi třemi vrstvami fotografií, které jsou nyní převedeny na inteligentní objekty, klikněte znovu na „Vrstva 1“ na panelu Vrstvy a vyberte fotografii vlevo, poté znovu klikněte pravým tlačítkem (Win) / Control-click (Mac) na název Vrstvy pro otevření stejného menu, jaké jsme viděli před chvílí. Tentokrát z nabídky vyberte Nahradit obsah :
Znovu vyberte "Vrstva 1", poté klepněte pravým tlačítkem (Win) / Control-click (Mac) a v nabídce zvolte "Nahradit obsah".
Otevře se dialogové okno Místo Photoshopu. Přejděte do složky na pevném disku, která obsahuje fotografii, kterou chcete nahradit prvním obrázkem. Mám tři nové fotografie uložené ve složce na ploše. Klikněte na název fotografie, kterou chcete použít, a poté na tlačítko Místo :
Klikněte na název fotografie a poté na tlačítko Umístit.
Jakmile kliknete na tlačítko Místo, Photoshop zamění původní fotografii za novou fotografii v dokumentu! Pokud potřebujete změnit velikost nového obrázku, stisknutím kláves Ctrl + T (Win) / Command + T (Mac) vyvolejte úchytky Free Transform, pak přetažením rohových úchytů změňte velikost stejně jako u původní fotografie, podržte klávesou Shift při tažení omezíte poměr stran. Pokud úchyty nevidíte, protože je obraz příliš velký, aby se vešel do okna dokumentu, stisknutím kláves Ctrl + 0 (Win) / Command + 0 (Mac) přepněte do režimu zobrazení na obrazovku . Po dokončení změny velikosti obrázku jej znovu stiskněte:
Pokud se nový obrázek zdá příliš velký, změňte jeho velikost pomocí příkazu Free Transform.
Až budete hotovi, stiskněte Enter (Win) / Return (Mac) a přijměte transformaci a ukončete Free Transform:
Levá fotografie byla nahrazena.
U ostatních dvou fotografií proveďte totéž, abyste je mohli vyměnit za jiné obrázky. Nejprve vyberte vrstvu fotografie na panelu Vrstvy ("Vrstva 2" nebo "Vrstva 3"), poté klikněte pravým tlačítkem (Win) / Control-click (Mac) na název vrstvy a v zobrazené nabídce vyberte Nahradit obsah . Když se objeví dialogové okno Umístit, vyberte novou fotografii, kterou chcete použít, a potom klikněte na tlačítko Umístit . Pokud potřebujete změnit velikost nového obrázku, stiskněte Ctrl + T (Win) / Command + T (Mac) a přetáhněte rohové úchyty Free Transform, zatímco během tažení přidržte Shift . Až skončíte, stiskněte klávesu Enter (Win) / Return (Mac), abyste opustili Free Transform.
Zde je můj výsledek po nahrazení středních a levých fotografií novými obrázky:
Výměna původních obrázků za nové byla díky inteligentním objektům snadná!
Až budete hotovi, ujistěte se, že jste dokument uložili jako soubor .PSD ve Photoshopu, takže vrstvy a inteligentní objekty zůstanou neporušené a připravené na příští otevření souboru a přidání nových fotografií!