Web Design Photoshop Tutorial
Wielu ludzi nowych do projektowania stron internetowych są zdezorientowani plasterki i Rollovers JavaScript i skończyć porzucając swoje projekty z frustracji. Punktem tej internetowej Photoshop kursu jest zachować rzeczy proste, tworząc stronę internetową, która korzysta tylko 2 grafiki.
Zacznij od stworzenia banner i umieścić go w górnym wierszu tabeli, która będzie zawierać 5rows i 1 kolumna. Następny wiersz tabeli odbędzie tekst swojej stronie wraz ze zdjęciami, które chcesz włączyć do swojej strony. Wiersz 3 odbędzie się separator, wiersz 4 będzie zawierać linki tekstowe plus o prawach autorskich, kończąc na wierszu 5 obecnej sekund separator.
W tym przykładzie będziemy nazywać tej stronie Moja witryna. Teraz musimy znaleźć grafikę dla sztandarem. Można znaleźć profesjonalnych zdjęć poziomie w miejscach takich jak galerie iStockphoto oraz na tylko i tak dla większości obrazów są przystępne. Wolne miejsca zdjęciu są również dostępne dla idealnie dobrej jakości zdjęć.
Jedna wskazówka jest wybrać jeden kolor z grafiki i wykorzystać różne odcienie tego koloru za transparent czystym spojrzeniem koordynującego. Dla nazwania kolor dla tego przykładu, pójdziemy z zielonym w ciemnych, średnich i następnie cieniu światła.
Uważam, że za pomocą suwaka krycie na próbkowany kolor można stworzyć miłą odmianę. Otwórz nowy dokument i skopiuj i wklej do głównego grafikę, którą wybrałeś do niego. Teraz z przybornika wybierz narzędzie Kroplomierz i pobrać próbkę koloru klikając na nią grafiki. Spowoduje to zmianę kwadrat koloru pierwszego planu w przyborniku.
Mając to zrobić, otwórz inny nowy dokument iw treści Tło wybierz Biały i kliknij OK. Mając to dokument otwarty, utwórz nową warstwę, przechodząc Layer-New-warstwę. Następnie przejdź Edycja-Wypełnij i wybrać zawartość, użyj: Kolor pierwszego planu. W ten sposób wypełnić swój dokument z kolorem po prostu próbą. Cenna wskazówka jest zmniejszenie krycia z suwakiem i właściwie dostosować go aż do osiągnięcia pożądanego odcienia koloru. Po znalezieniu jednego lubisz, spłaszczyć obraz, przechodząc Layer-Spłaszcz obraz. Ponownie użyć narzędzia Kroplomierz, aby zmienić kwadrat koloru pierwszego planu w przyborniku dopiero teraz będzie tak samo jak nowo utworzony kolorze. Kliknij na kwadrat koloru i wyboru koloru pojawi się i będzie można zrobić notatkę z numerami koloru, który właśnie stworzył.
Przewijanie czcionek znaleźć taki, który przemawia do Ciebie. Kiedy można natknąć się na taki, który czujesz jest prawo, bawić się z nim trochę. Ustaw monitorowania, wiodącej i skala, ani nawet ich połączenie. Niewielkie korekty mogą przejść długą drogę w co znacznie bardziej osobiste i zapewnienie Twoja strona będzie się wyróżniać wśród innych.
Aby wybrać czcionkę w Photoshopie go Window-znak. W palecie zobaczysz listę zainstalowanych czcionek. Aby dostosować ustawienia musisz przywołać paletę Akapit. Można to zrobić wchodząc Window-Akapit.
Jeśli szukasz nowych czcionek, masz wiele opcji. Wolne środki czcionki są dostępne online.
W naszym przykładzie, utwórz nowy dokument, który wynosi 600 x 300 pikseli. Możesz dostosować ten rozmiar według własnego projektu po wybraniu własne zdjęcie akcji i zaplanować układ.
Teraz pozwala zrobić nową warstwę o Layer-nową warstwę i nazywamy to zawodowy projektant. Ja umieścić obraz na tej warstwie i zmniejszyć jej wymiar. Możesz zmniejszyć grafiki z Edit-transform-Scale. Obwiednia będzie uchwyty. Użyj klawisz Shift, aby ograniczyć rozmiary i kurczyć obraz wybierając lewy górny uchwyt i ciągnąc w kierunku prawym dolnym rogu. Przeciągnij wewnątrz obwiedni przenieść grafikę. Po to do własnych potrzeb, kliknij przycisk OK.
Chodźmy z barwionym tłem. Tutaj będziemy iść z jasnozielonym.
I wybierz warstwę tła, warstwy 1, a ja go wypełnić z lekkim różu, przechodząc Select-All, następnie Edit-Fill, aw oknie dialogowym w treści, to zaznacz opcję Użyj Kolor i w próbnika kolorów wejdę FBE0EC.
Efektem jest 600 x 300 banner z delikatnym kolorem i ze sztuką umieszczonego po lewej stronie. Dostajemy tam.
Wybrałem zastosować grubą skok do warstwy tła, aby do projektu bardziej śmiały. Najpierw upewnij się, warstwa 1 warstwa tła jest aktywny, i zrobić kopię z kroków Layer-New-layer Via Copy. Następnie kliknij dwukrotnie obok nazwy warstwy. Opcje mieszania w polu Styl Warstwy pojawi się okno dialogowe.
Wybierz i kliknij na Stroke słowa w stylu opcji po lewej stronie. Zmieniłem ustawienia na Rozmiar: 7px, stanowisko: Inside, trybu mieszania: Normal Opacity: 100%, Rodzaj wypełnienia: Kolor i kliknąłem próbkę koloru i wszedł D04E8C w próbnika kolorów. Kliknij przycisk OK.
Granica jest tylko do zrównoważenia projektu. Zapraszamy do dokonywania zmian i kreatywność z własnych pomysłów.
Miejmy umieścić nazwy głównych części bezpośrednio na banner. Będą to linki stron internetowych. Będziemy używać map obrazów, ponieważ będzie to tylko jedna grafika.
Utwórz nową warstwę dla swoich słów. Korzystanie z narzędzia typu tworzenie nazw sekcji, a następnie użyć narzędzia ruch umieść je dokładnie tam, gdzie chcesz na banner. Pamiętaj, aby wybrać kolor dla tekstu, który jest ciemniejszy od koloru tła, aby uniknąć znalezienia się krzyczeć przekleństwa i cierpienia główną wypadanie włosów! Czy wchodząc Window-znak. W panelu Typografia znajdziesz kwadrat koloru. Kliknij na niego aby zmieniać kolory.
Będziesz potrzebował edytora HTML, jak GoLive lub Dreamweaver, aby zautomatyzować ten proces. To naprawdę bardzo proste. Tworzyć małe "Mapy" nad każdym słowem i wpisać cel podróży łącza. Musisz zrobić wyszukiwania Google na mapach graficznych znaleźć samouczek jeśli nie masz edytora HTML, lub zainwestować w książki jak podręczniku HTML Elizabeth Castro Quickstart o pomoc.
Utwórz nowy dokument. Szerokość powinna wynosić 600 pikseli, a wysokość powinna wynosić około 12 pikseli. Wypełnij to z kolorem tła. Następnie za pomocą narzędzia Tekst i ciemny kolor, rodzaj pewne okresy, takie jak ten: ........... i umieścić je w pliku, skupiając je. Zmienić rozmiar i odstępy aż wygląda idealnie. Teraz zapisz to jako plik GIF.
Z edytora HTML z wyboru zbudować prostą tabelę zawierającą 5 wierszy i 1 kolumny. Jeśli masz zamiar korzystać z nawigacji link tekstowy pod sztandarem zamiast map graficznych na banner, utworzyć dodatkowy wiersz tak możesz skończyć z 6 wierszy w tabeli. Umieść elementy w poszczególnych wierszach tabeli i to wszystko!
Jeśli jesteś na temat terminów i nie może poradzić sobie z nauką już techniki Photoshop lub HTML, tu jest inne rozwiązanie. Można kupić gotowy szablon z Template Monster, której można użyć jako bazę do tworzenia stron internetowych w Photoshopie.
Na pierwszej stronie Template Monster znajdziesz rozwijanego menu gdzie można wybrać Opcje, a następnie przeprowadzić poszukiwania szablonu. Szablony są niedrogie i bardzo łatwe do zarządzania w GoLive lub Dreamweaver. W przeszłości Mam zakupiony szablon wyłącznie do schematu kolorów i obrazów. Na niektórych projektów znalazłem to było tańsze niż zakup zdjęcia stockowe. Odwiedź Template Monster aby zobaczyć szeroki wybór szablonów stron internetowych, które oferują.
Mam nadzieję, że Adobe Photoshop Tutorial pomoże Ci stworzyć naprawdę fajne strony patrząc, i życzę swojej nowej stronie internetowej tysiąc lat szczęścia!
Czy lubisz ten artykuł? Zainteresowani znalezieniem profesjonalnie wykonane Poradniki Photoshop ? No to teraz możesz. Wystarczy obejrzeć ten samouczek Adobe Photoshop , a wkrótce być opanowanie Photoshop w poniżej 2 godzin.
Artykuł z articlesbase.com
