Foto's bijsnijden en comprimeren zonder Photoshop. Hoe de achtergrond, afbeelding uit te rekken over de gehele breedte van het blok, scherm

Goedendag, beste lezers van mijn blog. Er is geen probleem als je van iets groots iets kleins moet maken, maar vandaag zullen we het hebben over een heel serieuze taak die alleen een professional aankan.

Soms geeft hij het doelpunt echter op, zodat het resultaat zijn reputatie niet aantast. Aan het einde van dit artikel weet u wanneer u de situatie kunt redden en wanneer het beter is om het idee op te geven.

Ik zal je vertellen hoe je een afbeelding kunt uitrekken in Photoshop en welke methoden je hiervoor kunt gebruiken. Zullen we een meer gedetailleerde discussie starten?

Uiteraard zijn we geïnteresseerd in het uitrekken van de afbeelding zonder kwaliteitsverlies. En hier maken veel gebruikers, zelfs degenen die al lang bekend zijn met Photoshop-tools, vaak fouten.

Laten we eerst een document maken. Ik denk niet dat dit een probleem zal zijn.

Ik zal veel meenemen groot formaat: 5000x5000 pixels. Andere indicatoren zijn niet zo belangrijk.

De volgende stap komt voor sommigen misschien als een verrassing. De foto die u over het canvas gaat uitrekken, moet worden geopend als een slim object. Er zijn twee manieren om dit te doen. Om te beginnen is de eenvoudigste via het bedieningspaneel bovenaan. Categorie "Bestand".

De tweede methode is om het gewenste bestand uit de map te slepen en neer te zetten.

Visueel ziet de afbeelding eruit als een rechthoek met twee elkaar kruisende diagonalen. Het punt is dat alleen in dit geval de foto zonder vervorming wordt vergroot en de pixels niet worden beschadigd, hoe veel je ook speelt met de afmetingen. Even later zal ik laten zien hoe dit gebeurt met een specifiek voorbeeld.

Wees niet ongerust als, wanneer u inzoomt, het beeld wazig wordt en u vreemde vierkanten ziet. Versleep gewoon de hoeken om het hele scherm te vullen.

Eenmaal voltooid en op Enter klikt, krijgt de foto een representatiever uiterlijk.

Hoewel de foto bij een vergroting van 100%, dat wil zeggen op het formaat dat de foto zou moeten hebben, bijvoorbeeld tijdens het afdrukken, “wazig” zal zijn. Besteed aandacht aan deze indicatoren en vergroot de afbeelding met een vergrootglas. Deze onscherpte kan niet langer worden opgeslagen. Waarom heb je een foto van lage kwaliteit nodig?

Een toename is echter mogelijk, maar niet op mondiale schaal. Je hebt het misschien in films gezien waarin agenten het gezicht van een persoon maken van een kleine foto van een persoon van achteren, vastgelegd met een beveiligingscamera op een luchthaven, bijna in HD-kwaliteit. Dit is dus een puinhoop. Dit gebeurt niet. Een beetje vergroten van de foto is echter geen probleem. Als voorbeeld laat ik je de bron zien.

Zo ziet de foto eruit als deze met 28% wordt vergroot door simpelweg een vergrootglas te gebruiken.

En deze optie bij het uitrekken met een slim object. Iets beter, nietwaar?

Ideaal kan het echter niet worden genoemd. Perfectie heeft ook zijn grenzen.

Nadat u het fragment al hebt ingevoegd, gebruikt u de vrije transformatie (Ctrl+T). U wordt ook geadviseerd om de afbeelding groter te maken door de randen te verplaatsen.

Hier zullen de pixels grover zijn.

Alles wordt onmiddellijk opgelost nadat u op Enter hebt gedrukt.

Zo zag de afbeelding er op de bron uit, op 100% grootte.

En dit is met vergroting.

Natuurlijk kun je dit soms doen, maar onthoud de gevolgen! Kijk, ik heb meerdere keren verhoogd. Zo ziet het eruit als u de handeling voor de eerste keer uitvoert.

En dit is op de zesde. Ik heb medelijden met de aardbei op de voorgrond, en de karamelkleur is helemaal niet aantrekkelijk meer. In de tussentijd maximale grootte bleef hetzelfde. Ik heb de afbeelding eerst groter en vervolgens kleiner gemaakt.

