kulmedgimp

Alla inlägg under november 2014

Av Yvonne Johansson - 27 november 2014 17:52

Hejsan! Nu ska jag visa hur man gör en snö animation bakom ett fönster. Om ni inte haft med Gimp att göra tidigare, så bör ni börja från början i bloggen för jag kommer inte upprepa det jag lagt upp i bloggen tidigare, däremot så talar jag om var i bloggen ni kan hitta info.

 

 

 

För att kunna göra denna snö animation måste ni ha laddat hem och installerat det här scriptet, som ni laddar hem från den här sidan http://gimpscripts.com/2011/12/animated-snowfall/ 

 

Jag har i början i bloggen, januari 2014 lagt in ett inlägg om hur man installerar program och scripts i Gimp. Kopiera av filen när du laddat hem det och klistra sedan in det i mappen scripts i Gimp. Om allt är ok så ska du sedan hitta det här om du klickar på Filter och sedan Animation. Se bilden nedan.

 

 

 


Men först måste vi ha en bild på ett fönster. Jag laddade hem en bild på ett fönster från en sida där man grattis kan ladda hem bilder. Från den här sidan: http://pixabay.com/sv/photos/f%C3%B6nster/?orientation=&image_type=&cat=&colors=&q=&order=best&pagi=6  Jag gjorde sedan en pensel av bilden. Jag gillade inte vyn i fönstret, och nu kan jag ändra på vyn som jag vill. Jag har visat tidigare hur man gör egna bilder i Gimp, med hjälp av penslar och gradienter. Det viktigaste nu är att ni har ett fönster som liknar det fönster jag har i animationen, för nu kommer det bli lite avancerat. Jag har visat hur ni använder fri markeringsverktyget tidigare, tex i förra inlägget, och nu hoppas jag att jag lyckas visa hur ni ska göra den här gången.

 

Börja med att ladda upp en bild med ett fönster som liknar fönstret jag har. Förstora gärna upp bilden sedan lite med hjälp av förstorings verktyget i vertygslådan. Obs! Det underlättar om hela fönstret syns. Klicka sedan på Fri markerings verktyget och klicka i som jag har gjort i bilden nedan. Jag har markerat start punkten med en röd färg. Andra gången jag klickade i markerings verktyget var en bit innan hörnet i understa fönstret, och en bit efter hörnet i andra fönstret.

 

 

I bilden nedan har jag gjort likadant men jag klickade i hörnet i fönstret längst upp och svängde sedan till höger och klickade i hörnet i fönstret längst upp till höger. Jag gick nedåt och klickade i hörnet innan jag svängde till vänster och klickade i vänstra hörnet längst ner. Ni kan se ringarna där jag klickat. Den gula ringen är där jag klickat i sist.

 

 

 

I bilden nedan har jag gjort likadant med det mittersta fönstret till höger.

 


 

 

I bilden nedan ser ni hur jag markerat runt nedersta fönstret och klickat i en bit före hörnet på det mellesta högra fönstret. Det finns en anledning till varför jag måste göra så. Det går inte att klicka i samma ställen (ringar) som du tidigare klickat ner på. Inte förrän du kommer till ringen som jag markerat rött, stället där du startat merkaringen på. Var noga med att linjerna du markerar med går i linje med varann (på varandra). Obs! Om du skulle göra något så det blir fel, så kan du inte radera det du gjort genom att gå till redigera och ångra. Du måste klicka på verktyg längst upp, och klicka sedan på markerings verktyg och fri markering och börja om.

 

 

 

I bilden nedan har jag kommit en bit längre och har nu svängt till vänster från det att jag markerat vänstra hörnet i högra fönstret längst upp. Nu har jag varit extra noga med att lägga linjen precis jämnts med den gamla markeringen uppe i fönstret. Hoppas ni ser vad jag menar.

 

 

I bilden nedan har jag kommit ännu en bit längre, och ni kan se vart jag klickat ner tack vare ringarna. Nu är jag på väg nedåt och markerar fönstren som jag gjort med det vänstra översta. 

 

 

 

