A saját weboldal készítése mindig a vázlat és a jövőbeli terv kidolgozásával kezdődik, és ennek a fejlesztésnek szerves része a webhelyterv megjelenítése a Photoshopban, és a kész terv blokkokra vágása a későbbi elrendezéshez. A webhelyterv megfelelő képének kivágása közvetlenül befolyásolja az elrendezés további sikerét és a grafikus fájlok megfelelő elhelyezését a szerveren.
Utasítás
1. lépés
Nyissa meg a létrehozott tervelrendezést a Photoshop alkalmazásban, amely a kívánt felbontás szilárd képe. A Photoshop eszköztárán válassza a Szelet eszközt. Ideiglenesen kapcsolja ki az összes szövegréteg, beviteli mező, ikon és hasonló elem láthatóságát.
2. lépés
Rajzolja meg a kiválasztott eszközzel azokat a vezetővonalakat, amelyek mentén kivágja a webhelyet - ezek a képek zöld vonalak lesznek. Az egy darabból álló elrendezést gondosan ossza fel a kívánt méretű és mennyiségű szerkezeti elemekre.
3. lépés
Gondoljon arra, hogyan vágja le a képet - nem lehet túl sok egyedi elem benne. Vezérvonalak létrehozásához vigye a kurzort a felső vonalzóra a kép fölé, kattintson a bal egérgombbal, és húzza le az útmutatót. Engedje el az egérgombot.
4. lépés
Az összes vezető (függőleges és vízszintes) beállítása után folytassa az elrendezés szeletelésével.
5. lépés
A fent kiválasztott vágóeszköz segítségével vágja el az elrendezést úgy, hogy bal egérgombbal kattint az egyes irányvonalak elejére, és kinyújtja a megjelenő mezőt a kivágni kívánt objektum méretére. Engedje el az egér bal gombját, hogy egy sorozatszám megjelenjen a kivágott töredék bal sarkában.
6. lépés
Állítsa be a töredékek szegélyeit kézzel kinyújtva. A teljes kép szeletelt részeinek mentéséhez kattintson a Fájl menü "Mentés weboldalakra" opciójára, és válassza ki a JPEG formátumot. A mentési ablakban válassza az "Összes töredék" lehetőséget.
7. lépés
A kivágott képfragmenták külön mentése után mentse el az oldalterv összes vizuális elemét - szövegblokkokat, gombokat, vonalakat stb.
