W tym samouczku dotyczącym efektów programu Photoshop nauczymy się, jak utworzyć prosty układ ramki w stylu galerii, wraz z podpisem tekstowym pod nim, tak jakby zdjęcie było wyświetlane w galerii sztuki. Może to być bardzo elegancki i elegancki sposób na zaprezentowanie swojej pracy, a tworzenie układu jest łatwe.
Oto jak będzie wyglądał wynik końcowy (oczywiście Twoje zdjęcie i podpis będą inne):
Ostateczny układ ramki w stylu galerii.
Jak stworzyć ramkę do zdjęć w stylu galerii
Krok 1: Utwórz nowy dokument
Zacznijmy od utworzenia nowego dokumentu. Przejdź do menu Plik na pasku menu u góry ekranu i wybierz Nowy :
Przejdź do Plik> Nowy.
Zostanie otwarte okno dialogowe Nowy dokument programu Photoshop. Chcę, aby mój ostateczny układ był drukowany jako 8x10 w orientacji poziomej, więc wprowadzę wartość 10 cali dla szerokości i 8 cali dla wysokości (upewnij się, że ustawiłeś typ pomiaru na cale, a nie piksele ). Wymiary potrzebne do układu mogą się różnić. Ponieważ chcę, aby drukował w wysokiej jakości, wprowadzę wartość rozdzielczości 240 pikseli / cal . Na koniec ustaw zawartość tła na białą, która wypełni tło nowego dokumentu kolorem białym, nawet jeśli za chwilę go zmienimy (to po prostu utrzymuje nas na tej samej stronie):
Ustaw szerokość, wysokość, rozdzielczość i kolor tła w oknie dialogowym Nowy dokument.
Kliknij przycisk OK, aby zamknąć okno dialogowe. Na ekranie pojawi się nowy dokument wypełniony białym kolorem.
Krok 2: Wypełnij nowy dokument kolorem czarnym
Po utworzeniu naszego nowego dokumentu wypełnijmy go kolorem czarnym, który stanie się kolorem tła układu. Przejdź do menu Edycja u góry ekranu i wybierz Wypełnij :
Przejdź do Edycja> Wypełnij.
Pojawi się okno dialogowe Wypełnij. Ustaw opcję Użyj w górnej części okna dialogowego na Czarny :
Ustaw opcję Użyj na Czarny.
Kliknij przycisk OK, aby wyjść z okna dialogowego, a program Photoshop wypełni dokument jednolitą czernią:
Czarny jest teraz kolorem tła dla układu.
Krok 3: Dodaj nową pustą warstwę i nadaj jej nazwę „Obszar zdjęcia”
Dodajmy nową pustą warstwę do naszego dokumentu, klikając ikonę Nowa warstwa u dołu panelu Warstwy:
Kliknij ikonę Nowa warstwa.
Dodaje to nową pustą warstwę, którą Photoshop automatycznie nazywa „Warstwa 1” nad warstwą tła w panelu Warstwy. Kliknij dwukrotnie bezpośrednio nazwę „Warstwa 1” i zmień nazwę na obszar zdjęcia . Naciśnij Enter (Win) / Return (Mac) po zakończeniu, aby zaakceptować zmianę nazwy:
Kliknij dwukrotnie nazwę nowej warstwy i zmień ją na „obszar zdjęcia”.
Krok 4: Przeciągnij zaznaczenie wokół głównego obszaru zdjęcia
Musimy narysować zaznaczenie wokół obszaru, w którym będzie wyświetlane zdjęcie. Wybierz narzędzie Markiza prostokątna z panelu Narzędzia:
Wybierz prostokątne narzędzie markizy.
Po wybraniu narzędzia Zaznaczanie prostokątne pasek opcji u góry ekranu zmieni się, aby wyświetlić opcje specjalnie dla tego narzędzia. Zamierzam zaprojektować mój układ, aby wyświetlał zdjęcie o standardowym współczynniku kształtu 4x6 w orientacji poziomej. Aby to zrobić, najpierw zmienię opcję Styl na pasku opcji na Stały współczynnik, a następnie wprowadzę 6 dla szerokości i 4 dla wysokości (proporcje, które chcesz dla obszaru zdjęcia mogą być inne) :
Zmień opcję Styl na Współczynnik stały, a następnie wprowadź 6 dla szerokości i 4 dla wysokości.
Następnie kliknę około cala od lewego górnego rogu dokumentu i przeciągnę zaznaczenie, które stanie się obszarem, w którym wyświetlane jest zdjęcie. Podczas przeciągania Photoshop blokuje zaznaczenie do proporcji, które ustawiłem na pasku opcji:
Przeciągnij zaznaczenie wokół obszaru, w którym zdjęcie będzie wyświetlane.
Krok 5: Wypełnij zaznaczenie kolorem szarym
Po dokonaniu wyboru przejdź do menu Edycja i ponownie wybierz Wypełnij . Tym razem, gdy pojawi się okno dialogowe Wypełnienie, ustaw opcję Użyj na 50% Szary :
Ustaw Użyj na 50% Szary.
Kliknij OK, a Photoshop wypełni obszar zdjęcia kolorem szarym. Naciśnij Ctrl + D (Win) / Command + D (Mac), aby usunąć kontur zaznaczenia:
Obszar zdjęcia jest teraz wypełniony szarym.
Krok 6: Wyrównaj obszar zdjęcia w poziomie z dokumentem
Zanim przejdziemy dalej, upewnijmy się, że nasz obszar zdjęcia jest wyrównany poziomo do dokumentu. Naciśnij Ctrl + A (Win) / Command + A (Mac) na klawiaturze, co spowoduje natychmiastowe wybranie całego dokumentu (kontur wyboru pojawi się wokół krawędzi okna dokumentu). Naciśnij literę V na klawiaturze, aby szybko wybrać narzędzie do przenoszenia programu Photoshop. Następnie, po wybraniu narzędzia Przenieś, kliknij opcję Wyrównaj centra poziome na pasku opcji:
Użyj opcji Wyrównaj centra poziome, aby wyrównać obszar zdjęcia z dokumentem.
Jeśli obszar zdjęcia był nieco niecentralny w poziomie, Photoshop dopasuje go do idealnego wyrównania z dokumentem. Naciśnij Ctrl + D (Win) / Command + D (Mac), gdy skończysz, aby odznaczyć dokument.
Krok 7: Dodaj cienką białą ramkę
Dodajmy cienką białą ramkę wokół obszaru zdjęcia. W tym celu użyjemy jednego ze stylów warstw Photoshopa. Kliknij ikonę Style warstw u dołu panelu Warstwy:
Kliknij ikonę Style warstw.
Następnie wybierz Obrys z dołu listy:
Wybierz Obrys z listy.
Spowoduje to otwarcie okna dialogowego Styl warstwy programu Photoshop z ustawionymi opcjami Obrys w środkowej kolumnie. Najpierw kliknij próbkę koloru po prawej stronie słowa Kolor, która otworzy Próbnik kolorów, i wybierz biały jako kolor obrysu. Kliknij OK, aby po zakończeniu zamknąć Próbnik kolorów. Następnie zmień pozycję obrysu na Inside . Na koniec dostosuj Rozmiar obrysu, przeciągając suwak Rozmiar w prawo. Podczas przeciągania suwaka można zobaczyć podgląd na żywo rozmiaru obrysu w oknie dokumentu. Ponieważ chcemy mieć cienką ramkę, ustawię rozmiar mojego obrysu na 4 piksele :
Zmień kolor obrysu na biały i pozycję na wewnątrz, a następnie dostosuj rozmiar obrysu za pomocą suwaka.
Kliknij przycisk OK, aby wyjść z okna dialogowego Styl warstwy. Cienka biała kreska pojawia się teraz wokół obszaru zdjęcia w oknie dokumentu (powodem, dla którego wcześniej wypełniliśmy obszar zdjęcia szarym, a nie białym, było to, że będziemy mogli zobaczyć wokół niego białą ramkę):
Pojawia się pierwsza z dwóch białych ramek. Za chwilę dodamy drugi.
Krok 8: Wykonaj kopię warstwy obszaru fotograficznego
Po zaznaczeniu warstwy obszaru fotograficznego w panelu Warstwy (wybrane warstwy są podświetlone na niebiesko), naciśnij Ctrl + J (Win) / Command + J (Mac) na klawiaturze, aby utworzyć kopię warstwy, którą Photoshop umieści nad oryginalny. Zauważ, że styl warstwy obrysu jest również kopiowany:
Photoshop automatycznie nazywa nową warstwę „kopią obszaru zdjęcia”.
Krok 9: Zmień nazwę warstwy i przeciągnij ją między dwiema oryginalnymi warstwami
Kliknij dwukrotnie bezpośrednio na nazwę „kopia obszaru zdjęcia” i zmień nazwę warstwy na obramowanie, ponieważ za jej pomocą będziemy dodawać zewnętrzną ramkę do obszaru zdjęcia za chwilę. Naciśnij Enter (Win) / Return (Mac), aby zaakceptować zmianę nazwy. Następnie kliknij warstwę obramowania w panelu Warstwy i trzymając wciśnięty przycisk myszy, przeciągnij ją między warstwą tła a warstwą obszaru zdjęcia. Zwolnij przycisk myszy, aby upuścić go na miejsce, gdy między dwiema warstwami pojawi się pasek podświetlenia:
Przeciągnij nową warstwę między dwiema oryginalnymi.
Krok 10: Zmniejsz wypełnienie warstwy granicznej do 0%
Wykorzystamy szary obszar na warstwie granicznej, aby dodać drugi, grubszy obrys wokół zdjęcia. Problem w tym, że tak naprawdę nie chcemy, aby szary obszar był widoczny na tej warstwie. Wszystko, co chcemy widzieć, to biały obrys wokół. Aby ukryć szarość i pozostawić widoczny tylko obrys, po prostu obniż wypełnienie warstwy granicznej do 0% . Wypełnienie ukrywa zawartość warstwy, ale utrzymuje widoczne style warstw. Opcja Wypełnienie znajduje się bezpośrednio pod opcją Krycie u góry panelu Warstwy. Wydaje się jednak, że nic się jeszcze nie zmieniło w oknie dokumentu, ponieważ warstwa obszaru fotograficznego blokuje warstwę obramowania z widoku:
Ustaw Wypełnienie na 0%, aby ukryć szarość bez ukrywania obrysu wokół niej.
Krok 11: Użyj swobodnej transformacji, aby dodać przestrzeń wokół obszaru zdjęcia
Przy wypełnieniu ustawionym na 0%, naciśnij Ctrl + T (Win) / Command + T (Mac), aby wyświetlić pole Free Transform programu Photoshop i uchwyty wokół szarego obszaru na warstwie granicznej. Przytrzymaj klawisz Alt (Win) / Option (Mac), a następnie kliknij lewy lub prawy uchwyt (mały kwadrat) i trzymając wciśnięty przycisk myszy, przeciągnij go na zewnątrz, aby dodać trochę miejsca po obu stronach między drugie pociągnięcie i szary obszar zdjęcia. Zauważ, że widoczny jest tylko sam biały obrys. Szarość na warstwie granicznej jest niewidoczna, pozostawiając nam obszar czerni (który przechodzi przez warstwę tła) między drugim białym obrysem a oryginałem.
Przytrzymaj wciśnięty klawisz Alt / Option i przeciągnij górny lub dolny uchwyt na zewnątrz, aby dodać równą ilość miejsca między drugim pociągnięciem oraz górną i dolną częścią szarego obszaru zdjęcia:
Użyj opcji Przekształcanie swobodne, aby dodać przestrzeń między drugim obrysem a obszarem zdjęcia.
Naciśnij klawisz Enter (Win) / Return (Mac), gdy skończysz, aby zaakceptować transformację.
Krok 12: Zwiększ grubość zewnętrznej granicy
Kliknij dwukrotnie słowo Obrys poniżej warstwy obramowania w panelu Warstwy:
Wszelkie style warstw używane na warstwie są wymienione bezpośrednio pod nią.
Spowoduje to ponowne otwarcie okna dialogowego Styl warstwy, po raz kolejny ustawiony na opcje Obrys w środkowej kolumnie. Zróbmy zewnętrzną ramkę nieco grubszą niż oryginalna, przeciągając suwak Rozmiar dalej w prawo. Ponownie możesz zobaczyć podgląd na żywo obrysu w oknie dokumentu podczas przeciągania suwaka. Zwiększę rozmiar mojego zewnętrznego obrysu do 12 px . Pozostaw wszystkie pozostałe opcje takie same:
Zwiększ rozmiar drugiego pociągnięcia, aby uzyskać grubszą granicę zewnętrzną.
Kliknij przycisk OK, aby ponownie wyjść z okna dialogowego Styl warstwy. Teraz mamy cienką ramkę bezpośrednio wokół obszaru zdjęcia i grubszą ramkę wokół niego, uzupełniając naszą podstawową ramkę:
Obszar zdjęcia i prosta podwójna ramka są teraz na swoim miejscu.
Krok 13: Otwórz zdjęcie, które chcesz wyświetlić
Czas dodać nasze zdjęcie do obszaru zdjęć! Otwórz zdjęcie, które chcesz wyświetlić, które pojawi się w osobnym oknie dokumentu. Oto obraz, którego będę używać:
Otwórz obraz, który będzie wyświetlany w obszarze zdjęcia.
Krok 14: Wybierz i skopiuj obraz
Naciśnij Ctrl + A (Win) / Command + A (Mac), aby szybko wybrać całe zdjęcie. Następnie naciśnij Ctrl + C (Win) / Command + C (Mac), aby skopiować go do schowka.
Krok 15: Wybierz warstwę obszaru fotograficznego
Po skopiowaniu zdjęcia do schowka przejdź z powrotem do oryginalnego okna dokumentu (układ ramki w galerii zdjęć) i kliknij warstwę obszaru zdjęcia w panelu Warstwy, aby ją wybrać:
Wybierz warstwę obszaru zdjęcia.
Krok 16: Wklej zdjęcie do dokumentu
Naciśnij Ctrl + V (Win) / Command + V (Mac), aby wkleić do dokumentu zdjęcie, które przed chwilą skopiowaliśmy do schowka. Photoshop automatycznie umieści zdjęcie na własnej warstwie bezpośrednio nad warstwą wybraną w danym momencie (dlatego najpierw wybraliśmy warstwę obszaru fotograficznego), jak widać, patrząc w panelu Warstwy. Photoshop nazwał warstwę zdjęć „warstwą 1”, co jest w porządku. Nie trzeba zmieniać nazwy:
Zdjęcie pojawi się na własnej warstwie bezpośrednio nad warstwą obszaru zdjęcia.
Jeśli jednak spojrzymy w okno dokumentu, zobaczymy, że obraz jest obecnie zbyt duży, aby zmieścić się w obszarze zdjęcia i blokuje go z widoku:
Zdjęcie jest obecnie zbyt duże, aby zmieściło się w obszarze, w którym będzie wyświetlane.
Krok 17: Utwórz maskę przycinającą
Potrzebujemy sposobu na dopasowanie obrazu do obszaru zdjęcia i możemy to zrobić za pomocą maski przycinającej . Najpierw kliknij warstwę zawierającą zdjęcie („Warstwa 1”) w panelu Warstwy, aby je wybrać. Następnie przejdź do menu Warstwa u góry ekranu i wybierz Utwórz maskę przycinającą :
Wybierz warstwę zdjęcia w panelu Warstwy, a następnie przejdź do Warstwa> Utwórz maskę przycinającą.
Warstwa zdjęcia zostanie wcięta w prawo w panelu Warstwy, informując nas, że jest teraz „przycięta” do warstwy poniżej:
Warstwa obszaru zdjęcia jest teraz używana jako maska obrazu.
Dzięki masce przycinającej w oknie dokumentu widoczny jest tylko obszar obrazu, który spada bezpośrednio ponad szary obszar zdjęcia poniżej. Obszary poza granicami obszaru zdjęcia są ukryte:
Widoczny jest tylko obszar zdjęcia bezpośrednio nad obszarem zdjęcia poniżej.
Krok 18: Zmień rozmiar i położenie zdjęcia za pomocą bezpłatnej transformacji
Do tej pory było to dobre, ale mój obraz jest wciąż zbyt duży, aby zmieścić się całkowicie w mniejszych granicach obszaru zdjęcia, i należy go również zmienić. Obie te rzeczy możemy zrobić dzięki Free Transform. Ponownie naciśnij Ctrl + T (Win) / Command + T (Mac), aby wyświetlić pole Free Transform i uchwyty, tym razem wokół zdjęcia. Przytrzymaj klawisz Shift i przeciągnij dowolny z narożnych uchwytów, aby zmienić rozmiar zdjęcia w razie potrzeby, aż zmieści się w obszarze zdjęcia. Aby przenieść zdjęcie, kliknij dowolne miejsce w polu Swobodne przekształcenie i przeciągnij zdjęcie na miejsce. Jeśli twój obraz ma taki sam współczynnik kształtu jak obszar zdjęcia (podobnie jak mój), powinieneś być w stanie zmieścić cały obraz w nim. Jeśli nie, po prostu zmień rozmiar obrazu, aż będzie widoczny jak najwięcej. Naciśnij Enter (Win) / Return (Mac), gdy skończysz, aby zaakceptować transformację:
Użyj swobodnej transformacji, aby przenieść zdjęcie i zmienić jego rozmiar, dopóki nie zmieści się w obszarze zdjęcia.
Krok 19: Dodaj tekst poniżej obrazu
W tym momencie pozostaje tylko dodać podpis pod tekstem. Wybierz narzędzie Typ poziomy z panelu Narzędzia:
Wybierz narzędzie Tekst.
Po wybraniu narzędzia Tekst wybierz czcionkę i rozmiar czcionki z paska opcji. Będę używać Trajan Pro za 24 pt:
Wybierz czcionkę i rozmiar czcionki na pasku opcji.
Kliknij próbkę koloru na pasku opcji i wybierz biały jako kolor tekstu z Próbnika kolorów. Na koniec kliknij opcję Tekst środkowy po lewej stronie próbki koloru, co ułatwi nieco wyśrodkowanie tekstu w dokumencie podczas pisania:
Wybierz biały jako kolor tekstu i wybierz opcję Wyrównanie tekstu do środka.
Następnie wystarczy kliknąć czarny obszar poniżej środka zdjęcia za pomocą narzędzia Tekst i dodać tekst. Napiszę „Steve Patterson Photography”. Prawdopodobnie będziesz chciał dodać coś innego, chyba że oczywiście chciałbyś podziękować mi za twoją pracę. Zauważ, że miejsce kliknięte za pomocą narzędzia Tekst staje się punktem środkowym tekstu podczas pisania dzięki opcji Tekst środkowy, którą wybraliśmy na pasku opcji:
Po wybraniu opcji Tekst środkowy, tekst rozciąga się w obu kierunkach od klikniętego miejsca.
Po zakończeniu kliknij znacznik wyboru na pasku opcji, aby zaakceptować tekst:
Kliknij znacznik wyboru, aby wyjść z trybu edycji tekstu.
Krok 20: W razie potrzeby wyrównaj tekst poziomo
Aby upewnić się, że tekst jest wyrównany w poziomie do dokumentu, postępuj zgodnie z tą samą metodą, której użyliśmy w kroku 6. Po zaznaczeniu warstwy tekstowej w panelu Warstwy naciśnij Ctrl + A (Win) / Command + A (Mac), aby zaznaczyć cały dokument. Naciśnij literę V, aby szybko wybrać narzędzie Przenieś, a następnie kliknij opcję Wyrównaj centra poziome na pasku opcji. Photoshop doskonale wyrówna tekst w poziomym środku dokumentu. Naciśnij Ctrl + D (Win) / Command + D (Mac), gdy skończysz, aby odznaczyć dokument. Po odznaczeniu możesz naciskać klawisze strzałek w górę i w dół na klawiaturze, jeśli chcesz przesunąć tekst nieco wyżej lub niżej:
Ponownie skorzystaj z opcji Wyrównaj centra poziome, tym razem, aby wyrównać tekst do dokumentu.
I z tym skończyliśmy! Oto mój ostateczny układ „ramki w stylu galerii”:
Wynik końcowy.