De pixels waren kapot en de kleuren werden minder verzadigd. Dit zou niet gebeuren met slimme objecten.

Vaak moet je een deel van de afbeelding iets vergroten, en hiervoor kun je (Ctrl+T) gebruiken, maar tegelijkertijd de verhoudingen behouden zodat de afbeelding er niet uitziet in een vervormende spiegel. Nu zal ik je laten zien waar het over gaat waar we het over hebben, maar ik gebruik een slim object, het maakt geen verschil.

Deze foto is niet goed. Wat te doen?

Gebruik om de afbeelding proportioneel te maken wanneer deze wordt uitgerekt Shift-knop. Knijp en houd vast totdat u klaar bent met zoomen.

Zie je, in dit geval moet je een deel van de foto opofferen omwille van een goede algehele compositie.

Met kennis en enige vaardigheden in Photoshop kun je elk doel bereiken.

Laten we zeggen dat je zoiets als dit hebt moeilijke taak: Vergroot deze foto in slechts vijf minuten tot gegeven maat. Het maakt niet uit hoe, maar het belangrijkste is om resultaten te bereiken. Het lijkt het meest logische en snelle manier– vergroot een deel van de foto, maak een collage.

Dat wil zeggen, een enkele compositie samenstellen uit andere foto's, waarvan je niet kunt zeggen dat deze oorspronkelijk niet zo was. Dit is erg lang, je kunt het zeker niet in 5 minuten doen.

Trouwens, als je deze kunst wilt leren, kan ik de cursus van Elena Vinogradova aanbevelen "De kunst van het maken van een collage". Ongelooflijk nuttige vaardigheid, als je denkt aan een carrière in de reclame of gewoon je vrienden en kennissen wilt plezieren met grappige composities.

Maar laten we teruggaan naar de taak. Het moet ook opgelost worden. 5 minuten tikken. Wat te doen met de afbeelding en hoe deze te vergroten tot de gewenste grootte? Ik schreef onlangs over vervagende randen. Waarom zou je deze vaardigheid niet gebruiken?

Om te beginnen gebruik ik een pipet om een ​​kleur van de bovenkant op te pikken en het lege gebied te vullen.

Vervolgens selecteer ik het lassogereedschap en vul ik ook verschillende delen van de afbeelding met primaire kleuren.

Ze zullen anders zijn.

Welnu, ik zal een Gaussiaanse vervaging op de randen toepassen. In de rechterhoek is de kleur een beetje afwijkend, maar dat is snel te verhelpen. Trouwens, als je het niet weet of het je niet meer herinnert, kun je een artikel over dit onderwerp lezen op mijn blog.

Welnu, als je geïnteresseerd bent in Photoshop in het algemeen en ervan droomt er geld mee te gaan verdienen, dan raad ik je aan het programma in detail te bestuderen. Doe het beter. Eenvoudig en vooral niet saai.

Geef het maar toe: een boek dat je terugvoert naar de kindertijd en meer doet denken aan een scheikundeboek dan aan een zelfinstructiehandleiding over een fascinerend programma dat ongelooflijk veel mogelijkheden biedt, kom je nooit uit.

Kortom, ik raad je de cursus van Zinaida Lukyanova aan “Photoshop helemaal opnieuw in videoformaat”. In 18 uur leer je alles wat je moet weten. Het enige dat overblijft is oefenen en ervaring opdoen. Met dat laatste kunnen klanten je makkelijk helpen. Het vinden ervan is geen probleem, het belangrijkste is om te beslissen wat u wilt doen.

Maar eerst moet u alle mogelijkheden van Photoshop leren kennen en vol vertrouwen door de tools navigeren. Dit is wat een professional onderscheidt. Hij stelt zichzelf doelen en weet snel de snelste manier te vinden om deze te bereiken.

Nou, dat is alles. Als je dit artikel leuk vond, abonneer je dan op de nieuwsbrief en ontdek het.

Tot ziens en veel succes met je inspanningen.

Laten we ons voorstellen wat het voor u is geworden actuele kwestie over hoe je het formaat van een foto kunt wijzigen zonder Photoshop? Tegelijkertijd bent u op internet en moet u een foto of afbeelding bijsnijden voor de vragenlijst. U doet het juiste als u achter uw computer zit, of met een tablet, of met een smartphone in uw handen, en naar de site gaat.

