Teken een vierkant in Photoshop zonder geselecteerde randen. Gereedschappen voor vectorvormen: Rechthoekgereedschap

Zodra u uw muisknop loslaat, vult Photoshop de vorm met de kleur of het vultype dat u op de optiebalk hebt geselecteerd:

Zodra u de linkermuisknop loslaat, vult Photoshop de vorm met een kleur of een andere vooraf ingestelde vulling.

De grootte van een vorm wijzigen nadat u deze hebt getekend

Nadat u uw oorspronkelijke vorm (in ons geval een rechthoek) heeft getekend, verschijnen de huidige afmetingen in de invoervelden “Breedte” (B) en “Hoogte” (H) in het optiepaneel.
Hier zien we dat mijn rechthoek 464 pixels breed en 257 pixels hoog is:

De hoogte en breedte van de vorm worden weergegeven in de overeenkomstige invoervelden op de optiebalk.

Als u de grootte van het voltooide product wilt wijzigen Photoshop-vormen(en dit werkt voor alle vectorvormgereedschappen, niet alleen voor Rechthoek), voer eenvoudigweg de gewenste grootte in de velden Breedte en/of Hoogte in. Laten we bijvoorbeeld zeggen dat ik plotseling de breedte van de rechthoek moet wijzigen in 500 pixels. Het enige dat ik hoef te doen is een waarde van 500px in te voeren in het veld Breedte op de optiebalk. Indien nodig kunt u op dezelfde manier de hoogte wijzigen.

Als u de breedte of hoogte wilt wijzigen, maar tegelijkertijd de oorspronkelijke beeldverhouding van de vorm wilt behouden, klikt u eerst op het kleine ketenpictogram tussen de invoervelden voor breedte en hoogte:

Klik op dit pictogram als u wilt dat de beeldverhouding hetzelfde blijft wanneer u de lengte of breedte van de vorm wijzigt.

Hoe u de grootte van een vorm vooraf kunt instellen voordat u deze tekent

Als u van tevoren de exacte breedte en hoogte kent van de vorm die u maakt, heeft Photoshop een optie om de vorm op te bouwen tot opgegeven afmetingen.

Selecteer om aan de slag te gaan het juiste gereedschap vectorfiguren construeren. Klik vervolgens eenvoudig ergens in het documentvenster met de linkermuisknop. Er wordt een dialoogvenster geopend waarin u de breedte- en hoogtewaarden kunt invoeren. Klik op OK om het dialoogvenster te sluiten en Photoshop tekent automatisch de gewenste vorm:

Dialoogvenster voor het construeren van een figuur met vooraf gedefinieerde afmetingen.

Vormen vanuit het midden tekenen

Hier zijn enkele eenvoudige maar zeer nuttige sneltoetsen. Als u de Alt-toets ingedrukt houdt en de cursor sleept om een vorm te maken, begint u deze vanuit het midden te tekenen in plaats van vanuit een hoek. Deze regel werkt met elk van de tools Photoshop-vormen, en niet alleen met "Rechthoek". Maar bij het construeren van een figuur vanuit het midden moet met één ding rekening worden gehouden belangrijk punt. De Alt-toets moet ingedrukt worden gehouden na hoe je begint met het maken van de figuur, d.w.z. Daarna, terwijl u op de linkermuisknop drukt en de cursor begint te slepen. Je moet ook Alt loslaten Daarna, terwijl u de linkermuisknop loslaat, d.w.z. nadat je klaar bent met het bouwen van de figuur:

Houd de Alt-toets ingedrukt om de vorm vanuit het midden te bouwen. De cirkel toont het startpunt voor het construeren van de figuur.

Vierkantjes tekenen

Om een perfect vierkant te tekenen met het gereedschap Rechthoek, klikt u in het document om het startpunt in te stellen en begint u zoals gewoonlijk met slepen. Zodra u bent begonnen met slepen, houdt u de Shift-toets ingedrukt. Hierdoor verandert de rechthoek in een vierkant. Nogmaals, laat Shift pas los nadat u de muisknop hebt losgelaten. Je kunt ook de Shift- en Alt-toetsen combineren om vanuit het midden een perfect vierkant te bouwen:

Houd de Shift-toets ingedrukt terwijl u sleept om een vierkant te tekenen.

Nogmaals, tijdens het maken van de vorm ziet u alleen een lege omtrek, en zodra u de muisknop loslaat (dat wil zeggen dat u klaar bent met het maken van de vorm), vult Photoshop deze. afgewerkte schets kleur.

U kunt een rechthoek tekenen met de methode drawRect van de klasse Graphics, die de coördinaten van de bovenhoek, lengte en hoogte als parameters gebruikt.

g.drawRect(20, 40, 340, 20);

20, 40 zijn de coördinaten van de linkerbovenhoek van de rechthoek; 340 - lengte; 20 is de hoogte van de rechthoek.

