Samouczki z wytłoczonym, stylowym tekstem są wszędzie, ale ten jest idealny dla początkujących. Chcesz naprawdę stylowego efektu wytłoczonego tekstu? Minęły ponad 2 miesiące od ostatniego opublikowanego przeze mnie samouczka dotyczącego Photoshopa, ale mam dla Ciebie świetną wiadomość — wróciłem do Internetu z mnóstwem nowych rzeczy do pokazania, więc bądź na bieżąco ze wszystkimi naszymi nadchodzącymi tutorialami!
Dzisiaj zaczniemy od tego uroczego efektu tekstowego i zgodnie z prośbą większości czytelników udostępniamy również plik PSD do pobrania za jedyne 1 USD. PSD służy wyłącznie do celów edukacyjnych; możesz włączyć go do projektu dla klienta, ale nie możesz bezpośrednio odsprzedać tego pliku.
Dość gadania; Zacznijmy.
Photoshop z efektem wytłoczonego tekstu
Krok 1. Przygotowanie płótna programu Photoshop.
Utwórz nowy plik Photoshopa (Ctrl + N). Używamy tutaj rozmiaru 600*400, ale jak zawsze — Twój może być znacznie większy, jeśli tego potrzebujesz.
Używając narzędzia Wiadro z farbą, wypełnij płótno ciemnoszaroniebieskim kolorem — #535559.
Krok 2. Wybierz czcionkę.
Jestem wielkim fanem wszystkich czcionek używanych i znanych w latach 50., więc moją ulubioną czcionką wszechczasów będzie prawdopodobnie „Bello”. Nie jest darmowy, ale można go kupić online. Należy pamiętać, że czcionka NIE zostanie uwzględniona w przypadku zakupu pliku PSD, ponieważ nie możemy dystrybuować czcionek komercyjnych. Jeśli więc masz czcionkę Bello, wybierz ją i wpisz słowo dużą literą. Użyliśmy tutaj 188pt.
Krok 3. Dodawanie stylów warstw.
Gdy warstwa tekstowa jest nadal zaznaczona, przejdź do Warstwa >> Style warstw i zastosuj następujące ustawienia…
Teraz tekstura tła. Będziemy korzystać ze wzoru, który sami stworzyliśmy, a jeśli kupisz plik PSD, będzie on już zawarty w stylu.
Na koniec dodamy obrys o wielkości 1 piksela z nakładką gradientową, aby nadać tekstowi większą głębię.
Dotarliśmy tak daleko, jeśli wszystkie style warstw zostały zastosowane poprawnie. Jeśli wynik różni się od tego, co widzisz tutaj, wróć i sprawdź, czy wszystkie ustawienia stylów warstw zostały poprawnie zastosowane; na razie to tylko część techniczna, więc nie powinieneś mieć żadnego problemu.
Krok 4. Dodawanie głębi do płótna.
Nadeszła era Web 2.0 i płaskie płótno może zrujnować każdy efekt, niezależnie od tego, jak piękny jest, więc jeśli chcemy, aby nasz produkt wyróżniał się, musi mieć pewną głębię. Dlatego nie będziemy wracać do kanwy bazowej (jeśli jest zablokowana, kliknij ją dwukrotnie na palecie warstw i naciśnij OK, aby odblokować). Iść do Warstwa >> Style warstwi zastosuj następujące ustawienia:
W przypadku gradientu użyj następujących kolorów:
1. #667c85 w kolorze jasnoniebieskim
2. #475e68 w kolorze ciemnoniebieskim
Oto, co dostaliśmy do tej pory…
Krok 5. Dodawanie połysku
Naciśnij „Ctrl” i kliknij warstwę tekstową na palecie warstw programu Photoshop. Spowoduje to załadowanie zaznaczonego tekstu.
Utwórz nową warstwę na wszystkich pozostałych. Używając narzędzia gradientu, z biały do przezroczystego, narysuj linię od góry tekstu do dołu. Spowoduje to dodanie łagodnego, ale widocznego gradientu do czytnika.
Za pomocą narzędzia lasso eliptyczne narysuj okrąg, jak widać na poniższym obrazku:
Iść do Wybierz >> Odwrotność aby odwrócić zaznaczenie i naciśnij „usuń”, aby usunąć resztę gradientu. Spowoduje to pozostawienie połysku tylko w górnej części tekstu, tak jak poniżej:
Teraz, aby nadać mu przyjemny i naturalny wygląd, ustaw krycie warstwy połysku na „Nakładka” (patrz poniżej):
Krok 6. Dodawanie błysków
Następnym krokiem jest dodanie słodkich iskierek dookoła tekstu. To da mu większą głębię, marzycielski i elegancki charakter. Utwórz nową warstwę Photoshopa na wierzchu pozostałych. Używając narzędzia Pędzel, wybierz 27-pikselowy pędzel z miękką krawędzią i używając białego koloru, chaotycznie rozprowadź kilka kropek na krawędziach tekstu.
Ustaw krycie wypełnienia kropek na 70%. Przełącz z trybu „Normalny” na „nakładkę”.
WSKAZÓWKA: kropki nakładaj tylko tam, gdzie obrys tekstu jest biały, wzmocni to efekt świetlny.
Jak dotąd, jeśli dokładnie wykonałeś te kroki, powinieneś otrzymać to:
Dodaliśmy też trochę więcej blasku różnymi pędzlami, ale pamiętajmy, żeby nie przesadzić, bo lepiej mieć mniej połysku, a za dużo.
Mam nadzieję, że podobał Ci się ten samouczek Photoshopa. Koniecznie sprawdź także nasze inne tutoriale Photoshopa i zasubskrybuj kanał. Jeśli chcesz uczyć się szybciej, kup plik PSD samouczka za jedyne 1.00 USD. Po zakończeniu realizacji transakcji kliknij przycisk „wróć do sprzedawcy” – pobieranie rozpocznie się automatycznie. Jeśli z jakiegoś powodu pobieranie nie spowodowało przekierowania, zostaw komentarz poniżej lub napisz do nas, a my wyślemy Ci plik jak najszybciej. Dziękuję!
Wersja tekstowa
Ulepszony samouczek: Tworzenie wytłoczonego tekstu z metaliczną poświatą w Photoshopie
Przegląd
Ten samouczek poprowadzi Cię przez proces tworzenia stylowego tłoczonego tekstu z efektem metalicznej poświaty, idealnego do logo, nagłówków lub grafiki cyfrowej. Wykorzystamy style warstw, gradienty i opcje mieszania, aby uzyskać wyrafinowany wygląd.
wymagania
- Adobe Photoshop (wystarczy dowolna najnowsza wersja)
- Podstawowa znajomość narzędzi i interfejsu programu Photoshop
Krok 1: Konfigurowanie dokumentu
- Otwórz Photoshopa i utwórz nowy dokument. Do użytku w Internecie wystarczający jest rozmiar 800×600 pikseli przy rozdzielczości 72 dpi. Do druku należy rozważyć wyższą rozdzielczość (co najmniej 300 dpi).
- Wypełnij tło z ciemnym kolorem lub gradientem, aby podkreślić metaliczny blask. Do tego efektu dobrze sprawdzi się głęboki błękit lub czerń.
Krok 2: Tworzenie tekstu
- Wybierz narzędzie Tekst (T) i wpisz żądany tekst. Wybierz pogrubioną lub grubą czcionkę, aby uzyskać najlepszy efekt wytłoczenia. Czcionki takie jak Arial Black lub Impact to dobry wybór.
- Dostosuj rozmiar czcionki aby pasował do Twojego projektu. W tym samouczku użyjemy rozmiaru czcionki, który wypełnia znaczną część płótna, zapewniając widoczność szczegółów wytłoczeń i efektów blasku.
Krok 3: Zastosowanie efektu wytłoczenia
- Po wybraniu warstwy tekstowej przejdź do panelu Warstwy i kliknij dwukrotnie , aby otworzyć okno dialogowe Styl warstwy.
- Wybierz „Faza i wytłoczenie” aby dodać głębi swojemu tekstowi. Użyj tych ustawień, aby uzyskać subtelny, realistyczny wygląd wytłaczania:
- Styl: Skos wewnętrzny
- Technika: gładka
- Głębokość: 100%
- Kierunek: w górę
- Rozmiar: 5 pikseli (dostosuj w zależności od rozmiaru tekstu)
- Zmiękczenie: 0 pikseli
- Dostosuj cieniowanie aby wzmocnić metaliczny efekt. Ustaw Kąt na 120° i Wysokość na 30°. Eksperymentuj z ustawieniami konturu połysku, aby znaleźć takie, które będzie pasować do Twojego projektu.
Krok 4: Dodanie metalicznego blasku
- Wciąż w oknie dialogowym Styl warstwy, wybierz „Wewnętrzny blask” dla subtelnego wewnętrznego blasku. Wybierz jasny kolor pasujący do pożądanego metalicznego wyglądu (srebrny, złoty itp.). Ustaw tryb mieszania na Ekran, Krycie na 75% i Rozmiar na około 20 pikseli.
- Dodaj „zewnętrzny blask” aby stworzyć wrażenie światła odbijającego się od metalu. Wybierz kolor podobny do wewnętrznego blasku, ustaw tryb mieszania na Ekran, krycie na 50-75% i dostosuj rozmiar, aby uzyskać miękki, promienny efekt wokół tekstu.
Krok 5: Udoskonalenie metalicznej tekstury
- Aby uzyskać dodatkową teksturę i realizm, kliknij „Satyna” w oknie dialogowym Styl warstwy. Dodaje to głębi i złożoności metalicznemu wykończeniu. Użyj tych ustawień:
- Tryb mieszania: pomnóż
- Krycie: 20%
- Kąt: 19 °
- Odległość: 21 pikseli
- Rozmiar: 27 pikseli
- Bawić się "Kontur" ustawienia w obszarze Faza i wytłoczenie, aby uzyskać dodatkowe niuanse tekstury, wzmacniając efekt wytłoczenia.
Krok 6: Korekty końcowe
- Dopracuj ogólny wygląd dostosowując krycie wypełnienia warstwy do 0%. Spowoduje to, że kolor tekstu będzie niewidoczny, a widoczne będą jedynie style warstw, co pozwoli uzyskać wyraźniejszy efekt metaliczny i wytłoczony.
- W razie potrzeby, dodaj warstwę tła z gradientem lub wzorem, który uzupełnia metaliczny tekst, aby ukończyć projekt.
Wnioski
Udało Ci się stworzyć fragment tekstu, który nie tylko wyskakuje z ekranu dzięki wytłoczonemu efektowi, ale także świeci wyrafinowanym metalicznym blaskiem. Technikę tę można dostosowywać i modyfikować za pomocą różnych kolorów, tekstur i stylów warstw, aby dopasować ją do różnych projektów.
Eksperymentowanie z ustawieniami i dodawanie dodatkowych elementów, takich jak iskierki lub tekstury tła, może jeszcze bardziej spersonalizować Twoje dzieło. Style warstw programu Photoshop to potężne narzędzie umożliwiające ożywienie tekstu, a ich opanowanie może znacznie zwiększyć możliwości projektowania.
[…] Ten post został wspomniany na Twitterze przez Design Sauce, LoreleiWeb. LoreleiWeb powiedziała: Zaprojektowano stylowy wytłoczony tekst z metalicznym blaskiem http://goo.gl/fb/ukgZB [...]
Dziękuję za szczegółowe wyjaśnienie. To naprawdę pomocne.
Świetny tut! Dziękuję bardzo.
W0W, niesamowity tutorial, dziękuję Lorelei! Jesteś wspaniały!
niesamowity! prawdopodobnie najlepszy i najbardziej przydatny tutorial na tej stronie. Nauczyłem się wielu rzeczy w tym jednym.
Dziękuję za ten post. Zastosowane efekty będą bardzo przydatne przy projektowaniu logo, gdy chcę, aby coś wyróżniało się na stronie.
[…] Wytłoczony tekst z metalicznym blaskiem […]
Bardzo mi to pomaga.. 😀
Podziękowania
[…] 与金属发光的浮雕文字 […]
Kod promocyjny kuponu Bluehost
Bardzo dobry wpis na blogu! Obserwuję Twoją witrynę od dłuższego czasu, ale chciałem tylko dać Ci znać, że podobają mi się Twoje posty.
[…] 59. efekt wytłoczonego tekstu […]
[…] Wytłoczony tekst z metalicznym blaskiem […]
hej Alan 😉 zadzwoń do mnie 928-444-6405
Próbowałem kupić tut, ale strona nie mogła się załadować 🙁
Próbowałem kupić tut, ale strona nie mogła się załadować 🙁
Niesamowiteª!
Działało idealnie! Oto moja próba: http://habbocustoms.com/uploads/1326676835zTriick2.png
[…] Zaprojektuj stylowy wytłoczony tekst z metalicznym blaskiem […]
[…] 7. Zaprojektowany stylowy wytłoczony tekst z metalicznym blaskiem […]
[…] 3) Zaprojektuj ładny, błyszczący efekt tekstowy […]
[…] Stylowy wytłoczony tekst […]
[…] Zaprojektowany stylowy wytłoczony tekst z metalicznym blaskiem | Lorelei Web Design Minęły ponad 2 miesiące od ostatniego opublikowanego przeze mnie samouczka dotyczącego Photoshopa, ale mam dla Ciebie świetną wiadomość — wróciłem do Internetu z mnóstwem nowych rzeczy do pokazania, więc bądź na bieżąco ze wszystkimi naszymi nadchodzącymi tutorialami! Dzisiaj zaczniemy od tego ładnego i pięknego efektu tekstowego i zgodnie z prośbą większości czytelników, udostępniamy również plik PSD do pobrania za jedyne 1 USD. Plik PSD służy wyłącznie do celów edukacyjnych, można go włączyć do projektu dla klienta, ale nie można bezpośrednio odsprzedawać tego samego pliku. […]
[…] Wytłoczony tekst z metalicznym blaskiem […]
[…] 3. Zaprojektowany stylowy wytłoczony tekst z metaliczną poświatą […]
[...] https://loreleiwebdesign.com/2010/08/31/designed-stylish-embossed-text-with-metallic-glow/ [...]
Hmm, wygląda na to, że Twoja witryna pochłonęła mój pierwszy komentarz (było
bardzo długie), więc myślę, że podsumuję to, co napisałem i powiem: bardzo podoba mi się Twój blog. Ja też jestem początkującym blogerem, ale wciąż jestem nowy we wszystkim. Czy masz jakieś wskazówki dla początkujących autorów blogów? Naprawdę byłbym wdzięczny.
[…] Stwórz efekt pięknej kobiety w Photoshopie58. Stwórz futurystyczną scenę berserkera, korzystając z technik 3D59. efekt wytłoczonego tekstu60. Jak stworzyć projekt koncepcyjny Anioła Śmierci w Photoshopie61. Efekt tekstowy projektu skóry62. Stwórz […]
[…] Zaprojektuj tutaj samouczek dotyczący efektu ładnego, błyszczącego tekstu. […]
[…] Darmowy samouczek typografii w Photoshopie […]
[…] Link do samouczka […]
[…] Link do samouczka Góra ↑ […]
[…] Zaprojektowany stylowy wytłoczony tekst z metalicznym blaskiem […]
[…] Przez | loreleiwebdesign.com […]
[…] Stylowy wytłoczony tekst […]
[…] Un bel effet de texte à réaliser chez LORELEI WEBDESIGN […]
[…] Wytłoczony tekst z metalicznym blaskiem […]
[…] Wytłoczony tekst z metalicznym blaskiem […]
[…] Stylowe tłoczenie tekstu wytłoczonego jest samo w sobie formą sztuki, a ten samouczek zawiera doskonałe kroki, dzięki którym Twój tekst będzie wyglądał idealnie. […]
[…] Stylowy wytłoczony tekst […]
[…] Zobacz samouczek […]
[…] Wytłoczony tekst z metalicznym blaskiem […]
[…] Zaprojektowany stylowy wytłoczony tekst z metalicznym blaskiem […]
[…] Zaprojektowany stylowy wytłoczony tekst z metalicznym blaskiem […]
[…] Stylowy wytłoczony tekst […]
Niesamowite, wypróbuję kupuj prawdziwych obserwujących na Spotify i bardzo dobrze wyjaśnione,
kupuj obserwujących na Instagramie
[…] Stylowy wytłoczony tekst […]
ten oryginalny post powstał 8 lat temu, czy nadal można go pobrać? Bardzo podoba mi się nakładka ze wzorem, którą zbudowałeś
[…] Zaprojektowany stylowy wytłoczony tekst z metalicznym blaskiem […]
[…] Stylowy wytłoczony tekst z metalicznym blaskiem […]
[…] Wytłoczony tekst z metalicznym blaskiem […]
[…] Stílusos dombornyomott szöveg fémes izzással […]
[…] Zaprojektowany stylowy wytłoczony tekst z metalicznym blaskiem […]
To dla mnie naprawdę niesamowity tutorial. Wiele się uczę z tego bloga. Wielkie dzięki za podzielenie się z nami.
Bardzo mi to pomaga..
Dzięki stary..
Rewelacja, wypróbuję!!!
Wielkie dzięki za podzielenie się z nami. Stylowy wytłoczony tekst zawierający szczegółowe wyjaśnienia. Dobra i specjalna kolekcja. Właśnie coś takiego znajduję.
Wyjątkowo świetny post w dzienniku internetowym! Od dawna grasuję w Twojej lokalizacji, ale muszę przyznać, że podoba mi się Twój post