Homepage » Photoshop » Hogyan készítsünk Apple iCloud ikont - Photoshop Tutorial

    Hogyan készítsünk Apple iCloud ikont - Photoshop Tutorial

    Az iCloud, az Apple által bevezetett legújabb felhőtárolási szolgáltatás elég egyszerű, de szép logóval rendelkezik. Az ikon fémes anyagból készül, és egy extrudált felhő ikonnal rendelkezik. Előfordulhat, hogy nem tudja, de az ilyen típusú ikon létrehozása valóban nagyon egyszerű, és az alábbiakban az iCloud ikon, amelyet a Photoshop használatával megtanítunk, hogyan kell rajzolni ebben a bejegyzésben!

    Egy kicsit bonyolultabbnak tűnik, de valójában minden, amire szükségünk van, a Layer Styles, az alapvető vektorformák és egy kis kézi rajz. Menjünk bele!

    1. lépés

    Először hozzon létre egy új fájlt, amelynek mérete 512 x 512 px. Lekerekített téglalap eszköz aktiválása. Az opciós sávban állítsa be a sugárát 75 px-re. A lekerekített téglalap rajzolásához kattintson a húzásra. Állítsa színét a # 5d5d5d értékre.

    Kattintson duplán a rétegre a Rétegstílus párbeszédpanel megnyitásához. Színátmenet-átfedés hozzáadása az alapértelmezett színátmenettel, fekete-fehér, és csökkentse annak opacitását 76% -ra.

    2. lépés

    Nyomja meg a Ctrl + J billentyűt a rétegalak ismétléséhez. Kattintson a Szerkesztés> Szabad átalakítás elemre, vagy nyomja meg a Ctrl + T gombot az átalakítás végrehajtásához. Az opciós sávból állítsa be a méretét 98% -ra.

    A Rétegek panelen törölje a Fóliastílust úgy, hogy húzza az fx ikont a Rétegek panel jobb alsó részén található szemét ikonra. Ezután kattintson duplán a rétegek bélyegképére, hogy megjelenítse a Rétegstílus párbeszédpanelt. Adjon hozzá belső árnyékot és színátmenetet.

    A Gradient Overlay (Gradiens átfedése) beállításban állítsa a színátmenet Stílusát szögre (Angle). Kattintson a gradiens előnézeti mezőjére a színátmenet szerkesztő megnyitásához és a # 8e8e8e, # a5a4a4 és # d8d8d8 színkombináció használatához. Nyugodtan játszhatsz az egyes jelölőkkel, csak győződj meg róla, hogy ugyanazt a színt állítja be az első és az utolsó jelölőn.

    Ez az eredmény a Rétegstílusok hozzáadása után.

    3. lépés

    Új réteg létrehozása. Töltse ki a radiális gradienssel fehértől feketeig.

    Tartsa az Alt és húzza a maszkot az előző rétegből az aktuális rétegre. A gradiens most illeszkedik az ikonba.

    Nyissa meg a Rétegstílust, és módosítsa a keverési módot Képernyőre.

    4. lépés

    Rajzoljon egy lekerekített téglalapot az ikon belsejében. Állítsa be a sugarát 75x-re a # 2a2a2a színnel.

    Adjunk hozzá még 2 kört (válasszuk az Ellipse eszközt, majd tartsuk lenyomva a Shift billentyűt, és húzzuk el). Az opciós sávból állítsa az elérési módot az Add to shape területre.

    Kattintson duplán a felhő rétegére, majd adja hozzá a Belső árnyékot, a Bevelet és a Emboss-ot és a Stroke-ot.

    5. lépés

    Duplikálja a felhő rétegét a Ctrl + J. gomb megnyomásával. Távolítsa el a rétegstílusát úgy, hogy az fx ikont a réteg indexképéről húzza a szemetet ikonra. Átméretezése (Ctrl + T) 89% -ra.

    Az alak színe # 5d5d5d. Az egyes alakok pozícióját át kell rendezni, amíg a kis felhő méret arányos a nagyobb felhővel.

    Kattintson duplán a felhő rétegére, és adja hozzá a következő Rétegstílusokat.

    A gradiens átfedéseknél győződjön meg róla, hogy a 2. lépésben pontos beállítást használ a gradiens átfedésben.

    A Layer Styles hozzáadása a kis felhőhöz.

    6. lépés: Fémszerkezet hozzáadása

    A jelenlegi kialakítás nagyon lapos és túl tiszta. Adjunk hozzá egy finom fém textúrát a felületre. Új réteg létrehozása. Kattintson az Edit (Szerkesztés)> Fill (Kitöltés) gombra, és válassza ki a Use: Black (Használat: Fekete) lehetőséget az új réteg fekete betöltéséhez.

    Kattintson a Szűrő> Zaj> Zaj hozzáadása lehetőségre.

    Kattintson a Szűrő> Blur> Radial Blur elemre. Válassza a Blur Method: Spin és Quality (Legjobb) lehetőséget.

    Ez a szűrő a zajt fogja körbeforgatni, és kör alakú hullámot hoz létre.

    7. lépés

    Kattintson a Kép> Beállítások> Szint elemre, vagy nyomja meg a Ctrl + L. billentyűt. A párbeszédablakban húzza a fekete csúszkát a Kimeneti szintek közepére, hogy megkönnyítse a körhullámot.

    Tartsa az Alt és húzza a vektormaszkot az ikon alaprétegéről az aktuális rétegre. A kör alakú hullám most az ikonon belül van.

    Aktiválja az elérési útválasztó eszközt és válassza ki a 4. lépésben létrehozott felhőútvonalat. Nyomja meg a Ctrl + C gombot a vágólapra való mentéshez. A Ctrl + V gombbal illessze be a kör alakú hullám vektor maszkjára. Állítsa az útvonal módot a Kivonás lehetőségre.

    Végül másolja be és illessze be az 5. lépésben létrehozott kisebb felhőútvonalat. Állítsa az útvonal módját az Add to Shape-ra.

    Íme az eredmény. A kör alakú hullám az ikon felületén van.

    Módosítsa a réteg Blend módját képernyőre.

    8. lépés: Árnyék

    Hozzon létre új réteget és helyezze az összes réteg mögé. Hozzon létre egy elliptikus választást (az ellipszis eszköz segítségével) az ikon alatt. Töltse ki a kiválasztást fekete színnel.

    Lágyítsa az árnyékot szűrővel, Gauss-blur-val. Kattintson a Szűrő> Blur> Gaussian Blur elemre.

    Az árnyék párhuzamos megnyomása a Ctrl + J. gomb megnyomásával. Add egy másik Gauss-blur-ot, ezúttal a nagyobb sugarat használjuk, hogy lágyabb árnyékot kapjunk. Ha az árnyék még mindig túl kemény, le lehet állítani a réteg átlátszatlanságát.

    Végeredmény

    Ez a bemutatónk eredménye. Mint látható, az ikon létrehozása nagyon egyszerű. Csak néhány alapvető vektorformát és rétegstílust kell használnunk. Remélem, élvezni fogja ezt a bemutatót. Ha bármilyen kérdése merülne fel, nyugodtan kérdezze meg!

    Letöltés PSD

    Nem érhet el bizonyos lépéseket? Itt van az eredmény PSD fájlja, amellyel tesztelhet és játszhat.

    • iCloud ikon bemutató PSD fájl