Tack vare GIMP, eller G NU I mage M anipulation P rogram, har det aldrig varit enklare och billigare att skapa episka miniatyrer och högkvalitativa logotyper. GIMP är ett gratis att använda, öppen källkod för bildredigerare som letar efter ett Adobe Photoshop - alternativ. Det är också ganska nybörjarvänligt och har en blomstrande community fylld med tips och tricks för att göra de ändringar och revideringar som din bild kräver.

GIMP tillhandahåller massor av verktyg och resurser för att ta vilken bild som helst och lägga till din egen professionella touch. De inom webbdesign, grafiker och amatörfotografer kommer att upptäcka att GIMP är ett fantastiskt program som enkelt kan tillgodose deras bildförbättrande behov. Detsamma kan också sägas om de som precis har börjat inom bildmanipulationsfält.

För nybörjare, särskilt när det gäller att hantera nya gränssnitt, kan ditt äventyr att använda GIMP verka skrämmande. När redigeringarna du vill ha är minimala, bör något i stil med att beskära eller ändra storlek på en bild inte kräva att du hoppar genom bågar. Genom att ta dig tid att lära dig grunderna och var du ska leta efter specifika saker, tar det inte lång tid att inse varför GIMP är en fantastisk investering.

När vi har laddat ner och installerat GIMP- programmet kommer vi att undersöka grundläggande redigering, samtidigt som vi hjälper dig att navigera i gränssnittet, och går igenom hur du skapar en miniatyrbild som den som används i den här artikeln. Vi kommer också att tillhandahålla några resurser som du kan använda för att hitta avancerad hjälp för framtida GIMP- projekt.

Ladda ner och installera GIMP^{(Download and Install GIMP)}

• Navigera till utvecklarens webbplats^{(developer’s website)} och välj din nedladdning. Filen börjar laddas ner. Låt några sekunder gå tills du försöker installera.
• Kör den nyligen nedladdade filen. När installationsprogrammet öppnas klickar du på knappen Installera^{(Install )} för att få gimp installerat till standardmappen.
  • För att ändra installationsinställningar och tillägg klickar du på Anpassa^{(Customize )} istället.
• Följ alla installationsinstruktioner som de presenteras. Det kan ta flera minuter för GIMP att vara helt installerat.
• När installationen är klar kan du börja använda GIMP .

Använda GIMP: Lär dig grunderna^{(Using GIMP: Learning The Basics)}

Börja stegen nedan genom att få GIMP att starta och dra upp till ett tomt arbetsfönster. Vi kommer att använda samma bild i varje avsnitt.

Image Scaling/Resizing

• Klicka^(Click) på fliken "Arkiv" och importera din bild genom att välja Öppna...^(Open…) (CTRL + O)

• När bilden har laddats in klickar du på fliken "Bild" och väljer Skala bild^{(Scale Image)} från rullgardinsmenyn.

• En dialogruta visas för att möjliggöra redigeringar.

• Skala/ändra storlek på din bild med hjälp av alternativen.
  • Justera bilden efter bredd och höjd eller X, Y-upplösningen.
  • Ändringar kan göras med pixlar, procent, centimeter, etc.
  • Förstå att om bilden blir större kan det resultera i en mer pixlad bild.
• När parametrarna har justerats klickar du på Skala^{(Scale )} för att fortsätta.

Filstorleksminskning^{(File Size Reduction)}

• Klicka på fliken "Arkiv" och välj Exportera som...^{(Export As… )} (Skift + CTRL + E)

• Välj ett namn och en plats för var du vill spara filen.

• Klicka^(Click) på "+" bredvid Välj filtyp^{(Select File Type)} (efter filtillägg) för att öppna en lista med filtyper att spara den som. En förlustfiltyp som jpg eller png är att föredra.

• Klicka sedan på knappen Exportera^{(Export )} för att få upp ett nytt fönster med alternativ.

• Ju färre saker som sparas, desto mindre storlek på bildfilen.
  • Se till att komprimeringsnivån^{(Compression)} är inställd på ' 9 ' för den minsta storleken.
• När du har bestämt dig för vilka delar av bilden du vill spara klickar du på Exportera^(Export) .

Bildbeskärning^{(Image Cropping)}

