Hejsan på er!

Nu ska jag försöka visa er hur man gör en textanimation med färg. Om ni inte vet hur man skriver en text i Gimp så gå till inlägget "Att skriva text i Gimp". Se dom tidigare inläggen till vänster i bloggen. Om ni inte heller har gjort en animation gå till inlägget "En enkel blinkande text animation". Det är för att jag inte kommer ta med allt som jag visat tidigare, det blir så mycket information och bilder.

Nu kör vi.

Se bilden ovan. Jag valde storleken på bakgrundsbilden 500 brett och 150 högt och valde den här texten. Jag valde också svart färg så länge. Jag ska först visa hur man använder färgerna.

Gå till lagerlådan till höger och högerklicka på textlagret som är andra lagret. Klicka sedan på Merge down (sammanfoga nedåt) Nu har textlagret åkt ner i bakgrundslagret. Som ni ser i bilden ovan så är bakgrunds bilden kanske lite för stor, så jag tänkte visa hur man beskär bilden.

I bilden ovan så har jag klickat på beskärnings verktyget i verktygs lådan. Jag har glömt att rita en röd ring om verktyget, men det är 2 linjer runt om.

Med hjälp av verktyget (se bilden ovan), så har jag markerat bilden runt om till lagom storlek. Sedan klickar jag i ett av hörnen i den markerade rutan. Då försvinner överflödet av det man vill ta bort.

Gå sedan till högra lådan som kallas för lagerlådan.  Se bilden nedan.

Klicka 2 ggr. på ikonen jag strukit under. Nu har du 3 lager. (Se bilden ovan) Klicka bort ögonen och markera det understa.

Nu, nu ska vi fylla i med färg.

Klicka i rutan vid ettan (där väljer man färg). Ett nytt fönster/ruta dyker upp. Klicka i rutan vid 2:an, då dyker det upp färgade breda "streck". Jag klickade på rosa och sedan på ok.

Sedan klickade jag på hink/ifyllnings verktyget (se bilden ovan) och klickade i FG color fill, om den inte redan är markerad redan.

Sedan klickade jag i texten i första lagret så texten blev rosa. Se bilden ovan.

Som ni ser så blir kanterna i texten lite svart. Om man vill ha konturerna i texten i samma färg, så väljer man att skriva texten i rosa. Då väljer man textverktyget föst och sedan väljer sedan färg som ni precis gjort.

Gå sedan till högra lådan (lagerlådan) och klicka fram ögat på det andra lagret och markera det. Klicka sedan fram "färgfönstret" som ni nyss valde färg ifrån.

Se bilden nedanför.

I fönstret change forgroundscolor (ändra förgrundsfärg) så gör ni den rosa färgen ljusare vid 2:an. Flytta den lite åt vänster, till mitten ung. och klicka på ok sedan.

En ny ljusare rosa har dykt upp i rutan vid 1:an.

Klicka i den färgen i det andra lagrets text.

Klicka fram ögat i det översta lagret och markera det. Gör om samma procedur och klicka fram fönstret med färgerna.

Nu gör du den rosa färgen ännu ljusare. (Se bilden ovan). Jag har strukit under där du gör färgen ljusare. Klicka sedan på ok.

Nu färgar du det 3:e lagrets text.

Se bilden nedan.

Nu ska vi bestämma lagerattributerna. Ursäkta! Jag glömde göra en bild där jag visar lagerattributerna. Högerklicka på det nedersta lagret. Klicka sedan på Edit layer Attribute längst upp. Skriv sedan som i bilden nedanför.

Gör likadant med andra och tredje lagret men skriv så här: Bildruta1(200ms), Bildruta2(200ms) Se bilden nedan.

För att se din animation nu, gå till Filter, Animation och Playback och spela upp. (Se bilden nedan)

Så här blev min animation.

Den går lite långsam tycker jag, eller... Jag skrev om lagerattributerna på alla lagren och skrev (100ms) istället. Då blev animationen så här.

Ni kan välja andra färger och mixtra med, och testa olika hastigheter också. Hoppas ni fattade något av vad jag försökte förklara. Spara nu ner Animationen som ni fått lära er i ett tidigare inlägg. (Se till vänster i bloggen bland inläggen).

Öva nu så ses vi snart igen. Ha det så gott.

Hejsan!

