Knip de tekening online in gelijke delen. Hoe maak je een Instagram-banner

Deze les is gewijd aan de vraag van een bezoeker van onze site, hoe een afbeelding in foto's in verschillende delen te splitsen met behulp van de hulp voor plaatsing in het menu op de site?

In principe zijn er verschillende opties om dit probleem op te lossen, we zullen naar onze mening de eenvoudigste en meest voor de hand liggende manier geven. Als voorbeeld hebben we de foto op de afbeelding hiernaast gebruikt. Deze foto is 400 bij 400 pixels. We zullen proberen het op te splitsen in respectievelijk 4 vierkanten van 20 bij 200 pixels. Zoals je later in de les zult zien, kun je een tekening niet per se in vier delen splitsen en niet noodzakelijk vierkant van vorm.

Laten we dus eerst de foto openen in de grafische editor van Paint.NET en een nieuwe transparante laag bovenop de foto maken. Op deze laag moeten we een gaas tekenen dat de foto in zoveel delen verdeelt als we nodig hebben. We zullen het raster op een aparte laag tekenen om de foto zelf niet te bederven. Kortom, om een ​​raster te tekenen, kunt u dit raster ermee gebruiken en tekenen. Er is echter een gemakkelijkere manier. Om het raster te tekenen, gebruiken we een extra externe, waarvan een beschrijving te vinden is op onze website.

In de afbeelding aan de rechterkant hebben we een screenshot gegeven van de instellingen die we hebben gebruikt. We stellen de breedte en hoogte van de rastercellen in op 200 pixels. Als u een ander rasterformaat moet maken, of een rechthoekig raster wilt maken in plaats van een vierkant, verander dan eenvoudig deze parameters om dit te doen. Voor de duidelijkheid hebben we wit als basiskleur voor de rasterlijnen gebruikt. De kleurkeuze is echter niet van fundamenteel belang. Als resultaat kregen we het gaas dat wordt weergegeven in de onderstaande afbeelding.

Om nu frames te maken, selecteren we met behulp van de hulp het gewenste gebied op de mesh-laag. Om dit te doen, klikt u op het gereedschap "toverstaf" ergens in de gewenste cel op de maaslaag. Maak daarna de actieve laag met de foto en kopieer het geselecteerde gebied. Het gekopieerde fragment kan nu als een aparte afbeelding worden opgeslagen, bijvoorbeeld om op de site te plaatsen of te doen zoals we hebben gedaan in de onderstaande afbeelding.

Hoe

Deze tutorial demonstreert de mogelijkheid om een ​​afbeelding in delen te verdelen.

Meestal staan ​​ontwerpers en lay-outontwerpers voor deze taak, maar vaak rijst bij het verwerken van foto's en het maken van collages de vraag om de afbeelding te verdelen, zowel in gelijke delen als in willekeurige formaten.

De laatste tijd is het erg in de mode om originele ideeën te belichamen die helpen bij het creëren van een uniek ontwerp, bijvoorbeeld een interieur in uw huis.

Een van deze ideeën is modulaire schilderijen - dit zijn verschillende delen van een afbeelding of foto, op korte afstand naast elkaar aan de muur, die worden gecombineerd tot één compositie.

Het aantal modules (onderdelen) waaruit het totaalbeeld bestaat, kan verschillen. Er zijn geen strikte regels voor het maken van modulaire schilderijen en je kunt zo'n compositie gemakkelijk herhalen in Photoshop.

Is dit geen uitdaging voor de echte creatieveling?

Een andere situatie waarin het nodig kan zijn om de afbeelding in delen te verdelen, is de voorbereiding voor het afdrukken van spreads voor fotoboeken, d.w.z. om aan te geven hoe de foto op de pagina's van het boek wordt geplaatst.

Hoe je dat doet?

Het programma heeft een hulpmiddel "Gidsen" ontworpen om te helpen bij het nauwkeurig positioneren van delen van de afbeelding, en met behulp van deze lijnen kunt u een lay-out maken om de afbeelding in delen te verdelen. Richtlijnen worden niet weergegeven bij het afdrukken en opslaan van afbeeldingen in verschillende formaten, behalve voor PSD-documenten.

Om een ​​willekeurige positie van de hulplijnen in te stellen, gebruikt u gewoon het gereedschap "Verplaatsen" aan de linkerkant van het paneel.

In dit geval moet u de weergavemodus "Liniaal" hebben ingeschakeld.

Als u ze niet ziet, drukt u op de toetsencombinatie "Ctrl + R" of klikt u in het menu "Beeld" met de linkermuisknop op de regel "Linialen".

