Cum de a desena site-ul în Photoshop

În Photoshop pentru a desena un design simplu site-ul sub forța chiar novice

Din prima dată când este puțin probabil să reușească aranja pagina, ca un masterat de design. Dar trage nevychurny atractiv, iar serviciul va fi sub puterea ta.

Un pic despre crearea de site-uri

Decodificarea anumitor termeni.

Asigurați-vă un site uimitoare de la zero poate fi doar un profesionist. Pentru a face acest lucru, aveți nevoie pentru a înțelege web design și know HTML. Având în vedere că structura ar trebui să fie gata de a impune mai competent.

Dar există modalități mai ușoare. Există servicii și software-ul care convertește automat .psd (format de fișier Photoshop) în HTML și CSS on-line. Vei avea numai dreptul de a colecta un șablon.

Pentru a utiliza Photoshop în mod necesar un artist și pentru a înțelege toate opțiunile de program. Dar atunci când îl porniți pentru prima dată și nu știu cum să introduceți text, puteți desena o figură geometrică, duplicare strat, schimba culoarea sau a evidenția un domeniu arbitrar, ar trebui să începem cu ceva mai simplu. Pentru a face aspectul în Photoshop. nevoie de cel puțin competențe de bază în lucrul cu utilitatea și înțelegerea funcțiilor de bază (cum ar fi trage o linie, a pus ghid, selectați un font, și altele asemenea).

Informații generale despre serviciile de rețea veni la îndemână prea. Site-ul poate fi caracterizat prin următoarele criterii:

Pentru a începe, să decidă ce fel de design pe care doriți. Nu este suficient pur și simplu „imaginat“, și apoi trage în Photoshop. Trebuie să existe o înțelegere clară. Desenați un șablon pe hârtie simplă. Nu este nevoie pentru a redesena fiecare imagine. Este suficient pentru scheme: mai multe dreptunghiuri și cercuri, care sunt desemnate în mod condiționat elemente ale paginii web. Gândiți-vă la modul în care cadrele vor fi localizate în cazul în care este mai bine pentru a pune logo-ul, în cazul în care pentru a pune informațiile la dispoziția publicului.

Un exemplu de site-uri de design modern

Aceste etape de pregătire de muncă. Cum de a aranja aspectul în Photoshop, depinde de imaginatia si gustul tau. Prin urmare, vom următoarea doar consultanță tehnică generală.

• În lista din dreapta va apărea un nou strat la partea de jos. Faceți clic pe butonul din dreapta al mouse-ului pentru a vedea posibile acțiuni. În meniul „Setări Layer“, puteți schimba numele. În „Blending Options“ sunt setările de bază ale imaginii. Puteți face strălucire, în relief, luciu, accident vascular cerebral, gradient. Dacă selectați unele modificări de opțiuni sunt imediat afișate în Photoshop. Există un set de stiluri predefinite. Din cauza texturile standard pentru a crea modele originale. Nimic în plus, nu este necesar să se atragă.
• Butonul „Filtre“ din bara de meniu. Acolo veți găsi o varietate de simulare (pastel, acuarelă, creioane), stilizare, textură, desene, reflecții, estompa.
• Puteți selecta un fundal de culoare solida. Culoarea depinde de preferințele dumneavoastră personale. Dar este mai bine să nu-l face cu negru sau otrăvitoare. așternut și ton moale transparent sau rece (de exemplu, gri deschis, albastru pal).
• După textura poate colecta site-ul în sine. Aici sunt date libertatea de a fi creativ.
• Pentru a adăuga o anumită formă (linie, pătrată, ovală), apăsați butonul corespunzător de pe dreapta. Acesta va avea aspectul și numele obiectului care este în prezent selectat pentru desen. De exemplu, "Ellipse Tool", "Poligon". În Photoshop, numărul de cifre este limitat. Dar le puteți găsi pe internet, descărcați și instalați prin meniul Edit - Preset Manager. În câmpul „Type“, specificați o colecție de obiecte pe care le descărcați.
• În diferite versiuni ale programului, aceste cifre sunt numite în mod diferit. Sau un buton sub forma unui triunghi negru mic (este dreapta), sau o pictogramă în formă de unelte, sau elementul „bulina Form“ (este sub bara de meniu). Obiectele pot fi combinate în grup, efectuați una din compoziție.
• Faceți clic pe butonul sub forma unui capital de «T» litere pentru a crea un cadru de text. Apoi selectați locația în care ar trebui să fie plasate caracterele, faceți clic pe acolo și de tip în ceea ce aveți nevoie.
• Fiecare element este mai bine pentru a pune într-un strat separat. Deci, va fi mai ușor să se miște și edita fără a „atinge“ întregul site. Pentru a adăuga acest obiect, du-te la straturi - Nou.

• Pentru a proiecta o imagine într-o zonă de pre-selectat, mai întâi selectați și apoi faceți clic pe Edit - Paste Special. Nu va fi o opțiune „Insert în loc“ și „Insert exterior.“
• Este posibil să se transfere o parte dintr-un model la stratul următor. Pentru a face acest lucru, selectați-l, faceți clic pe butonul din dreapta al mouse-ului și selectați „Cut pentru noul strat.“
• Pe figuri, inscripții și imagini sunt disponibile aceleași opțiuni ca fundal: efecte, filtre și așa mai departe.
• În Photoshop, există încă o mulțime de instrumente de pictura: pensule, pixuri, creioane.

Puteți face o viață de calitate chiar de obiecte geometrice simple.

Există resurse cu machete gratuite. Încărcați-le în Photoshop și edita, dacă este necesar. Este mai ușor și mai rapid decât desen de la zero.

Cum de a transforma într-un aspect HTML-fișier?

Ți-ai dat seama cum de a crea un site web în Photoshop și a emis primul său aspect. Ce să faci în continuare? La urma urmei, ea nu poate fi pur și simplu descărcate de hosting.

Acesta poate da un typesetter, care fac de înaltă calitate html-șablon. Dar există o altă opțiune. Utilizați serviciul pentru a converti PSD-fișier în HTML și CSS.

• Psd2Html Converter. Plătit serviciu online. convertește rapid în format Photoshop în șablonul de pagină web. Cu această resursă, chiar și de la aspectul de calitate slabă poate crea un site decent.
• HTML Panda.
• PSDCenter
• 40 Dollar markup.

constructori

Aspecte pot fi colectate și la site-uri speciale. De obicei, există o interfață clară și intuitivă. Tocmai ai alege un șablon din diferite părți. Unele dintre elementele mai bine pentru a picta în Photoshop. Deci, veți avea design-ul original. În ciuda faptului că a fost stabilit pentru proiectant.

În Photoshop, nu doar vopsea. În ea sunt colectate machete pentru site-uri web. În cele mai multe cazuri, aceasta se face de către comandant. Dar un șablon simplu poate elibera pe oricine. Necesar numai cunoștințe de bază de Photoshop.