I bilden nedan så ska jag strax klicka i sista ringen där jag startade. Hoppas ni hängt med runt och förstått hur ni ska markera.

 

 

 

När jag markerat färdigt så kunde jag inte låta bli att klicka i en pensel på ett träd. Tack vare att jag markerat runt det område jag vill att det ska snöa i, så syns nu endast en bit av trädet som jag klickat in. Hoppas jag förklarade rätt där så ni förstod vad jag menade. Titta gärna in i inlägget innan det här. Där visar jag hur man gör en animerad katt med vispande svans.

 

Innan ni gör en snö animation så måste ni förminska bilden. Om den blir för stor så fungerar den inte så bra, kanske inte alls om ni laddar upp den i en blogg. Jag valde storleken 450px. brett och 400px. högt.  Klicka på bild och skala bild och välj sedan storleken. Mer info om hur man gör finns i början av bloggen.

 

 

 

Klicka nu på Filter, animation och Animated snow, se bilden nedan.

 

 

 

Om installationen av scriptet har hamnat rätt, så ska det här fönstret dyka upp. Se bilden nedan. Vid nr. 1 så ändrade jag inställningen till det ni kan se på bilden. Vid nr.2 så ändrade jag mängden på snö till 55. Vid nr. 3valde jag lagerattributen till 100 (hastigheten på lagren) När ni gjort den inställningen så behöver man inte ändra på Lagerattributen senare. Vid nr. 4 så klickade jag i rutan (Limit snow for selection) Det måste jag göra för att det bara ska snöa där jag markerat, (bakom fönstret). Sedan vid femman så valde jag en lite gråare färg på snön. Jag har strukit under där man klickar och väljer färg. Sedan klickade jag ok.

 

 

 

Nu jobbar programmet på och vips så har du sedan en snö animation. Du behöver inte ändra på lagerattributerna men du måste optimera för gif innan du sparar ned animationen. Info om hur man sparar ner kan ni se 2 inlägg nedåt i bloggen, eller titta till vänster och söka bland inläggen.

 

 

 


Hoppas ni gillade det här inlägget och att ni förstod vad jag försökte visa. Jag har lite koncentrations svårigheter ibland, och det är en hel del jobb att göra bilder och försöka skriva så alla förstår vad man menar. Om ni tycker det är lite jobbigt med att göra en fri markering mm. så kan ni testa att göra en snö animation med en enkel vy utan att ha markerat något.

 

Ha det så gott så länge så får vi se vad jag hittar på nästa gång.

 


Av Yvonne Johansson - 24 november 2014 17:34

Hejsan! Hoppas allt är bra. I det här inlägget tänkte jag visa hur man gör en piskande svans i en animation. Jag har i ett tidigare inlägg visat hur man gör en omvänd pensel, (pensel som man vänt på med hjälp av vänd verktyget). Inlägget kan ni hitta om tittar till vänster i bloggen bland inläggen. Ni behöver bara scrolla några inlägg nedåt annars. Om ni inte vet hur man gör en pensel jag använder mig utav i det här inlägget, så klicka på februari 2014, och scrolla sedan tills ni kommer till början av månaden. Ni kan hitta månaderna till vänster i bloggen.

 

Bilden nedan är den jag använt mig av.

 

 

Jag gjorde flera varianter, för jag tänkte göra en eller flera animationer av katten. I bilden nedan kan ni se dom olika penslarna jag gjort.

 

 

 

Om ni vet hur man gör penslar och hur man använder vändverktyget, så kan ni lätt få till dessa penslar. Nu börjar vi.

 

 

 

Jag började med att ladda upp en ny bakgrund. 400 brett och 500 högt valde jag. Se bilden ovan. Som bakgrundsfärg valde jag en gradients färg. Jag har visat i ett tidigare inlägg hur man använder gradienter. Sedan gjorde jag en dublett genom att klicka på "tv rutan" lagren i bilden ovan. Obs! Jag glömde markera ikonen i bilden. Scrolla nedåt lite så dyker en bild upp hur man gör. Markera sedan nedersta lagret så det blir blått, och klicka bort ögat på det översta.

 

 

 

