Jak krok po kroku stworzyć logo w programie Adobe Illustrator

Logo jest jednym z najbardziej reprezentatywnych elementów wizualnych marki, jest w stanie przekazać opinii publicznej swoją istotę i jest bardzo silnym symbolem. W tym samouczku pokażę Ci podstawowe narzędzia oferowane przez Illustrator do projektowania logo i nauczę Cię, jak najlepiej je wykorzystać. Jeśli chcesz wiedzieć, jak stworzyć logo w programie Adobe Illustrator, nie możesz przegapić tego postu!

Logo, izotyp lub wyobrażenie

Różnica między logo, imagotypem i izotypem Illustrator

Zwykle używamy słowa logo w odniesieniu do symbolu, który reprezentuje markę. Jednak termin ten nie jest do końca dobrze używany. Zanim zaczniemy projektować, wyjaśnijmy to.

  • El logotipo to symbol reprezentujący markę i na który składa się obrazy i tekst (lub typografia).
  • Gdy symbol składa się tylko z obraz, bez tekstu, bardziej poprawne jest użycie tego terminu izotyp.
  • Istnieją marki, które czasami używają różnych części swojego logo niezależnie. Na przykład firma Nike w wielu przypadkach jest reprezentowana wyłącznie przez rozszerzenie Szum. Kiedy obraz logo jest powiązany z marką bez konieczności dołączania typografii, możemy to nazwać jako wyobrażenie.

Utwórz nowy dokument w programie Illustrator i obserwuj model

Przeanalizuj model, aby utworzyć logo w programie Illustrator

Stwórzmy plik nowy dokument. Damy stół roboczy a Format A4, dzięki temu nie zabraknie nam miejsca do pracy. Zmieniłem tryb koloru na RGB.

Zaczniemy od prostego logo, które już wcześniej zaprojektowałem. Patrząc na ten model, zobaczymy krok po kroku, jak go stworzyłem i za pomocą jakich narzędzi. Chodzi o to, że wiesz, jak najlepiej wykorzystać możliwości programu Illustrator. Rozbijając logo, widzimy to Składa się z zestawu połączonych kształtów i tekstu.

Utwórz wszystkie niezbędne kształty w programie Adobe Illustrator

Ciało sowy

Użyj narzędzia do bezpośredniego zaznaczania, aby edytować kształt w Illustartor

Skupmy się najpierw na kształtach. Na pasku narzędzi znajdziesz plik narzędzie kształtów. Po kliknięciu daje nam możliwość tworzenia prostokątów, elips, gwiazd, wielokątów lub odcinków linii. W tym przypadku potrzebujemy utwórz prostokąt. Wybierz narzędzie i przeciągając myszą utwórz prostokąt o mniej więcej wymiarach, które widzisz na powyższym obrazku.

Jak możemy przejść od tego prostokąta do kształtu, który tworzy tułów sowy? Musimy to wypaczyći do tego mamy Narzędzie Bezpośredniego Wyboru na pasku narzędzi. Kiedy go wybierzesz, zobaczysz, że w rogach prostokąta coś w rodzaju obsługi (kółka). Jeśli pociągniesz bezpośrednio za którykolwiek z nich, zobaczysz, że rogi się obracają. Aby wypaczyć pojedynczy róg, po prostu kliknij raz, a następnie pociągnij. Zobaczysz, że ten róg przesuwa się, a reszta pozostaje taka, jaka była.

Zaczniemy od lewego dolnego rogu, doprowadzimy uchwyt do granicy. Będziemy kontynuować w lewym górnym rogu, a na koniec zaokrąglić prawy górny. W ten sposób uzyskasz pożądany kształt.

Oko sowy

Narzędzie Wyrównaj w programie Illustrator

Szeroki, aby dokładnie przyjrzeć się modelowi. Oczy mają ten sam kształt co ciało i dla dwóch okręgów, jeden w drugim. Stworzymy mniejszy prostokąt i będziemy go wypaczaćTo tak, jak zrobiliśmy w poprzednim kroku. Teraz utworzymy kręgi. Wybierz narzędzie elipsy. Aby stworzyć idealne koło, musimy nacisnąć klawisz przesuń podczas przeciąganiaw przeciwnym razie mógłby zostać zdeformowany i być bardziej elipsą niż okręgiem.

Gdy mamy już wszystkie elementy oka, pora go złożyć. Do każdego zadania projektowego wykonywanego w programie Illustrator narzędzie wyrównywania jest podstawowe. Możesz nie mieć go widocznego, zawsze możesz uzyskać do niego dostęp w okno>ustawić się w linii. Pomoże Ci to automatycznie wyrównać różne elementy. Możesz odwołać się do obszaru roboczego, zaznaczenia lub obiektu kluczowego. Aby wyrównać, wystarczy wybrać kilka obiektów i ewybierz opcję wyrównania. Jeśli chcesz wybrać obiekt odniesienia, dokonaj wyboru i kliknij obiekt, który chcesz przekształcić w obiekt kluczowy bez naciskania żadnego klawisza. Skoncentrujemy źrenicę wewnątrz zewnętrznej części oka.

Powiel i odwróć, aby utworzyć drugie oko

Powiel i odwróć logo w programie Illustrator

Jeśli zauważysz, drugie oko jest dokładnie takie samo, ale w odwrotnej pozycji. Aby nie musieć powtarzać całego procesu, zrobimy to duplicar już utworzony. Możesz to zrobić za pomocą polecenia + c (kopiuj), a następnie polecenia + v (wklej) lub możesz wybrać naciśnij klawisz opcji i przeciągnij. Aby go odwrócić, kliknij go i w panelu właściwości, w sekcji „transformacja”, w symbolach wskazanych na powyższym obrazku, możesz odwrócić kształt, w tym przypadku potrzebujemy, aby był poziomy.

