Avfaset rektangeltittel. Tegneverktøy for enkle former. Avrunde hjørner ved hjelp av HTML-kode uten å skrive til en stilfil

Ellipse.

Polygon.

Linje.

Vilkårlig figur... Lar deg lage en rekke former som umiddelbart fylles med forgrunnsfargen. For å lage alle former, bortsett fra en vilkårlig form, velg formen, plasser markøren i ønsket område av bildet, og hold nede venstre museknapp og lag formen ved å flytte markøren. Hvis du trykker på mellomromstasten etter at formen er opprettet, kan formen flyttes til et hvilket som helst punkt i bildet. Hvis du holder nede Alt-tasten mens du lager en form, vil formen bli laget fra midten. For å lage en vilkårlig form, må du velge den i verktøyinnstillingslinjen i Shape-elementet. For å endre avrundingsradiusen til en rektangelform med avrundede kanter, angi ønsket verdi i Radius-elementet i samme innstillingslinje.

Hånd- hvis bildet ikke passer inn i skjermrammen, kan vi dra det.

Roter visningen. Roterer arket fullstendig med alle lag.

Skala- hvis du holder markøren over bildet, tar det formen, et kryss i en sirkel, og for hvert venstreklikk vil bildet øke. Hvis du trykker på Alt-tasten, vil bildet reduseres for hvert klikk.

Farge ruter- forgrunnsfarge (øverst) og bakgrunnsfarge (nederst).

Rask maskemodus... Kalt av Q-knappen Et halvt gjennomsiktig bilde (noe som en svøpe som dekker bildet), som du kan tegne som på det mest vanlige laget, og deretter konvertere denne masken tilbake til et utvalg.

Dokumentvisningsmoduser... Den første, standardmodus, er satt som standard, den andre er fullskjerm med en menylinje, den tredje er fullskjerm. Du kan også bytte mellom moduser ved å trykke på F-tasten.

Photoshop hurtigtaster.

ctrl + N opprette en ny fil

ctrl + O åpne filen

ctrl + S lagre filen

ctrl + W lukk filen

ctrl + A velg alle elementer

ctrl + C kopi

ctrl + V lim inn

ctrl + "-" redusere størrelsen

ctrl + "+" øke størrelsen

ctrl + "0" naturlig størrelse

F Endre skjermvisningsmodus

F5 børsteinnstillingspalett

F7 lag-vindu

fanevisningsmodus

ctrl + R viser linjaler

ctrl + D fravalg

ctrl + H skjul / vis guider

ctrl + T fri transformasjon (endre størrelse på bilde, rotere, transformere)

ctrl + enter sluttarbeid med tekst

ctrl + shift + N lag et nytt lag

ctrl + J duplikatlag

ctrl + G slå sammen lag til en gruppe

ctrl + E slå sammen lag med bunnlag

ctrl + shift + E slå sammen alle lag til ett

ctrl + U vindusfarge / metning


ctrl + B fargebalansevindu

ctrl + shift + U fargelegger bildet raskt til svart-hvitt

ctrl + alt + Z gå tilbake flere trinn samtidig

ctrl + shift + Z gå ett trinn tilbake

ctrl + Z vil gå 1 trinn tilbake/forover

[reduser børstestørrelsen

] øke børstestørrelsen

shift + [reduser børstens hardhet

shift +] øker børstens hardhet

Forelesning 3. Fonter.

I dag har vi tusenvis av forskjellige fonter til rådighet. Fonter kan klassifiseres i flere kategorier og kan gjøres på forskjellige måter. Med hensyn til behovene til scrapbooking, er det tilrådelig å skille mellom følgende 5 kategorier.

1. Serif-fonter

2. Oppskåret skrifttyper

3. Håndskrevet

4. Maskinskrevet

1. Serif-fonter har små krysslinjer på slutten av strekene og går fra tykt til tynt.

2. Serif-fonter er serif-frie og konsekvente i tykkelse. Denne gruppen med fonter (spesielt tykke skrifter) er ypperlig for å skape oppmerksomhetsfengende arbeid.

3. Håndskrevne fonter imiterer tekst skrevet for hånd med penn, spiss, pensel osv. Denne kategorien kan også deles inn i underkategorier:

Disse skriftene har en tendens til å se ganske dekorative ut, og bør derfor ikke brukes til å skrive lange tekster. De vil se dårlig ut i tekst bare skrevet med store bokstaver. På den annen side kan store fonter som disse skape fantastiske effekter. Ha det i bakhodet for vår neste veiledning for fontparing.

