Tworzenie grafiki za pomocą Gimp — samouczek wtorek

Zapraszamy na kolejny wtorek z samouczkami! Dzisiaj pokażę wam jak zrobić obrazek na bloga za pomocą Gimpa .

Gimp to program do projektowania podobny do PhotoShop, ale nieco mniej przyjazny dla użytkownika io wiele bardziej darmowy (jako całkowicie darmowy). Gimp jest nieco mniej intuicyjny w użyciu w porównaniu z opcjami takimi jak Canva, po prostu dlatego, że w rzeczywistości ma ogromny zakres funkcji dla większości rodzajów projektowania graficznego — po prostu wymaga trochę więcej wiedzy, niż niektóre programy freemium.

Jeśli włożysz pracę, aby nauczyć się Gimp, będziesz mieć większą kontrolę nad tworzonymi obrazami.

Możesz pobrać kopię Gimp tutaj: http://www.gimp.org/downloads/

Krótko mówiąc, w Gimp nie ma automatycznego zapisywania, więc często zapisuj obraz za pomocą paska narzędzi lub „ctrl+s”. Jeśli nastąpi przepięcie lub coś takiego i będziesz musiał powtórzyć całą swoją pracę, będziesz BARDZO smutny.

Zacznijmy!

Krok 1: Otwórz Gimp

Kiedy otworzysz Gimp, powinno to wyglądać mniej więcej tak:

Zauważ, że masz tutaj trzy okna:

1. Przybornik — w tym miejscu można łatwo uzyskać dostęp do najczęściej używanych narzędzi. To okno jest twoim przyjacielem.
2. Płótno — w tym miejscu otworzy się obraz. Cała praca, którą faktycznie wykonujesz, zostanie wykonana w tym oknie.
3. Warstwy — tutaj możesz śledzić, jakie elementy i warstwy są aktywne na swoim płótnie. Nie będziemy używać tego okna w tym samouczku, ale jest bardzo przydatne w przypadku bardziej skomplikowanych projektów.

Krok 2: Otwórz warstwę tła

Najpierw potrzebujesz obrazu tła. Najłatwiej jest zapisać obraz na komputerze, aby można go było otworzyć, wybierając „Plik” na pasku narzędzi, a następnie „Otwórz”:

Stąd powinieneś być w stanie wybrać obraz z dowolnego miejsca, w którym go zapisałeś i nacisnąć „Otwórz”. Nazwałem swój obraz „ptaki” ze względu na ptaki:

Twój obraz tła powinien otworzyć się na własnym płótnie, dopasowany do rozmiaru:

Krok 3: Dodaj tekst

Aby dodać tekst, musisz uzyskać dostęp do „Narzędzia tekstowego”. Narzędzie tekstowe można znaleźć w oknie Przybornika:

Wybierz go z okna Toolbox w następujący sposób:

Po wybraniu narzędzia tekstowego kliknij praktycznie w dowolnym miejscu na płótnie, aby utworzyć warstwę tekstową. Może to tylko ja, ale mój zawsze pojawia się bardzo maleńki na moim płótnie. Bez znaczenia! Śmiało i wpisz swój tekst, nawet jeśli jest to tekst dla mrówek. Nie przejmuj się literówkami — możesz je później naprawić.

Nie możesz tego jeszcze właściwie zobaczyć, ale wybrałem cytat Hana Solo do tego samouczka, ponieważ jestem pozostawiony bez nadzoru przez długie odcinki:

Uwaga: w tym momencie możesz zauważyć pomocny pływający pasek narzędzi, który pojawia się nad polem tekstowym:

Byłoby zbyt dramatyczne powiedzieć, że to pułapka i wcale nie jest pomocna. Ale powiem, że w najlepszym razie odniosłem różny sukces, ponieważ zmiany wprowadzone w tym pasku narzędzi konsekwentnie wpływały na płótno.

Mając to na uwadze, sugeruję pracę w oknie Toolbox, tak jak to zrobiłem w tym samouczku. Albo spróbuj i powiedz mi, co robię źle. Ty robisz.