• Navigera till fliken "Verktyg" och välj Transform Tools > Crop (Skift + C)

• Du kan också välja beskärningsverktyget^{(Crop Tool)} genom att klicka på dess ikon i verktygsdokumentet^{(Tool Doc)} uppe till vänster i gränssnittet.
  

• Håll sedan ner vänster musknapp och dra markören över det område du vill göra som din slutliga bild.
• När den väl är klar kommer alla delar av bilden utanför den del du valt att mörkna medan den del som är inställd som din slutliga bild förblir intakt.

• Du kan justera området med hjälp av rutans hörn genom att antingen krympa eller utöka dem genom att dra musknappen.
• När du har bilden som du vill ha den, vänsterklickar du på den, trycker på Retur^(Enter) eller trycker på Shift + C samtidigt för att beskära till ditt val.

Bildrotation^{(Image Rotation)}

För den här ändringen kommer vi att importera en annan bild till lager ovanpå vår nuvarande bild.

• På fliken "Arkiv", välj Öppna som lager...^{(Open As Layers…)} (CTRL + ALT + O)

• Välj det lager du vill lägga till i bilden, i det här fallet använder vi en pil och klicka på Öppna^(Open) .
• Du kommer att se det nya lagret placerat ovanpå den aktuella bilden. För att se hur lagren staplas finns lagerfönstret till höger.

• Med det nya lagret markerat, gå tillbaka till Transform Tools och välj Rotate . Du kan också hitta ikonen Rotera verktyget i ^{(Rotate Tool)}verktygsdokumentet^{(Tool Doc)} .

• Detta kommer att dra upp ett nytt popup-fönster medan du applicerar en hårkorsliknande struktur på din bild.

• Om du vet vilken rotationsvinkel du vill använda kan du ange värdena i de angivna rutorna. Om inte, kan du välja att använda skjutreglaget precis under rutan märkt " Vinkel^(Angle) " eller rotera bilden själv genom att vänsterklicka och dra med musen.
  • Att använda de exakta värdena ger mer exakta resultat, snabbare.
• När du gillar resultatet klickar du på Rotera^(Rotate) .

Designa en miniatyrbild^{(Designing a Thumbnail)}

I det här avsnittet kommer vi att visa dig hur vi skapade miniatyrbilden för den här artikeln med GIMP . Delar av denna handledning kommer att använda några av verktygen som används i Lär dig grunderna^{(Learning the Basics)} . 

Innan vi börjar är det bäst att samla ihop alla bilder du kan behöva. Eftersom miniatyren har hållits enkel, är det enda bildlagret den kommer att kräva GIMP- logotypen, förvärvad via Wikipedia .

När vi har laddat ner och sparat på din dator kan vi komma igång.

• Öppna fliken "Arkiv" och välj Ny...^(New…) (CTRL + N)
  • Detta kommer att dra upp ett " Skapa^(Create) en ny bild"-fönster där du kan välja från en förskapad mall^(Template) eller bestämma storleken på bilden manuellt.

• Våra miniatyrer är aldrig större än 680px bredd, så vi ställer in vår bildstorlek som sådan. När det gäller höjden kommer vi att hålla den på 400px.
• När måtten är inställda klickar du på OK .
• Vi borde nu titta på en tom (vit) duk. Du kan välja att färglägga bakgrunden som du vill med hjälp av Bucket Fill Tool i Tool Doc , men för tillfället håller vi den vit.
• Det bästa du kan göra är att lägga till ditt extra lager nu, på det sättet när vi börjar lägga till texten kan vi justera den så att den inte blockerar bilden. Så öppna fliken "Arkiv" och den här gången väljer du Öppna som lager ...^{(Open As Layers…)} precis som vi gjorde för pilen under bildrotation^{(Image Rotation)} . Välj GIMP- logotypen du laddade ner tidigare och klicka på Öppna^(Open) .
• Lagerbilden är 1200 x 1200 vilket är alldeles för stort för vår primära bild på 680 x 400. Vi måste skala ner den. Om du följer instruktionerna som illustreras ovan, justera bildens bredd och höjd till 200px.
• Vi kan sedan dra bilden åt sidan så att den är ur vägen för vår text tills vi behöver flytta om den.