4. Skrivemaskinfonter etterligner tekst skrevet på en skrivemaskin.

5. Dekorativt. Alle andre fonter kan grovt sett inkluderes i denne kategorien. De er helt uegnet for lange tekster, men de er uunnværlige for overskrifter, kunstneriske tekstblokker.

Rektangelet er den enkleste av de grunnleggende formene, elementet er ansvarlig for det ... Vi setter x- og y-koordinatene til øvre venstre hjørne av rektangelet, dets bredde (bredde) og høyde (høyde). Rektangelet vil bli fylt med fargen (fyllegenskapen) som vi vil spesifisere, som standard er det svart. Fyllfarge kan stilles inn på alle samme måter som for. Hvis du angir verdien "ingen", vil rektangelet være uten fylling, det vil si gjennomsiktig. Reglene for å spesifisere graden av gjennomsiktighet for en rektangelfylling (fyll-opasitet) er de samme som for en linje. Både "fill" og "fill-opacity"-egenskapene er presentasjonsegenskaper og er beskrevet i stilattributtet.

Notatet

Visuelt kan det hende at x- og y-koordinatene i rektangelparameterne ikke er det øvre venstre hjørnet, hvis for eksempel en transformasjon brukes på formen.

Konturene av rektangelet er tegnet med samme pensel som linjene, med de samme egenskapene. Standarden for børsten er ingen (strøk: ingen) og ingen kontur tegnes. Noen få eksempler:

Resultatet er live eller se bildet:

Notatet

Banen er tegnet på en slik måte at halvparten av den er innenfor rektangelet og den andre halvparten er utenfor den. Vi ser på et av rektanglene i en forstørret visning:

Hvis du ikke angir en startverdi for x- eller y-koordinaten, settes de til null. Hvis du setter bredden eller høyden til null, vil ikke rektangelet vises. Det er en feil å bruke negative verdier for å bestemme bredden eller høyden på rektangelet.

Avrundede rektangler

For å tegne et rektangel med avrundede hjørner, må du spesifisere hjørneradiene langs x (rx) og y (ry) aksene. Maksimalt antall for rx er halve bredden av rektangelet. Maksimal verdi for ry er halve høyden. Hvis du spesifiserer bare en av rx eller ry, vil den uspesifiserte settes til den spesifiserte.

La oss prøve å endre filetens radius. Jeg skriver inn en verdi på 20px i øverste nederste hjørne og trykker Enter. Resultat:

Som du kan se, fra et vanlig (rektangel) har vårt rektangel blitt til en helt annen form, avrundet rektangel, eller "Rektangel med avrundede hjørner".
Jeg kan angi en hvilken som helst annen verdi for radius og radius vil endres umiddelbart etter å ha trykket på Enter.

Men, som du sikkert har lagt merke til, legger jeg inn en verdi i inndataboksen for én radius, og alle fire endres. Dette er fordi knappen Link Radius Value er aktivert som standard:

Hvis vi klikker på det, og dermed deaktiverer dette alternativet, vil verdiene til radiene ikke være relatert til hverandre, og jeg kan for eksempel få dette:

Standard slagvekt er satt i poeng, men jeg kan endre denne verdien til pikslene jeg er vant til ved å høyreklikke på inndataboksen:

La oss nå forestille oss at jeg plutselig, fra den rektangulære formen jeg viste i begynnelsen, trengte å lage en sektor av en sirkel med en radius på 200 piksler og en vinkel mellom radiene på 90 ° og en strekbredde på 5 piksler .

Jeg legger inn bredden og høyden på 200 piksler, endrer enhetene for slagbredden til piksler og skriver inn verdien 5. Deretter legger jeg inn verdien av radiene til de tre hjørnene, lik null, og verdien av den gjenværende vinkelen I juster skyveknappen manuelt (den vanlige formelen for å beregne lengden på en bue L = πRa / 360 ° vil ikke fungere her på grunn av særegenhetene ved å konstruere Bezier-kurver). Resultat:

Så jeg fikk en sektor av en sirkel fra et rektangel:

Nå om å eksportere formen til CSS-kode. Det kunne ikke vært enklere. Gå til Lag -> Kopier CSS og formdataene kopieres til datamaskinens utklippstavle.

Vi åpner et tekstredigeringsprogram, for eksempel Notepad ++, lager et nytt dokument og limer inn koden der.