Plaats vervolgens de cursor van het gereedschap "Verplaatsen" op een verticale of horizontale liniaal, houd de linkermuisknop ingedrukt en trek de richtlijn eruit. Sleep de hulplijn naar de gewenste afstand langs de afbeelding.

Zoals hierboven vermeld, verschijnt er, wanneer u de gids langs het viewport-veld beweegt, ernaast een venster met de numerieke waarden van de afwijking van de nulmarkering op de liniaal. Meeteenheden kunnen in de programma-instellingen worden gedefinieerd door op de toetsencombinatie "Ctrl + K" te drukken.

Naast de handmatige methode zijn er softwarematige manieren om de handleidingen te installeren. Klik op het tabblad "Weergave" met de linkermuisknop op de regel "Nieuwe handleiding".

In het instellingenvenster "Nieuwe hulplijn" dat verschijnt, stelt u de afstandswaarde in op de regel "Positie", waarop de hulplijn moet staan ​​vanaf de bovenste liniaal - Horizontale oriëntatie of vanaf de linker liniaal - Verticale oriëntatie.

Om de hulplijnen precies in het midden van het document te plaatsen, klikt u met de rechtermuisknop op het vak "Positie", een lijst met meeteenheden wordt geopend, waar u percentages moet selecteren en de waarde "50" moet invoeren.

Maar wat als je veel handleidingen moet plaatsen of een sjabloon voor een fotoboek moet maken?

En deze taken kunnen worden opgelost met behulp van het programma, met behulp van de functie om volledige lay-outs van handleidingen te maken.

Als u naar deze optie gaat, wordt het venster met lay-outinstellingen voor u weergegeven.

De lay-out kan worden geselecteerd uit de vooraf geïnstalleerde sets door met de linkermuisknop op het veld "Set" te klikken, u kunt degene die u zelf heeft gemaakt opslaan of laden uit de eerder voorbereide sets.

Zoals u kunt zien, zijn er voor het maken van een set veel instellingen voor kolommen, rijen en het afbeeldingsveld zelf, waarmee het voor u niet moeilijk zal zijn om een ​​lay-out voor lay-out te organiseren.

Als u de reeds ingestelde hulplijnen moet verplaatsen, kunt u ze met de muiscursor pakken terwijl het gereedschap "Verplaatsen" actief is en door het document bewegen.

U kunt gidsen tijdelijk verbergen / tonen met de toetsencombinatie "Ctrl + H", om ze volledig te verwijderen op het tabblad "Bekijken", selecteert u de opdracht "Handleidingen verwijderen". Als u slechts één hulplijn hoeft te verwijderen, verplaatst u de cursor van het gereedschap Verplaatsen naar de gewenste regel, houdt u de linkermuisknop ingedrukt en sleept u deze naar de bijbehorende liniaal (horizontaal of verticaal) en laat u de muisknop los. Om te voorkomen dat de positie van de hulplijnen per ongeluk wordt gewijzigd, selecteert u de opdracht Hulplijnen vergrendelen of drukt u op Alt + Ctrl +;.

Standaard zijn de hulplijnen blauw. Voor het gemak kan dit worden gewijzigd via het tabblad van het hoofdmenu "Bewerken"> "Instellingen"> "Gidsen, raster en snijfragmenten".

Maar met behulp van handleidingen kunnen we alleen een visuele lay-out maken om de afbeelding in delen te verdelen, maar hoe krijg je een echt beeld van de afbeelding?

U kunt natuurlijk het selectiegereedschap "Rechthoekige Marquee" gebruiken om het benodigde fragment zorgvuldig te selecteren en op een aparte laag te knippen. Maar het duurt lang en bovendien is er een uitstekend snijgereedschap in Photoshop.

Deze tool bevindt zich in de Frame-toolset. Als u de muiscursor over de miniatuur van de groep beweegt en de linkerknop een paar seconden ingedrukt houdt, zou de lijst met instrumenten van deze groep moeten worden weergegeven.

Het gereedschap "Snijden" verdeelt de afbeelding in afzonderlijke fragmenten, die later als afzonderlijke afbeeldingen in afzonderlijke bestanden kunnen worden opgeslagen.