Op deze bron kunt u immers een applicatie gebruiken voor het online bijsnijden van foto's. Houd er rekening mee dat de applicatie dit ondersteunt gif-formaten, bmp, jpg, png. Het bevindt zich in het blok 'Werken met afbeeldingen' genaamd 'Afbeeldingen bijsnijden'.

En door hier eenvoudige handelingen uit te voeren, veranderen we de afbeeldingsgrootte. Net als al het andere binnen de dienst, deze applicatie zeer gemakkelijk te gebruiken. Het biedt de mogelijkheid om zeer snel resultaten van hoge kwaliteit te verkrijgen.

We gebruiken het om het formaat van de foto te wijzigen. Wij trimmen het. En hiervoor hoef je alleen maar te downloaden gewenst beeld Selecteer het fragment dat u wilt bijsnijden en druk op de knop "Knippen", nadat u eerder informatie heeft ontvangen over de grootte van de toekomstige afbeelding. Dat wil zeggen dat het proces een procentuele toename of afname van de afbeelding met zich meebrengt. Er is altijd de mogelijkheid om te zien hoe je de foto hebt bijgesneden en deze vervolgens op te slaan.

Wanneer we het formaat van een foto online wijzigen, betekent dit niet dat het hele proces, dat een kwestie van seconden duurt, neerkomt op het simpelweg online bijsnijden van de afbeelding.

Iedereen die met de afbeelding werkt, kan nog steeds extra (maar letterlijk slechts een kwestie van) seconden besteden om de foto te draaien of indien nodig om te draaien. Maar dit is niet alles. Je kunt ook toevoegen prachtige effecten of kader. En het enige dat nodig is, is een paar klikken.

Het is niet verrassend dat de gebruikers van de site mensen zijn met verschillende beroepen, leeftijden en zelfs hobby's. Dit komt omdat sommige mensen liever niet zoeken naar de applicatie die ze nodig hebben op verschillende internetbronnen. En deze online service is voor velen goed omdat deze een grote verscheidenheid aan maar vaak gebruikte toepassingen concentreert.

