Ina Anjuta - Kunst og design
Hjem Gratis bloggdesign Portfolio malerier Flg bloggen Designhjelp

23

Header som ikke passer? (strrelsesguide i photoshop og picasa)

Det er mange som ikke fr headeren til passe i designet s derfor skal jeg lage en sjekkliste over ting du m huske p nr du skal legge til header.

Nr 1

Sjekk at headeren er i riktig strrelse som designet krever. Og at det er de riktige strrelsesforholdene. F.eks det siste designet jeg har krever at du har 1100 pixler i bredden og 500 pixler i hyden.



Her er et eksempel p opprette et dokument i en gitt strrelse. Dette er fra Photoshop til dere som bruker det. Pass p at dere lager strrelsen i pixler og ikke f.eks pt. Det er egentlig samme hva du lagrer filen i nr det kommer til strrelse, men jeg ville kanskje valgt jpeg til header. Siden jpeg tar kort tid laste inn over nett.

Picasaguide

Jeg testet akuratt ut programmet Picasa for frste gang i sted, bare for finne ut hvordan det funker og finne ut hvorfor det er vanskelig f strrelsen til passe. Jeg forstod plutselig hvorfor folk synes det er litt vanskelig. Jeg har ikke testet mer enn bare opprette en fil i riktig strrelse og lagre det. Eneste grunnen til at jeg testet programmet var fordi jeg fr s mange sprsml fra lesere om hvordan lage header i picasa osv. Jeg angrer litt p at jeg lastet det ned fordi den laster automatisk inn alle bildene som jeg har p macen til programmet, og det tar evig tid fjerne. Hva sren skal jeg med alle bildene mine lagret i picasa nr jeg har iphoto og profesjonelle programmer p mac. Arg. Det kunne jo vrt et alternativ bare laste inn noen bilder. Men ok, til dere som liker dette programmet s har jeg laget en strrelsesguide.



1. Jeg vet ikke hva slags header dere har tenkt til lage, men la oss si at du skal lage en kollasj. Da m du trykke p knappen der det strlag kollasj.

2. Deretter s finner du den knappen som den rde pilen nummer 1 peker p, finnerLegg til egendefinert strrelsesfolholdog trykker p den.

3. Da kommer det opp en popup hvor du kan definere strrelsen. Da skriver du inn nsket bredde og hyde. Om det er pixler som er ment her gr jeg bare ut i fra. Men uansett om det er pixler eller ikke s blir det fikset i neste steg.

4. N kan du lage ferdig headeren din.

5. Nr du har laget ferdig headeren s trykker du p eksporter.

6. Da kommer det opp en popup som denne. N m du huke av forEndre strrelse til:

7. Har kan du skrive inn den bredden du nsker ha p headeren. Husk at det er bredden du m oppgi og ikke hyde.

8. Til slutt trykker du p eksporter, s skal headeren ha blitt lagret p pc din et sted i mappe som heter kollasjer.

Nr.2

Last opp bildet ditt p en bildeopplastningsside. Enten om du gjr det via Picasa eller om du bruker opplastningsider som photobucket.com eller imageshack.eu.

I dette eksemplet s har jeg brukt imageshack.eu. Hvis du skal bruke denne siden s m du frst lage egen bruker. Samme med photobucket.com.


1. Pass p at du har huket av p Do not resize. Ellers s blir bildet skalert mindre, eller strre.

Jeg lastet akuratt en header laget i picasa opp i imageshack med samme fremgangsmte som i dette innlegget, og det gikk helt fint. Headeren passer perfekt i designet. Men hvis dere bruker picasa som opplastningside s vet jeg ikke hva som skjer med bildet. Det er mulig du m dobbeltsjekke bildestrrelsen et par ganger. Har ikke testet det ut og har ikke tenkt til gjre det, programmet gr rett i sletteboksen.

