Designtips: Snygga bildlänkar

Postat

Några av er har undrat hur man gör snygga bildlänkar, i likhet med dem på Elina Studios hemsida.
Det är faktiskt inte alls särskilt svårt!
Följ vår enkla guide och låt dig inspireras

1) På denna enkla demo-hemsida har jag dragit ner en bild och placerat i kolumnen till vänster.

2) För musen över bilden och välj ”ändra bild”.

3) Välj en egen bild från din dator.
I detta fall har jag laddat ner jättefina ikoner/digital scrapbooking som är fria för kommersiell användning från Pixelscrapper.

4) Detaljstyr storleken och välj Länka bilden.
Du kan länka inom din hemsida eller till externa platser som FaceBook eller något annat.

5) Välj sedan Bildredigerare och därefter PicMonkey.

6) Välj Text i huvudmenyn och klicka sedan på Add Text. Det kommer då upp en ruta i din bild där du kan skriva in din text. Välj typsnitt.

7) Här skriver jag in min text och justerar storlek, färg transparens mm.
Klicka sedan på Save och bilden sparas ner till din hemsida med texten på.

Svårare än så här är det inte.

Är du duktig på design och kan arbeta i program som Illustrator eller liknande, gör du säkert dina egna bilder på datorn, men detta är ett enkelt sätt att åstadkomma liknande resultat.

Har du snygga bildlänkar på din hemsida?
Vi vill gärna visa upp dem som inspiration, så maila oss gärna och visa och berätta hur du gjort.
Vi ser fram emot att höra från dig!