Als we willen tekenen met Graphics2D, dan gebruiken we de tekenmethode die we al kennen: g.draw(new Rectangle2D.Float(20, 40, 340, 20));

De rechthoek die we tekenden bevat alleen een omtrek, maar is van binnen niet gevuld. Laten we een rechthoek maken die met kleur kan worden gevuld.

Hoe vul je een rechthoek met kleur?

U kunt een gevulde rechthoek tekenen met de methode fillRect van de klasse Graphics:

Maak een nieuwe kleur (we weten al hoe we dit moeten doen)

nieuweKleur = nieuwe Kleur(0, 215, 255);

Stel het in de grafische context in: g.setColor(newColor);

En we maken onze gevulde rechthoek met behulp van de fillRect() methode. g.fillRect(21, 41, 339, 19);

Hoe teken je een ovaal?

Laten we nu leren hoe we een ovaal kunnen maken.

Dit wordt gedaan met behulp van de drawOval-methode van de Graphics-klasse. Maar de argumenten definiëren de rechthoek waarin het ovaal is ingeschreven:

g.drawOval(20, 110, 150, 60);

Hoe teken je een boog?

We kunnen ook een boog tekenen met de drawArc-methode van de Graphics-klasse. Hier is een voorbeeld dat ik zal gebruiken om over argumenten te praten:

g.drawArc(280, 110, 80, 60, 0, 180);

de eerste 4 argumenten zijn hetzelfde als voor een gewone rechthoek. Het vijfde argument - 0 - is de hoek van waaruit de hoek van de boog zelf wordt gemeten. 180 is de booghoek. Hoeken worden gemeten vanaf de horizontale as: met de klok mee is negatief, tegen de klok in is positief. In het voorbeeld wordt 180 graden (de booggrootte) gemeten vanaf de horizontale lijn.

Hoe teken je een veelhoek?

Laten we nu iets ingewikkelders tekenen, namelijk een veelhoek.

Om een polygoon te tekenen, moet je deze eerst maken, je moet namelijk een object van de klasse Polygon maken, waarvan de constructor als parameters de x-coördinaten en y-coördinaten van alle hoekpunten van de polygoon neemt. als het aantal hoekpunten.

Hieruit volgt dat voordat we een Polygon-object maken, we twee arrays moeten maken waarin respectievelijk x- en y-coördinaten worden opgeslagen.

int arrayX = (20, 100, 100, 250, 250, 20, 20, 50); int arrayY = (180, 180, 200, 200, 220, 200, 200, 190); Veelhoek poly = nieuwe veelhoek(arrayX, arrayY, 8);

Om de polygoon te tekenen die we hierboven hebben gemaakt, gebruiken we de methode drawPolygon van de klasse Graphics, die een object uit de klasse Polygon als parameter gebruikt: g.drawPolygon(poly);

Hoe voer ik een string uit?

Als u wat tekst in uw venster wilt weergeven, kunt u de drawString-methode van de Graphics-klasse gebruiken. Deze methode gebruikt een string als parameters, evenals de coördinaten van het punt vanwaar de string wordt weergegeven.

g.drawString("Ja", 50, 190);

de lijn "Ja" wordt uitgevoerd vanaf het punt met de coördinaten 50, 190.

Hoe het lettertype instellen?

Om een specifiek lettertype te maken, wordt de klasse Font gebruikt. De constructor neemt als parameters de naam, stijl en hoogte van het lettertype.

Lettertype lettertype = new Font("Tahoma", Font.BOLD, 40), waarbij "Tahoma" de naam van het lettertype is, Font.BOLD het vetgedrukte lettertype is, 40 de letterhoogte is.

Nadat we het lettertype hebben ingesteld, maken we het actueel en geven we de regel in dit lettertype weer:

g.setFont(lettertype); g.drawString("SBP", 270, 220);

Met tekengereedschappen kunt u creëren en bewerken vectorvormen. Ze maken het gemakkelijk om verschillende elementen voor webpagina's te maken.

Met de volgende familie gereedschappen kunt u geometrische vormen van verschillende vormen maken.

Rrechthoek (rechthoek)() - hiermee kunt u een rechthoek tekenen (en met de toets ingedrukt - een vierkant), gevuld met de voorgrondkleur.
Afgeronde rechthoek vierkant)— maakt vormen die lijken op de hierboven beschreven vormen, maar stelt u in staat de straal voor het afronden van de hoeken van de rechthoek in te stellen.

Ovaal- creëert ovalen (in combinatie met een ingedrukte toets - cirkels).
Veelhoek- Hiermee kunt u geometrische vormen maken met een willekeurig aantal hoeken, evenals sterren met meerdere stralen. Creëert standaard een convexe vijfhoek.
Lijn— tekent rechte lijnen van willekeurige of gespecificeerde lengte, dikte, kleur en richting.
Aangepaste vorm- Hiermee kunt u creëren geometrische figuur vrije vorm en bewaar het voor toekomstig gebruik.

