<Ver> Inici / Tots , Tutorial , Web / Blog article: RIATMP1075 - Tutorial - presència a la web per a la plantilla de personal lloc web Pàgina

| Mobile | RSS

RIATMP1075 - Tutorial - Presència a la Web per a la Plantilla de Personal Web Pàgina

28 juny 2009
Tutorial - Web presence for Personal Page Website Template
RIATMP1075 - Tutorial - Presència a la Web per a la Plantilla de Personal Web Pàgina
Tutorial - presència a la web per a la plantilla de personal lloc web Pàgina

Aquí està el tutorial per al disseny de lloc web personal, que l'hi vaig prometre ahir. Aquesta plantilla web és per a la presentació de la seva pròpia pàgina personal. Espero que sigui útil per a tot tipus de professional que vol una presència web efectiva. Molt aviat vaig a pujar l'arxiu PSD per convèncer. En aquest tutorial que estic tractant de donar-li informació pas a pas per tu per crear el seu propi lloc web. És molt important permetre als usuaris a conèixer millor, per això és molt important estar més atents a crear el seu lloc web. També pot utilitzar aquest disseny de la tela mateixa per algun altre tema diferent, així com per presentar el seu producte.

Click here to download

1075 pic152 RIATMP1075   Tutorial   Web presence for Personal Page Website Template
1075-pic15

1075-pic15

1075 pic161 RIATMP1075   Tutorial   Web presence for Personal Page Website Template
1075-PIC16

1075-PIC16

Pas 5: Ara, de nou seleccionar l'eina Rectangle arrodonit i establir la mida de ràdio de la cantonada de 5 píxels. Ara crea 2 Rectangle de diferent grandària en 2 capes noves (marc superior, marc inferior). Ara afegiu els estils de capa en el "marc superior" de la capa> Superposició de degradat> veure PIC12. A continuació, afegiu traços> Pic13. Veure Pic14. Ara copiar estils de la capa i afegir aquest en la capa "marc inferior". He eliminat una part per donar una certa dimensió. Vostè rebrà el resultat com pic15. Ara bé, si vostè té gràfics de Binder es pot afegir que també. Així que aquesta és la seva estructura principal. Veure PIC16. Ara vostè pot afegir les seves imatges i el text que desitgi o simplement seguir la distribució del meu quadre. Així que aquí està la seva plantilla de personal final.

1075 pic1 RIATMP1075   Tutorial   Web presence for Personal Page Website Template
1075-pic1

1075-pic11075-pic2

Pas 1: Crear un nou arxiu de prop de 860px / 855px amb fons blanc (Arxiu -> Nou). Ara seleccioneu l'eina Degradat i afegir un gradient vertical de la capa de fons. A continuació, seleccioneu una part rectangle per crear la capçalera d'aquest disseny i omplir aquesta selecció amb el color # 2f4a1f. Veure Dibuix 1, Foto 2.

1075 pic3 RIATMP1075   Tutorial   Web presence for Personal Page Website Template
1075-Foto 3

-1075-pic31075 pic41075-pic51075-pic6

Pas 2: Seleccioneu l'eina Rectangle arrodonit i establir la mida de ràdio de la cantonada de 5 píxels. Ara crea 2 Rectangle de diferent grandària en 2 noves capes (pàgina amunt, pàgina avall). Ara afegiu els estils de capa a "Pàgina Amunt" capa> Superposició de degradat> veure Foto 3. A continuació, afegiu traços> Foto 4. També afegir Ombra> Foto 5. Ara copiar estils de la capa i afegir aquest a la capa "a la pàgina inferior". Vostè rebrà el resultat com pic6.

1075 pic7 RIATMP1075   Tutorial   Web presence for Personal Page Website Template
1075-Foto 7

-1075-pic71075 pic81075 pic91075 - Foto 10

Pas 3: Ara és el moment per crear barra de menús. Seleccioneu l'eina Rectangle arrodonit i establir la mida de ràdio de la cantonada de 5 píxels. Crea un rectangle en una nova capa anomenada "menu1" (com la foto 7), i omplir aquest de color blanc. Aneu a Edició> Transformar> Warp. Seguiu Foto 7. Ara omplir aquesta manera amb el color (dfdfdf, b9b8b9). Ara còpia 4 més en una nova capa anomenada "menú de tots". Afegir estil de capa en aquesta nova capa "del menú de tot). Estil de capa. Gradient Overlay> Veure Foto 8. A continuació, afegiu Ombra> Veure Foto 9. Ara col · locar menú sota la capa de "Pàgina dalt". Vostè rebrà el resultat com Foto 10.

1075 pic11 RIATMP1075   Tutorial   Web presence for Personal Page Website Template
1075-pic11

1075-pic11

Pas 4: Ara còpia "Menú 1" i enganxar-lo a una nova capa anomenada "Fons de menús". També pega l'estil de la capa anterior. Vostè rebrà el menú inferior, com pic11.

1075 pic12 RIATMP1075   Tutorial   Web presence for Personal Page Website Template
1075-PIC12

1075-pic121075-pic131075-pic14

Comparteix i Gaudeix
Deixa un comentari 2914 visites, 6 d'avui fins al moment |

Deixa un comentari