I det här inlägget ska jag försöka visa hur man hanterar/bläddrar mellan fönstren i Gimp som dyker upp när man gör bilder och animationer. När man laddat upp en bild med tranparent bakgrund tex. som man vill klistra in i en annan bild så försvinner gärna bilden man vill klistra in bilden i. Den som inte riktigt vet än hur Gimp funkar kan bli riktigt frustrerad. Lugn, bilden är inte borta, den har bara försvunnit bakom det första fönstret som man startar med. Se bilden nedan.

I bilden ovan vill jag klistra in Gimps Gnu bild i den lila bilden som jag gjort efter att jag laddat upp Gnu bilden. Gnu bilden laddade jag upp först. Den har en transparent bakgrund.

För att komma åt bilden jag vill klistra in den i så går jag ner med musen till Gimps Gnu ikon längst ner. Jag har ringat in den med röd färg. Då dyker 2 små fönster upp med den fösta bilden jag laddat upp, Gnu bilden som jag vill klistra in i den lila bilden, och så den lila bilden. Om jag klickar på den lila bilden så dyker den upp framför Gnu bilden. För att inte riskera att den lilla bilden inte ska försvinna så lätt igen, så klickar jag upp den så den täcker hela skärmen. Hoppas ni förstått.

Här kommer en till bild, en bild där jag tagit en bild av bilden ovan. Nu har det blivit 3 små fönster längre ner när jag fört ner musen över Gimp ikonen. Obs! Jag klickar inte på ikonen, bara på fönstret jag vill få upp.

Nu har det dykt upp 3 små fönster. Känner igen bilden i det 3:e fönstret?

I bilden nedan så har jag klistrat in Gimps Gnu bild i den lila bilden. Hur man klistrar in en bild i en annan bild, det ska jag visa lite senare.

Träna gärna lite på det här. ladda upp en bild och en ny bild och bläddra mellan dom så ses vi snart igen. Tänkte visa hur man gör en textanimation med färger nästa gång.

Ha det så gott.

Hejsan!

I det här inlägget så visar jag hur ni gör om ni ångrar något ni gjort och vill backa, eller börja på ny kula. Jag har i tidigare inlägg berättat hur ni ska göra men för att ni ska hitta bättre i bloggen om ni undrar över något, så har jag skrivit ett inlägg om det. Sedan till vänster i bloggen så kan hitta vad ni söker bland mina tidigare inlägg.

Här kommer första bilden. I bilden nedan så har jag fyllt en ruta/bild med mönster men sedan ångrat mig. Då går klickar jag på Edit som finns intill File och Select och sedan på Undo mm. Om du vill backa ännu mer så fortsätter du att göra samma procedur.

 Om du vill börja om helt så klickar du på File och klickar på Close View (se bilden nedan) Programmet frågar först om du vill spara det du gjort, innan du stänger ner fönstret. Programmet stängs inte ner utan tar bara bort det du höll på med innan, och du kan börja på något annat, eller börja om helt.

Det får räcka för den här gången. Nästa gång tänkte jag visa hur man hanterar nya fönster/rutor som dyker upp när man jobbar i Gimp. När man håller å att klistra in bilder och gör animationer så har man flera fönster att bläddra emellan, och jag tänkte visa hur man på ett smidigt sätt håller koll på fönstren/rutorna som försvinner bakom varandra när man jobbar.

Ha det så gott så länge.

Hejsan igen!

I det förra inlägget så visade jag hur man gör en enkel textanimation, nu ska jag visa hur man spara ner den. Jag har visat i ett inlägg tidigare hur man sparar ner ett jpg bild, men om man ska spara ner en gif animation så måste man Optimera för gif.

För att spara animationen i det förra inlägget så klicka på Filters längst upp i programmet. Gå ner till Animation och klicka på Optimize for Gif (Optimera för Gif).

Se bilden nedan.

En ny ruta dyker upp efter en liten stund, klicka upp den så den blir lika stor som själva programmet (skärmen). Se bilden nedan.

Klicka på den inringade ikonen på rutan (se bilden ovan).

Det blir lättare att handskas med nya rutor om man klickar upp dom. (Obs! Ska visa i ett senare inlägg om hur man handskas med nya rutor om man har många).