In zijn principe lijkt de tool op het werk van de selectie "Rechthoekig selectiekader". Het enige dat u hoeft te doen, is rechthoekige blokken tekenen rond de afbeeldingsfragmenten die moeten worden gescheiden. Om dit te doen, verplaatst u de cursor in de vorm van een mes naar de linkerbovenrand van het gebied, houdt u de linkermuisknop ingedrukt en sleept u de cursor naar de diagonaal tegenoverliggende hoek zonder deze los te laten. Hierdoor ontstaat een rechthoekige selectie. Herhaal deze procedure en selecteer de benodigde delen van de afbeelding. Het gehele beeld wordt, afhankelijk van de aangewezen selectiezones, automatisch opgedeeld in rechthoekige delen met doorlopende nummering. Bovendien zijn de gebieden die in de linkerbovenhoek zijn gemarkeerd, blauw genummerd en de gebieden buiten de selectie grijs.

De hoogte en breedte van het geselecteerde onderdeel kan worden gecontroleerd door het verschijnende venster met een digitale dimensieteller. De meeteenheden zijn ook afhankelijk van de instelling in het programma.

Als u het knippen van automatisch gegenereerde fragmenten die niet in het selectiegebied vallen, niet wilt zien, gaat u naar het gereedschap Fragmentselectie en schakelt u hun weergave op het paneel met parameters uit door op de knop Automatische fragmenten weergeven of verbergen te klikken.

Op de optiebalk van de tool Nesting kunt u de volgende opties selecteren:

waar,

• De stijl "Normaal" is een selectie van een fragment van elke grootte;
• De stijl Vooraf ingestelde beeldverhouding is een selectie van rechthoeken in vooraf ingestelde verhoudingen, zoals 1: 1 of 2: 3.
• Met de stijl "Opgegeven grootte" kunt u het programma de specifieke afmetingen van het gewenste fragment specificeren. Door met de rechtermuisknop op het maatveld te klikken, kunt u hun maateenheden selecteren.

Als er eerder hulplijnen op de afbeelding waren ingesteld, wordt de knop "Fragmenten langs hulplijnen" op het paneel geactiveerd en wanneer erop wordt gedrukt, wordt de afbeelding gesneden in overeenstemming met hun rangschikking.

Door met de rechtermuisknop op een van de geselecteerde fragmenten te klikken, verschijnt een lijst met toegepaste functies.

Om de parameters van het fragment te bewerken, wordt een dialoogvenster met de veranderbare parameters weergegeven.

Welke andere functies heeft deze tool?

Er verschijnt een dialoogvenster waarin het mogelijk is om de parameters van horizontale of verticale verdeling te specificeren door het aantal intervallen of door het aantal pixels per snijfragment.

Nadat de afbeelding in fragmenten is geknipt, kunnen sommige ervan op de volgende manier worden gecombineerd.

Ga eerst naar het gereedschap Fragmentselectie.

Vervolgens houden we de "Shift"-toets ingedrukt, bewegen de cursor over de benodigde fragmenten en klikken erop met de linkermuisknop.

Het selectiekader wordt oranje. Klik vervolgens met de rechtermuisknop op een van de geselecteerde fragmenten en selecteer de opdracht "Combineer fragmenten" uit de lijst.

Maar houd er rekening mee dat de geselecteerde fragmenten worden gecombineerd en één groot rechthoekig gebied vormen, dat alle eerder geselecteerde individuele fragmenten omvat.

Op het paneel met gereedschapsparameters zijn er ook modi voor het verplaatsen van fragmenten naar de achterkant, de voorgrond en het wijzigen van de weergavevolgorde als een afbeelding die uit meerdere lagen is samengesteld, onderhevig was aan fragmentatie. Er zijn ook bedieningselementen voor het uitlijnen van fragmenten ten opzichte van elkaar en beeldranden.

Nadat je de afbeelding hebt geknipt en de nodige fragmenten hebt gevormd, moet je ze apart in één map opslaan. Om dit te doen, selecteert u in Photoshop CC 2017 via het menu Bestand op de regel Exporteren de opdracht Opslaan voor web. In versies van de Creative Сloude-familie van programma's is het menu vergelijkbaar, in oudere versies is er directe toegang tot deze opdracht.

Selecteer via het venster met exportinstellingen, met behulp van het gereedschap Fragmentselectie met de Shift-toets ingedrukt, de benodigde delen van de afbeelding.

Als gevolg hiervan krijgen we de map "Afbeeldingen" op de opgegeven opslaglocatie en daarin onze delen van de afbeelding in afzonderlijke bestanden.

Wat ik nog zou willen toevoegen, is het feit dat het programma vanaf de versie van Photoshop CC 2014 "Smart Guides" heeft, die het werk van gebruikers enorm vergemakkelijken. De betekenis van deze handleidingen is dat wanneer u afzonderlijke delen van de afbeelding over het document verplaatst, ze met behulp van hulplijnen en vensters met numerieke waarden suggereren over de locatie van het object ten opzichte van andere reeds ingestelde afbeeldingsfragmenten.

