Links
Neoforums|
font/avatar-verander-pagina|
Mijn Lookup|
Suggesties/Opmerkingen|
Floating
Linkpartners
Linkpartners worden? Neomail naar yv0nn3e :)
Eline's Fonts|Hulpgids Kjolun
|
|
|
Link naar mij
Welkom bij Yvonne's Nederlandse Font Gids!
Hoi, guest!
Welkom bij mijn Nederlandse font gids!
Als je eens rondkijkt op de Nederlandse borden, zie je echt heel veel premade fonts. Ik vind dat het tijd is voor verandering! Fonts maken valt te leren, en het is echt heel eenvoudig als je het eenmaal door hebt! Vandaar deze gids.
Hier een lijstje wat ik allemaal ga behandelen in deze gids!
Basics
► Een font-code
► Dat stomme streepje weg!
► Basis codes:Bold, Italic, Underline, Center, br, p, Sup en Sub.
► De Font-code met Waarden:
• Lettertypen
• Kleuren
• Groottes
► De font-code in elkaar zetten
Advanced
► Hex-Codes
► Tekentjes in je font: Wingdings en Webdings
► Avatarkleuren in je font
Let op: Je vindt op deze pagina géén Premade Fonts. Je leert hier je eigen font te maken!
Need-to-know!
Voordat we dus met bovenstaand lijstje beginnen, gaan we eerst even wat basis-dingen doornemen die je moet weten voordat we beginnen!
Waar verander je je font?
Je font verander je op
deze pagina.
Je hebt twee balkjes op die pagina. Daar kan je je font invullen. Het 1e balkje is het
Neohtml Balkje. Het 2e balkje is het
Siggy Balkje. Verderop kan je meer lezen over deze twee balkjes.
Wat is een font?
Een font is de opmaak van een gepost bericht op de Nederlandse forums of in jouw gilde. een voorbeeld van een font:
Wat is NeoHTML?
NeoHTML is een woord wat in het bovenste font-balkje
MOET. neoHTML staat voor jouw getypte tekst. Of anders gezegd: Op de plaats waar je Neohtml zet, komt je tekst. NeoHTML moet dus in het bovenste balkje, en kan niet in het onderste balkje.
Wat is Siggy?
Siggy komt van het Engelse woord Signature, wat ondertekening betekend. Het Siggy balkje wordt meestal gebruikt om een leuk figuurtje, of een leuke tekst neer te zetten. In het Siggy-balkje kan de
NEOHTML (plaats van je tekst) NIET!
Basics
Dan ga ik nu verder met de Basics, hoe een fontcode in elkaar zit enzo‼
een Font-code
Een fontcode lijkt erg op HTML. Een verschil met de HTML-codes, is dat de fontcode is opgebouwd uit de
Vierkante Haakjes: [ en ]. Deze haakjes gebruik je dus in alle codes. Voor de rest is het net als HTML, behalve de font-code! Over de verschillende codes lees je later!
Zo'n code bestaat altijd uit een openings-code (of ook wel de openings-tag genoemd) en een sluitings-code (sluitings-tag). Alles wat je tussen deze twee delen van die code zet, veranderd. Bijvoorbeeld, als je je GETYPTE tekst vetgedrukt wilt, dan zet je dit in het bovenste balkje:
Alles tussen de [b] en de [/b] wordt dan vetgedrukt!
Is dat niet gemakkelijk?! Op deze manier werken de font codes dus!
Dat Stomme Streepje Weg!
Als je een lege font hebt, dan staat er alleen Neohtml in het bovenste balkje. Als je dan een bericht post, staat er alleen zon stomme streep onder je tekst! Bah!!
Dat stomme streepje is natuurlijk hardstikke irritant! Daarom hier een trucje om dat streepje weg te halen!
In het plaatje hierboven zie je je font-veranderstuk. In de bovenste regel staat
NeoHTML[ En in de onderste alleen
]. Bij het weghalen van het streepje gaat het niet om die NeoHTML, maar over de haakjes, waar de rode lijn omheen staat. Door deze haakjes gaat dat streepje weg!
let op: Die haakjes moeten wel altijd in het bovenste balkje aan het einde, en in het onderste balkje aan het begin zitten!
Als je een eigen font wilt maken, begin dan altijd met die codes. Je kan ze hier kopiëren :3
neoHTML: (boven)
Siggy: (onder)
Basis Codes: B, I, U, Center, br, p, Sup en Sub
En nu gaan we dus verder richting de codes! Deze codes zijn echt heel gemakkelijk, en ze hebben bijna dezelfde functies. De Font-code is een ander verhaal; zie volgend kopje!
Deze codes zijn heel handig. Ze hoeven niet in hetzelfde balkje te staan. Daarmee bedoel ik dat je de Bijvoorbeeld de vetgedrukte code kan openen (beginnen) In het bovenste balkje, en sluiten (eindigen) in het onderste balkje. Voorbeeld:
Als je de bovenstaande code gebruikt, ziet je font er zo uit:
Ja, alles achter elkaar, maar onder dit kopje leer je ook de regels overslaan! :) Maar eerst.
Als je je tekst vetgedrukt, Schuin of onderstreept wilt, gebruik je de volgende codes:
Bold/vetgedrukt ken je als het goed is al:
Italic is dus schuine tekst:
Underlined is dus onderstreepte tekst:
De Center-code zet je tekst in het midden. Normaal staat je tekst helemaal links, maar veel mensen vinden je hele font in het midden het mooist. De code voor de center-functie is:
Sup en sub zijn twee andere functies, maar ze zijn wel heel leuk! Door sup en sup komt je tekst hoger (sup) of lager (sub) te staan! Dat is leuk, want alles staat alles als zon saaie, rechte lijn. De codes voor Sup en Sup zijn, net als de vorige codes, übergemakkelijk:
Sub:
Sup:
Als je nu dus regels over wilt slaan, gebruik je, net als in HTML, br en P.
Met br ga je gewoon naar de volgende regel, met p begin je eigenlijk een nieuwe paragraaf, oftewel je krijgt een witregel - P is eigenlijk hetzelfde als 2x op enter drukken.
Het verschil van deze codes is dat Br en P GÉÉN sluitings-tag hebben. Ze bestaan uit één deel.
Voor 1 regeltje omlaag:
voor een paragraaf:
Als je die codes gebruikt, ziet je code EN je font er zo uit:
Nouja, nu ken je de MEESTE basiscodes. Op naar de font-code!
De Font-Code!
De font-code wordt gebruikt om de lettergrootte, lettertypen en de kleur van de tekst te veranderen. Dit is de belangrijkste code van allemaal, en iets ingewikkelder dan de al behandelde codes, maar nog steeds heel gemakkelijk. De font-code begint gewoon, als een gewone code met
[font, en eindigd met
[/font], maar, ik heb de 1e code nog niet afgemaakt, omdat de font-code uit verschillende delen bestaat.
Dit is een volledige font-code:
Laten we de met blauw-onderstreepte-code een opbreken in stukjes:
c=black: Dat stukje staat voor de kleur. de C staat voor color, black staat voor de gekozen kleur, in dit geval zwart. De kleuren moeten altijd in engels, of in HEX-CODES worden weergegeven. Hex-codes is meer advanced, dus dat lees je later, verderop in deze gids.
s=3: Dat stukje staat voor de grootte. De s staat voor size, de 3 staat voor de gekozen grootte. Je kan kiezen uit de volgende groottes: 1, 2, 3, 4, 5, 6 en 7. tekst kan niet groter, of kleiner.
f=arial: Dat stukje staat voor het lettertype dat je kiest. de f staat voor font, arial staat voor de gekozen lettertype.
De sluitingstag is dus gewoon [/font]!
Hieronder staan wat schema's: Veelgebruikte kleuren en lettertypen.
kleuren:
Nederlands - Engels
Zwart - Black
Geel - Yellow
Rood - Red
Blauw - Blue
Groen - Green
Fel Roze - Hotpink
Lettertypen:
• Verdana
• Arial
• Terminal
• Impact
• Times
• Roman
• Century
• Cursive
Let op: Lettertypen zoals Century gothic of Times new Roman; waar dus een spatie tussen zit, doen het NIET!.
De font in elkaar zetten
Nu je alle codes hebt gelezen/geleerd, gaan we nu naar het maken van de font zelf. We beginnen met de basiscode, die je in het begin al kon kopiëren:
neoHTML: (boven)
Siggy: (onder)
Nu komen we dus bij het veranderen en bewerken van je font. We beginnen met het centreren van dit begin. centreren ziet er meestal veel beter uit dan dat alle tekst links zit. De codes zien er dan zo uit:
neoHTML: (boven)
Siggy: (onder)
je font ziet er, na deze toevoeging, zo uit:
Saai he? Daarom ga ik nu een [font--] code toevoegen aan die code. Mijn nieuwe code veranderd zo:
neoHTML: (boven)
Siggy: (onder)
Mijn font ziet er na die toevoeging zo uit:
Nog erg saai, maar ik heb wel een ander lettertype, en mijn letters zijn ook wat kleiner!
Op naar de volgende stap. Zoals je ziet heb ik als avatar Attack of the Slorgs. Laten we daar een wat leuks bij verzinnen. Ik hou de tekst boven, en zet onder mijn tekst Mijn naam en een linkje naar deze gids. dit is heel gemakkelijk, als je het doorhebt. Mijn code is nu:
Siggy: (onder)
Je font ziet er na die toevoeging zo uit:
Hmm. Wel teveel opgestapeld? Wat als ik mijn naam nou boven mijn font zet, en de rest gewoon daar beneden laat? gewoon een simpel geval van het omdraaien van de codes:
Siggy: (onder)
Je font ziet er na die toevoeging zo uit:
yay! Ik denk dat ik mijn font zo maar hou!
Nu weet je hoe je een font moet opbouwen! Ik hoop dat je hier echt wat aan hebt!
Nu verder naar de advanced topics! Deze zijn dus iets moeilijker :(
Advanced
Nu de wat moelijkere onderdelen van het maken van fonts. Het is nog best gemakkelijk, hoor ;).
Hex-Codes
Hex Codes zijn ook kleuren, alleen dan niet geschreven als
Yellow of
Blue. Hex Codes bestaan uit een hekje en daarachter 6 tekens. Bijvoorbeeld
#CC0099.
Die kleuren zijn veel nauwkeuriger, en passen dus meestal beter bij je avatar. Hoe je het echt perfect kan matchen met je avatar, leer je later.
Hieronder heb ik een color chart gevonden. Sleep het plaatje naar je adresbalk voor de normale grootte.
Tekentjes in je font: webdings en Wingdings
Je ziet ook wel vaak van die leuke tekentjes in fonts. Dit is ook heel eenvoudig.
Als je dat wilt, dan moet je als lettertype Wingdings of Webdings nemen. Je kan dan ook gewone letters en tekentjes gebruiken in je font. D:
Hoe vet is dat? :P
Oke, Ik vind het nogal zonde als ik hier meteen zon chart doe, maar als je nou gewoon even googled op Wingdings chart, dan heb je ook genoeg hits ;).
Voorbeeldje:
Deze codes zijn stiekem wel premade :K! Muhaha :P
NeoHTML:
Siggy:
NeoHTML:
Siggy:
Avatarkleuren in je font
Om dit te doen gebruik ik altijd een color picker. Dat is een programma waarmee je elke kleur kan "zien". Dit is heel handig. Hierbij een tutorialtje, hoe ik mijn color picker gebruik.
Getcolor Tutorial.
Ik gebruik Getcolor bij deze tutorial! voor GIMP moet je ff scrollen :D
Dit is mijn programma. Je ziet een groot vlak met een kleur, een soort pipetje, en een aantal vakjes. Het gaat nu om de RGB HTML.
Nouja. Ik kies als avatar de I ♥ Sloth Avatar.
Nu ga ik naar de preferences pagina, en sleep ik het pipetje richting mijn avatar. :) Zie wat er gebeurd:
Nouja, rood op rood is niet zo goed te lezen, maar er staat dus. Dat is dus de hex-code van die rood! ;D En die heb ik nodig, en die zet ik dus ook in mijn font code. Een deel van mijn font code is dus:
Kleuren zien met GIMP.
Dit komt. :3
Nawoord.
Nou, dit was mijn gids, ik hoop dat je er wat aan hebt. Mail me alsjeblieft als je iets niet snapt, of als je extra uitleg nodig hebt of als je ideeën hebt :D
Layout zelfgemaakt met GIMP, alle tekst, plaatjes en info is gemaakt door yv0nn3e. :3 Getcolor is niet van mij, obviously. Graphic Requests zijn tijdelijk open!
Counter gestart: 2 Mei 2009.