I bilden ovan så har jag klickat i penseln i bilden. Innan jag klickade i penseln så valde jag storlek 360,77 på penseln. Jag tog sedan"stöd" med penselns pil på 200px, på både bredd och höjd. Jag skrev ner det på ett papper, likaså storleken på penseln för att komma ihåg det tills senare, när jag klickar i den omvända penseln.

 

 

 

Klicka på fri markerings verktyget i verktygs lådan (se bilden ovan), och klicka runt i kanten på missens rumpa och en stor yta nedanför där svansen ska röra på sig.

 

 

 

Gör sedan 3 dubletter genom att klicka på "tv" ikonen nedanför lagren. Se bilden ovan. Klicka sedan bort ögonen på dom översta lagren och markera det understa.

 

 

 

Sedan valde jag en av svans penslarna. Jag valde storleken 160,42 och vinkeln -20,00. Ni kan se dom valda inställningarna längst ner till vänster i bilden ovan. Jag klickade i penseln lite till höger under rumpan på missen.

 

 

 

Nu klickade jag bort ögat i det understa lagret och markerade det andra lagret så det blev blått. Se bilden ovan. Sedan ändrade jag vinkeln på svansen till -11,00 (se inställningarna till vänster i bilden) och så klickade jag i svansen lite mer till vänster. Om du vill se hur svansen rör på sig så klicka fram övat i det understa lagret och klicka lite fram och tillbaka så ser du hur svansen ändrar på sig.

 

 

 

Jag gör likadant med lager 3, se bilden ovan, men jag har vinklat penseln till -3. 

 

 

 

Jag klickar fram det 4:e lagret och markerar det så det blir blått, i bilden ovan så är det grått. Jag klickar sedan på rektangelmarkerings verktyget i verktygs lådan och markerar runt hela bakgrunds bilden och klickar sedan i ett av hörnen. Nu har frihands markeringen försvunnit.

 

 

 

Nu tar jag den omvända penseln och redigerar storleken så den får samma storlek som den förra penseln på missen, 360,27. Sedan tar jag stöd med penselns pilar på 200px vid bredd och höjd. Jag har glömt att ringa in dom med röd färg i bilden ovan. Jag vinklade penseln på missen till -20 och klickade i penseln i bakgrunds bilden sedan.

 

 

 

Nu klickar jag på frihandsmarkerings verktyget och markerade runt, runt rumpan som jag gjorde tidigare. Jag gjorde sedan 2 dubletter till, så det allt som allt blev 6 lager. Jag klickade bort ögonen på dom 2 översta lagren och markerade det understa lagret med den omvända missen utan svans.

 

 

Jag tog sedan penseln med den omvända svansen. Jag redigerade storleken till 160,36 och vinklade penseln till -20 och klickade i svansen lite vänster vid rumpan. I det näst sista lagret så ändradejag vinkeln på svansen till -11 och på det sista lagret -3. Ni har nog förstått att jag gör svansen baklänges vid det här laget. Se bilden ovan.

 

 

 


I bilden ovan så har jag redan valt att redigera lagerattributerna. Om ni inte vet hur man gör redan, så får ni lära er det i det förra inlägget.

 

Nu kan ni se hu ranimationen blev genom att klicka på filter, animationen och uppspelning.

 

 

 

Så här blev min animation. Hoppas ni hängde med och förstod allt. Om ni vill spara ner animationen så klicka på filter, animation och optimera för gif. Ett nytt fönster dyker upp. Klicka i det nya fönstret på arkiv och sedan på export. Jag har i ett tidigare inlägg längre ner i bloggen  visat hur man sparar ner animationer. Det är bara att scrolla lite nedåt.

 

 Ha det så gott så länge så får vi se vad jag hittar på nästa gång .

 

 

 


Av Yvonne Johansson - 19 november 2014 17:18

