FOK!forum / Digital Corner / animated gif op gif
Archytasdonderdag 2 oktober 2008 @ 01:00
Hoi,

Ik ben een vrij grote noob m.b.t. fotobewerking en zit nu vast m.b.t. de volgende vraag. Ik heb een logo ontworpen voor op een site. Die site bestaat uit verschillende pagina's waarbij het de bedoeling is het logo voor elke pagina hetzelfde te houden behalve 1 element: afhankelijk van de pagina waarop ik zit (werkwijze, kostprijs etc) wil ik graag bijhorende animated gifs op het logo (een .gif-bestand) zetten. Nu is mijn vraag hoe ik dit moet doen.

Ik heb reeds geprobeerd met adobe photoshop imageready maar dit is zeer lastig voor mij. Eerst download ik hierbij een animated gif die ik imageready binnenduw. Dan kopieer ik mijn logo x aantal keer (afhankelijk van het aantal frames ik nodig heb), en op elk logo zet ik 1 frame, waarna ik al die bewerkte logo's op elkaar gooi. Dit is echter allemaal zeer omslachtig, temeer omdat ik die animatie niet goed op elkaar krijg omdat er tig logo's zich op elkaar bevinden.

Hopelijk begrijpt iemand waarover ik het heb. Hopelijk bestaat hiervoor een simpel programma waarbij ik gewoon de animated gif op mijn eigen giflogo kan zetten en deze vervolgens kan opslaan als animated gif!

Groeten
LordNemephisdonderdag 2 oktober 2008 @ 01:13
doe het met CSS - hoef je ook niet moeilijk te doen om gifjes te bewerken. Met CSS kun je het animated gifje bovenop het logo weergeven (en met een beetje javascript erbij kun je die laag op bepaalde pagina's laten zien).
Quyxz_donderdag 2 oktober 2008 @ 01:16
Je wilt twee animated gifs samenvoegen in 1 gif, waarbij beide gifs op hetzelfde moment animeren?
Archytasdonderdag 2 oktober 2008 @ 01:21
Howdy Q, neen. Ik heb 1 gif, laten we zeggen de onderlaag. Die vormt de basis als logo voor elke pagina.
Check http://img528.imageshack.us/img528/227/kopie1uc7.gif even uit. Ik hoop niet dat dit als spam wordt gezien. In de rechterbovenhoek komt voor elke pagina dus een andere animated gif.
Quyxz_donderdag 2 oktober 2008 @ 01:23
o en dan wil je een animated gif in dat vak ofzo zetten?

kan denk ik wel met IR, maar ik weet niet precies hoe
__Saviour__donderdag 2 oktober 2008 @ 01:25
Dat kun je dan inderdaad veel beter met wat CSS doen, daarmee kun je het geanimeerde gedeelte dat per pagina anders is heel mooi en precies daar krijgen waar je wilt. Dat maakt het ontwerptechnisch gezien ook allemaal veel mooier en generieker. Je kunt dan veel eenvoudiger nieuwe pagina's toevoegen, of het hoofdlogo aanpassen zonder dat je aan de rest moet gaan sleutelen
Archytasdonderdag 2 oktober 2008 @ 01:25
http://img384.imageshack.us/img384/5623/crazyso8.gif

dat is een voorbeeld, maar dat is maar twee frames en met bloed, zweet en tranen bereikt, niet hoe het moet...
Archytasdonderdag 2 oktober 2008 @ 01:27
CSS is de way to go dus, ok zal even internetten en uitvinden hoe het moet!
mcDaviddonderdag 2 oktober 2008 @ 01:32
quote:
Op donderdag 2 oktober 2008 01:21 schreef Archytas het volgende:
Howdy Q, neen. Ik heb 1 gif, laten we zeggen de onderlaag. Die vormt de basis als logo voor elke pagina.
Check http://img528.imageshack.us/img528/227/kopie1uc7.gif even uit. Ik hoop niet dat dit als spam wordt gezien. In de rechterbovenhoek komt voor elke pagina dus een andere animated gif.
1. ten eerste gebruik je een plaatje (imagemap?) als menu. Dat was in 1995 blits, maar vandaag de dag niet meer heh!

2. zet die animated gif gewoon als los plaatje in je website, gepositioneerd boven die achtergrondafbeelding. Dat is a) veel makkelijker, b) veel lichter om in te laden, en c) niemand ziet het verschil.
mcDaviddonderdag 2 oktober 2008 @ 01:33
quote:
Op donderdag 2 oktober 2008 01:27 schreef Archytas het volgende:
CSS is de way to go dus, ok zal even internetten en uitvinden hoe het moet!
www.w3schools.com is een goeie plaats om te beginnen

