Cum de a crea o machetă în Adobe Photoshop cc - grafica pentru crearea și proiectarea de site-uri web
Ia un set de pictograme gratuit
(Stocuri timp de acțiune limitată)
Icoana nu se întâmplă de mult, nu-i așa? Obțineți acest set minunat de icoane pe e-mail în câteva minute!
Pentru a face acest lucru, pur și simplu completați formularul de mai jos:
Stai informat cu privire la știri din lumea de design grafic, și actualizări grafice pe site-ul nostru. Vă puteți dezabona în orice moment.
Alatura-te!
Astăzi vreau să împărtășesc cu voi un simplu, dar foarte util tutoriale despre crearea Mock în Photoshop CC. În Mock noastră în sus destul de des folosit de designeri, pentru a prezenta proiectele lor la client. Sper că va fi interesat de acest tutorial și veți găsi că este util.
Găsiți o fotografie laptop, calculator personal, tabletă sau orice alt devaysa pentru care te-ai decis să creați machetă. De asemenea, puteți face o fotografie proprie de calculator.
Imaginea este ridicat - excelent! Acum deschide în programul CC Photoshop și blocați strat pentru fiabilitate.
De exemplu, am descarcat imaginea de pe acest site aici
![Cum de a crea o machetă în Adobe Photoshop cc - grafica pentru crearea și proiectarea de site-uri web (sursa PSD) Cum de a crea o machetă în Adobe Photoshop cc - grafica pentru crearea și proiectarea de site-uri web](https://webp.images-on-off.com/8/19/434x234_t7nkdcj1e56n4rgsl86d.webp)
![Cum de a crea o machetă în Adobe Photoshop cc - grafica pentru crearea și proiectarea de site-uri web (Adobe) Cum de a crea o machetă în Adobe Photoshop cc - grafica pentru crearea și proiectarea de site-uri web](https://webp.images-on-off.com/8/19/273x168_42ouyh14xft15e660qj4.webp)
Apoi, apăsați tasta fierbinte „U“, sau du-te la „formele“, alege „instrument de formă particularizată“ și apoi selectați „forma grilă“
![Cum de a crea o machetă în Adobe Photoshop cc - grafica pentru crearea și proiectarea de site-uri web (sursa PSD) Cum de a crea o machetă în Adobe Photoshop cc - grafica pentru crearea și proiectarea de site-uri web](https://webp.images-on-off.com/8/19/246x214_25cp7ijkfv0hs7kj3nku.webp)
![Cum de a crea o machetă în Adobe Photoshop cc - grafica pentru crearea și proiectarea de site-uri web (butoane) Cum de a crea o machetă în Adobe Photoshop cc - grafica pentru crearea și proiectarea de site-uri web](https://webp.images-on-off.com/8/19/364x187_wrry8hqyjf3w5dv942i6.webp)
Acum trageți un dreptunghi pe laptop ecran (sau alt devaysa). În acest stadiu, nu este în mod necesar să se potrivească perfect în ecran, aproximativ dimensiunea ar fi suficientă.
![Cum de a crea o machetă în Adobe Photoshop cc - grafica pentru crearea și proiectarea de site-uri web (web design) Cum de a crea o machetă în Adobe Photoshop cc - grafica pentru crearea și proiectarea de site-uri web](https://webp.images-on-off.com/8/19/434x262_nogsfsmunb4h0jf13q9g.webp)
![Cum de a crea o machetă în Adobe Photoshop cc - grafica pentru crearea și proiectarea de site-uri web (butoane) Cum de a crea o machetă în Adobe Photoshop cc - grafica pentru crearea și proiectarea de site-uri web](https://webp.images-on-off.com/8/19/432x184_hl898bh8qcyvka9ae9js.webp)
![Cum de a crea o machetă în Adobe Photoshop cc - grafica pentru crearea și proiectarea de site-uri (cadre PSD) Cum de a crea o machetă în Adobe Photoshop cc - grafica pentru crearea și proiectarea de site-uri web](https://webp.images-on-off.com/8/19/434x308_dx8w9fu5m1pqx4gxg378.webp)
Acum scrie grila dreptunghiulară ideală sub dimensiunea ecranului de laptop
![Cum de a crea o machetă în Adobe Photoshop cc - grafica pentru crearea și proiectarea de site-uri web (butoane) Cum de a crea o machetă în Adobe Photoshop cc - grafica pentru crearea și proiectarea de site-uri web](https://webp.images-on-off.com/8/19/434x259_5e9yas941eccedwhgpuh.webp)
![Cum de a crea o machetă în Adobe Photoshop cc - grafica pentru crearea și proiectarea de site-uri web (descărcare PSD) Cum de a crea o machetă în Adobe Photoshop cc - grafica pentru crearea și proiectarea de site-uri web](https://webp.images-on-off.com/8/19/434x281_kb6ccdhpohbezeh5mlkm.webp)
Voila! Acum, imaginea ta va apărea pe ecranul laptop-ului.
Rezultatul final ar trebui să arate acest lucru.
![Cum de a crea o machetă în Adobe Photoshop cc - grafica pentru crearea și proiectarea de site-uri web (web design) Cum de a crea o machetă în Adobe Photoshop cc - grafica pentru crearea și proiectarea de site-uri web](https://webp.images-on-off.com/8/19/434x263_070ujn1i0lx5yt4vnasy.webp)
Și ultim sfat,
Pentru a arăta adâncimea și vizualiza afișare laptop adăuga efecte cum ar fi umbra interioară (umbra interioară), patare (estompare gausian) sau iluminat (iluminat).
Ai o idee mare, termenii de referință și bugetul pentru realizarea ei?