Hejsan! Hoppas allt är bra och att ni gillar det jag försöker lära er inne i Gimp, och att ni förstår mina instruktioner. Jag försöker så gott det går. Om ni är nybörjare och inte kan något så börja från början i bloggen. Ni kan leta bland inläggen till vänster i bloggen, men alla inlägg syns inte så ni får gå in på månaderna. Om det är något ni undrar över så leta gärna först innan ni frågar.

 

I det här inlägget så ska jag visa hur man redigerar lagerattributen i en animation. Jag kommer inte att visa hur man gör längre fram så jag gör det här speciella inlägget så det ska bli lättare att hitta i bloggen.

 

 

I bilden ovan finns 4 lager. Jag har höger klickat på det nedersta och sedan går jag längst upp i det nya fönstret och klickar på redigera lagerattribut.

 

 

 

Ett nytt litet fönster dyker upp och där skriver jag Bakgrund(200ms). se bilden ovan. Man skriver alltid bakgrund på det nedersta lagret, för det är det lagret man utgår ifrån. Sedan bestämde jag mig för att ha 200 i hastighet på det lagret.

 

Sedan höger klickar jag på andra lagret och klickar på redigera lagerattribut igen.

 

 

 

När samma lilla ruta dyker upp så skriver jag Bildruta istället för bakgrund. Jag skrev bildruta 2(200ms). Jag gör likadant med dom övriga lagren, men jag ändrade hastigheten på dom, för att visa skillnaden i animationen för er. Se bilden nedan.

 

 

 

Så här blev animationen.

 

 

 

Ni kan se att animationen rör sig lite ryckigt. Det beror på att jag har varierat på hastigheten på lagren. I animationen har jag använt en pensel som jag har vänt. Jag visade hur man gjorde en omvänd pensel för några inlägg sedan. Om ni vill lära er hur man gör egna penslar från början, då ska ni gå in på februari månad 2014.

 

Här kommer några animationer som jag gjort med samma pensel, Men jag har använt vinkel verktyget och fri markerings vertyget när jag gjort dom.

 

   

 

Jag tänkte jag skulle visa hur man får till en piskande svans i nästa inlägg.

Ha det så gott så länge.

 

 

 


Av Yvonne Johansson - 19 november 2014 17:00

Hejsan! Idag tänkte jag visa lite kort hur man sparar ner en animation i Gimp. I förra inlägget så gjorde jag en animation med hjälp av vinkelverktyget till penseln, men jag visade inte hur man sparade ner. Jag har tidigare visat hur man gör det, men jag tänkte jag skulle göra ett extra inlägg, så det blir lättare att leta bland inläggen.

 

När ni har gjort en animation som ni vill spara ner, så börja med att optimera för gif.

Klicka på filter, animation och optimera för gif. se bilden nedan.

 

 

 

Gå sedan upp till arkiv och klicka sedan på exportera.

 

 

 

 

 

Välj sedan var du vill spara ner den någonstans och ge den ett namn, tex. gungande_häst.gif (se bilden ovan), klicka sedan på spara. Ett nytt mindre fönster dyker upp. Där klickar ni i som animation, sedan på export. Om du någon gång skulle missa spara som animation, så sparas animationen ner som en bild.

 

I nästa inlägg så ska jag visa hur man skriver i lagerattributen när man gör en animation.

 

Ha det så gott så länge.

 

 

Av Yvonne Johansson - 18 november 2014 18:27

vinkelverktyget till penseln.

 

 

 

Animationen överst har jag gjort med hjälp av vinkelverktyget jag visade i förra inlägget. Gunghästen är en egenhändigt gjord pensel jag gjort av en bild. Om ni inte har haft något med Gimp tidigare att göra, elelr om det är första gången ni tittar in i bloggen så börja från början. Klicka på Januari 2014 och scrolla nedåt. I Januari och februari finns det 2 sidor fulla med inlägg. Om ni undrar hur man gör en egen pensel som den överst, så gå till början av februari.

 

Nu börjar vi.

 

