Lekerekített képek, Sarkok lekerekítése CSS-el - border-radius

Megismerkedhet a Photoshop Téglalap eszközének használatával. Téglalap rajzolása A Téglalap eszközzel téglalapokat és lekerekített téglalapokat rajzolhat a vásznon: Váltson a Téglalap eszközre.
Kattintson az eszköztár Alakzat eszközének csoportikonjára, lekerekített képek tartsa nyomva.
Adobe Photoshop
Megjelenik a különféle alakzateszközök menüje. Válassza a Téglalap eszközt.
Adja meg a Lekerekített képek eszköz alakzattulajdonságait. Téglalap-tulajdonságok beállítása Ezeket a beállításokat adhatja meg a kiválasztott alakzateszköz beállítássávján: Mód: beállíthatja a Téglalap eszköz működési módját. A három választható lehetőség Alakzat, Görbe és Képpont.
Account Options
Kitöltés: kiválaszthatja a téglalap alakzat kitöltőszínét. Körvonal: megadhatja, hogy milyen legyen az alakzat körvonalának színe, vastagsága és típusa. Körvonal vastagsága: manuálisan beállíthatja a téglalap körvonalának vastagságát. Körvonal típusa: kiválaszthatja, hogy milyen típusú körvonallal történjen a téglalaprajzolás.
Kép lekerekítése CSS-ből
Alakzat szélessége és magassága: manuálisan beállíthatja az alakzat szélességét és magasságát. Görbeműveletek: görbeműveletek használatával beállíthatja, hogyan hassanak egymásra a megrajzolt téglalapok. Görbe igazítása: görbeigazítással igazíthatja és eloszthatja a téglalapokat. Görbe elrendezése: görbeelrendezést használva beállíthatja a létrehozott téglalapok halmozási sorrendjét.
További alakzat- és görbetulajdonságok: a fogaskerék ikonra kattintva további alakzat- és görbebeállításokat jeleníthet meg a képernyőre rajzolt görbe bizonyos attribútumainak köztük a vastagságának és a színének beállításához, valamint a beállítások téglalaprajzolás közbeni kényszerítéséhez. Lekerekített sarkok sugara: manuálisan beállíthatja a téglalap sarkainak lekerekítéséhez használandó sugarat. Rajzoljon egy téglalapot.
Hasznos volt az információ?
A vászonra kattintva jelenítse meg a Téglalap létrehozása párbeszédpanelt. Ezen a párbeszédpanelen manuálisan megadhatja a méreteket és a téglalap sarkainak sugarát, valamint választhatja a középről történő igazítást.
A módosítások mentéséhez kattintson az OK gombra. Vigye az egérmutatót a kívánt pont fölé, és húzással rajzoljon egy téglalapot a vásznon. Automatikusan létrejön egy új réteg a Rétegek panelen. Megjegyzés: A Photoshop A továbbfejlesztett Téglalap eszközzel azonban minden nehézség nélkül tud lekerekített téglalapokat rajzolni úgy, hogy az erre szolgáló mezővel megadja a sarkok sugarát. Módosítsa a téglalap alakzat tulajdonságait.
A vásznon megjelenő szerkesztőpontokkal vagy a Tulajdonságok panel Alakzattulajdonságok szakaszával egyszerűen és közvetlenül módosíthatja az alakzattulajdonságokat.
Alakzatkörvonal-beállítások A Görbeválasztó eszközzel választhatja ki azt az alakzatot, amelynek görbevonalát módosítani szeretné. A Tulajdonságok panelen vagy az eszköztáron kattintson az Alakzat körvonaltípusának beállítása menüikonra, amivel megnyitja a Körvonalazási beállítások panelt.
Üdvözlünk a Prog.Hu-n!
A Körvonalazási beállítások panelen tegye az alábbiak egyikét: Válassza ki a használni kívánt ecsetvonástípust. Kattintson az Igazítás ikonra, és válassza ki az ecsetvonás helyzetét a körvonalhoz képest megadó beállítást.
Kattintson a Vonalvégek ikonra, és válassza ki a körvonal lekerekített képek végére ló fertőző vérszegénysége vonalvégstílust: Tompa vonalvég Lekerekített képek végpontokig érő szögletes vonalvéget hoz létre. Kerek vonalvég A végpontokon fél vonalvastagsággal túlnyúló félkör alakú vonalvégeket hoz létre.
Kiálló vonalvég A végpontokon fél vonalvastagsággal túlnyúló szögletes vonalvégeket hoz létre.
Alakzatkörvonal-beállítások
Ezen beállítás választása esetén a körvonal vastagsága minden irányban egyenletesen növekszik a görbe körül. Megjegyzés: Ne feledje, hogy a vonalvégek csak a megnyitott körvonalnál látszanak.
Érdemes tudni továbbá, hogy a vonalvégstílusok jobban láthatók vastagabb körvonalak esetén. Ha meg szeretné tekinteni a körvonalat a sarokpontoknál, kattintson a Sarok ikonra: Illesztés ferde vágással Hegyes sarkokat hoz létre, amelyek túlnyúlnak a végponton, ha a ferde vágás hossza a ferde vágás határán belül van.
Ahová még írogatok
Kerek illesztés Lekerekített sarkokat hoz létre, amelyek fél vonalvastagsággal túlnyúlnak a végpontokon. Fazettás illesztés A végpontokig érő — azokon túl nem nyúló — szögletes sarkokat hoz létre.
Megjegyzés: A vonalvégekhez hasonlóan a ferde vágások is jobban láthatók vastagabb vonalak esetén. Körvonal-beállítások mentése A körvonalazási beállítások megadása után a Körvonalazási beállítások panelen az újonnan létrehozott körvonaltípusok menthetők későbbi felhasználás céljából. Kattintson a Körvonalazási beállítások panel jobb felső sarkában lévő fogaskerék ikonra, és válassza a Körvonal mentése lehetőséget. Alakzatkörvonal-beállítások másolása és beillesztése Az alakzatkörvonal-beállításokat megadásukat követően másolással és beillesztéssel alkalmazhatja más alakzatokra.
Kattintson a Körvonalazási beállítások panel jobb felső sarkában lévő fogaskerék ikonra, és válassza a Körvonal adatainak másolása lehetőséget.
Jelölje ki a módosítani kívánt alakzatot. A Tulajdonságok panelen vagy az eszköztáron kattintson az Alakzat körvonaltípusának beállítása menüikonra, amivel megnyitja a Körvonal-beállítások panelt. Kattintson a Körvonalazási beállítások panel jobb felső sarkában lévő fogaskerék ikonra, és válassza a Körvonal adatainak beillesztése lehetőséget. Ehhez hasonlók.