• Därefter kommer texten. Vi använder genvägskommandot och trycker på ' T '-tangenten på ditt tangentbord för att välja textverktyget^{(Text Tool)} . Vänsterklicka nu i det fina vita området på bilden och börja skriva din titel.

• När allt har skrivits markerar du texten ( CTRL + A ) och väljer typsnittet du vill använda. Vi använde typsnittet Bauhaus 93 , som inte är ett standardteckensnitt. GIMP tar alla typsnitt som finns i Windows Font -mappen och lägger till dem i sitt valbibliotek. Du kan lägga till ytterligare typsnitt genom att ladda ner dem från webbplatser som DaFont och Google Fonts och flytta dem till mappen Windows Font .
• Justera sedan storleken på bokstäverna så att den passar bra i bilden men inte tar upp för mycket plats. Vi bestämde oss för 100px.
• När textjusteringarna har gjorts kan du flytta runt textrutan så att den passar där du behöver den genom att byta till flyttverktyget^{(Move Tool)} . Du kan göra detta enkelt genom att klicka på en del av bilden som inte är texten och klicka på ' M '.

• Välj textlagret i fönstret till höger, högerklicka på det och välj Alfa till urval^{(Alpha to Selection)} från listan . Detta kommer att lägga till en animerad ram till texten i bilden.

• Därefter kommer vi att behöva lägga till ytterligare ett lager. För att göra detta, i samma fönster till höger, lokalisera och klicka på knappen Skapa ett nytt lager . ^{(Create a New Layer)}Detta öppnar fönstret för att skapa ett nytt lager. Oroa dig inte för det mesta som finns här, det är för en mer avancerad handledning. För nu, se bara till att avsnittet "Fyll med:" har Transparens^{(Transparency )} i rullgardinsmenyn och klicka på OK .

• Ett nytt lager som speglar texten som du hade applicerat Alpha på urval^(Selection) skapas. Det bör vara det valda lagret som standard. Vi ska nu lägga till en ram runt texten.
• Klicka på fliken "Välj" och välj Väx^(Grow) . I urvalsrutan som dyker upp, ställ in värdet på " 2 " och klicka på OK .

• Vid det här laget, för att göra det enklare för dig, klicka på Eye -ikonen bredvid det ursprungliga textlagret i lagerfönstret. Ögat försvinner när du klickar på det, och detta döljer textens synlighet medan du fyller i kanten.

• Click Shift + B för att välja Bucket Fill Tool och klicka sedan på huvudfärgrutan för att öppna färgalternativ. Du kan välja från några standardalternativ eller skapa dina egna. Vi bestämde oss för en nyans av blått med HTML -notationen 1b56ff.

• Om du råkar veta lite om CSS kan du använda färgkoderna i den rutan.
• Dra^(Drag) markören över det osynliga textområdet markerat av den animerade kanten och vänsterklicka för att fylla det med färg.

• Klicka^(Click) på området där Eye -ikonen brukade vara för att återupptäcka originaltexten. Dra sedan originaltexten ovanför det färgade lagret i lagerfönstret.
• Högerklicka på det översta lagret och välj Sammanfoga ned^{(Merge Down)} . Bilden ska nu se ut så här:

• Nu ska vi lägga till lite skugga till texten. Klicka^(Click) på fliken "Filter", välj Light and Shadow > Drop Shadow (Legacy)…
• I popup-fönstret väljer du x,y-åtkomsten för skuggan, radien och opaciteten.

• För miniatyrbilden valde vi ' 8 ' i både X och Y, ' 20 ' i oskärpa radie och vred opaciteten till ' 100 '.
  • Du kan ändra färgen på skuggan för att göra den mer synlig på bakgrunden, säg till exempel om din bakgrund var svart skulle det vara bättre att välja en ljusare färg. Men eftersom vår bakgrund är vit är svart helt okej.
  • För att undvika en förskjutning i bilden, avmarkera rutan märkt Tillåt storleksändring^{(Allow resizing)} innan du trycker på OK .
