Vraag & Antwoord

Grafisch

Icoontjes bewerken

25 antwoorden
  • Voor [url=www.swordfactsbenelux.nl/forums]mijn forum in ontwikkeling[/url] ben ik op zoek naar knopjes die er mooi bij passen. Nu heb ik [url=http://gratisforums.com/fiblack/viewtopic.php?t=1]hier[/url] wat leuks gevonden, met o.a. deze knoppen: [img:4425bb3a44]http://gratisforums.com/fiblack/templates/fiblack/images/lang_dutch/reply.gif[/img:4425bb3a44] [img:4425bb3a44]http://gratisforums.com/fiblack/templates/fiblack/images/lang_dutch/icon_profile.gif[/img:4425bb3a44] [img:4425bb3a44]http://gratisforums.com/fiblack/templates/fiblack/images/lang_dutch/icon_quote.gif[/img:4425bb3a44] etc. Ze zijn nog niet precies wat ik zoek, maar lijken er wel veel op. De gele randjes zou ik graag groen (#116611) hebben, evenals de oranje teksten. Helaas ben ik een grafisch onbenul. Ik heb Irfanview en daar kan ik een klein beetje mee spelen, maar ik heb dan nog geen flauw idee hoe ik dat moet aanpakken. Kan iemand mij misschien op weg helpen daarmee?
  • Kijk eens naar xara webstyle of menumaker. http://www.xara.com/ Wat simpeler kan met deknop. http://deknop.sjfrancke.nl/index.html Met inkscape kan het ook, maar dan moet je meer zelf doen. http://inkscape.org/download/ Xara is shareware, de andere zijn freeware.
  • Hmm... daar moet ik eens voor gaan zitten van de week. Bedankt alvast.
  • 1. Eerst omzetten naar RGB. Dan kun je lagen maken, werkt makkelijker. 2. Dupliceer je afbeelding in een nieuwe laag. 3. Verander de kleurtoon (of ‘hue’) naar de gewenste kleur. De gedeelten wegknippen die je niet had willen veranderen zoals bv ‘bladzijden’ en ‘nieuw’. 4. Breng alles weer terug tot 1 laag. 5. Weer omzetten naar index kleuren en opslaan als gif. Heb je dat gedaan dan krijg je zoiets als dit: [img:3515812be4]http://img145.imageshack.us/img145/9274/replyvg5.gif[/img:3515812be4]
  • [quote:36e9fe0be7="Ali Jas"]1. Eerst omzetten naar RGB. Dan kun je lagen maken, werkt makkelijker. 2. Dupliceer je afbeelding in een nieuwe laag. [/quote:36e9fe0be7]Dat kan in de door Gerben genoemde programma's gewoon middels iets als "convert to RGB" en "copy to new layer" oid? [quote:36e9fe0be7="Ali Jas"]3. Verander de kleurtoon (of ‘hue’) naar de gewenste kleur. De gedeelten wegknippen die je niet had willen veranderen zoals bv ‘bladzijden’ en ‘nieuw’.[/quote:36e9fe0be7]Hoe knip ik dat eenvoudig weg? Of moet ik dan met een gummetje aan de gang ofzo (zoals in paint)? [quote:36e9fe0be7="Ali Jas"]4. Breng alles weer terug tot 1 laag. 5. Weer omzetten naar index kleuren en opslaan als gif.[/quote:36e9fe0be7]Dat zal vast wel lukken. [quote:36e9fe0be7="Ali Jas"]Heb je dat gedaan dan krijg je zoiets als dit: [img:36e9fe0be7]http://img145.imageshack.us/img145/9274/replyvg5.gif[/img:36e9fe0be7][/quote:36e9fe0be7]Dat is inderdaad wat ik zoek! :D Edit: Trouwens, langs de buitenrandjes zitten nog wat zwarte pixels, da's nogal lelijk natuurlijk. Hoe kan ik die wegpoetsen?
  • [quote:40fa5ff2e1="Ger"]1.Dat kan in de door Gerben genoemde programma's gewoon middels iets als "convert to RGB" en "copy to new layer" oid? 2.Hoe knip ik dat eenvoudig weg? Of moet ik dan met een gummetje aan de gang ofzo (zoals in paint)? 3.Edit: Trouwens, langs de buitenrandjes zitten nog wat zwarte pixels, da's nogal lelijk natuurlijk. Hoe kan ik die wegpoetsen?[/quote:40fa5ff2e1]1. Dat moet lukken. The Gimp mis ik nog in dat rijtje, is nog gratis ook. 2. Ik heb het lasso-tooltje gebruikt. Daarna deleten, werkt het snelst. Maar een gummetje kan natuurlijk ook. 3. Flink inzoomen, pixel voor pixel deleten, of pixel voor pixel bijkleuren. Of dit echt nodig is hangt ook af van de achtergrond welke je gaat gebruiken voor je site.
  • De achtergrond is (heel) lichtgeel; #FFFFE0 ([url=www.swordfactsbenelux.nl/forums]klik voor voorbeeld[/url]). Die zwarte pixels buiten de button vallen dan meteen op natuurlijk. Lasso-tooltje klinkt interessant, daar kan ik als ik het goed begrijp complete vormen mee "vangen" die hij automatisch herkend?
  • Precies. Met lasso kun je pixels vangen. In feite selecteren dus. Als de achtergrondkleur vaststaat kun je ook een ‘background matting’ instellen. In feite simuleer je dat transparantie uitgeschakeld wordt en wordt opgevuld met de kleur van je achtergrond. Dat is makkelijk te bewerken. Het enige lastige is dat de verschillende programma's daar weer een heel andere benadering (menu's) voor hebben. Je kan transparantie ook helemaal weghalen, je buttons iets groter maken, dwz wat achtergrond erbij doen. En een beetje blur op de randjes zetten. Zie voorbeeld (met wat extra achtergrondkleur voor de duidelijkheid). [img:6a3d52ba6c]http://img129.imageshack.us/img129/1158/reply2ai8.gif[/img:6a3d52ba6c]
  • Iets later dan gepland ben ik er nu toch mee aan de slag gegaan. Ik krijg het echter niet voor elkaar om exact kleur #116611 te krijgen. Ik heb The Gimp gedownload en er lijkt me best mee te werken, maar om op het oog exact de juiste kleur te krijgen die ik ook voor de rest van de site gebruik, dat gaat geheid fout. Enig idee hoe ik dat moet doen?
  • Eh… is dat niet gewoon dubbelklikken op voorgrondkleur in gereedschapvenster, HTML-notatie invullen + enter? Hier een overzichtelijke nederlandstalige handleiding: http://docs.gimp.org/nl/ 8)
  • [quote:046568f9fd="Ali Jas"]Eh… is dat niet gewoon dubbelklikken op voorgrondkleur in gereedschapvenster, HTML-notatie invullen + enter?[/quote:046568f9fd]Waarschijnlijk wel, maar dat moet je maar net weten. Ik was bezig met die schuifbalk van hue/saturation. [quote:046568f9fd="Ali Jas"]Hier een overzichtelijke nederlandstalige handleiding: http://docs.gimp.org/nl/ 8)[/quote:046568f9fd]Thanks! :D
  • [quote:f5427a0acb="Ger"]Ik was bezig met die schuifbalk van hue/saturation.[/quote:f5427a0acb] OK snap nu wat je bedoelt. Even een stukje theorie. Als je buttons als bovenstaande aan het bewerken bent hou er dan rekening mee dat ze uit verschillende pixels zijn opgebouwd. Voorbeeld: Groene button ‘nieuw antwoord’ bestaat uit een verzameling index-kleuren, zie kleurenkaart. Elk pixeltje uit de afbeelding is op deze kaart vertegenwoordigd. En inderdaad: Op het Hue/Saturation schuifbalkje is een kleur niet exact te bepalen, het heeft immers betrekking op alle verzamelde kleuren....never mind. [img:f5427a0acb]http://img256.imageshack.us/img256/4677/screen1qi1.jpg[/img:f5427a0acb] Doe gewoon als volgt: Maak een nieuw bestand. Vul dit met 116611 (selecteer voorgrondkleur, daarna sneltoets Ctr en ,). Kopieer button en plak het in dit bestand. Zorg dat het bestand in RGB mode staat en zoom in naar pakweg 400 %. Schuif met je schuifbalk en speel een beetje met Hue/lightness/saturation, gebruik pijltjestoetsen voor het fine-tunen en match de button met de achtergrondkleur. Doe dit gewoon op zicht, het gaat immers toch niet om één kleur. [img:f5427a0acb]http://img204.imageshack.us/img204/9867/screen2yp9.jpg[/img:f5427a0acb] Daarna kun je nog de andere bewerkingen zoals het wegknippen/gummen doen. Zet aan het eind alles wel weer terug in een eigen bestand met index-kleuren want je wilt het gebruiken voor je site. Het klinkt allemaal omslachtig, maar als je er een beetje handigheid in krijgt is het :P pies-of-keek. :D
  • Als je de button in je site plakt wordt het ongeveer zoiets... nu gaan de kleuren en contrasten met elkaar werken. Ziet er best goed uit. *Ctr X* :P
  • Thanks, maar dat menu blijft gewoon dezelfde. Die gebruiken we exact zo voor [url=http://www.swordfactsbenelux.nl]de andere pagina's buiten het forum[/url], het doel is juist om de complete looks van het forum en de rest wat meer de integreren. Ik ga nu trouwens aan de slag met je tips. :)
  • Pfff... ik krijg het nog niet voor elkaar hoor. Bij mij gaat steeds "nieuw" ook mee, terwijl ik die zo wil houden. Met die gele rand gaat dat echter niet lukken. Hoe doe jij dat?
  • Well it's up to you :P Je moet even systematisch te werk gaan, maak voor iedere kleurbewerking een aparte laag.Ik heb er 2 bijgemaakt, totaal dus 3. Even schematisch: In 2e laag: geel randje naar groene bewerking. In 1e laag: oranje ‘antwoord’ naar groene bewerking. In originele laag: alles wat origineel moet blijven, dus onbewerkt. Per laag heb ik eigenlijk alleen de hue (+saturatie +lightness, ook belangrijk!) verschoven tot ik tevreden was over het resultaat, uiteraard alleen op het detail waar ik het effect wil hebben. De rest van de laag gum (of delete) ik toch weg. En zolang er voldoende contrast is kun je gebieden blijven selecteren, om er IN of juist om HEEN te werken, hoef je ook niet bang te zijn dat je het verkeerde weggooit. Dat is even uitproberen. Als laatste kun je nog gaan manipuleren met opaciteit tussen de verschillende lagen, heel prettig voor de ‘finishing touch’. Daarom zijn lagen altijd zo handig. :wink: [size=9:a83aaf4c04]Ik doe dit alles trouwens wel in Photoshop, maar dat maakt in principe niet uit. The Gimp is ook een goed programma. [/size:a83aaf4c04]
  • [quote:add6883795="Ali Jas"]Well it's up to you :P [/quote:add6883795]I know. Ik wil het ook gewoon zelf doen, maar als je nooit verder gekomen bent dan paint en een 5x Irfanview dan is de stap naar GIMP/Photoshop-achtige programma's nogal groot. Vergeef me dus als ik domme vragen stel. [quote:add6883795="Ali Jas"]Je moet even systematisch te werk gaan, maak voor iedere kleurbewerking een aparte laag. Ik heb er 2 bijgemaakt, totaal dus 3. Even schematisch: In 2e laag: geel randje naar groene bewerking. In 1e laag: oranje ‘antwoord’ naar groene bewerking. In originele laag: alles wat origineel moet blijven, dus onbewerkt. [/quote:add6883795]Aaah, volgens mij begin ik nu een beetje die lagen te snappen. Ik had 1 extra laag bijgemaakt (zoals in je eerdere uitleg) en daar kreeg ik het dus niet voor elkaar. [quote:add6883795="Ali Jas"]De rest van de laag gum (of delete) ik toch weg.[/quote:add6883795]Dat snap ik ff niet. Wat is dan de meerwaarde van alles zo doen? Is het niet net zo gemakkelijk om dan in Paint met een potloodje te gaan kleuren? Of snap ik je nu verkeerd? [quote:add6883795="Ali Jas"]Als laatste kun je nog gaan manipuleren met opaciteit tussen de verschillende lagen, heel prettig voor de ‘finishing touch’. [/quote:add6883795]Kun je dat eens uitleggen? Wat is opaciteit?
  • [quote:bd02525cbe="Ger"] Dat snap ik ff niet. Wat is dan de meerwaarde van alles zo doen? Is het niet net zo gemakkelijk om dan in Paint met een potloodje te gaan kleuren? Of snap ik je nu verkeerd?[/quote:bd02525cbe] Je houdt per laag alleen het resultaat van je bewerking over, dat wat je NODIG hebt uit die laag, de rest van de laag kan dan gewoon weg, want op die gedeelten komt de onderliggende laag tevoorschijn. Die onderliggende laag toont de originele details. That’s all. Selecteren en wegknippen is een typische basishandeling, is vaak nodig bij bewerkingen. Kijk anders even naar deze [url=http://www.gimp.net/tutorials/Changing_Background_Color_2/]tut[/url]. Misschien geeft een voorbeeld meer duidelijkheid. Met een potloodje bijkleuren zou ik niet doen. Je bent bezig met retoucheren. Tekenen is iets totaal anders. :wink: Wat je wel kunt doen is werken met een masker (is ook totaal iets anders, bijna een omgekeerde benadering, ook het overwegen waard. Heb ik nu niet gedaan, gebruik het zelf meestal alleen bij het renderen van hoge resolutie-images). Anyway, hier is de [url=http://www.gimp.net/tutorials/Selective_Color/]tut[/url]. Wordt uiteraard ook in lagen gewerkt. Zie maar, misschien ligt het jou beter. [quote:bd02525cbe="Ger"]Wat is opaciteit?[/quote:bd02525cbe] Opaciteit is de dekkracht van een kleur. In dit verband de aangemaakte laag. Het is opaciteit versus transparantie. Als ik een laag bv op Opacity 50% zet dan wordt ie halfdoorschijnend. Daar kun je dus leuk mee experimenteren. 8)
  • Lukt het met de icoontjes? Kun je al wat laten zien? :)
  • Niet echt aan toegekomen. Je wilt niet weten hoe druk ik het heb (deze week alleen al dik 30 uur gewerkt + vrijwilligerswerk + avondcursus). Punt is ook: normaalgesproken doet iemand anders al het grafische werk. Die heeft ook die header en het logo in elkaar geknutseld enzo. Ik doe dan meer het codewerk. Goede taakverdeling dus. Maar hij heeft sinds kort een baan en is ook retedruk. Ik probeer het er nu een beetje bij te doen, maar zoals je ziet lukt dat niet erg. We gaan nu dus ook op zoek naar iemand die ons mee kan helpen, want dit schiet niet op. Tot zo ver off topic. ;) Ik denk dat ik er wel uit moet komen, maar dat zal pas op z'n vroegst zondag zijn dat ik ermee aan de slag kan. Als ik dan vragen heb, zal ik ze zeker stellen. En de resultaten laat ik zeker zien. :)

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.