In deze les heb ik geprobeerd u de belangrijkste punten van het onderwerp naar voren te brengen: Hoe? afbeelding in delen splitsen... We hebben het gebruik van de hulpmiddelen "Gidsen" en "Nesten" behandeld met "Fragmentselectie". Ik hoop dat u nu geen speciale complicaties zult hebben bij het gebruik ervan.

Vandaag zal ik je vertellen hoe je een foto in gelijke delen knipt met Photoshop. Open eerst de foto en selecteer het snijgereedschap, dat zich in dezelfde groep bevindt als het kadergereedschap.

De volgende stap moeten we met de rechtermuisknop op onze foto klikken en "Fragment splitsen" selecteren in het vervolgkeuzemenu.

Er wordt een nieuw venster met instellingen geopend. Er zijn hier 2 instellingen: Horizontaal splitsen en Verticaal splitsen.

Laten we in volgorde gaan. We zetten een daw op de instelling "Horizontaal verdelen door". Zij heeft op haar beurt nog twee instellingen: verdeling in gelijke fragmenten, en ook verdeling met een aanduiding van een bepaalde fragmentgrootte. Door het nummer in de eerste instelling in te stellen, vertellen we Photoshop hoeveel gelijke stukken de foto horizontaal moeten verdelen.

Als we de tweede instelling gebruiken, dan zullen we zien hoeveel pixels het fragment moet zijn, en het programma bepaalt zelf het aantal fragmenten dat met deze fragmentgrootte moet worden verkregen.

De instelling Verticaal splitsen door doet hetzelfde, maar in een verticale richting.

Laten we bijvoorbeeld beide kauwen plaatsen en zowel daar als daar de eerste instelling selecteren, met vermelding van het aantal fragmenten waarin de foto moet worden verdeeld, in een hoeveelheid van 7 stuks. Op de foto hebben we een opmaak, volgens welke onze afbeelding zal worden gesneden. Klik aan het einde gewoon op "Ok".

Het tweede punt dat ik wil bespreken is de titel van de fragmenten. Er doen zich vaak problemen mee voor, daarom, om de naam voor de fragmenten in te stellen of te verwijderen, klik met de rechtermuisknop op een van de fragmenten en selecteer "Bewerk fragmentparameters". Er wordt een nieuw venster geopend waarin we een naam toevoegen of verwijderen uit het veld "Naam".

Er wordt een nieuw venster geopend. Selecteer het afbeeldingsformaat, ik heb het * .jpg, en de kwaliteit is 100. Druk op de knop "Opslaan".

Selecteer vervolgens de map waarin we de ontvangen fragmenten opslaan. In de volgende stap hoeft u alleen maar te wachten tot de foto in stukken is gesneden en elk stuk als een apart bestand wordt opgeslagen. Na het opslaan verschijnt er een nieuwe afbeeldingenmap op uw computer, waarin uw afbeelding in gelijke delen wordt verdeeld. We kunnen elk deel van de afbeelding afzonderlijk gebruiken.

Video-instructies:

Bij het werken met afbeeldingen is het soms nodig om de hele afbeelding in fragmenten te splitsen. Dit kan in elke grafische editor, maar voor deze doeleinden kunt u het beste Adobe Photoshop gebruiken. Deze editor wordt door veel gebruikers geïnstalleerd, maar interessant genoeg weten de meesten niet echt hoe ze ermee moeten werken. En zelfs wanneer het nodig is om zo'n eenvoudige handeling uit te voeren als het opdelen van een afbeelding in fragmenten, beginnen ze iets te bedriegen, door de geselecteerde gebieden te kopiëren en op een nieuw canvas te plakken.

In feite gebeurt dit allemaal op een elementaire manier. Adobe Photoshop biedt hiervoor een speciale tool. Hiermee kunt u een hele afbeelding in rechthoekige stukken knippen en deze met slechts een paar muisklikken als afzonderlijke afbeeldingen opslaan. Omdat het een genest element van de werkbalk is, zien beginnende gebruikers het gewoon niet. Het bevindt zich in hetzelfde menu als "Kader".

Uiterlijk lijkt het op een gewone scalpel. We nemen het en rijden het rond de open foto, en hij verdeelt het in delen, die onmiddellijk worden gemarkeerd dunne lijnen... Elke plak wordt ook automatisch genummerd, zodat de gebruiker duidelijk kan zien in hoeveel plakken de originele afbeelding zal worden verdeeld.