• Slå ihop^{(Merge Down)} drop Shadow-^{(Drop Shadow)} lagret ovanpå ditt textlager.
• Fliken "Välj" > Ingen^(None) (Skift + CTRL + A)
• Det är inte nödvändigt men vi bestämde oss för att lägga till en skugga till GIMP- logotypen. Om du väljer att göra det är anvisningarna desamma. Utöver det, välj GIMP -logotyplagret och flytta det till den position du vill ha i miniatyrbilden.
• Om du i slutet skulle känna att den vita bakgrunden inte är tillräcklig kan du markera bakgrundslagret^(Background) , välja Bucket Fill Tool och fortsätta med att lägga till lite färg. Vi har valt en subtil grå färg för att inte överrösta skuggningen. Den färdiga produkten ska se ut så här:

• Nu är allt som behövs att exportera som^{(Export As)} och spara det på din föredragna plats.

Använda GIMP: Ytterligare hjälp^{(Using GIMP: Additional Help)}

Det kommer inte att dröja länge när du börjar använda GIMP innan du kommer att känna att du behärskar grunderna och ser mot mer komplicerad och professionell stilredigering. Det finns otaliga tutorials där ute att sätta tänderna i som kan hjälpa dig att utöka din praktiska kunskap om GIMP -programvara.

Du kan börja i den officiella GIMP-handledningssektionen^{(official GIMP tutorials section)} men jag föredrar att söka exakt det jag letar efter med YouTube .

GIMP har också en stor användargemenskap spridd över internet som inkluderar en subreddit , inofficiella diskussionsplattformar som GIMP-forum^{(GIMP Forums)} och GIMP Chat , taggade frågor^{(tagged questions)} i avsnittet Grafisk design^{(Graphic Design)} av StackExchange och sociala mediekanaler som Google Plus GIMP-användargruppen^{(GIMP users)} .

The Beginner’s Guide To Using GIMP

Thanks to GIMP, or the GNU Image Manipulation Program, it’s never been easier and more affordable to create epic looking thumbnails and high-quality logos. GIMP is a free to use, open-source answer to image editors looking for an Adobe Photoshop alternative. It’s also quite beginner friendly and has a thriving community filled with tips and tricks to help produce the alterations and revisions that your image requires.

GIMP provides plenty of tools and resources to take any image and add your own professional touch. Those in web design, graphic artists, and amateur photographers will find that GIMP is a great program that can easily accommodate their image enhancing needs. The same can also be said for those just starting out in image manipulation fields.

For beginners, especially when it comes to dealing with new interfaces, your adventure into using GIMP can seem daunting. When the edits you want are minimal, something along the lines of cropping or resizing an image shouldn’t require that you jump through hoops. By taking the time to learn the foundations and where to look for specific things, it won’t take long to realize why GIMP is a great investment.

Once we’ve downloaded and installed the GIMP program, we’ll look into basic editing, while helping navigating the interface, and walk you through how to create a thumbnail like the one used for this article. We’ll also provide a few resources you can use to find advanced help for future GIMP projects.

Download and Install GIMP

• Navigate to the developer’s website and select your download. The file will begin downloading. Allow a few seconds to pass until attempting to install.
• Run the recently downloaded file. Once the installer opens, click the Install button to have gimp installed to the default folder.
  • To change installation settings and add-ons, click Customize instead.
• Follow all installation instructions as they’re presented. It may take several minutes for GIMP to be fully installed.
• After installation is complete, you can begin using GIMP.

Using GIMP: Learning The Basics

Begin the steps below by having GIMP launched and pulled up to a blank canvas window. We’ll use the same image throughout each section.

Image Scaling/Resizing

• Click the “File” tab and import your image by selecting Open… (CTRL + O)

• After the image loads in, click the “Image” tab and select Scale Image from the drop-down menu.

• A dialog box will appear to enable edits.

• Scale/Resize your image using the options provided.
  • Adjust the image by width and height or the X, Y resolution.
  • Modifications can be made by pixels, percent, centimeters, etc.
  • Understand that making the image larger can result in a more pixelated image.
• Once parameters have been adjusted, click Scale to proceed.

File Size Reduction

• Click the “File” tab and select Export As… (Shift + CTRL + E)

• Choose a name and location for where you’d like to save the file.

• Click the ‘+’ next to Select File Type (By Extension) to open a list of file types to save it as. A lossy file type such as jpg or png is preferred.