Tworzenie świetnych obrazów to tylko połowa równania content marketingu. Musisz także promować te treści, aby były wyświetlane w wynikach wyszukiwania. Pobierz naszą bezpłatną listę kontrolną, aby dowiedzieć się, jak to zrobić!

Krok 4: Dostosuj tekst

Zajrzyj ponownie do okna Toolbox. Ponieważ Twoja warstwa tekstowa jest aktualnie zaznaczona, Twój przybornik będzie teraz zawierał opcje dla Twojego narzędzia tekstowego w sekcji „Opcje narzędzia”. Tutaj możesz dokonać zmian w tekście:

Są tylko trzy poprawki, z którymi będziemy teraz bałaganić w Twoim tekście.

Rozmiar:

Kolor:

Czcionka:

Krok 4a: Dostosuj rozmiar tekstu

Pierwszy bałagan z rozmiarem tekstu (abyśmy mogli zobaczyć cholerną rzecz). W Przyborniku kliknij dwukrotnie pole obok „Rozmiar”, aby móc wprowadzić nową wartość rozmiaru:

Wprowadź wartość i naciśnij Enter, aby w końcu dobrze przyjrzeć się swojemu tekstowi. Zrobiłem zdjęcie w ciemności i umieściłem 200, co skończyło się dobrze, ale być może będziesz musiał trochę pomajstrować, aby uzyskać tekst w odpowiednim rozmiarze.

Krok 4b: Dostosuj kolor tekstu

Gdy tekst ma odpowiedni rozmiar, możesz zwrócić uwagę na jego kolor. Ponownie w oknie Przybornika kliknij pole obok „Kolor”:

Pojawi się nowe mini okno z całą gamą rzeczy do zabawy:

Możesz albo majstrować, aż znajdziesz kolor, który Ci się podoba, albo wyszukać numer notacji HTML dla określonego odcienia, który chcesz i wprowadzić go w:

Dla fajnych dzieciaków wybrałem białą lub html notację #FFFFFF. Gdy będziesz zadowolony ze swojego koloru, naciśnij „OK”.

Krok 4c: Dostosuj czcionkę tekstu

Na koniec wybierz czcionkę. W oknie Toolbox znajdziesz pole tekstowe z nazwą tekstu domyślnego, w tym przypadku „Sans”. Jeśli znasz nazwę żądanej czcionki, możesz wpisać ją w tym polu tekstowym:

Jeśli chcesz trochę pobawić się czcionkami, kliknij graficzną "Aa" i przewiń listę rozwijaną typów czcionek:

Pamiętaj, że Gimp nie ma wstępnie załadowanych wszystkich tekstów ze świata. Istnieją sposoby na przesłanie czcionki do Gimpa, ale na pewno nie omawiam tutaj tego procesu. Wypróbuj ten film instruktażowy: https://www.youtube.com/watch?v=MHlCn9vYZXU

Jako czcionkę wybrałem „Segoe Script Bold”, ponieważ przypominał mi plakat motywacyjny:

Krok 5: Przenieś warstwę tekstową

Aby umieścić tekst tam, gdzie chcesz, wybierz „Przenieś narzędzie” w oknie Przybornika. Wygląda jak mała kartezjańska płaszczyzna współrzędnych:

Po wybraniu narzędzia Przenieś chwyć pole tekstowe i przeciągnij je tam, gdzie chcesz. Może to być trochę skomplikowane, więc upewnij się, że przerywana ramka wokół pola tekstowego jest solidna przed przeciągnięciem, w przeciwnym razie prawdopodobnie przeciągniesz tło bezpośrednio z płótna:

Jeśli masz z tym problem, możesz wybrać warstwę pola tekstowego w oknie Warstwy przed kliknięciem na nią na płótnie:

Czasami to pomaga.

Krok 6: Dodaj obraz