Dette er SCC-stilen Photoshop ga meg for denne formen:

1 2 3 4 5 6 7 8 9 10 11 12 ... Rectangle_1 (border-width: 5px; border-color: rgb (0, 0, 255); border-style: solid; bakgrunnsfarge: rgb (255, 0, 0); posisjon: absolutt; venstre: 15px; topp: 25px; bredde: 190px; høyde: 190px; z-indeks: 2;)

Ikke bare er den ufullstendig og ikke optimalisert, men også navnet på klassen på kyrillisk, som er en grov feil.

Derfor anbefaler jeg å utsette med naturlig Photoshop CSS-eksport, det er bedre å bruke en gratis plugin. CSS3Ps, er installasjonen og bruken av denne plugin beskrevet i detalj, og det er enda bedre å forme stilene selv.

Slik åpner du vinduet med formegenskaper på nytt hvis du lukket det ved et uhell

Jeg svarer på spørsmålet til leserne av nettstedet. Hvis du lukket vinduet med rektangelegenskaper og du må åpne det ved et uhell, så:
Sørg for at formen du ønsker er valgt. Hvis formen ikke er valgt, kan du velge den ved å bruke banevalgverktøyet
Åpne "Vindu"-fanen i hovedmenyen og klikk på "Egenskaper"-linjen. Skjermbilde på engelsk.
Merk. Hvordan russifisere Photoshop CS6-grensesnittet er beskrevet.

Ellipse.

Polygon.

Linje.

Vilkårlig figur... Lar deg lage en rekke former som umiddelbart fylles med forgrunnsfargen. For å lage alle former, bortsett fra en vilkårlig form, velg formen, plasser markøren i ønsket område av bildet, og hold nede venstre museknapp og lag formen ved å flytte markøren. Hvis du trykker på mellomromstasten etter at formen er opprettet, kan formen flyttes til et hvilket som helst punkt i bildet. Hvis du holder nede Alt-tasten mens du lager en form, vil formen bli laget fra midten. For å lage en vilkårlig form, må du velge den i verktøyinnstillingslinjen i Shape-elementet. For å endre avrundingsradiusen til en rektangelform med avrundede kanter, angi ønsket verdi i Radius-elementet i samme innstillingslinje.

Hånd- hvis bildet ikke passer inn i skjermrammen, kan vi dra det.

Roter visningen. Roterer arket fullstendig med alle lag.

Skala- hvis du holder markøren over bildet, tar det formen, et kryss i en sirkel, og for hvert venstreklikk vil bildet øke. Hvis du trykker på Alt-tasten, vil bildet reduseres for hvert klikk.

Farge ruter- forgrunnsfarge (øverst) og bakgrunnsfarge (nederst).

Rask maskemodus... Kalt av Q-knappen Et halvt gjennomsiktig bilde (noe som en svøpe som dekker bildet), som du kan tegne som på det mest vanlige laget, og deretter konvertere denne masken tilbake til et utvalg.

Dokumentvisningsmoduser... Den første, standardmodus, er satt som standard, den andre er fullskjerm med en menylinje, den tredje er fullskjerm. Du kan også bytte mellom moduser ved å trykke på F-tasten.

Igjen er jeg ute av skjema! Eh ... Vel, jeg slipper leksjoner et par timer for sent, håper det ikke er så kritisk. I dag i leksjonen vår skal vi snakke om hvordan avrunde kanter i photoshop... Alt ville være bra, og leksjonen ville ikke være forskjellig fra de du har sett på andre nettsteder, men jeg har selv søkt før og vet hvilke metoder som tilbys der. Ikke hør på dem! For trist, for lenge. Jeg tilbyr deg en måte hvordan runde hjørner photoshop med bare et par klikk!

Ta et arkivbilde, forresten, jeg gjør det på en goodphone. Ikke reklame: D
Vi bruker utvalget, som i skjermbildet mitt:

Gå til fanen ( Velg> Endre> Jevn). Merk følgende! Noen mennesker kan ha problemer her. I noen versjoner av Photoshop er det ingen "Smooth", for det vil si "Optimaliser". Så ikke bli skremt hvis du ikke finner Smooth. Dette er det samme.

Her har vi valgt radius for avrundingen.

Nå, som du kan se, har du et utvalgsområde med avrundede hjørner.

Det gjenstår å kutte bildet.

Og nå . Størrelsen settes der til automatisk. Og nå limer vi bare inn bildet i en ny fil.