• Next, click the Export button to have a new window of options pop-up.

• The less things saved, the smaller the size of the image file.
  • Ensure that the Compression level is set to ‘9’ for the smallest size.
• Once you’ve decided which elements of the image you’d like saved, click Export.

Image Cropping

• Navigate to the “Tools” tab and select Transform Tools > Crop (Shift + C)

• You can also select the Crop Tool by clicking on its icon in the Tool Doc near the top-left of the interface.
  

• Next, holding down the left-mouse button, drag your cursor across the area you want to make as your final image.
• Once settled, all parts of the image outside of the part you selected, will darken while the part set as your final image will remain intact.

• You can adjust the area using the corners of the box by either shrinking or expanding them by dragging your mouse button.
• Once you have the image as you’d like it, either left-click it, press Enter, or press Shift + C simultaneously to crop to your selection.

Image Rotation

For this modification, we’re going to import another image to layer atop our current image.

• In the “File” tab, select Open As Layers… (CTRL + ALT + O)

• Select the layer you’d like to add to the image, in this case we’ll be using an arrow, and click Open.
• You’ll see the new layer placed on top of the current image. To see how the layers are stacked, the layer window is located on the right.

• With the new layer highlighted, head back into Transform Tools and choose Rotate. You can also find the Rotate Tool icon in the Tool Doc.

• This will pull up a new pop-up window while applying a reticle-like texture to your image.

• If you know the angle of rotation you want to apply, you can enter the values into the provided boxes. If not, you can choose to use the slide bar just below the box labeled ‘Angle’ or rotate the image yourself using your mouse’s left-click and drag.
  • Using the exact values provides more precise results, quicker.
• Once the results are to your liking, click Rotate.

Designing a Thumbnail

In this section, we’re going to show you how we created the thumbnail for this article using GIMP. Portions of this tutorial will use some of the tools used in Learning the Basics. 

Before we begin, it’s best to gather up any images you may need. Because the thumbnail has been kept simple, the only image layer it will require is the GIMP logo, acquired via Wikipedia.

Once downloaded and saved to your computer, we can get started.

• Open the “File” tab and select New… (CTRL + N)
  • This will pull up a “Create a New Image” window where you can select from a pre-created Template or decide on the size of the image manually.

• Our thumbnails are never any larger than 680px width, so we’ll set our image size as such. As for the height, we’ll keep it at 400px.
• Once the dimensions are set, click OK.
• We should now be looking at a blank (white) canvas. You can choose to color the background however you like using the Bucket Fill Tool in the Tool Doc, but for now, we’ll keep it white.
• The best thing to do is add your additional layer now, that way once we begin adding the text, we’ll be able to adjust it so that it doesn’t block out the image. So, open the “File” tab and this time select Open As Layers… just as we did for the arrow during Image Rotation. Select the GIMP logo you downloaded earlier and click Open.
• The layer image is a 1200 x 1200 which is much too large for our primary image at 680 x 400. We’ll need to scale it down. If you follow the instructions illustrated above, adjust the image width and height to 200px.
• We can then drag the image off to the side so that it’s out of the way for our text until we need to reposition it.

• Next comes the text. We’ll use the shortcut command and hit the ‘T’ key on your keyboard to have the Text Tool selected. Now, left-click in the nice white area of the image and begin typing your title.

• Once it’s all typed out, highlight the text (CTRL + A) and select the font you’d like to use. We used the Bauhaus 93 font, which isn’t a standard font. GIMP will take all fonts located in the Windows Font folder and add them to its library of choices. You can add additional fonts by downloading them from sites like DaFont and Google Fonts and moving them over to the Windows Font folder.
• Next, adjust the size of the lettering so that it fits well within the image but doesn’t take up too much room. We settled on 100px.
• Once the text adjustments have been made, you can move the text box around to fit where you need it by swapping to the Move Tool. You can do this easily by clicking on an area of the image that isn’t the text and clicking ‘M’.

• Select the text layer in the window to the right, right-click it, and from the list select Alpha to Selection. This will add an animated border to the text in the image.

• Next, we’re going to need to add an additional layer. To do this, in the same right side window, locate and click the Create a New Layer button. This will open up the window to create a new layer. Don’t worry about most of what is on here, that’s for a more advanced tutorial. For now, just ensure that the “Fill with:” section has Transparency in the drop-down and click OK.

