Dziś w tym samouczku wideo nauczymy Cię, jak skomponować i przygotować projekt stworzyć baner za pomocą programu Adobe Photoshop, a następny samouczek wideo nauczy Cię, jak trochę dawać animación, a także wyeksportować go w postaci gotowej do użycia.
Zacznę od tego, kim jest mężczyzna na zdjęciu, że to nie jest zwykły anonimowy człowiek wybrany z dowolnego banku zdjęć, nie proszę pana, to jest Wielki glaser Miltona, twórca logo I Love New York jak bardzo wpłynęło na nasze społeczeństwo w ostatnim stuleciu lub okładka Boba Dylana.
Cóż, pomijając uwagę historyczną, zacznijmy od tego samouczka wideo: Jak łatwo zrobić ruchomy baner w Photoshopie, mój pierwszy samouczek wideo, który mam nadzieję, że Ci się spodoba i okaże się bardzo przydatny. Zacznijmy.
I) Robimy szkic z naszym składem i zaczęliśmy tworzyć i przeszukiwać różne elementy banera.
II) Szukamy i pobieramy zdjęcie starego dobrego Miltona Glasera, postaci, którą wybrałem na nasz baner.
III) Otwieramy Adobe Photoshop i tworzymy nowy dokument. Wybieramy spośród różnych ustawień wstępnych że Photoshop daje nam do wykorzystania w formacie internetowym. Spośród nich wybieramy płótno o wymiarach 800 × 600, co jest dobrym rozmiarem na baner.
IV) Otwieramy plik JPG zawierający zdjęcie dobrego Miltona Glasera i przygotowujemy się do wyretuszowania zdjęcia.
V) Wybieramy z grupy narzędzi selekcyjnych jedną z pętli, plik Pętla magnetyczna w tym przypadku. Przedstawiamy starego dobrego Miltona.
VI) Po zarysowaniu idziemy na trasę Zaznaczanie - popraw krawędzie. Użyjemy tego narzędzia, aby dobrze zarysować krawędzie obrazu.
VII) Kiedy już pozostawiliśmy krawędź Milton całkowicie według naszych upodobań za pomocą narzędzia Popraw krawędź, naciskamy CNTRL + J i nowa warstwa zostanie utworzona z zaznaczeniem.
VIII) Eliminujemy warstwę tła i będziemy mieć Milton na przezroczyste tło których możemy użyć w naszym banerze.
IX) Aby go zapisać, użyjemy narzędzia Save for web. W oknie dialogowym tego narzędzia znajdziemy możliwość eksportu pliku do różnych typów plików, takich jak GIF, JPG czy PNG. Cóż, w tym pliku zamierzamy go wyeksportować, aby zachować go na przezroczystym tle. Zapisujemy i nazywamy. Zamykamy i oszczędzamy w PSD na to, co może się wydarzyć.
X) Wracamy do naszego projektu internetowego, do banera. Zmieniamy kolor warstwy tła na czarny. W tym celu używamy narzędzia Paint Bucket, zmieniając kolor przedniego na czarny i klikając bezpośrednio warstwę tła.
XI) Zaczynamy od zaimportowania zdjęcia Milton Glaser do naszego obszaru roboczego lub płótna. Do tego używamy Umieść narzędzie, znalezione w opcji pliku.
XII) W dolnym rogu umieściliśmy stary dobry Glaser z prawej strony ekranu.
XIII) Tworzymy dymek z komiksów. Ustawiliśmy to tak, aby wyglądało na to, że mówi Glaser.
XIV) Tworzymy 3 zdania z Narzędzie tekstowe, które podają informacje na banerze. Jeden z nich wejdzie do kanapki.
XV) Każde ze zdań musi znajdować się na innej warstwie tekstowej.
XVI) A więc wszystko jest gotowe do rozpoczęcia dać animację do naszego bannera.
W następnym samouczku wideo nauczę Cię, jak animować nasz baner. Nie przegap tego.