En veel van degenen die veel tijd op het World Wide Web doorbrengen (ook om foto's te wisselen) komen heel natuurlijk op de site terecht. Of hij nu ontwerper is of webmaster, journalist of automobilist. Hier leiden immers veel links op internet en de service is voor iedereen zonder registratie beschikbaar.

De dienst is ook gratis. Het kan worden gebruikt bij het voorbereiden van foto's en muziek voor blogs en websites. Bovendien is het niet nodig om bestanden te downloaden, programma's te installeren en vervolgens bij te werken.

Dit wordt gewaardeerd door zowel degenen die zich bezighouden met professionele fotografie als door degenen voor wie tijd doorbrengen met een camera gewoon een geweldige hobby is. De site heeft er immers een passende toepassing voor. Bijvoorbeeld voor iemand die gekweld wordt door de vraag hoe je het formaat van een afbeelding kunt wijzigen?

De reden waarom een ​​of andere internetgebruiker gedwongen wordt op zoek te gaan naar een online foto-editor om te gebruiken, kan verschillend zijn. Maar zoals de ervaring leert, wordt dit meestal juist veroorzaakt door de noodzaak om het formaat van een foto snel te wijzigen.

En dit is meestal het geval. Stel dat iemand een bewerkbare afbeelding naar een website moet uploaden. Bijvoorbeeld als VKontakte-avatar. In de regel is dit op de meeste bronnen in mondiaal netwerk Voor afbeeldingen die naar de service worden geüpload, geldt een beperking op de afmetingen. En dit betekent in dit specifieke geval dat u het formaat van de foto online moet wijzigen.

Er is geen manier om zonder dit te doen. De beperking geldt echter niet alleen voor afmetingen. De beperking geldt ook voor het gewicht van de afbeelding. Dat wil zeggen, het probleem vereist een dergelijke oplossing wanneer u de foto moet verkleinen. En dit is heel eenvoudig te doen met behulp van een online foto-editor.

Maar de functie "foto vergroten" wordt gebruikt wanneer het nodig is om de afbeelding te vergroten. Net als bij fotoverkleining wordt deze functie gebruikt als iemand een afbeelding heel vaak bewerkt.

Voor meer gedetailleerde kenmerken populaire dienst, we moeten ook zo'n "truc" vermelden als foto's in Instagram-stijl. Dat wil zeggen dat de service in dit geval niet alleen de mogelijkheid biedt om de grootte te wijzigen, maar ook om de foto's de gewenste uitstraling te geven. Bovendien hebben we het over die gevallen waarin u dat niet heeft mobiel apparaat en Instagram-account.

Wij verzekeren u dat op persoonlijke computer Het verwerken van foto's is veel handiger en leuker. De functie "Foto in Instagram-stijl" werkt precies hetzelfde als het online bijsnijden van foto's. Dit betekent het volgende: u moet een foto uploaden, effecten toepassen en deze vervolgens op uw computer opslaan. Je kunt dus vooral het effect bereiken oude foto van een gewone foto.

Onlangs werd mij gevraagd om de achtergrond van deze foto voort te zetten.

Daarom besloot ik te schrijven over hoe ik het doe.
Dus laten we aan de slag gaan.
1.
Open de afbeelding in Photoshop.

2.
Het rechthoekige selectiekader gebruiken
Selecteer de afbeelding en kopieer de selectie naar nieuwe laag.

3. Verwijder de nullaag - we hebben deze niet langer nodig.
Om dit te doen, hieronder in
klik in het lagenpalet op het mandpictogram en klik in het venster dat verschijnt
OK.

Of klik op laag nul in het lagenpalet klik met de rechtermuisknop en binnen
In het menu dat verschijnt, klik je op laag verwijderen.

4.
Omdat dit beeld klein, ik heb de weergave vergroot naar 200%
Dit kunt u doen in het Navigator-palet.
Als je het niet op je werk vindt
Photoshop-tabel, ga dan naar het menu en open dit paneel.

Laten we nu naar het belangrijkste gaan.
Laten we beginnen met rechterkant.

5.
Selecteer met hetzelfde rechthoekige selectiegereedschap een stukje van de achtergrond en
kopieer het naar een nieuwe laag op dezelfde manier als voorheen.

6.
Gebruik het gereedschap Verplaatsen om het gekopieerde stuk te verplaatsen en horizontaal weer te geven.

7.
Nu hebben we retoucheerhulpmiddelen nodig.
Laten we -Gum gebruiken.
Laten we de volgende parameters selecteren: - Modus - Penseel

Klik in de parameter - Penseel (Penseel) op de pijl en er verschijnt een venster met
met borstels. Laten we een standaard zachte borstel nemen. In mijn geval is het genoeg
met 23 pixels.

Op de schermafbeelding heb ik de parameter -Hardheid rood gemarkeerd. Hierin
In de instellingen bepaalt de gebruiker hoe zacht de borstel moet zijn
randen. 0% betekent dat de randen extreem glad zijn. Hoe meer %
hoe scherper de randen.
Gebruik dus de zachte gum die we zojuist hebben ingesteld en wis voorzichtig de linkerrand van het gedupliceerde stuk.

9.
Laten we de lagen samenvoegen. Klik met de rechtermuisknop op de laag met het fragment en selecteer
COMBINEER MET VORIGE

Laten we nog een rechthoekige selectie maken en deze naar een nieuwe laag kopiëren.
Dit stuk wordt, net als het vorige, gesleept en geretoucheerd, zoals hierboven beschreven
Het verbinden van de lagen.
Ga zo door tot de rechterkant helemaal gevuld is met achtergrond.
Laten we naar gaan linkerkant.
We herhalen de bewegingen die we voor de rechterkant hebben gedaan.
Zie door
tekenen en kies welke stukken je wilt kopiëren om het te maken
realistisch beeld.
Plaats het ene stuk op het andere
gebruik vrije transformatie (sneltoets Ctrl+T) om de grootte te wijzigen
stukken.
Gebruik in het algemeen je fantasie.
Mijn fantasie leidde mij hierheen
dit resultaat.

Ik kan ook het gebruik van tools als -Blur (Vervagen) en Smudge (Vinger) aanbevelen.

Zij geven interessante resultaten.
Je kunt ook gebruiken
gereedschap -Patcn (Patch)
Het is een combinatie van een vrije selectie en een vulling.
Het is handig
gebruiken voor retoucheren.

Er zijn veel manieren en mogelijkheden. Beter genoeg voor jou
Maak kennis met de programmatools en hun mogelijkheden en dat is alles
obstakels voor je zullen verdwijnen.

Ik herinner me dat ik door een heleboel informatie snuffelde en een flink aantal methoden uitprobeerde totdat ik de exacte oplossing vond die op dat moment nodig was.

Hieronder laat ik 3 methoden zien die de achtergrond over de volledige breedte van het scherm uitrekken.

De eerste methode maakt gebruik van pure CSS3. Alles werkt dankzij de eigenschap background-size. In mijn geval rek ik de afbeelding uit over de gehele breedte van het scherm, dat wil zeggen dat ik er eigenschappen aan toewijs lichaamstag. Je kunt het bijvoorbeeld naar behoefte op een blok toepassen.

We zullen deze foto uitrekken met een schattig meisje om het hele scherm te vullen :)