När ni klickat upp rutan så ska vi spara ner animationen. Gå upp till File och sedan till Export As. (Se bilden nedan)

En ny ruta dyker upp. (Se bilden nedan).

Här skrev jag Okidoki.gif längst upp och sedan valde jag var någonstans jag skulle ladda ner animationen. Hoppas ni ser var jag skrev, jag glömde stryka under med ett rött streck. (Se bilden ovan) Klicka sedan på Export. 

En ny ruta dyker då upp, (se bilden nedan)

I den här tuan så har jag klickat i att jag vill spara som animation (As Animation). Om jag glömmer göra det, så rör sig inte animationen utan blir en vanlig bild, en gif bild som inte rör sig. Klicka sedan på Export.

Nu har du sparat ner din animation i datorn och kan använda den i en blogg om du vill. Om du skulle göra den för stor så den inte funkar i din blogg, så laddar man upp den igen i Gimp och skalar ner den. Det ska jag visa lite senare.

Ha det så bra så länge, nu ska jag vila upp min värkande hand.

(Obs! Bilden ovan är inte någon animation, men den är gjord i Gimp).

Hejsan på er.

I det här inlägget tänkte jag visa hur ni gör en enkel blinkande textanimation. I tidigare inlägg så har jag visat hur ni skriver text, sparar ner jpg bild och hur ni laddar ner fonts/textstilar i Gimp.

För att slippa upprepa mig om ni inte vet hur ni skriver en text i Gimp, så gå till inläggen till vänster i bloggen och leta upp inlägget där man lär sig skriva text.

Nu kör vi. här kommer första bilden.

Klicka på file och sedan på new. Se bilden ovan. en ny ruta dyker upp och där bestämmer ni hur stor bakgrundsbilden ska va. Obs! När man gör en animation som ska vara i en blogg så får man tänka på att inte göra animationen för stor, för då funkar inte animationen. Storleken i bilden nedan, går bra i min blogg. Om man skulle ha gjort en animation för stor, så kan man ladda upp animationen i Gimp igen och skala ner den och spara om den igen. Det ska jag visa i ett annat inlägg senare.

Skriv 400 på width (brett) och 150 på height (högt), se bilden ovan. KLicka sedan på ok.

Hur ni skriver en text hoppas jag ni kan redan nu. Jag valde den här srkivstilen och storleken vid 3:an. Huvudsaken är att texten passar in i bakgrundsbilden.

Nu har det blivit 2 lager i verktygslådan till höger. Se bilden nedan.

Markera det översta lagret så det blir blått (klicka vänster med musen på det blå lagret). Se bilden ovan.

Högerklicka sedan på lagret, då dyker den här avlånga rutan upp. (se bilden ovan). Klicka sedan på Merge down (lager ner).

Nu har textlagret åkt ner i bakgrundslagret, (se bilden ovan) och vi kan inte ändra texten om vi inte går upp till Edit intill file och sedan Undo. Då backar vi och kan ändra något om vi inte är nöjda.

Nu ska vi göra ett nytt lager, med en vit bakgrund utan text. På bilden ovan så har jag ringat in edit layer ikonen. Klicka på den.

Då dyker den här rutan upp, (se bilden ovan). Här klickar vi att det ska vara ett vitt lager. Jag har strukit under White, och sedan klicka på ok.

Nu har vi 2 lager igen (se bilden ovan). Ett med text och en utan.  Nu ska vi göra ett lager till, en dublett av textlagret. Klicka på det understa lagret med texten på.

Sedan klickar du på dublicate ikonen, en gång, (se bilden ovan).

Nu har det blivit 2 textlager (se bilden ovan). Klicka på det översta textlagret nu så det blir blått, men håll ner mustangenten och flytta lagret upp ovanför det vita lagret så det blir ett textlager längst ner och ett överst. Du kanske får träna på det här lite innan du får upp lagret dit du vill. Obs! klicka inte på ögat. Klicka på lagrets översta kant eller mitt på där ytan är "ren", var noga med att hålla ner tngenten på musen medan du sakta för upp lagret och släpper det ovanför mittersta lagret som är vitt.

På bilden ovan så ser ni hur det ser ut när ni flyttat upp andra textlagret. Klicka sedan bort ögonen på dom 2 översta lagren och markera det understa. Nu ska vi bestämma hastigheten på animationen, och på lagren.

