Proporcionální tvary mají zvláštní kouzlo a lze je použít v různých projektech, od ilustrací a designu až po vývoj webu. A jedním z nejzákladnějších tvarů je obdélník. Je jednoduchý na kreslení a je široce používán v různých oblastech. Pokud se právě začínáte učit umění kreslení, zde je návod, který vám pomůže nakreslit obdélník se stínem.
Krok 1: Začněte vodorovnou čarou. Bude to horní strana obdélníku. Pomocí pravítka a tužky nakreslete vodorovnou čáru jakékoli délky, která bude sloužit jako horní okraj vašeho obdélníku. Ujistěte se, že linka je rovná a vodorovná.
Krok 2: přidejte druhou vodorovnou čáru. Tato čára bude spodní stranou obdélníku. Určete, jak vysoký by měl být obdélník, a nakreslete druhou vodorovnou čáru stejné délky jako první. Ujistěte se, že obě čáry jsou ve stejné vzdálenosti od svislých okrajů listu papíru.
Krok 3: nakreslete dvě svislé čáry, které spojují vodorovné čáry. Tyto čáry budou bočními stranami obdélníku. Pomocí pravítka a tužky nakreslete dvě svislé čáry, které spojují horní a spodní vodorovné čáry. Ujistěte se, že čáry jsou navzájem rovnoběžné a kolmé k vodorovným liniím.
Krok 4: Přidejte stín k obdélníku. Stín dává kresbě objem a hloubku. Chcete-li vytvořit stín, nakreslete rovnoběžnou spodní vodorovnou čáru pod spodní stranou obdélníku. Poté nakreslete svislé čáry, které spojují rovnoběžnou čáru a okraje obdélníku. Označte oblast, kterou chcete stínovat, abyste vytvořili stínový efekt. Pro stínování stínu použijte šikmé čáry.
Krok 5: Dokončete kresbu odstraněním nepotřebných čar a přidáním detailů. Nakreslete obrys obdélníku odstraněním všech pomocných čar. Pokud chcete, aby váš obdélník vypadal složitěji, přidejte další detaily. Stejný proces můžete použít k kreslení obdélníků různých velikostí a poloh.
Nyní víte, jak nakreslit obdélník se stínem! Zkuste si vytvořit vlastní variace tohoto tvaru a experimentujte se styly, abyste do svých budoucích projektů přidali větší hloubku a zájem.
Vyberte nástroj pro kreslení
Než začnete kreslit obdélník se stínem, budete muset ve svém grafickém editoru vybrat vhodný nástroj. V závislosti na softwaru, který používáte, se nástroje mohou nazývat různými způsoby, ale obvykle je najdete v paletě nástrojů nebo v nabídce na horním panelu.
Zde je několik běžných nástrojů, které můžete použít k nakreslení obdélníku:
- Obdélník: Je to základní nástroj, který vám umožňuje vytvářet obdélníky. Obvykle je reprezentován ikonou čtverce nebo obdélníku v paletě nástrojů.
- Obdélník se zaoblenými rohy: Tento nástroj vám umožňuje vytvářet obdélníky se zaoblenými rohy. Obvykle je reprezentován ikonou obdélníku se zaoblenými rohy v paletě nástrojů.
- Obdélník s rámem: Tento nástroj vám umožňuje vytvářet obdélníky s obrysem. Můžete si vybrat tloušťku a barvu rámu. Může být prezentován jako ikona obdélníku s obrysem v paletě nástrojů.
Vyberte si nástroj, který nejlépe vyhovuje vašim potřebám a preferencím. Pokud nemáte možnost vybrat konkrétní nástroj, zkuste použít základní obdélník. Bude to správná volba pro většinu případů.
Nastavte velikost obdélníku
Než vytvoříte obdélník se stínem, musíte nastavit jeho rozměry. Rozměry obdélníku jsou určeny jeho šířkou a výškou.
Pro zadání velikosti obdélníku můžete v prvku použít atributy width a height . Chcete-li například vytvořit obdélník o šířce 200 pixelů a výšce 100 pixelů, musíte použít následující kód:
Styly CSS můžete také použít k zadání velikosti obdélníku. V tomto případě budete muset použít vlastnosti width a height . Například:
Všimněte si, že výše uvedené příklady uvádějí hodnoty šířky a výšky v pixelech. Můžete použít i jiné jednotky měření, jako jsou procenta nebo em.
Jakmile nastavíte rozměry obdélníku, můžete pokračovat v jeho vytváření se stínem podle dalších pokynů.
Přidejte obrys obdélníku
Nyní, když máme obdélník se stínem, můžeme přidat obrys, aby vypadal úhledněji a úplněji. K tomu použijeme vlastnost CSS border .
1. Otevřete soubor stylů CSS a vyhledejte volič, který se vztahuje na obdélník. Může to být třída nebo identifikátor přiřazený položce . Například pokud se třída jmenuje .rectangle, pak najděte příslušné pravidlo.
2. Přidejte následující vlastnost CSS do Pravidla selektoru:
border: 2px solid #000;Tím se vytvoří obrys kolem obdélníku o tloušťce 2 pixelů a barvě černé ( #000 ). Hodnoty těchto vlastností můžete změnit, jak chcete.
3. Uložte soubor stylů CSS a aktualizujte webovou stránku v prohlížeči. Nyní byste měli vidět, že obdélník má obrys kolem něj.
4. Chcete-li změnit styl obrysu (tloušťka, barva a styl linie), můžete experimentovat s různými hodnotami vlastnosti borderu . Můžete například použít následující hodnoty:
border: 2px dashed #ff0000;Tím se vytvoří obrys s přerušovanou linií o šířce 2 pixelů a červené barvě.
Nyní váš obdélník vypadá ještě lépe s obrysem!
Vyplňte obdélník barvou
Chcete-li obdélníku dodat barvu, musíte použít vlastnost CSS background-color. Tato vlastnost vám umožňuje nastavit barvu pozadí položky.
Pro začátek identifikujte obdélník pomocí značky div:
Poté v souboru CSS nebo uvnitř značky