Het actieve gebied wordt gemarkeerd met een oranje kader, terwijl de randen van andere gebieden blauw of lichtblauw zijn. Een gebied selecteren met een tool "Fragmentselectie" zich in hetzelfde menu bevindt, kunt u het formaat wijzigen, verticaal en horizontaal uitrekken.

En nu het belangrijkste. Om de afbeelding als afzonderlijke delen op te slaan, moet u in het hoofdmenu de optie niet selecteren "Opslaan als", een .

Dit opent het optimalisatievenster, waarin u de parameters voor het opslaan van fragmenten kunt configureren, bijvoorbeeld het formaat en het kwaliteitsniveau selecteren.

Druk daarna op de knop en geef de opslagmodus aan.

Er zijn drie modi beschikbaar: "Alleen foto's", "HTML en afbeeldingen" en "Alleen HTML"... Als u geen HTML-pagina gaat maken, kunt u alles standaard laten.

Alle geselecteerde fragmenten worden opgeslagen in een aparte map "afbeeldingen" op de door u opgegeven locatie.

Om afbeeldingen te knippen, gebruiken ze meestal grafische editors zoals, of. Ook hiervoor zijn er speciale softwareoplossingen. Maar wat als de foto zo snel mogelijk moet worden gesneden, maar het benodigde gereedschap niet bij de hand is en er geen tijd is om het te downloaden. In dit geval zal een van de webservices die beschikbaar zijn op het netwerk u helpen. In dit artikel wordt besproken hoe u een afbeelding online in delen kunt knippen.

Ondanks dat het proces van het opdelen van een afbeelding in een aantal fragmenten niet helemaal ingewikkeld is, zijn er niet veel online diensten waarmee je dit kunt doen. Maar degenen die nu beschikbaar zijn, klaren de klus snel en zijn gemakkelijk te gebruiken. Hieronder zullen we kijken naar de beste van deze oplossingen.

Methode 1: IMGonline

Een krachtige Russischtalige service voor het snijden van foto's waarmee u elke afbeelding in delen kunt splitsen. Het aantal fragmenten dat voortkomt uit de werking van het gereedschap kan oplopen tot 900 eenheden. Afbeeldingen met extensies zoals JPEG, PNG, BMP, GIF en TIFF worden ondersteund.

Daarnaast is IMGonline in staat om afbeeldingen direct te knippen om ze in te publiceren, waarbij de divisie wordt gekoppeld aan een specifiek deel van de afbeelding.

Zo kunt u met behulp van IMGonline in slechts een paar klikken een afbeelding in delen knippen. Bovendien kost het verwerkingsproces zelf heel weinig tijd - van 0,5 tot 30 seconden.

Methode 2: ImageSpliter

Qua functionaliteit is deze tool identiek aan de vorige, maar het werk erin lijkt intuïtiever te zijn. Als u bijvoorbeeld de benodigde slicing-parameters hebt opgegeven, kunt u meteen zien hoe de afbeelding als resultaat wordt verdeeld. Bovendien is het zinvol om ImageSpliter te gebruiken als u een ico-bestand in fragmenten moet knippen.

U hoeft verder niets te doen. Na een paar seconden begint uw browser automatisch met het downloaden van het archief met genummerde fragmenten van de originele afbeelding.

Methode 3: Online beeldsplitser

Als u snel moet segmenteren om een ​​HTML-afbeeldingskaart te maken, is deze online service ideaal. In Online Image Splitter kun je niet alleen een foto in een bepaald aantal fragmenten knippen, maar ook een code genereren met de geregistreerde links, evenals het effect van kleurverandering op hover.

De tool ondersteunt afbeeldingen in JPG-, PNG- en GIF-formaten.

Als resultaat van de service wordt een archief met een lijst met afbeeldingen genummerd met de bijbehorende rijen en kolommen in de algemene afbeelding naar uw computer gedownload. Daar vindt u ook een bestand dat de HTML-interpretatie van de imagemap weergeeft.

Methode 4: de Rasterbator

Welnu, om foto's te knippen om ze later te combineren tot een poster, kun je de online service The Rasterbator gebruiken. De tool werkt in een stapsgewijs formaat en stelt u in staat om de afbeelding te snijden, rekening houdend met de werkelijke grootte van de uiteindelijke poster en het formaat van de gebruikte vellen.

Na het voltooien van deze stappen wordt automatisch een PDF-bestand naar uw computer gedownload, waarin elk fragment van de originele foto één pagina beslaat. Zo kunt u in de toekomst deze foto's afdrukken en samenvoegen tot één grote poster.