Utwórz skrzydło za pomocą poszukiwacza ścieżki lub narzędzia Pióro

Narzędzie Pióro i Pathfinder

Wróćmy do dużego kształtu, zobaczysz, że ma coś w rodzaju skrzydła. W rzeczywistości jest to ten sam kształt, którego używamy dla ciała, umieszczony z tyłu i odwrócony. Skorzystam z okazji, aby wyjaśnić dwa bardzo przydatne narzędzia do tworzenia logo: narzędzie Pióro i wyszukiwarka ścieżek.

La pióro Masz go na pasku narzędzi i możesz go użyć do stworzenia skrzydła. Korzystanie z niego jest bardzo proste. Po prostu kliknij, aby utworzyć wierzchołki, a linie zostaną automatycznie narysowane, aby je połączyć.

Innym sposobem na zbudowanie skrzydła jest użycie Pathfindera. Jeśli nie masz go widocznego, znajdziesz go w zakładce okna> pathfinder. Za pomocą tego narzędzia możesz łączyć lub odejmować części. W tym przypadku musimy wybrać opcję: mniej z przodu. Zduplikuj kształt korpusu, umieść go za formowaniem skrzydła i powtórz ponownie, naciśnij mniej z przodu i usuń nadmiar. Mielibyśmy już swoje skrzydło. Po utworzeniu wszystkich kształtów możesz złożyć logo.

Kolor i gradient logo w programie Illustrator

zastosuj gradient do swojego logo w programie Illustrator

Do tej pory nie poruszyliśmy kwestii koloru. Podczas projektowania logo ważne jest, aby zwracać uwagę na kolor, wybierać odcienie, które harmonizują i oddają ducha marki. Wybrałem różowy, kod koloru zostawię powyżej na wypadek, gdyby zadziałał dla Ciebie. Oczy nie są wypełnione, są białą linią o grubości 0,25.

Różowa część ciała nie jest płaska, ma zdegradowany. Istnieją sprzeczne opinie na temat logo z gradientem lub bez. Przed ich użyciem było ryzyko, ponieważ gradient mógł zostać utracony podczas przesyłania go do sieci. Jest to jednak problem przezwyciężony. Wiele marek używa w swoich logo gradientów, marek tak rozpoznawalnych jak Instagram. Osobiście je lubię, ponieważ jeśli są dobrze używane, dodają objętości logo.

Aby zastosować gradienty, musimy wybrać narzędzie gradientu i dwukrotnie kliknąć obiekt. Skrót możemy wykonać naciskając klawisz G na klawiaturze i dwukrotnie klikając. W panelu właściwości w gradiencie możesz wybrać rodzaj gradientu i wyświetlić menu, aby zmodyfikować go w trzech punktach. W tym przypadku wybraliśmy gradient, który przechodzi z czarnego na biały i zmieniliśmy czarny na różowy, a biel, którą zamierzamy zastąpić bardzo jasnoróżowym, prawie białym. Przesuwając pasek, który pojawia się w kształcie i punktach, możesz modyfikować położenie i strukturę gradientu.

Typografia w logo

Tekst nie ma żadnych komplikacji, jest napisany czcionką Oswlad Medium, którą można bezpłatnie pobrać z Google Fonts. Nadaliśmy mu rozmiar 17 punktów i wybraliśmy ten sam różowy odcień. Tak by to wyglądało!

Jak dostosować czcionki w programie Adobe Illustrator

przekształcić tekst w obrys w programie Illustrator

Porozmawiajmy więcej o typografii! Czcionki można konwertować na obrysy, łamią się, deformują i możemy się nimi bawić. Jestem dość niechętny, aby to zrobić, ale hej, tworzenie logo to dobry zasób i powinieneś o tym wiedzieć. Zobaczmy przykład:

Wybierzmy czcionkę Black File i napiszę tę nazwę. Obecnie niewiele możemy z tym zrobić. Musimy przekształcić typografię w udar. Za to, wybieramy go za pomocą narzędzia do zaznaczania i przechodzimy do zakładki tekstowej> utwórz kontury. Zanim to zrobisz, upewnij się, że tekst jest dobrze napisany, ponieważ nie będziesz już mógł go edytować!

jak stworzyć logo w programie Adobe Illustrator

Tworząc kontury, możesz traktować tekst jak każde inne pociągnięcie programu Illustrator. Jak już zrobiliśmy z kształtami, za pomocą narzędzia do bezpośredniego zaznaczania zakrzywimy końce i, a punkt drugiego „i” przekształcimy go w rodzaj liścia, któremu to podam turkusowy odcień. Ciekawostką jest to, że całe słowo może być użyte jako logo lub „i” jako niezależny typ obrazu.

Przetestuj swoje logo za pomocą makiet w programie Photoshop

Efekt końcowy, jak stworzyć logo w Photoshopie

Dobrym pomysłem na sprawdzenie, czy Twoje logo działa, jest utworzenie makiet w programie Photoshop. To najlepszy sposób, aby szybko zobaczyć, jak to wyglądałoby w rzeczywistości i jak można by to wdrożyć. Co o tym sądzisz?


Bądź pierwszym który skomentuje

Zostaw swój komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

*

*

  1. Odpowiedzialny za dane: Miguel Ángel Gatón
  2. Cel danych: kontrola spamu, zarządzanie komentarzami.
  3. Legitymacja: Twoja zgoda
  4. Przekazywanie danych: Dane nie będą przekazywane stronom trzecim, z wyjątkiem obowiązku prawnego.
  5. Przechowywanie danych: baza danych hostowana przez Occentus Networks (UE)
  6. Prawa: w dowolnym momencie możesz ograniczyć, odzyskać i usunąć swoje dane.