Zaprojektuj wizytówkę z przodu Szablon Photoshop CC

• Może 5, 2024

W tym samouczku dodamy elementy projektu do naszego szablonu przedniej wizytówki. W ostatnim samouczku zbudowaliśmy już podstawę dla szablonu wizytówki w Photoshop CC, w wyniku czego powstał szablon z oddzielnym obszarem roboczym z przodu i z tyłu wizytówki. Dodaliśmy również linie dla spadów, przycinania i bezpiecznych obszarów.

Ale szablon nie zawiera żadnych elementów projektu (patrz zrzut ekranu), takich jak grafika tła, tekst lub kształty. W tym samouczku zaczniemy od dodania symbolu zastępczego tła jako inteligentnego obiektu, co ułatwi zastąpienie symbolu zastępczego grafiką projektową. Następnie dodamy symbole zastępcze dla tekstu, który zwykle znajduje się na wizytówce. Na przedniej stronie karty umieścimy imię i nazwisko oraz slogan, a na odwrocie karty możemy umieścić dane kontaktowe.

W miarę dodawania elementów projektu panel Warstwy może ulec dezorganizacji. Tak więc zorganizujemy niektóre warstwy w foldery grupowe. Na przykład warstwy tekstowe można połączyć w folder grupowy. Ponadto, jeśli masz więcej niż jedną grafikę tła, na przykład kilka różnych tekstur, możemy połączyć je w folder grupowy. Wreszcie możemy pokolorować te warstwy i foldery. Oczywiście możesz użyć dowolnej kombinacji kolorów, ale w tym przykładzie użyjemy czerwonego dla tekstu, zielonego dla grafiki i kształtów oraz niebieskiego dla instrukcji.

Dodaj projekt tła lub teksturę grafiki

Używam prostej grafiki siatki jako mojej zastępczej grafiki tła. Użytkownik szablonu może łatwo zmienić grafikę, ponieważ będzie to inteligentny obiekt. Dodajmy grafikę tła z przodu karty.

1. Wybierz obszar roboczy Wizytówka.
   
   
2. Dodaj grafikę zastępczą (patrz zrzut ekranu).
   
   
3. Przeciągnij nową warstwę poniżej warstwy Linie, abyśmy mogli zobaczyć linie podczas dodawania elementów projektu.
   
   Ponieważ artysta może chcieć zmienić tę grafikę na własną, powiedzmy, że jest to możliwe dzięki etykiecie, którą nadajemy tej warstwie.
   
   
4. Zmień nazwę warstwy na [TŁO TWOJEGO PROJEKTU].
   
   
5. Kliknij warstwę prawym przyciskiem myszy i wybierz Konwertuj na inteligentny obiekt z menu podręcznego.
   
   

Dodaj tekst

Teraz jesteśmy gotowi do dodania naszej firmy lub nazwiska i sloganu z przodu karty. W tym przykładzie użyłem czcionki Raleway Typekit, która jest bezpłatna z dowolnym członkostwem Creative Cloud lub bezpłatnym członkostwem próbnym. Ponieważ nazwa jest najważniejszą informacją, ustawmy styl czcionki jako Pogrubiony, a rozmiar na 18 pt (patrz zrzut ekranu). Wyśrodkujemy również tekst.

Uwaga: Ostateczne położenie, czcionka i styl tekstu zostaną zmienione, ponieważ będzie miał na nie wpływ projekt tła.

1. Wybierz narzędzie Tekst i dodaj tekst zastępczy Nazwa firmy (patrz zrzut ekranu).
   
   
2. Zmień nazwę warstwy na [TWOJA NAZWA]
   
   
3. Powtórz poprzedni krok, aby dodać tekst zastępczy dla sloganu lub zawodu. Ustaw czcionkę na mniejszy rozmiar 14 pt i dodaj tekst zastępczy Slogan.
   
   
4. Zmień nazwę warstwy na [YOUR TAGLINE HERE] (patrz zrzut ekranu) i przeciągnij ją pod warstwę [YOUR NAME HERE].
   
   Następnie wyśrodkujemy tekst.
   
   
5. Po wybraniu obu warstw tekstowych przejdź do narzędzia Przenieś. W panelu Opcje (patrz zrzut ekranu) użyj przycisków Dystrybucja centrów pionowych i Centrów poziomych, aby wyśrodkować tekst poziomo i pionowo.
   
   Oba wiersze tekstu będą w tej samej pozycji. Przenieśmy nazwę nad slogan (patrz zrzut ekranu).
   
   
6. Wybierz warstwę [TWOJA NAZWA] i użyj narzędzia Przenieś, aby przenieść nazwę nad slogan.
   
   Na koniec połączmy warstwy tekstowe w folder grupowy (patrz zrzut ekranu).
   
   
7. Dodaj nowy folder grupy do panelu Warstwy i nazwij go Tekst.
   
   
8. Przeciągnij obie warstwy tekstowe do folderu.
   
   

Opcjonalne: Możesz dodać kształt za tekstem, na przykład biały prostokąt z czarnym obrysem. Dodamy kształt wektorowy, aby użytkownik mógł zmieniać kolory wypełnienia i obrysu zgodnie z potrzebami w panelu Właściwości (patrz zrzut ekranu).

1. Wybierz warstwę tła, aby nowa warstwa została dodana powyżej.
   
   
2. Narysuj prostokąt na obszarze roboczym za pomocą narzędzia Prostokąt. Będziesz chciał ustawić następujące opcje w panelu Opcje (patrz zrzut ekranu).
   
   Tryb: kształt
   Wypełnienie kształtu: biały
   Kształt obrysu: czarny
   Kształt Skok Szerokość: 5 px
   Typ obrysu kształtu: Solid
   
   
3. Zmień nazwę warstwy [ADJUST BOX FILL & STROKE COLOR]
   
   

Opcjonalnie: Możemy kodować nasze warstwy kolorami (patrz zrzut ekranu).

1. Wybierz warstwę grupy Instrukcje i kliknij prawym przyciskiem myszy ikonę Oko. Ustaw kolor na niebieski.
   
   
2. Wybierz warstwę Linie w folderze Przód wizytówki i ustaw kolor na niebieski.
   
   
3. Wybierz folder grupy Tekst w folderze Przód wizytówki i ustaw kolor na czerwony.
   
   
4. Wybierz warstwy kształtu i tła i ustaw kolor na zielony.
   
   

W następnym samouczku zaprojektujemy wizytówkę z powrotem.

Wstecz | Dalej

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, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst i Flash Paper jest / są [a] zarejestrowanym znakiem towarowym lub znakami towarowymi Adobe Systems Incorporated w Stanach Zjednoczonych i / lub innych krajach.

Instrukcje Wideo: Adobe Illustrator - Tutorial nr 13 - Wizytówka - Business card (Może 2024).