October 23,2021 Post by : Pamela Klityńska
Zaprojektuj gotową do druku etykietę na piwo w programie Adobe IllustratorCzas zakasać rękawy i zabrać się do pracy z tym w pełni funkcjonalnym samouczkiem Adobe Illustrator CC. Ten zabierze Cię od konfiguracji do produkcji naprawdę fajnego projektu etykiety piwa. Chociaż może to być przydatne w przypadku dowolnej wybranej przez Ciebie butelki, będziemy pracować nad drukowalnymi etykietami na piwo dla tego.
Omówimy wszelkiego rodzaju przydatne narzędzia, takie jak pisanie na ścieżce, śledzenie na żywo i maska krycia. Mój kumpel warzył własne piwo, a ja stworzyłem dla niego spersonalizowane etykiety piwa przy użyciu tej techniki i stały się natychmiastowym hitem! Bardzo się cieszę, że mogę pokazać, jak to się robi. Dobrze, zróbmy to!
Potrzebujesz szybkiej etykiety?
Szukasz spersonalizowanej, gotowej etykiety, która nie wymaga oprogramowania? Udaj się do Placeit, gdzie możesz użyć urządzenia do tworzenia etykiet na butelki piwa, aby tworzyć unikalne i kreatywne projekty etykiet, takie jak ta mrucząca etykieta piwa rzemieślniczego.
Czego będziesz potrzebować
Oprócz dostępu do programów Adobe Illustrator i Adobe Photoshop, aby wykonać ten samouczek, musisz również pobrać następujący plik obrazu i czcionkę:
Zdjęcie odniesienia Photo
Szablon zestawu ramek
Brytyjska szorstki czcionka
Czego nauczysz się w tym samouczku projektowania etykiet piwa
Jak skonfigurować projekt etykiety butelki piwa w programie Illustrator
Jak dodać tekst i grafikę do etykiety piwa
Jak stworzyć pasek banerowy na niestandardową etykietę piwa?
Jak zintegrować obraz ze zdjęciem z etykietą piwa homebrew?
Jak korzystać z drukarki etykiet do piwa Placeit
Jak stworzyć szablon etykiety w programie Illustrator
1. Jak skonfigurować plik z etykietą piwa do druku?
1.
Krok 1
Otwórz nowy dokument programu Illustrator (Plik > Nowy lub Command-N) i ustaw rozmiar etykiety piwa na 11 na 8,5 cala w trybie kolorów CMYK. To prawdopodobnie nie jest twoje domyślne ustawienie, więc upewnij się, że zmieniłeś dla tego tryb jednostek i koloru.
Wybierz narzędzie Prostokąt (M), bez wypełnienia i obrysu 0,25 pt, a następnie kliknij raz na scenę i wprowadź szerokość 4 cali i wysokość 3,5 cala. Wybierz narzędzie Elipsa (L), kliknij raz na scenę i wprowadź 2,1 na 2,2 cala. Wybierz zarówno elipsę, jak i kwadrat, a następnie w panelu Wyrównaj wyśrodkuj obiekty w poziomie iw pionie.
Krok 2
Wybierz kwadrat i w menu przejdź do Efekt > Crop Marks.
Zwiększ rozmiar kwadratu do 4.125 cala o 3.875 cala. Ten kwadrat będzie miał rozmiar naszego obrazu, który jest o 1/8 cala większy niż znaczniki przycięcia. Gwarantuje to brak białych przestrzeni, gdy ty lub drukarki wycinacie te etykiety.
Krok 3
Wybierz Wszystkie (Command-A) i w panelu Wyrównaj przełącz obszar roboczy i wyśrodkuj etykietę w poziomie i pionie.
Zaznacz kwadrat ze znacznikami przycięcia iz górnego menu wybierz Obiekt > Zablokuj > Zaznaczenie (Polecenie-2).
2. Jak dodać tekst i grafikę do projektu etykiety piwa?
2.
Krok 1
OK, teraz możemy naprawdę zacząć tworzyć grafikę. Najpierw wybierz elipsę i skopiuj ją (Command-C). Nie wklejaj go jeszcze. Wypełnij owal ciemnozielonym #6B752A. Nadaj owalu wewnątrz jasnozieloną kreskę #D3E27E 3 pkt.
Użyj panelu Wygląd, aby dodać zewnętrzną ciemnozieloną kreskę #6B752A 1,5 pkt.
Krok 2
Śmiało i wklej przed skopiowaną elipsę (Command-F).
Kliknij dwukrotnie narzędzie Skala, aby wywołać panel dialogowy Skala i wprowadź 65% w polu Jednolite.
Zaznacz oba wielokropki i w panelu Odnajdywanie ścieżek zastosuj tryby kształtów: minus przód, a następnie kliknij Rozwiń.
Krok 3
Powinieneś nadal mieć swój oryginalny owal w schowku, więc weź elipsę i ponownie Wklej z przodu (Command-F).
Kliknij dwukrotnie narzędzie Skala, aby wywołać panel dialogowy Skala, i tym razem wpisz 71% w polu Jednolite i kliknij OK.
Krok 4
Wybierz narzędzie Tekst na ścieżce i wybierz jedną z czcionek Envato Elements (użyłem czcionki Bristain Rought Serif o rozmiarze 23 pt, a Tracking o rozmiarze 130) i ustaw kolor wypełnienia na biały. Kliknij owal i wpisz nazwę marki produktu — na przykład „STARA BECZKA” — na projekcie etykiety piwa.
Dostosuj Śledzenie (odstęp między literami), jeśli to konieczne, klikając między literami i naciskając Command-Shift-[ lub ].
W razie potrzeby dostosuj linię bazową, zwiększając lub zmniejszając rozmiar elipsy, na której znajduje się tekst.
Krok 5
Wyświetl linijki, naciskając Command-R lub Menu > Widok > Pokaż linijki, wybierz typ i przeciągnij poziomą prowadnicę od górnej linijki do środka okręgu. Jeśli przewodnik nie jest widoczny, przejdź do Menu > Widok > Pokaż prowadnice (Command-;). Użyj narzędzia Zaznaczanie (V), aby przeciągnąć uchwyt tekstu do pozycji środkowej.
Krok 6
Wybierz narzędzie Elipsa (L). Kliknij i przytrzymaj Alt-Shift podczas przeciągania na zewnątrz od środka owalu, aby utworzyć okrąg rozciągający się poza pusty środek owalu. Wypełnij go pomarańczowym #F2781C i null Stroke.
Kliknij prawym przyciskiem myszy > Rozmieść > Przesuń na spód (Command -Alt-[), aby wysłać pomarańczowy okrąg na spód.
3. Jak stworzyć pasek banerowy do odznaki etykiety piwa?
3.
Krok 1
Wybierz narzędzie Prostokąt (M) i kliknij raz obszar roboczy, aby otworzyć panel dialogowy Prostokąt.
Wprowadź 2,2 cala i 0,3 cala dla szerokości i wysokości.
Po zaznaczeniu prostokąta przejdź do panelu Gradient i wybierz kolor gradientu liniowego poziomego #533930 na każdym końcu i #704438 pośrodku.
Nadaj prostokątowi czarny obrys o wartości 1 pt i zaznacz opcję Round Join.
Krok 2
W menu przejdź do Object > Envelope Distort > Make With Warp i wybierz Ściśnij, zaznacz Poziomo i Wygnij tylko 2%.
Krok 3
Wpisz rodzaj produktu, na przykład „Handcrafted Beer” i wyśrodkuj go w prostokącie (dla całego tekstu będę trzymać się czcionki Bristain Rought Serif).
Krok 4
Wybierz narzędzie Prostokąt (M) i kliknij raz obszar roboczy. Wpisz 0,5 szerokości i 0,3 wysokości. Daj mu 1 punkt czarnego Stroke'a, ponownie używając opcji Round Join.
Nadaj temu prostokątowi gradient liniowy z nr 533930 po lewej i nr 986633 po prawej.
Krok 5
Po zaznaczeniu prostokąta przejdź do Obiekt> Ścieżka> Dodaj punkty zakotwiczenia.
Za pomocą narzędzia Zaznaczanie bezpośrednie (A) wybierz środkowy punkt po prawej stronie prostokąta i przeciągnij go w kierunku środka, aby utworzyć koniec ogona. Przytrzymaj Shift podczas przeciągania, aby wyprostować.
Krok 6
Umieść ten ogonek na prawym końcu prostokąta i przesuń go nieco w dół. Wyślij go za prostokąt: kliknij prawym przyciskiem myszy > Rozmieść > Przesuń do tyłu (Command-[).
Skopiuj (Command-C) obiekt ogona i wklej na wierzch (Command-F).
Kliknij prawym przyciskiem skopiowany obiekt ogona i wybierz opcję Przekształć > Odbij. Wybierz Pionowy i 90 stopni dla kąta. Przesuń odbity ogon na lewą stronę, przytrzymując klawisz Shift podczas przeciągania, aby wyprostować go.
Krok 6
Teraz szczegół, który sprawi, że baner będzie bardziej realistyczny: zbliż się do miejsca, w którym prawy ogon spotyka się z prostokątem. Wybierz narzędzie Pióro (P) i narysuj kształt czterema kliknięciami: w prawym dolnym rogu prostokąta, w lewym dolnym rogu ogona, prosto do dowolnej pozycji (przytrzymaj Shift) i z powrotem do punktu początkowego, aby zamknąć.
Wypełnij kształt ciemnobrązowym #2D1C17 i 1 pkt zaokrągloną czarną kreską.
Naciśnij, Command-[, aż kształt znajdzie się za prostokątem, ale przed ogonem.
Krok 7
Skopiuj go (Command-C) i Wklej z przodu (Command-F).
Kliknij prawym przyciskiem myszy > Przekształć > Odbij > Pionowo 90 stopni.
Przeciągnij z wciśniętym klawiszem Shift w to samo miejsce na lewym końcu banera etykiety piwa.
Krok 8
Zaznacz cały baner i przejdź do Object > Envelope Distort > Make With Warp, wybierając Arc i 12% dla Bend.
Krok 8
Teraz umieśćmy w projekcie baner z etykietą piwa.
Kliknij tekst nazwy marki „STARA BARREL”, aby widoczny był punkt środkowy. Przeciągnij pionową prowadnicę z lewej linijki do punktu środkowego. Umieść baner na miejscu, używając pionowej prowadnicy, aby utrzymać go na środku.
4. Jak narysować i dodać ziarno pszenicy do etykiety piwa?
4.
Krok 1
Moglibyśmy po prostu pobrać obraz pszenicy lub wektor zapasowy, ale czy wiele się nauczysz? Nie! Zróbmy więc łodygi pszenicy od podstaw. Użyj narzędzia Elipsa (L) i stwórz mały cienki pionowy owal w dowolnym kolorze.
Użyj narzędzia Konwertuj punkt kontrolny (zagnieżdżonego w narzędziu Pióro) i kliknij górny punkt owalu. Użyj narzędzia zaznaczania (V) i naciśnij klawisz Alt podczas przeciągania, aby w kilku krokach utworzyć kopię tego kształtu łzy, która posłuży jako czubek pszenicy. Odłóż to na razie na bok.
Krok 2
Użyj narzędzia Zaznaczanie bezpośrednie (A) i przeciągnij górny punkt w górę iw lewo naszego oryginalnego kształtu łezki. Za pomocą narzędzia Zaznaczanie bezpośrednie (A) przeciągnij lewy uchwyt krzywej w prawo, co spowoduje zakrzywienie kształtu łzy. Teraz wygląda bardziej jak ziarno pszenicy.
Kliknij dwukrotnie narzędzie Obrót (R) i wybierz Kąt około -20 stopni. Chcesz, aby wskazówka była skierowana nieco na prawo od pionu.
Krok 2
Z menu wybierz Efekt > Zniekształć i przekształć > Przekształć. To świetna funkcja programu Illustrator. Możesz go użyć do tworzenia wszelkiego rodzaju ciekawych wzorów i kształtów. W takim przypadku powtórzymy ziarno pszenicy, aby zrobić resztę łodygi pszenicy. Zaznacz Podgląd i wpisz 3 dla Kopii i -0,45 cala (około) dla Pionowo. Kliknij OK, gdy wygląda dobrze.
Krok 3
Skopiuj go (Command-C), Wklej z przodu (Command-F), a następnie kliknij prawym przyciskiem myszy > Przekształć > Odbij i wybierz Pionowo 90 stopni. Przesuń go w lewo na miejsce. Umieść skopiowaną łzę na czubku.
Użyj narzędzia do segmentowania linii (\) i utwórz dwupunktową, okrągłą, okrągłą końcówkę, białą pionową linię dla łodygi, poniżej ziaren.
Krok 4
Wybierz wszystkie elementy pszenicy i spraw, aby były białe.
Z menu wybierz Object > Envelope Distort > Make with Warp i wybierz Arc jako styl, zaznacz Vertical i około 30% Bend.
Krok 5
Umieść pszenicę na etykiecie, zmieniając rozmiar i obracając w razie potrzeby, a następnie przejdź do Rozmieść > Przesuń do tyłu (Command-[), aby wysłać ją za banerem.
Kopiuj (Command-C) i Wklej z przodu (Command-F).
Kliknij prawym przyciskiem myszy, Przekształć > Odbij, wybierz Pionowo 90 stopni i przenieś kopię na prawą stronę etykiety.
5. Jak zintegrować dodatkowy tekst z plakietką na etykiecie piwa?
5.
Krok 1
Dodaj słowo „Pszenica”, „Ale”, „Kolsch” lub jakikolwiek rodzaj napoju. W menu przejdź do Object > Envelope Distort > Make with Warp i wprowadź dopuszczalną liczbę ujemną w efekcie Bend.
Umieść tekst w środkowej dolnej części etykiety.
Krok 2
Wybierz i skopiuj (Command-C) główny duży tekst na ścieżce.
Wklej z przodu (Command-F). Zwiększ rozmiar, aby koło było tylko większe niż owal etykiety. Użyj narzędzia Zaznaczanie (V), a następnie kliknij dowolny róg tekstu na ścieżce i naciśnij klawisze Alt-Shift-Przeciągnij, aby równomiernie rozwinąć.
Wpisz hasło lub wycenę, aby spersonalizować produkt. W razie potrzeby zmniejsz rozmiar czcionki i użyj koloru #6B752A. Użyj narzędzia Zaznaczanie (V), aby dostosować położenie tekstu na krzywej, przeciągając prawy uchwyt.
6. Jak dodać zdjęcie do projektu etykiety piwa Homebrew?
6.
Krok 1
Zrób zdjęcie piwowara lub dowolnej osoby, którą chcesz umieścić na etykiecie. To głowa i ramiona, których szukamy. Bardzo pomocne jest umieszczenie tematu na białym tle. Podziękowania dla wookiestock na deviantart.com za zdjęcie, które wykorzystałem w tym tutorialu. Otwórz zdjęcie w Adobe Photoshop.
Krok 2
W menu Photoshop przejdź do Obraz> Dopasowania> Próg i dostosuj suwak, aby uzyskać dobrą równowagę światła i ciemności na twarzy. Będziemy potrzebować, aby obszar twarzy był ograniczony, ponieważ nie ma przerw na obwodzie głowy, ponieważ później wypełnimy twarz bielą. Więc na tym zdjęciu przyciemniłem jego lewy policzek i prawe ucho, aby po zastosowaniu progu był pełny zarys jego głowy.
Krok 3
Użyj narzędzia Zaznaczanie eliptyczne (M), aby utworzyć zaznaczenie wokół głowy i ramion. Przejdź do Wybierz > Odwróć (Command-Shift-I) i usuń wszystko oprócz głowy i ramion.
Przytnij (C) i zapisz (Command-S) zdjęcie.
Krok 4
Otwórz nowe zdjęcie twarzy w programie Illustrator.
Wybierz obraz i kliknij przycisk Śledzenie obrazu w panelu Właściwości lub wybierz ustawienie wstępne Logo czarno-białe za pomocą przycisku Ustawienia wstępne śledzenia i rozwiń.
Krok 5
Kliknij opcję Aktywne malowanie, a następnie za pomocą narzędzia Aktywne wiadro z farbą (K) wypełnij wszystkie czarne obszary ciemnobrązowym kolorem #533930. Wypełnij wszystkie partie twarzy bielą. W razie potrzeby wyczyść obraz i umieść go na środku etykiety.
Krok 6
Teraz chcemy, aby czubek głowy wyskoczył z owalu, a reszta znalazła się za owalem, tworząc efekt 3D.
Wybierz ścianę, Kopiuj (Command-C) i Wklej na wierzch (Command-F). Kliknij prawym przyciskiem myszy i wybierz Rozgrupuj (Command-Shift-G).
Krok 7
W panelu Pathfinder wybierz opcję Połącz i kliknij opcję Rozwiń, aby twarz miała jednolity kształt.
Krok 8
Użyj narzędzia Nóż, aby odciąć czubek głowy, a resztę usuń za pomocą narzędzia Zaznaczanie bezpośrednie (A). Narzędzie do noża to narzędzie, którego prawie nigdy nie używam i nie ma do niego skrótu, więc znalezienie go może być trudne. Jest ukryty pod narzędziem Gumka (Shift-E).
Wybierz twarz i odeślij ją za owal. Odcięta część głowy będzie teraz z przodu. Chwyć narzędzie zaznaczania (V) i lekko skaluj twarz i głowę.
Wow, to naprawdę zaczyna się kształtować! Wszystko, czego teraz potrzebujemy, to tło, a etykieta jest gotowa!
7. Jak zaprojektować niestandardowe tło etykiety butelki piwa?
7.
Krok 1
Wybierz kwadrat etykiety i wypełnij go jasnozielonym #D3E27E. Usuń obrys.
Użyj narzędzia segmentowania linii (\), aby utworzyć dwie poziome czarne linie 0,25 pt: jedną w pobliżu góry i jedną w pobliżu dołu. Zapraszam do zrobienia ich dłuższych niż kwadrat, ponieważ później je przytniemy.
Krok 2
Opcja Mieszanie ułatwia równomierne powtarzanie tych linii w tle. Wybierz je oba, a następnie przejdź do menu Object > Blend > Blend Options i wybierz 50 dla odstępów: Określone kroki i kliknij OK.
Teraz przejdź do Object> Blend> Make, aby zastosować efekt. Wyślij linie za grafiką, ale trzymaj je przed zielonym tłem.
Krok 3
Kolejną naprawdę fajną funkcją programu Illustrator jest maska krycia. Użyję go tutaj, aby zaciemnić linie.
Skopiuj (polecenie-C) zielony kwadrat i wklej go przed (polecenie-F) linii i nadaj mu Radialny czarno-biały gradient, z czarnym w środku.
Krok 4
Zaznacz kwadrat i linie, a następnie w menu rozwijanym panelu Przezroczystość wybierz opcję Utwórz maskę kryjącą. Dostosuj gradient, aby zaciemnić linie na środku.
Krok 5
Upewnij się, że klikniesz lewy kwadrat w panelu Przezroczystość po zakończeniu edycji maski kryjącej, ponieważ nie będziesz mógł wybrać innych elementów, dopóki tego nie zrobisz.
7. Jak przygotować gotowy do druku projekt etykiety na piwo?
7.
Krok 1
Niektóre drukarki wariują, gdy widzą efekty związane z przezroczystością, więc spłaszczymy nasze, aby być bezpiecznym. Zaznacz maskę kryjącą i wybierz polecenie Obiekt > Spłaszcz przezroczystość.
Krok 2
Zaznacz cały tekst w tym pliku lub po prostu Zaznacz wszystko (Command-A), a następnie w menu wybierz polecenie Tekst > Utwórz kontury. Zapewni to zachowanie typografii. Dobrym pomysłem może być zapisanie pliku przed tym krokiem, na wypadek gdybyś chciał później edytować tekst.
Krok 3
Wybierz wszystko, w tym znaczniki przycięcia, i pogrupuj je (Command-G). Zmień pozycję x na 3 cale. Kopiuj i wklej z przodu inną etykietę (Command-F). Przesuń pozycję x drugiej etykiety na 8 cali.
Krok 4
Rozgrupuj (Command-Shift-G) obiekty, aż będzie można wybrać i usunąć poziome znaczniki przycięcia pośrodku dwóch etykiet. Oto twoja ostateczna, łatwa do wydrukowania, super smaczna ilustracja! Możesz mieć własny wydruk etykiety piwa w domu.
Dziękuję za śledzenie i mam nadzieję, że Twoje niestandardowe projekty etykiet piwa będą wielkim hitem! Oto oryginalny projekt etykiety butelki piwa, który wykonałem dla „Huja Brew”, oraz makieta naszego niestandardowego projektu przy użyciu drukarki etykiet do piwa Placeit.
Wypróbuj spersonalizowany szablon etykiety piwa Placeit Place
Mam nadzieję, że podobał Ci się ten samouczek do wydrukowania etykiet na piwo i nauczyłeś się kilku sztuczek. Teraz jesteś projektantem etykiet piwa rzemieślniczego!
Jeśli chcesz zaoszczędzić czas lub szukasz innych projektów makiet, szablonów i logo, sprawdź tych niesamowitych twórców etykiet do piwa na Placeit.
1. Witches Brew Beer Label Maker
Wolisz ciemniejszy, bardziej tajemniczy motyw? Ten szablon ma w sobie aurę czarów i możesz całkowicie dostosować tekst, kolory i grafikę.
2. Generator etykiet piwa dla mocnego piwa
Aby uzyskać bardziej poważny, królewski, XVI-wieczny klimat, wypróbuj ten generator etykiet piwa. Jest to prosty, przejrzysty projekt i możesz łatwo dostosować zawartość układu.
3. Kreator etykiet do piwa zapaśniczego
Ten projektant etykiet na piwo ma zabawne podejście, z efektem uszkodzenia lucha libre. Możesz przesłać własny, niestandardowy projekt maski, zmienić odcień koloru i spróbować dodać do niego inne dekoracyjne style czcionek.
4. Szablon do tworzenia etykiet do piwa gejsza
Jeśli szukasz ozdobnego, kolorowego i egzotycznego wzoru, wypróbuj ten szablon projektu etykiety piwa. Dostosowanie zawartości układu jest łatwe, a kolory i grafikę można zamienić, aby utworzyć prostą etykietę do piwa, którą można wydrukować.
5. Szablon etykiety piwa lager
Aby zaprezentować bardziej nowoczesny, świeży, geometryczny styl, wypróbuj ten szablon etykiety piwa lager. To świetna opcja dla współczesnych i niepowtarzalnych mieszanek naparów.
Zaprojektuj własne etykiety do piwa do druku
Mam nadzieję, że znalazłeś dzisiaj inspirację, aby zaprojektować własną etykietę piwa od podstaw lub wygenerować ją za pomocą drukarki etykiet do piwa Placeit. Chętnie zobaczę twoje własne etykiety na piwo homebrew. Twórz swoje projekty i udostępniaj swoje wyniki w komentarzach poniżej!
Zapoznaj się z innymi artykułami, podsumowaniami i samouczkami Envato Tuts+, aby uzyskać jeszcze więcej inspiracji projektowych. Miłego parzenia!
Projektant powinowactwa
Jak stworzyć szczegółową etykietę piwa w Affinity Designer
Dom Kevina
Rysunek
Ilustrowanie fajnej szklanki piwa
Eren Goksel
Typografia
Jak stworzyć etykietę whisky inspirowaną Jackiem Danielsem w programie Adobe InDesign i Illustrator?
Grace Fussell
Obławy
Spraw, aby Twoja praca projektowa wyglądała niesamowicie dzięki makiecie produktu
Collis Ta'eed
Makieta produktu
10 niezbędnych szablonów makiet produktów
Melody Nieves