Maak een nieuw trainingsbestand aan.

Klik met de linkermuisknop op gereedschap - vormen - op de werkbalk wordt het gereedschapselectievenster geopend:

Dit zijn de basisvormen die we kunnen gebruiken. Selecteer er een en kijk naar het optiepaneel:

Voor elke vorm kunt u kiezen uit:

tekenmodus:
- Vorm laag. De figuur wordt in een aparte laag gemaakt. Een vormlaag bestaat uit een opvullaag die de kleur van de vorm definieert, en een bijbehorend vectormasker dat de grenzen van de vorm definieert. De omtrek van een vorm is een pad dat wordt weergegeven op het tabblad Paden van het deelvenster Lagen.
- Omtrekken. In deze modus kunt u de contouren van vormen tekenen die u met elke kleur kunt vullen of omlijnen. Paden verschijnen op het tabblad Paden van het deelvenster Lagen.
- Pixelvulling . Wanneer u in deze modus werkt, worden er geen vector-, maar rasterafbeeldingen gemaakt, die op dezelfde manier kunnen worden verwerkt als elke andere rasterafbeelding
stijl en kleur van de figuur

stel parameters in die specifiek zijn voor deze figuur

Rechthoeken tekenen

Laten we de eerste vorm selecteren: een rechthoek. Op het paneel zullen we selecteren modus - vormlaag. Selecteer een stijl door op het driehoekje aan de rechterkant te klikken.

Kies degene die je leuk vindt. Als u trouwens op het driehoekje in de cirkel (aan de rechterkant) klikt, kunt u extra stijlen selecteren in het contextmenu dat wordt geopend. Als u geen stijl wilt gebruiken, selecteert u een wit vierkant doorgestreept met een rode lijn.

Nu kunt u de geometrische parameters instellen:

Willekeurig - zoals je tekent, zo zal het zijn.
Vierkant - wanneer u de vorm met de muis uitrekt, zijn de breedte en hoogte altijd hetzelfde.
Opgegeven maat - je kunt de breedte en hoogte van de rechthoek (in cm) instellen en op het canvas klikken. Er verschijnt een rechthoek met de opgegeven afmetingen.
Stel verhoudingen in - u kunt instellen hoe vaak de breedte kleiner (of groter) zal zijn dan de hoogte. Bij het uitrekken van de figuur blijft de verhouding behouden.
Vanuit het centrum - tekent een rechthoek vanuit het midden.
Uitlijnen op pixels - de randen van de rechthoek worden uitgelijnd op de pixelgrenzen.

Selecteer nu -willekeurig- en rek uw rechthoek met de muis uit op het canvas. Dit is bijvoorbeeld wat ik kreeg als ik stijlen gebruikte: Knop-, glasknoppen en webstijlen.

Een behoorlijk handig hulpmiddel voor het maken van knoppen en menu's voor uw webpagina's, nietwaar?

Teken rechthoeken met afgeronde hoeken

Laten we de tweede vorm selecteren: een rechthoek met afgeronde hoeken. Selecteer in het paneel de modus - vormlaag, hoekradius - bijvoorbeeld 15 en kleur (u kunt deze opmaken zoals u wilt).

Dit is wat ik kreeg met verschillende combinaties van straal en stijl.

Waarom geen nieuwsblokken en menuknoppen?

Cirkels tekenen

Laten we het derde cijfer kiezen: een ellips. Selecteer in het paneel de modus: laagvorm, kleur en stijl. De geometrische parameters zijn dezelfde als voor een rechthoek, met als enige verschil dat je een cirkel kunt kiezen in plaats van een vierkant. Selecteer -willekeurig- en rek de ellips uit. Als je wilt dat er een cirkel is, houd dan de Shift-toets ingedrukt of selecteer -cirkel- in de geometrische parameters.

Dit is wat ik heb:

Veelhoeken tekenen

Laten we een vorm kiezen: een veelhoek. Selecteer in het paneel de modus - vormlaag, het aantal zijden in het bereik van 3 tot 100 (bijvoorbeeld 3 voor een driehoek, 6 voor een zeshoek), kleur en stijl. Laten we de geometrische parameters bekijken:

Straal - straal van de veelhoek.
Gladde buitenste hoeken
Ster - als het selectievakje niet is aangevinkt, is de polygoon convex; als het selectievakje is aangevinkt, is de polygoon hol.
Straal diepte - als de veelhoek hol is, lijken de hoekpunten stralen te vormen. Deze parameter geeft aan welk deel van de straal van de polygoon door stralen zal worden ingenomen. Hoe hoger het %, hoe langer en scherper de stralen.
Gladde buitenste hoeken - als het selectievakje niet is aangevinkt, zijn de hoeken scherp, als het selectievakje is ingeschakeld, zijn de hoeken afgerond.