Over het algemeen definiëren we een blok waaraan we stijlen toewijzen en voegen we deze toe aan het stijlenbestand dit blok, de volgende code:

Body( achtergrond: url(images/bg.jpg) geen herhaling midden boven vast; -webkit-achtergrondgrootte: omslag; -moz-achtergrondgrootte: omslag; -o-achtergrondgrootte: omslag; achtergrondgrootte: omslag)

Zoals u kunt zien, voegen we in de achtergrondparameter het pad aan de afbeelding toe en stellen we de positie van de afbeelding ten opzichte van het scherm in. In onze gevallen zijn dit midden en boven. Dit betekent dat het beeld zich in het midden van het scherm bevindt en dat de bovenkant tegen de bovenkant van het scherm wordt gedrukt. Dit is zodat het gezicht van het meisje altijd zichtbaar is. Als je bijvoorbeeld een abstracte achtergrond of natuur hebt, waar je de lucht, het veld en de horizon kunt zien, dan kun je de waarden midden en midden instellen. Over het algemeen denk ik dat je het zult begrijpen als je bekend bent met CSS. Het is ook ingesteld op fixed , waardoor het beeld bevriest.

De methode is heel eenvoudig, ik gebruik hem altijd en het bevalt mij 100%. Er is maar één ding. Oude browsers zijn niet bekend met CSS3, dus degenen die oude versies gebruiken, zullen niet het gewenste resultaat zien.

Deze methode maakt gebruik van reguliere CSS. In wezen is het ook eenvoudig. We geven een afbeelding weer in de hoofdtekst van de site door id - bg toe te wijzen:

En we schrijven de stijlen:

#bg ( positie:vast; z-index: -1; boven:0; links:0; minimale breedte:100%; minimale hoogte:100%; )

De positionering is vast en strekt zich uit over het hele scherm. Zo simpel is het :).

Hier wordt jQuery gebruikt. Daarom moet u eerst de bibliotheek verbinden als deze nog niet eerder is aangesloten.

Na de bibliotheek verbinden we het script, dat onze achtergrond zal schalen

