Animacja w Photoshopie - tekst i oś czasu

• Może 19, 2024

W tym samouczku Photoshopa dodamy tekst zastępczy do naszego szablonu okładki wideo na Facebooku. Ten tekst będzie nazwą firmy, rodzajem działalności, sloganem, usługami świadczonymi przez firmę klienta i wezwaniem do działania. Otwórz plik projektu w Photoshopie.

Dodaj tekst

Dodamy pierwsze dwie warstwy tekstu, wyrównując każdą linię tekstu około 110 pikseli od lewej krawędzi ekranu. Powinno to zapewnić, że tekst znajduje się w bezpiecznej strefie 640 x 360 pikseli (patrz zrzut ekranu) na smartfonie. Dodajmy nazwę firmy na jednej warstwie i typ firmy na drugiej warstwie. Obie warstwy tekstowe umieścimy w nowej grupie warstw, która pomieści wszystkie nasze warstwy tekstowe (patrz zrzut ekranu).

1. Kliknij ikonę Nowa grupa u dołu panelu Warstwy i nazwij tę grupę Tekst.
   
   
2. Wybierz narzędzie Typ poziomy i wybierz niestandardowy kolor tekstu. Wybierz czcionkę i ustaw rozmiar czcionki na 24 pkt.
   
   
3. Narysuj pole tekstowe zaczynające się około 110 pikseli od lewej i 90 pikseli od góry ekranu, aby rozpocząć pierwszą warstwę tekstową i wpisz tekst Nazwa firmy (patrz zrzut ekranu). Ten tekst zastępczy zostanie zastąpiony nazwą firmy klienta.
   
   
4. Na wypadek, gdyby nazwa firmy klienta była długa, powiększmy pole tekstowe. Przeciągnij prawą krawędź pola tekstowego do środka ekranu.
   
   
5. Powtórz poprzednie kroki, aby dodać drugą warstwę tekstu pod pierwszą. Rodzaj Rodzaj biznesu jako tekst zastępczy.
   
   Te dwie linie tekstu zostaną wykorzystane w pierwszej części filmu. Teraz dodamy tekst, który pojawi się w ostatniej części filmu (patrz zrzut ekranu). Ten tekst będzie zawierał slogan, rodzaj usług oferowanych przez firmę i wezwanie do działania. Ponieważ ten tekst pojawi się w tej samej pozycji co pierwsze dwa wiersze tekstu, wyłączmy widoczność pierwszych dwóch warstw tekstowych, klikając ikonę Oko w panelu Warstwy.
   
   W górnym wierszu tekstu dodajmy slogan taki jak Twój slogan tutaj.
   
   
6. Przy nadal ustawionym rozmiarze czcionki 24 pkt, dodaj slogan w tej samej pozycji, w której dodano nazwę firmy.
   
   Aby wyświetlić listę usług, zmniejsz rozmiar czcionki do 18 pkt. Wciemy również te wiersze tekstu o wielkości około 20 pikseli.
   
   
7. Dodaj cztery warstwy tekstowe, każda o nazwie Numer usługi lub produktu. Pamiętaj, że to tylko tekst zastępczy i zostanie zastąpiony.
   
   Usługa lub produkt 1
   Usługa lub produkt 2
   Usługa lub produkt 3
   Usługa lub produkt 4
   
   Wreszcie dodamy wezwanie do działania. Może to być numer telefonu, adres URL strony internetowej lub po prostu prosty Odwiedz nasza strone internetowa.
   
   
8. Zwiększ rozmiar czcionki z powrotem do 24 punktów i wpisz wezwanie do działania około 110 od lewej krawędzi ekranu.
   
   Panel osi czasu
   
   Otwórzmy panel Oś czasu. Wiele samouczków sugeruje przejście do obszaru roboczego Motion, ale wolę pozostać w obszarze roboczym Essentials i po prostu otworzyć panel Oś czasu. Jeśli panel Oś czasu nie jest widoczny, kliknij Okno - Oś czasu. Powinieneś zobaczyć pusty panel Osi czasu.
   
   
9. W panelu Oś czasu (patrz zrzut ekranu) ustaw środkowy przycisk menu na Utwórz oś czasu wideo i kliknij przycisk menu.
   
   W panelu Oś czasu zobaczysz ścieżki dla naszych zastępczych warstw graficznych i tekstowych. Domyślnie całkowity czas trwania wideo wynosi tylko 5 sekund. Film na Facebooku musi trwać od 20 do 90 sekund. Musimy więc rozszerzyć dolne dwie ścieżki do 20 sekund (patrz zrzut ekranu).
   
   
10. Kliknij prawą krawędź dolnej ścieżki i przeciągnij krawędź do 20 sekund na osi czasu. Obejrzyj pływające okno wskazówka, które pokazuje koniec i czas trwania ścieżki.
    
    
11. Powtórz poprzedni krok dla drugiego utworu.
    
    

Zapisz swoją pracę. W następnym samouczku zaczniemy animować elementy projektu.

Powrót | Kolejny

Prawa autorskie 2018 Adobe Systems Incorporated. Wszelkie prawa zastrzeżone. Zrzuty ekranowe produktów Adobe zostały przedrukowane za zgodą Adobe Systems Incorporated. Adobe, Photoshop jest / są [a] zastrzeżonym znakiem towarowym lub znakiem towarowym Adobe Systems Incorporated w Stanach Zjednoczonych i / lub innych krajach.

Instrukcje Wideo: Podstawy Animacji w Adobe Photoshop CS6 - animacja zdjęć i tekstu (Może 2024).