Porozmawiajmy teraz o tym, czy chcesz dodać grafikę, powiedzmy logo Linkarati. Ponownie, najłatwiej jest zapisać wybraną grafikę na komputerze.

Aby otworzyć go na płótnie, przejdź do paska narzędzi i wybierz „Plik”, a następnie „Otwórz jako warstwy”:

Podobnie jak podczas otwierania tła, wybierz obraz, z którego zapisałeś go na komputerze, a następnie naciśnij „Otwórz”:

I podobnie jak Twoje pole tekstowe, kiedy po raz pierwszy je tworzyłeś, Twój obraz prawdopodobnie będzie otwierał się naprawdę, naprawdę śmiesznie mało:

Krok 7: Dostosuj obraz

Aby ten obraz był widoczny dla osób większych niż Tom Thumb, wybierz „Narzędzie do skalowania” w oknie Toolbox:

Następnie kliknij swój mały obrazek, co spowoduje wyświetlenie wyskakującego okienka:

Zanim zaczniesz bawić się wymiarami, upewnij się, że klikniesz to tutaj...

...żeby wyglądało to tak:

To zablokuje twoje wymiary, abyś nie zniekształcił obrazu do jakiegoś groteskowego cienia jego oryginalnego ja.

Aby dostosować skalę, przesuń kursor do jednego z rogów obrazu i pociągnij, aż uzyska żądany rozmiar, a następnie kliknij „Skaluj”:

Aby przenieść obraz, ponownie wybierz narzędzie do przenoszenia i przeciągnij je, tak jak w przypadku warstwy pola tekstowego.

Krok 10: „Eksportuj jako” — zapisywanie obrazu jako .jpg

Gimp domyślnie używa dziwnego typu pliku, .cxf. Aby zapisać obraz jako coś bardziej powszechnego, przejdź do paska narzędzi i wybierz "Eksportuj jako":

Spowoduje to wyświetlenie okna, w którym możesz zmienić nazwę pliku i wybrać miejsce, w którym ma zostać zapisany. Co najważniejsze, pozwoli Ci wybrać, jaki rodzaj pliku chcesz go zapisać.

Aby to zrobić, kliknij mały „+” obok „Wybierz typ pliku”...

...co rozwinie się do listy opcji:

Najczęstszym wyborem będzie oczywiście .jpg, czyli to, co wybrałem.

Po kliknięciu „Eksportuj” pojawi się jeszcze jedno okno dotyczące jakości obrazu:

Obrazy o wyższej jakości będą większymi plikami i zajmą więcej miejsca na komputerze, ale zalecam podniesienie tego suwaka jakości do „100” przed ponownym naciśnięciem „Eksportuj”:

Teraz powinieneś mieć kopię swojego pięknego obrazu na swoim komputerze, gdziekolwiek go zapisałeś. Mój pojawił się na moim pulpicie tak:

Po kliknięciu otwiera się w ładny, łatwy do zarządzania obraz .jpg:

Wniosek

Więc tam jesteś! Powinieneś mieć piękny obraz, który przyniesie poważne wizualne zainteresowanie Twoim postem na blogu - lub postem społecznościowym, lub jako obraz promocyjny lub jako tapetę komputerową (i zanim zapytasz, tak, oczywiście możesz użyć mojego Obraz Han Solo na komputer).

Ponownie, Gimp może nie być tak przyjazny dla użytkownika jak jego internetowe odpowiedniki, takie jak Canva i Pablo , ale ma znacznie więcej koni mechanicznych. Jeśli włożysz wysiłek w naukę wykorzystywania tej mocy, Gimp zabierze Cię dalej. Będziesz mógł tworzyć o wiele bardziej ambitne obrazy z wszelkiego rodzaju fantazyjnymi rzeczami, takimi jak zawinięty tekst i niestandardowa grafika. To bardziej majsterkowanie i wymaga więcej przemyślenia i umiejętności, ale poszukaj i zobacz, co możesz osiągnąć.

Ten Tutorial wtorek to tylko wierzchołek góry lodowej.

Miłego projektowania!