Ladda upp en ny bild eller en bild som ni vill ha gunghästen i. se till att ha ett golv som stöd. Det underlättar om man inte vill att gunghästen åker upp och ner för mycket i animationen sedan.

 

 

 

Jag valde en pensel i pensel lådan när jag gjorde golvet i bakgrunds bilden. Se bilden ovan.

 

 

 

Jag klickade sedan på ikonen för att skapa en dublett och klickade bort ögat på dubletten och markerade undre lagret så det blev blått. Obs! lagret råkade bli grått när jag gjorde bilden.

 

 

 

Jag valde penseln med gunghästen och klickade i penseln i det understa lagret. Jag såg till att gunghästen tog stöd på golvet och så uppmärksammade jag var penselns pil hamnade längst upp. Jag skrev upp 200 px, på ett papper så jag kom ihåg det till nästa gång jag klickar i nästa pensel i nästa lager.

 

 

 

I bilden ovan så har jag gjort en dubblett till, av det översta lagret så det nu är 3 lager. Jag klickade bort ögat på det översta och markerade det mellersta.

 

 

 

Nu ska jag ändra vinkeln på penseln. I bilden ovan så visar jag vinkelverktyget för penslar. Jag ställde in det på -9,91, och nu har gunghästen börjat luta lite framåt. Jag klickar i penseln i bilden, men innan kollar jag så gunghästen tar stöd på ung samma ställe på golvet, men med måtten 180 px längst upp. Om du inte skulle vara nöjd med placeringen av penseln så klicka på redigera och ångra så försvinner penseln från bakgrunden.

 

 

 

Klicka nu fram ögat på det översta lagret och markera det så det blir blått. Se bilden ovan.

 

 

 

Nu ändrar jag vinkeln på gunghästen till -11,91 och längst upp visar nu penselns pil på  175 px. KLicka i penseln med dessa inställningar. Se bilden ovan.

 

 

 

Nu markerar jag mittersta lagret så det blir blått.

 

 

 

Jag höger klickar på lagret och klickar på duplicera lager. Se bilden ovan.

 

 

 

Det nya lagret som heter Bakgrund-kopia #2, ska jag nu placera ovanför det översta lagret. Se bilden ovan. Jag klickar på lagret och håller ner musen.

 

 

 

I bilden ovan ser ni hur lagret förs upp ovanpå det översta lagret. Släpp lagret när lagrets vänstra kant är i hörnet på vänstra kant på det översta lagret. Om det är första gången ni gör det, så är det inte säkert att det lyckas på en gång. Man får öva lite. Även jag misslyckas ibland.

 

 

 

I bilden ovan så har Bakgrund-kopia #2 hamnat överst.

 

 

 

Högerklicka nu på det nedersta lagret och klicka sedan på redigera lagerattribut. Se bilden ovan.

 

 

 

Ett mindre fönster dyker upp där ni skriver Bakgrund(150ms) Jag har visat tidigare hur man gör detta. Den här gången valade jag hastigheten på lagret 150. Tex. om jag skulle skriva 100 så skulle gunghästen gunga fortare och om jag skrev 200 så skulle den gunga saktare, Ni får testa er fram. (Se bilden ovan).

 

 

 

Jag markerar det andra lagret och gör likadant som det understa, men här skriver jag Bildruta2 istället. Se bilden ovan.

 

 

 

Jag gör likadant på alla lager så det ser ut som i bilden ovanför. Nu kan ni se hur animtionen blev, genom att klicka på Filter, animation och uppspelning.

 

Om ni är nöjda med animationen och vill spara ner den, klicka på filter igen och sedan på optimera för GIF. Gå sedan upp till Arkiv och klicka sedan på exportera. Välj namn på animationen och skriv gif, tex Gunghäst.gif och klicka sedan på spara när du valt i vilken mapp du vill ha den i. En ny ruta dyker upp, där du måste klicka i spara som animation innan du klickar på spara igen.

 

I nästa inlägg tänkte jag visa med bilder hur man sparar ner en animation. Jag har visat i tidigare inlägg hur man gör, men det var ett tag sedan. 

 