Vänsterklicka på det understa lagret så den avlånga rutan dyker upp igen.

Klicka sedan på Edit Layer Attributes, (se bilden ovan).

En ny ruta kommer upp.

Här skriver vi som i bilden ovan. Det första lagret kallar vi alltid för bakgrundsbild, och sedan skriver vi inom parantes hastigheten som ms. Jag valde 200ms som jag tyckte var en passande hastighet för den här animationen. Klicka sedan på ok. Nu är 1:a lagret klart.

Markera sedan andra lagret och klicka fram ögat så det syns. Jag har inte hunnit klicka fram ögat på bilden ovan. Sedan gör ni om samma procedur som på bakgrundslagret, men nu skriver ni Bildruta1(200ms). Se bilden nedan.

Nu markerar vi översta och sista lagret så det blir blått, och klicka fram ögat. Gör om samma procedur som på dom övriga lagren, och skriv Bildruta2(200ms) Se bilden nedan.

(Obs! Ni behöver inte klicka bort ögonen i lagren innan ni skriver i lagerattributen. Det räcker med att högerklicka på lagret så det blir markerat. Jag ska visa animationer senare som ni måste klicka bort ögat på lagren innan ni klistrar in bilder mm.). 

Nuär animationen färdig, och för att se hur den rör på sig så gör ni så här. Gå till Filters längst upp, intill Tools och FX-Foundry. Gå ner till Animation och sedan Playback. Se bilden nedanför.

 Nu kan ni se animationen, och så här blev min animation.

Visst blinkar det fint   

I nästa inlägg så ska jag visa hur man sparar ner animationen. Vi ses snart igen.

Hejsan!

I det här inlägget ska jag försöka visa hur man laddar ner Fonts/textstilar till Gimp, och var man hittar dem.

På den här sidan hittar man massor med stilar: http://www.1001freefonts.com/

Det är bara att välja och vraka och ha kul sedan   

Alla filer som man laddar ner hamnar i download mappen i datorn. Höger klicka på en mapp du laddat ner och scanna igenom mappen först efter virus.

Jag har gjort en mapp inne bland mina bilder som jag döpt till Fonts. För att göra en ny mapp om du har windows 7, så klickar man längst upp på skärmen där det står new folder, eller ny mapp. Höger klicka sedan på mappen och scrolla ner tills du kommer till Rename eller ändra namn.

Efter att du scannat igenom mappen som du har i download så högerklickar du på mappen igen och klickar sedan på copy (kopiera). Gå sedan till mappen du döpt till Fonts och öppna den. Högerklicka sedan där inne och klicka sedan på Paste eller klistra in. Då dyker mappen du laddat ner i download upp. Mappen du har i download kan du sedan ta bort. Du högerklickar igen och klickar på delete.

Filen di klistrat in i mappen fonts vänster klickar du på nu (öppnar den). Ibland kan det vara 2 filer med, men du högerklickar bara på textfilen som har en liten bild av ett A på. Klicka sedan på Copy (kopiera).

Nu ska vi föra över den kopierade textfilen till Gimp.

På bilden ovan har jag bara strukit under Users/användare, men för att komma dit måste du klicka på Local Disk (C:) först. Den är blåmärkt på bilden.

Klicka sedan på ditt namn som ska finnas där. Se bilden ovan.

Här klickar jag på Gimp-2.8 som jag uppgraderat Gimp till. Se bilden ovan.

Nu dyker en massa mappar upp som finns i Gimp. Se bilden ovan. Eftersom det är Fonts jag vill ladda upp i Gimp så klickar jag på mappen Fonts.

På bilden ovan så ser ni Fonts/textstilar som jag personligen har lagt in. Fonts som redan finns i Gimp programmet syns inte. Här höger klickar jag på ett tomt ställe och klickar sedan på paste eller klistra in. Nu ska den nya textfilen dyka upp. 

Den nya textstilen dyker sedan upp när du startar upp Gimp, men om du av någon anledning har igång Gimp redan så måste du stänga ner programmet och starta om det.

Hoppas ni förstod hur ni skulle göra. Jag kunde ha gjort mer bilder, men det är lite jobb att göra dom.

I nästa inlägg tänkte jag visa hur man gör en enkel text animation. Då får ni lära er hur man använder lager i högra verktygslådan.