• A new layer mirroring the text that you had applied Alpha to Selection is created. It should be the selected layer by default. We’re now going to add a border around the text.
• Click the “Select” tab and choose Grow. In the selection box that pops up, set the value to ‘2’ and click OK.

• At this point, to make it easier for you, click the Eye icon next to the original text layer in the layers window. The eye will disappear once clicked, and this will hide the text’s visibility while you bucket fill in the border.

• Click Shift + B to select the Bucket Fill Tool and then click on the main color square to open up color options. You can select from a few default options or create your own. We settled on a shade of blue with the HTML notation of 1b56ff.

• If you happen to know a little about CSS, you can use the color codes in that box.
• Drag your cursor over the invisible text area marked by the animated border, and left-click to fill it with color.

• Click the area where the Eye icon used to be to re-reveal the original text. Then, drag the original text above the colored layer in the layer window.
• Right-click the top most layer and select Merge Down. The image should now look like this:

• Now we’ll add a bit of shadow to the text. Click the “Filters” tab, select Light and Shadow > Drop Shadow (Legacy)…
• In the pop-up window, select the x,y access of the shadow, the radius, and the opacity.

• For the thumbnail we selected ‘8’ in both X and Y, ‘20’ in blur radius, and cranked the opacity to ‘100’.
  • You could change the color of the shadow to make it more visible on the backdrop, say for instance if your background was black it would be better to choose a brighter color. However, since our background is white, black is perfectly fine.
  • To avoid a shift in the image, uncheck the box marked Allow resizing before pressing OK.
• Merge Down the Drop Shadow layer on top of your text layer.
• “Select” tab > None (Shift + CTRL + A)
• It’s not necessary but we decided to add a shadow to the GIMP logo. If you choose to do so, the directions are the same. Other than that, select the GIMP logo layer and move it into the position you want in the thumbnail.
• At the end, should you feel the white background to not be adequate, you can highlight the Background layer, select the Bucket Fill Tool, and proceed to add a bit of color. We’ve chosen a subtle gray so as not to drown out the shadowing. The finished product should look like this:

• Now, all that’s needed is to Export As and save it to your preferred location.

Using GIMP: Additional Help

It won’t be long once you start using GIMP before you’ll feel like you’ve mastered the basics and look toward more complicated and professional style editing. There are countless tutorials out there to sink your teeth into that can help with expanding your working knowledge of GIMP software.

You can begin in the official GIMP tutorials section but I prefer to search exactly what I’m looking for using YouTube.

GIMP also has a large user community spread across the internet that includes a subreddit, unofficial discussion platforms like GIMP Forums and GIMP Chat, tagged questions in the Graphic Design section of StackExchange, and social media channels like the Google Plus GIMP users group.

Related posts

• En nybörjarguide till Paint.NET & hur skiljer det sig från Photoshop?

• Hur fungerar WhatsApp? (En nybörjarguide)

• Övervaka en mapp för ändringar med Directory Monitor

• 5 appar som föräldrar kan använda för att spionera på sina barns internetanvändning

• Guide för att konvertera bilder till Windows- eller Mac-ikoner

• Vad är Discord Nitro och är det värt det?

• Bästa gratis karaokeprogramvaran för Windows

• Hur man ställer in och använder ett VPN: En nybörjarguide

• 6 anledningar till att AllTrails Pro är värt det för ivrig vandrare

• Intego Antivirus Recension: Kraftfull men funktionsbegränsad

• En Ubuntu Linux-guide för nybörjare

• Hur man använder Google Dokument: En nybörjarguide

• SurveyMonkey vs. Google Formulär: Vilket är bättre?

• uBlock Origin: The Ultimate Review and Guide

• De 13 bästa gratisalternativen till Microsoft Visio

• Nybörjarguiden till TikTok: Vad det är, hur man kommer igång med det

• Nybörjarguide till Windows kommandotolk

• Bästa eBook Reader Software för mobil, bärbar dator eller PC

• De 6 bästa onlineparafraseringsverktygen för att skriva om text

• Den kompletta nybörjarguiden till IFTTT