Kom gjerne med innspill til dette innlegget.Hvilket program redigerer du header? Og hvilken opplastningside bruker du?

  • 372

    Nytt gratis design! #Jordfarget

    Da er endelig det nye gratis designet ferdig som jeg vet at mange har spurt etter en stund. Beklager at det tok evig tid, men er en bizzy person om dagen.

    Info om designet:
    - bredde p innlegg 800 px
    - Profiltekst m skrives inn i malene(forklaring lenger ned i innlegget)
    - Header settes inn i stilsettet og profilbildet skal inn i malene.
    - Headerstrrelse: 1100 x 500 piksler.
    - Profilbildet kan vre i hvilken som helst strrelse for den blir automatisk tilpasset strrelsen.



    STILSETT
    MAL FORSIDE
    MAL INNLEGG
    MAL KATEGORI & ARKIV

    VIKTIG:Nr du tar i bruk dette designet s samtykker du p at du ikke skal fjerne linkene tilbake til min blogg.

    Bytte profilbilde:
    1.Finn denne linjen i malene:

    <img style="float: center; border: 0;" src="http://img28.imageshack.us/img28/1002/pillowsliten.png" width="260">

    2.Erstatt det som str i uthevet skrift i eksemplet med url til ditt bilde.
    3.Finn bildeurl p en bildeopplasningsside. F.eks photobucket.com, imageshack.eu eller tinypic.com
    Hvis profilbildet ikke vises s kan det hende at du ikke har lastet opp et profilbilde p bloggen din enda, p rediger>profil. Ellers s kan det hende at du ikke har limt inn riktig link eller tatt bort for mye eller for lite.

    Profiltekst
    Finn linjen hvor det str profiltekst her. Denne teksten erstatter du med det du nsker ha som profiltekst.

    Bytte header:
    1.Finn denne koden i stilsettet:

    #header {
    background-image: url('http://img547.imageshack.us/img547/9846/headerinadesign2.png');

    2. Erstatt det som str med uthevet skrift i eksemplet med url til ditt bilde.

    3. Du finner url til profilbilde p samme mte som du finner url til headeren.

    Legge til linker i meny:
    1. Finn denne koden i malene dine:

    <div id="menyinaanjuta">
    <a href="${BlogUrl}">Hjem</a>
    <a href="${ProfileUrl}">Add</a>
    <a href="URL TIL INNLEGG OM DEG">Om meg</a>
    <a href="URL TIL INNLEGG MED KONTAKT INFO">Kontakt</a>
    </div>

    2. Der det str: Url til innlegg om deg eller url til innlegg skal du ertatte med url til det innlegget du vil linke til. Om du nsker linke til noe annet enn kontakt og om deg s kan du selvflgelig gjre det. Men det m du finne ut p egenhnd.

    Enda med nyaktig beskrivelse p menyenher
    Video om hvordan legge inn gratis design her
    F
    ortsatt i tvil om hvordan du legger inn header og meny? s har jeg videobeskrivelse her

    Flere sprsml? - Sjekk designhjelp som ligger i menyen.

    Kommenter gjerne hvis du bruker designet, for det er hyggelig vite hvem som bruker det! :) Si ogs gjerne i fra hvis det er noe galt, men svarer ikke s ofte p kommentarer her, s jeg ville sjekket designhjelp hvis du lurer p noe. Har svar p det meste der! Og hvis det er noe veldig mange lurer p s lager jeg gjerne et innlegg om det heller.

    Ps. Hvis headeren ikke passer s er det strrelsen p headeren som er feil og ikke noe med designet

  • Ina Anjuta
    inaanjutablogg@hotmail.no

    N har du akuratt forvillet deg inn p min "nettside"/blogg. Denne siden fungerer som er slags online portfolio av mange av mine arbeider innenfor kunst og design. Jeg et utdannet Mac-operatr, jobber som grafisk designer og denne bloggen handler mye om utvikle disse ferdighetene enda mer, og legge ut arbeider og prveskisser fra skole og privat. Jeg elsker designe og skape ting, og har laget en rekke bloggdesign til blogg.no. Mange av disse er gratis design som du kan finne verst i menyen.
    Bortsett fra dette s er bloggen min ogs et sted hvor jeg fr uttrykt min overflatiskhet ved legge ut bilder av te-kopper, sminke, innkjp og andre rosa ting i hverdagen, med en unnskyldning om at jeg lrer meg ta bilder med min canon 550D.

    Instagram

    Kategorier

    Arkiv

    Siste innlegg

    bilde



    hits

    Tilkomstgruppen