Bijvoorbeeld:

De eerste zeshoek heeft een straal van 3 cm, de rest van de vakjes is niet aangevinkt.

De tweede zeshoek heeft een straal van 3 cm, het selectievakje -ster-, de diepte van de stralen - 25%, de rest van de selectievakjes is uitgeschakeld.

De derde zeshoek heeft een straal van 3 cm, de diepte van de stralen is 50%, alle vakjes zijn aangevinkt.

Ze hebben allemaal een stijl die erop is toegepast.

Lijnen tekenen

Laten we een vorm kiezen: lijnen. Selecteer in het paneel de modus: vormlaag, lijndikte (in pixels), kleur en stijl. Laten we de geometrische parameters bekijken:

Als alle selectievakjes zijn uitgeschakeld, is er slechts één regel. De parameters worden ingesteld door de pijlen aan het einde van deze regel.

Begin- pijl aan het begin van de regel.
Einde- pijl aan het einde van de regel.
Breedte- verhoudingen van de pijl als percentage van de lijndikte (van 10% tot 1000%).
Lengte- verhoudingen van de pijl als percentage van de lijndikte (van 10% tot 5000%).
Kromming- bepaalt de mate van kromming van het breedste deel van de pijl waar deze de lijn raakt (van -50% tot +50%).

Bijvoorbeeld:

Op de eerste regel zijn alle selectievakjes uitgeschakeld, breedte - 500%, lengte - 1000%, dikte - 2 pixels.

Voor de tweede regel is alles hetzelfde, maar er staat een vinkje bij -begin- en de kromming is 5%.

Voor de derde regel is alles hetzelfde, maar het -einde- is aangevinkt en het -begin- is niet aangevinkt.

De vierde regel heeft beide selectievakjes, breedte - 500%, lengte - 1000%, kromming - 15%, dikte - 5 pixels.

Ze hebben allemaal een stijl die erop is toegepast.

Willekeurige vormen tekenen

Laten we een figuur kiezen - een willekeurig figuur. Selecteer in het paneel de modus: laagvorm, kleur en stijl. De geometrische parameters zijn dezelfde als voor een rechthoek. Maar hier is er een keuze uit de figuur zelf:

Meerdere vormen in één laag tekenen

Het principe is hier hetzelfde als bij gereedschap rechthoekige selectie(in de eerste les hebben we een niet-standaard selectiegebied gemaakt met behulp van de gereedschappen in de optiebalk: toevoegen aan selectie, aftrekken van selectie, enz.). Dezelfde gereedschappen zijn beschikbaar in het deelvenster Vormopties.

Maak bijvoorbeeld een rechthoekige vorm, klik nu in de optiebalk op het pictogram "toevoegen aan vormgebied" en selecteer nu de ellipsvorm. Verplaats de muiscursor naar de bovenrand van onze rechthoek, druk op de linkermuisknop en rek de ellips uit, zonder deze los te laten. Het zou er ongeveer zo uit moeten zien:

Als de ellips niet naar wens is uitgerekt, kunt u deze corrigeren. Om dit te doen, selecteert u op de werkbalk hulpmiddel voor contourselectie-

Verplaats de cursor naar de rand van de ellips en sleep, terwijl u de linkermuisknop ingedrukt houdt, de ellips waar deze moet zijn. Met al deze hulpmiddelen kunt u vormen van verschillende complexiteit tekenen.

Het opslaan van de vormen

Laten we zeggen dat we de laatste vorm die we hebben gemaakt leuk vonden en deze in de toekomst willen gebruiken. Om dit te doen, moet u het opslaan. Voor dit menu Bewerken -> Definiëren elk figuur. Geef de nieuwe vorm een naam.

Nu is onze vorm verschenen in het vervolgkeuzemenu voor het selecteren van aangepaste vormen.

In Photoshop kun je verschillende versies van een vierkant tekenen. Een gevuld vierkant en een vierkant met een kader. Het is beter om vierkanten te tekenen met vectorobjecten, vooral met het gereedschap Rechthoek.

Rechthoekgereedschap

Selecteer de vormen (horizontale toets U) en vervolgens het gereedschap Rechthoek (Rechthoekgereedschap), zie onderstaande schermafbeelding.

Stel de eigenschap "Vulpixels" in.

Selecteer de vulkleur van het vierkant (de eerste kleur in de werkbalk), teken een vierkant terwijl u de Shift-toets ingedrukt houdt.

Vierkant met frame

Het vierkant moet op een nieuwe lege laag worden getekend, zonder enige vulling. U kunt een nieuwe laag maken door tegelijkertijd op de toetsen Alt + Ctrl + Shift + N te drukken.