Hoppas ni förstod det jag försökte visa och att ni har kul med gimp. Ha det så gott så länge.

 

 



 

 

 

 

 

Av Yvonne Johansson - 16 november 2014 17:55

Hejsan! Nu tänker jag visa lite snabbt hur manändrar storlek och vinkel på penslarna man har i pensel lådan.

 

 

 

I bilden ovan så har jag ringat in penslarna i verktygs lådan till höger, och inställningarna på penslarna till vänster.

 

I bilden nedan så har jag ringat in pensel verktyget längst upp och inställningen där man ändrar storleken på penseln. Man vänsterklickar med musen och håller ner medans man för verktyget från vänster till höger eller tvärtom. Man kan också klicka på dom små pilarna till höger inom det inringade området.

 

 

 

I bilden nedan vid det inringade området så ändrar man vinkeln på penseln. Man gör likadant som när man ändrar storleken. Gunghästen till vänster har jag ändrat inställningarna från 0,00 till -27,27.

 

 

 


I nästa inlägg ska jag visa hur man gör en animation av gunghästen med hjälp av vinkel verktyget jag visat. Obs! Man kan inte använda vinkelverktyget längst upp i verktygs lådan på penslarna.


Av Yvonne Johansson - 15 november 2014 19:11

Hejsan! Nu ska jag visa hur man använder roterings verktyget.

 

Börja med att ladda upp en bild. Klicka sedan på roterings verktyget i vertygs lådan. Jag har ritat en röd ring runt verktyget. Se bilden nedan.

 

 

 

Klicka sedan på mitten av bilden. Se bilden nedan.

 

 

 

Ett nytt litet fönster dyker upp där ni bestämmer hur mycket ni vill rotera bilden med. Dessa inställnigar valde jag. Se bilden nedan.

 

 

I bilden ovan så bästämde jag mig för 13.00 i vinkel. Man kan flytta på "regleraren" under för att snabbt få den vinkel man vill ha på bilden. Klicka sedan på rotera.

 

Så här ser bilden ut när du roterat bilden. Se bilden under.

 

 

 

Om den vita bakgrunden varit större, så hade man kunnat beskära bilden så bilden med katten blivit fyrkantig utan någon transparent bakgrund. I nästa inlägg ska jag visa hur man får en ny vinkel på en pensel.

 

Ha det så gott så länge.

 


Av Yvonne Johansson - 15 november 2014 17:47

Hejsan! Nu ska jag visa hur man gör en omvänd pensel. Jag har tidigare visat hur ni gör egna penslar, men ibland kanske man vill vända på dom, speciellt om man tänker göra en animation tex. Det ska jag visa lite senare.

 

Obs! Ni som är nybörjare och inte har en aning om hur Gimp fungerar, börja med första inlägget i bloggen. Mina tidigare inlägg ser ni till vänster i bloggen och länkar till sidor där ni kan ladda ner program och annat material. Ju längre fram i inläggen jag kommer ju mer avancerat blir det. Om ni undrar över något så titta igenom inläggen först. Ni kanske hittar det söker efter innan ni frågar.

 

Nu börjar vi. Börja med att göra en pensel och spara ner den som på bilderna nedan.

 

 

 

   


I bilden ovan så ser ni hur jag sparat ner den första penseln.

 

När du sparat ner denså kicka sedan vändverktyget och sedan på bilden. Se bilden nedan.

 

 

Nu har katten vänt på sig åt andra hållet. Spara ner den men skriv i den lilla rutan där du sparar ner den med, med en anna  text. tex. Fanny cat 1 eller 2, bara så du kan skilja på dom. 

 

Gå ner till rutan där penslarna finns och klicka på uppdatera penslar när du är klar.

 

 

 

Ni kan också spara ner penslarna i datorn som transparenta bilder om ni vill. Det har jag visat i ett tidigare inlägg. 

 

I nästa inlägg ska jag visa hur man använder roteringsverktyget. Ha det så gott.

 

 


Ovido - Quiz & Flashcards