$(window).load(function() ( var theWindow = $(window), $bg = $("#bg'), aspectRatio = $bg.width() / $bg.height(); function resizeBg() ( if ((deVenster.breedte() /deVenster.hoogte())< aspectRatio) { $bg .removeClass() .addClass("bgheight"); } else { $bg .removeClass() .addClass("bgwidth"); } } theWindow.resize(function() { resizeBg(); }).trigger("resize"); });

En aan het einde voegen we stijlen toe om alles te laten werken. Open het stijlbestand en voeg de volgende code eraan toe:

#bg ( positie: vast; boven: 0; links: 0; z-index: -1; ) .bgwidth ( breedte: 100%; ) .bgheight ( hoogte: 100%; )

Je kunt aan de stijlen zien dat we positionering hebben toegevoegd. IN in dit geval het is opgelost. De afbeelding blijft tijdens het scrollen een vaste achtergrond, maar als u de positionering wijzigt in absoluut, kan de achtergrond worden gescrolld. Hetzelfde kan trouwens worden gedaan met de eerste twee methoden.

De parameter is ook gespecificeerd - z-index: -1, zodat de afbeelding achter de tekst staat. Als u geen tekst heeft die vooraan moet staan, kunt u deze optie verwijderen.

Welke methode u moet gebruiken, is aan u. Zoals ik hierboven schreef, ligt de eerste methode dichter bij mij. Het is de eenvoudigste en niet slechter dan andere.

Dat is alles, bedankt voor uw aandacht. 🙂

Te klein voor de pagina, d.w.z. geeft geen volledig beeld van het object.

Plaats de foto bovendien stilistisch aan de rechterkant, terwijl de foto wordt ingevoegd met behulp van de opeenvolgende opdrachten: "Invoegen" - "Tekening" - "Uit bestand" bevindt zich links van de rand van de pagina. Je kunt het met je muis uitrekken door de aanwijzer naar de hoek van de foto te verplaatsen en de randen te slepen. Maar in dit geval bevinden de ingevoegde foto's zich allemaal op één plaats: de linkerbovenhoek is "verankerd" op de pagina, waardoor de gebruiker de foto niet naar een andere plaats kan verplaatsen.

Om de afbeelding correct uit te rekken, moet u de eigenschappen wijzigen. Om dit te doen, beweegt u de muis over de foto en klikt u met de rechtermuisknop om het menu te openen. Selecteer “Beeldformaat” en vervolgens het tabblad “Positie”. Bovenaan, in het gedeelte “Wrap”, wordt de positie van de ingevoegde foto of afbeelding op het vel weergegeven. Selecteer met de muis de gewenste, bijvoorbeeld: "Langs de contour" of "Rond". Vervolgens onderaan het tabblad - “ Horizontale uitlijning» Vink het vakje aan naast de gewenste positie, bijvoorbeeld “Uitgelijnd” of “Gecentreerd” en klik op OK.

Nu zijn de contouren van de afbeelding veranderd: de rechthoek is verdwenen en de hoeken van de afbeelding (foto) en het midden van elke zijde worden aangegeven met kleine cirkels. Met hun hulp kun je de afbeelding correct uitrekken. Om dit te doen, beweegt u de muiscursor over een willekeurige cirkel en strekt u deze uit terwijl u de linkermuisknop ingedrukt houdt rechterkant(omhoog, omlaag, diagonaal, etc.).

Zo'n afbeelding of foto kan overal in een document of pagina worden geplaatst, verkleind of vergroot tot aan de rand van het vel. Het kan ook aan een specifieke locatie op de pagina worden gekoppeld, zodat het op de geselecteerde locatie blijft wanneer u het toevoegt. Met behulp van opmaak kunt u contouren toevoegen, weergaveopties, transparantiepercentage selecteren, enz.

Meest geschikt gereedschap voor verschillende soorten beeldvervorming - elk van de grafische editors. Bijvoorbeeld, Adobe Photoshop zal de tekening in elke richting uitrekken met een minimum aan tijd.

Je zult nodig hebben

• Grafisch Adobe-editor Photoshoppen

Instructies

Na grafische editor je moet hem openen vereiste bestand afbeeldingen. Om dit te doen, klikt u op het menugedeelte 'Bestand' en selecteert u 'Openen'. Hetzelfde kan worden gedaan met de sneltoetsen CTRL + O. In het dialoogvenster dat wordt geopend, kunt u het bekijken voordat u het bestand opent. Zoek het bestand dat u nodig heeft en klik op de knop "Openen".

Er zijn twee secties in het venster voor grootte-instellingen. De onderste is handiger voor afbeeldingen die bedoeld zijn voor uitvoer naar . De bovenste is ontworpen om te werken met schermformaten van afbeeldingen. Als u (of computers) gaat gebruiken, gebruik dan deze sectie. Als u het selectievakje 'Proporties behouden' aanvinkt, wordt de afbeelding proportioneel uitgerekt, dat wil zeggen dat wanneer u de breedte wijzigt, de waarde in het veld 'Hoogte' proportioneel zal veranderen zonder uw deelname. Afmetingen kunnen zijn als in absolute eenheden, en in relatieve termen - als percentage van originele maat. Eenmaal geselecteerd, stelt u de gewenste waarden in en klikt u vervolgens op OK.