en ons eigen topic: [CSS] voor dummies - deel 9
__Saviour__donderdag 2 oktober 2008 @ 01:34
quote:
Op donderdag 2 oktober 2008 01:27 schreef Archytas het volgende:
CSS is de way to go dus, ok zal even internetten en uitvinden hoe het moet!
Bekijk bijvoorbeeld dit eens: http://www.brainjar.com/CSS/positioning/
Sowieso is dat CSS iets heel interessants om heel je website mee op te bouwen. Je scheidt dan inhoud van opmaak, waardoor je meer controle krijgt en aanpassingen over de gehele website snel kunt doorvoeren zonder elke pagina apart te moeten gaan updaten met wijzigingen.
Archytasdonderdag 2 oktober 2008 @ 01:35
quote:
Op donderdag 2 oktober 2008 01:32 schreef mcDavid het volgende:

[..]

1. ten eerste gebruik je een plaatje (imagemap?) als menu. Dat was in 1995 blits, maar vandaag de dag niet meer heh!

2. zet die animated gif gewoon als los plaatje in je website, gepositioneerd boven die achtergrondafbeelding. Dat is a) veel makkelijker, b) veel lichter om in te laden, en c) niemand ziet het verschil.
Howdy,
Ik heb dernet nogal de opmerking gekregen om die tekst van dat plaatje te halen, ik vond het er nochtans best cool uitzien :-(.
Archytasdonderdag 2 oktober 2008 @ 01:40
quote:
Op donderdag 2 oktober 2008 01:34 schreef __Saviour__ het volgende:

[..]

Bekijk bijvoorbeeld dit eens: http://www.brainjar.com/CSS/positioning/
Sowieso is dat CSS iets heel interessants om heel je website mee op te bouwen. Je scheidt dan inhoud van opmaak, waardoor je meer controle krijgt en aanpassingen over de gehele website snel kunt doorvoeren zonder elke pagina apart te moeten gaan updaten met wijzigingen.
Howdy, bedankt voor de link, ga het eens goed bekijken. Logischerwijze zou die animated gif gepositioneerd moeten worden TAV dat plaatje. Anders zal ik wrsl met schermresoluties etc. in de problemen komen...
mcDaviddonderdag 2 oktober 2008 @ 01:57
quote:
Op donderdag 2 oktober 2008 01:35 schreef Archytas het volgende:

[..]

Howdy,
Ik heb dernet nogal de opmerking gekregen om die tekst van dat plaatje te halen, ik vond het er nochtans best cool uitzien :-(.
Het ziet er ook wel cool uit, maar met puur html en css kun je het er minstens net zo cool uit laten zien, met grote voordelen:

- minder laadtijd (afbeeldingen zijn groot en laden over het algemeen traag)
- site is beter toegankelijk voor alternatieve browsers (smart-phones, screenreaders)
- zoekmachines (google) zullen je menu ook begrijpen en je site dus makkelijker kunnen doorzoeken
Archytasdonderdag 2 oktober 2008 @ 02:21
quote:
Op donderdag 2 oktober 2008 01:57 schreef mcDavid het volgende:

[..]

Het ziet er ook wel cool uit, maar met puur html en css kun je het er minstens net zo cool uit laten zien, met grote voordelen:

- minder laadtijd (afbeeldingen zijn groot en laden over het algemeen traag)
- site is beter toegankelijk voor alternatieve browsers (smart-phones, screenreaders)
- zoekmachines (google) zullen je menu ook begrijpen en je site dus makkelijker kunnen doorzoeken
Hmmm, dat zijn inderdaad stevige voordelen. Van de week dan toch maar eens wat aanpassingen maken.
Bushmasterdonderdag 2 oktober 2008 @ 02:55
Gewoon een header template maken waarbij de locatie van de gif door de huidige indeling wordt bepaald. Die gebruik je dan op volgende pagina's zonder het menu. Dan staat de gif altijd op exact dezelfde plaats op volgpagina's.

[ Bericht 9% gewijzigd door Bushmaster op 02-10-2008 02:57:54 (typo's, meer dan één) ]