Ha nu en fin fredag.

Hejsan!

I det här inlägget ska jag försöka visa hur man sparar ner det man gjort i Gimp, och även visa olika text stilar.

Jag visade i förra inlägget hur man skrev en text inne Gimp. Nu vill jag visa vad för Fonts/stilar det finns att använda, och att ladda ner i Gimp. Jag har laddat ner en hel del Fonts till Gimp, men det visar jag i nästa inlägg.

I bilden nedan så kan ni så några av dom.

Obs! KLicka på bilderna så syns dom bättre.

Bilden ovan sparade jag ned för att kunna visa er, och nu ska jag visa hur jag sparade ner bilden.

Jag klickade på File och sedan på Export As. Se bilden nedan.

En ny ruta dyker då upp. Se bilden nedan.

Vid 1:an så bestämmer ni vad filen (bilden eller animationen) ska heta. Om det är en bild så skriv .jpg efter namnet. Om det är en animation så skriver man .gif. Den här gången så är det en bild. Jag valde sedan att spara ner bilden i mappen Material till bloggen kul med Gimp. Och klickade sedan på export.

En ny ruta dyker då upp, se bilden nedan.

Här klickar du på export igen. Om du hade sparat ner en animation så hade en annan ruta dykt upp, där man måste klicka i en ruta om man vill spara ner animationen som animation. Om man inte gör det så fungerar inte animationen sedan. 

Hoppas ni hängt med nu. I nästa inlägg ska jag visa var man kan ladda ner Fonts och hur man får ner dom i Gimp sedan.

Hejsan!

I det här inlägget tänkte jag visa hur man skriver en text i Gimp. Klicka på File och sedan new (ny).

En ny ruta dyker upp där man ställer in hur stor bakgrunds bilden ska bli. Bilden man lägger texten på. Jag valde bredd 400, höjd 400 och klickade sedan på ok. Se bilden nedanför.

(För att se bilderna bättre, klicka på dom så blir dom större)

En vit bakgrund dyker upp. (Se bilden nedanför). Klicka sedan på Textverktyget som är märkt med en röd ring, och bred ut ramen på den vita bakgrunden. Det är där texten hamnar. För den som inte gjort det här förut, ta det lugnt, till slut hamnar ramen där du vill att den ska va.

Nu kommer nästa bild som jag skriver instruktioner under på.

När ni placerat ramen på bakgrunden klickar ni på Font stilar. Jag har satt en 1:a där. När man klickar på den dyker en rad med olika stilar upp. Välj en utav dom. Vid 2:an väljer man storleken på texten. Min storlek blev 52. Om ni hunnit skriva texten innan, så är det bara att gå dit och klicka och reglera storleken efteråt. När ni sedan skrivit texten. Jag har satt nr. 3 där, så går jag till högra verktygs lådan, med lager. Ni kan se lagren med ett öga på. Nu har det blivit 2 lager där, det äversta är ett textlager. Högerklicka på det lagret (det översta). En ny lång ruta som ni ser har dykt upp. Jag har strukit under merge down (flytta ner). Klicka på den så flyttas texten ner till det undre lagret och texten på bakgrunden har fastnat. Nu kan man inte rubba den eller ramen man skrivit i. Om man skulle ångra sig går man upp till Edit, som jag glömt stryka under. Edit finns längst upp i Gimp, bredvid File till vänster och select till höger. En ny avlång ruta dyker upp och längst upp i den raden så står det undo. Klicka på den så försvinner det man gjort, ifall man ångrar sig.

Nu har jag inte gjort någon bild på hur man sparar ner det man gjort än. Tänkte göra det nästa gång. Men ifall att ni nu sitter och gör något som ni vill spara så går ni upp till File, sedan ner till Export As. En ny ruta dyker upp då. Där väljer ni var ni vill spara ner filen i, i datorn. Skriv sedan vad filen ska heta, tex. Text.jpg Innan ni döper filen och skriver jpg så heter filen png. Då kan ni bara öppna filen i Gimp sedan, om ni inte ändrar till jpg eller gif. Gif heter filer som man vill röra på sig, som animationerna man gör i Gimp.

Hoppas ni hängde med nu. Jag kommer upprepa det i senare inlägg.

Ha nu en riktigt bra dag så ses vi snart igen.