Rajzolj egy sablont a helyén a kreatív stúdió
Ebben a részletes bemutató megtanulod, hogyan kell felhívni hatásos weboldalad kreatív stúdió.
Kezdje a munkát az új fájl létrehozása 845 x 900 px, 72 dpi. Eszköz kiválasztása és utána töltse ki a dokumentumot # 151616
![Rajzolj egy sablont a helyén a kreatív stúdió (kreatív) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-8b6e1cb1.jpg)
Most megpróbáljuk létrehozni a fény a tetején a sablont.
Vegye ki a Téglalap eszköz ebben az üzemmódban formák.
Nyúlik az alábbiak szerint:
![Rajzolj egy sablont a kreatív stúdió (SITE) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-109d1e6e.jpg)
Állítsa ezt a réteget a paraméter kitöltés (Fill) 0%
Most ez a szám érvényes réteg stílus „Gradient Overlay”
![Rajzolj egy sablont a helyén a kreatív stúdió (sablon) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-1a345714.jpg)
![Rajzolj egy sablont a kreatív stúdió (SITE) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-0f4f4df7.jpg)
Nézd, mi történt! Ezen felül a dokumentum megjelent lágy világítás.
![Rajzolj egy sablont a kreatív stúdió (SITE) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-f1d5d94c.jpg)
Válassza ki a Szöveg eszközt, a következő beállításokat, és írjuk be a nevét a webhelyen.
használt beállításokat a szót CREATIVE:
![Rajzolj egy sablont a helyén a kreatív stúdió (sablon) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-8a0cf267.jpg)
használt beállításokat a szót STUDIO:
![Rajzolj egy sablont a helyén a kreatív stúdió (kreatív) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-45eda876.jpg)
![Rajzolj egy sablont a helyén a kreatív stúdió (stúdió) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-cdaefa86.jpg)
A szöveg, alkalmazza a következő réteg stílusok.
![Rajzolj egy sablont a helyén a kreatív stúdió (sablon) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-c11f41be.jpg)
![Rajzolj egy sablont a helyén a kreatív stúdió (stúdió) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-90be5605.jpg)
![Rajzolj egy sablont a helyén a kreatív stúdió (stúdió) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-692bfc65.jpg)
![Rajzolj egy sablont a kreatív stúdió (SITE) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-033862a0.jpg)
Az eszköz segítségével rajzoljon egy vékony vízszintes vonalat, szín # 323537
![Rajzolj egy sablont a kreatív stúdió (SITE) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-bdfc699d.jpg)
Tegyünk egy réteg stílus „Shadow”:
![Rajzolj egy sablont a helyén a kreatív stúdió (kreatív) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-310a1840.jpg)
![Rajzolj egy sablont a kreatív stúdió (SITE) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-45368a87.jpg)
Készítsen egy másolatot a réteg a vonal (Ctrl + J), és helyezze az alján a dokumentum:
![Rajzolj egy sablont a helyén a kreatív stúdió (sablon) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-4f5ac34f.jpg)
Itt az ideje, hogy megteremtse a navigációs gombokat az héderben a sablont.
Válassza ki az eszközt, meg a sarok sugara 10 px. Döntetlen az első gombot, a szín beállítása neki a # 3D4A4E
![Rajzolj egy sablont a helyén a kreatív stúdió (stúdió) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-ebe2d42f.jpg)
Ismétlődő gombot kétszer. Helyezzük őket az ábrán látható. A középső gombbal lehet megváltoztatni a szín # 1194FC
![Rajzolj egy sablont a helyén a kreatív stúdió (kreatív) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-af9d3df0.jpg)
Írja be a nevét a gombok. Ott használtuk az alábbi paraméterekkel:
![Rajzolj egy sablont a helyén a kreatív stúdió (stúdió) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-d6f3a374.jpg)
Mi jár a fő része. Az eszköz felhívni egy nagy szürke téglalap, a kerekítési 10 px
![Rajzolj egy sablont a helyén a kreatív stúdió (stúdió) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-c722d526.jpg)
Tegyünk egy réteg stílus „Gradient Overlay”:
![Rajzolj egy sablont a helyén a kreatív stúdió (kreatív) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-13c65174.jpg)
![Rajzolj egy sablont a helyén a kreatív stúdió (sablon) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-3c9b4657.jpg)
![Rajzolj egy sablont a helyén a kreatív stúdió (kreatív) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-6c3457a3.jpg)
A panel hozták létre, hogy az első kép.
Tolhatja a képet ezen a dokumentumon, a Ctrl + klikk a réteg a foglalatra, hogy adja át a kép réteg, nyomja meg a Ctrl + Shift + I, megfordítani a kiválasztási és törlése, hogy távolítsa el a felesleges részek a képet.
![Rajzolj egy sablont a kreatív stúdió (SITE) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-9757ad60.jpg)
![Rajzolj egy sablont a helyén a kreatív stúdió (kreatív) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-4c435b78.jpg)
![Rajzolj egy sablont a helyén a kreatív stúdió (stúdió) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-c5babda7.jpg)
![Rajzolj egy sablont a helyén a kreatív stúdió (sablon) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-6cfa3e36.jpg)
A jobb oldalon a kép, írja be a képen ebben a leckében során az alábbi paramétereket:
![Rajzolj egy sablont a kreatív stúdió (SITE) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-96c442ec.jpg)
![Rajzolj egy sablont a helyén a kreatív stúdió (stúdió) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-b5230201.jpg)
Töltsön el egy színes vonal # 363A3C, ahol a szöveg végén.
![Rajzolj egy sablont a helyén a kreatív stúdió (kreatív) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-59c9246b.jpg)
A vonal alatt, akkor tegye több „View” gombra.
Ismét, hogy a szín # F79700. kerekítés 10 px
![Rajzolj egy sablont a helyén a kreatív stúdió (sablon) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-f6798e0a.jpg)
A paraméterek a gomb szövege:
![Rajzolj egy sablont a helyén a kreatív stúdió (stúdió) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-affd1de1.jpg)
![Rajzolj egy sablont a helyén a kreatív stúdió (stúdió) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-807a2227.jpg)
Jelölje ki paletta minden rétegek tartozik az első aljzat - egy szürke téglalap, kép, szöveg, vonal és gombot. Nyomja meg a Ctrl + G egyesíteni minden réteg egy csoportba.
Ismétlődő ez a csoport 2-szer. Nem tévesztendő össze azonnal, hogy minden csoport nevét. Helyezzük az új foglalat az alábbiak szerint.
![Rajzolj egy sablont a kreatív stúdió (SITE) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-baedc115.jpg)
Minden socket write dátuma:
![Rajzolj egy sablont a helyén a kreatív stúdió (sablon) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-53755318.jpg)
![Rajzolj egy sablont a kreatív stúdió (SITE) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-20362a2a.jpg)
Most nézd meg a mintát! Elegáns és kreatív!
![Rajzolj egy sablont a helyén a kreatív stúdió (kreatív) Rajzolj egy sablont a helyén a kreatív stúdió](https://images-on-off.com/blogotirni/pep/risuemshablondlyasaytakreativnoystudii-a973e08d.jpg)
Add-ons:
23292
előfizetők:
70 000 +
Felhasználói élmény:
327978
A többi projekt:
bejegyzés
Regisztráció postán