[2d] post je 2d stuff maar weer - part 7

quote:

Stoney187 schreef op 14 juni 2004 @ 00:49:
mijn eerste illustrator logo:

[afbeelding]

ik ben er nog niet helemaal uit met de kleuren iemand suggesties voor mooie kleurencombo?

Ik zou een kleuren verloopje maken tussen de A en de L zodat dit duidelijker onderscheiden wordt. Nu lijkt het meer op een sierlijke A dan een A+L. Zoiets als dit dus:

D_John wijzigde dit bericht 15-06-2004 12:19 (9%)

Waarom 3x een home/contact link en de overige 2x?

@d_john: staat toch ook nergens dat het een a + l moet zijn?

Herrick wijzigde dit bericht 15-06-2004 12:21 (64%)

quote:

xzoticate schreef op 15 juni 2004 @ 12:18:
Waarom 3x een home/contact link en de overige 2x?

Als ik het zelf eens wist . Maar ik denk dat daar de link naar de sitemap en nog iets anders 'kleins' komt.

M'n eerste vector-frutsel - WIP -, klikbaar:



De schouders krijg ik op de een of andere manier niet goed, lippen en wenkbrauwen willen ook niet. Ik wil de huid nog van schaduwen voorzien, vooral het gezicht - hoe kan ik dat het beste doen, zonder dat het heel grof wordt?

quote:

xzoticate schreef op 15 juni 2004 @ 12:18:


@d_john: staat toch ook nergens dat het een a + l moet zijn?

Dan heb ik 'm bij deze geholpen aan een idee.

quote:

Hugo schreef op 15 juni 2004 @ 10:25:
mja, de html is iig niet om over naar huis te schrijven

maar goed, mag allen commentaar geven over het grafische gedeelte...
de site ziet er wel leuk uit, een aantal puntjes...

-ik zou sowiezo de tekstkleur en de scrollbalkkleur veranderen, nu is het teveel bruin...
-verder zie ik een wit vlakje op de site, als dit zo hoort is het lelijk, maar ik denk dat het gewoon een fout is...
-het lettertype van de titel (arial black met een lagere tracking) is gejat van de Bijenkorf, ik krijg iig asociaties met de bijenkorf, en ik denk dat dat niet de bedoeling is... sowizo zou ik een keer een lettertype met schreef gebruiken, lijkt me wel mooi staan bij de afbeelding...
-je header is te groot als de site niet past op 1024*768
-gewoon arial met een lage tracking wat je voor je menu hebt gebruikt is op die grootte erg slecht leesbaar, voor een titel is dat niet zo erg, maar voor dingen die je echt leest is en grotere letterspatiering erg belangrijk...

verder wel leuke kleurtjes

- Wat is er mis met het html gedeelte? Ik heb toch al vermeld dat ik het in Dreamweaver gemaakt heb
- Het is btw geen bruin wat ik heb gebruikt maar goed
- Dat witje vlak hoort zo, ik denk dat ik het laat staan ik vind het wel wat hebben
- Ik moet eerlijk zeggen dat ik de site van de Bijenkorf nog nooit gezien heb. Ik dacht dat arial wel een neutraal lettertype was?
- De website past wel op 1024 bij 768 alleen de "home" niet omdat onder de pagina de teller staat. Dit ga ik nog verbeteren
- een grotere letterspatiering lijkt me zeker geen slecht idee, thx

Bedankt voor je commentaar

Bokkepootje wijzigde dit bericht 15-06-2004 14:30 (4%)

quote:

prinsesje schreef op 15 juni 2004 @ 12:39:
Ik wil de huid nog van schaduwen voorzien, vooral het gezicht - hoe kan ik dat het beste doen, zonder dat het heel grof wordt?

Als je met Illustrator werkt - kopieer de vorm van het gezicht en leg deze er precies overheen. Maak 'm zwart, semi-transparant, en gebruik een blending mode die er goed uitziet. Dan knal je er een andere shape doorheen, gebruikt de pathfinder om 't overbodige deel eraf te kappen, en hoppa - je hebt precies de schaduw die je nodig hebt.

Een poosje geleden gemaakt voor mijn persoonlijke site!
Gemaatk in inkscape, een svg editor voor linux.
Nu het scripten nog
C&C ?

Blaasvis wijzigde dit bericht 15-06-2004 15:04 (17%)

quote:

Yoozer schreef op 15 juni 2004 @ 14:52:
[...]

Als je met Illustrator werkt - kopieer de vorm van het gezicht en leg deze er precies overheen. Maak 'm zwart, semi-transparant, en gebruik een blending mode die er goed uitziet. Dan knal je er een andere shape doorheen, gebruikt de pathfinder om 't overbodige deel eraf te kappen, en hoppa - je hebt precies de schaduw die je nodig hebt.

Bedankt!

quote:

Blaasvis schreef op 15 juni 2004 @ 15:03:
[afbeelding]

Een poosje geleden gemaakt voor mijn persoonlijke site!
Gemaatk in inkscape, een svg editor voor linux.
Nu het scripten nog
C&C ?

Hij's lief! Jammer alleen dat die oogjes precies hetzelfde zijn (of lijken), misschien dat de pupil en oogkas van het achterste oog (uhm, voor de pinguin rechts) iets kleiner kan?

quote:

Bokkepootje schreef op 14 juni 2004 @ 23:55:
[...]


Yoow Punksmurf,

In wat voor resolutie kijk je nu?

1024
voor webdesign moet je imho toch uitgaan van 800, hoewel 1024 steeds vaker kan. ligt net een beetje aan je content/doelgroep
_{(ik zou er bijvoorbeeld vanuit aan dat er op GoT vrijwel niemand komt met < 1024, en je dus evt 1024 kan gebruiken. daarbij moet je wel bedenken dat er vééél mensen op GoT komen, en het dus in aantal nog wel veel mensen zijn met < 1024 die je ook niet wilt benadelen. een site als van libelle ofzo zou juist weer uit moeten gaan van 800, omdat daar denk ik meer digibeet volk komt en hun computer out of the box op 800@60hz draaien)}

quote:

Bokkepootje schreef op 15 juni 2004 @ 14:19:
- De website past wel op 1024 bij 768 alleen de "home" niet omdat onder de pagina de teller staat. Dit ga ik nog verbeteren

dit is je about pagina
omdat het slecht te zien is heb ik de 'scrollbare' stukken van de scrollbar even omcircelt
dat gaat dus écht níet passen op 1024...

Punksmurf wijzigde dit bericht 15-06-2004 15:41 (24%)

quote:

Punksmurf schreef op 15 juni 2004 @ 15:27:
[...]


1024
voor webdesign moet je imho toch uitgaan van 800, hoewel 1024 steeds vaker kan. ligt net een beetje aan je content/doelgroep
_{(ik zou er bijvoorbeeld vanuit aan dat er op GoT vrijwel niemand komt met < 1024, en je dus evt 1024 kan gebruiken. daarbij moet je wel bedenken dat er vééél mensen op GoT komen, en het dus in aantal nog wel veel mensen zijn met < 1024 die je ook niet wilt benadelen. een site als van libelle ofzo zou juist weer uit moeten gaan van 800, omdat daar denk ik meer digibeet volk komt en hun computer out of the box op 800@60hz draaien)}


[...]

[afbeelding]
dit is je about pagina
omdat het slecht te zien is heb ik de 'scrollbare' stukken van de scrollbar even omcircelt
dat gaat dus écht níet passen op 1024...

Wat vaag zeg, Het is ook helemaal niet de bedoeling dat je aan de rechterkant kan scrollen. De layout moet vast blijven zitten zeg maar. Welke browser is dat btw?

Bokkepootje wijzigde dit bericht 15-06-2004 16:02 (3%)

gewoon firefox
en in ie moet ik ook scrollen btw, mocht je eventeel rare dingen hebben uitgehaald... (las al dat je HTML niet echt super was)

toevoeging: ook als ik alleen een gewone smalle startbalk heb en verder niet (heb nu dubbele hoogte startbalk + statbar onderin)

Punksmurf wijzigde dit bericht 15-06-2004 16:06 (32%)

quote:

Punksmurf schreef op 15 juni 2004 @ 16:04:
gewoon firefox
en in ie moet ik ook scrollen btw, mocht je eventeel rare dingen hebben uitgehaald... (las al dat je HTML niet echt super was)

toevoeging: ook als ik alleen een gewone smalle startbalk heb en verder niet (heb nu dubbele hoogte startbalk + statbar onderin)

Ik denk dat het aan je mac ligt want ik heb de site op meerdere pc's gezien en daar werkt het gewoon. Ik heb overigens met een CSS Style gewerkt en heb de scrollbar voorzien van een kleurtje. Dat soort dingen werken jammer genoeg niet op een mac.

Ik geef toe dat ik geen programeur ben maar als je met tabellen, CSS styles en Iframes kan werken valt het volgens mij wel mee

Ok je hebt geen mac Maar dan blijf ik het een vreemd verhaal vinden dat je dit probleem ook met IE hebt. Zelfs op mijn Pentium 200 met een oudere versie werkt de site goed.

Bokkepootje wijzigde dit bericht 15-06-2004 16:21 (35%)

het ligt niet aan de mac, want:

a) als een pagina niet goed rendert is dat een fout van de ontwerper (of de browser, maar firefox voldoet meen ik netjes aan alle standaarden)

b) ik heb geen mac
^{was dat maar zo}

en die scrollbar doet het alleen in IE, want dat is namelijk geen standaard maar iets dat gewoon door MS verzonnen is. opzich is het wel een leuke optie, vind ik.

Punksmurf wijzigde dit bericht 15-06-2004 16:22 (33%)

quote:

Punksmurf schreef op 15 juni 2004 @ 16:14:
het ligt niet aan de mac, want:

a) als een pagina niet goed rendert is dat een fout van de ontwerper (of de browser, maar firefox voldoet meen ik netjes aan alle standaarden)

b) ik heb geen mac
^{was dat maar zo}

en die scrollbar doet het alleen in IE, want dat is namelijk geen standaard maar iets dat gewoon door MS verzonnen is. opzich is het wel een leuke optie, vind ik.

Is zeker een leuk zo'n scrollbar Maar wat eigenlijk mijn vraag was, die screenie die je liet zien heb je dat ook bij IE?

quote:

Bokkepootje schreef op 15 juni 2004 @ 16:09:
[...]


Ik denk dat het aan je mac ligt want ik heb de site op meerdere pc's gezien en daar werkt het gewoon. Ik heb overigens met een CSS Style gewerkt en heb de scrollbar voorzien van een kleurtje. Dat soort dingen werken jammer genoeg niet op een mac.

Ik heb precies hetzelfde probleem in firefox hoor, dus het ligt echt aan jou

Overigens begint deze discussie wel langzaam te neigen naar een sitecheck, dus bij deze ook nog wat inhoudelijke opmerkingen;

- qua layout stelt het nogal weinig voor
- lettertype van shockerbrown is nogal saai
- de tekst in de knoppen mag wat mij betreft wel wat omhoog, want nu heb ik het gevoel dat er iets niet klopt bij het zien van de menubalk
* wat is dat voor spul in het plaatje? een steen? Probeer een plaatje te gebruiken wat iets met shocker en brown te maken heeft, bijvoorbeeld een neger die electric boogie doet ofzo
* probeer nog wat met dat rechthoekje te doen, of haal hem gewoon weg

al met al komt het een beetje trendwhore over, niet dat ik daar wat tegen heb (kan zelfs heel tof zijn) maar er ontbreekt gewoon vanalles.

quote:

Mr_Kite schreef op 12 juni 2004 @ 14:53:
*knip*

Sorry voor de late reactie, ik had niet gezien dat je in dit topic verder gegaan was.

Ik even ruwweg vertellen hoe je dit resultaat bereikt, ik zal echter proberen vooral de denkwijze erachter duidelijk te maken, zodat als je deze denkwijze over neemt niet voor elke andere texture een nieuwe tutorial hoeft te volgen

Je begint altijd met de basiskleuren van de ondergrond. Daarmee bedoel ik niet het beige en het zwart, het zwarte heeft een duidelijke vorm en hoort daardoor niet bij de ondergrond. Kies of neem met de eyedropper twee verschillende tinten beige en maak een gradient over de ondergrond.

Je zou nu het zwarte er met de hand op kunnen tekenen (met een Wacom is dat zo gedaan), maar voor deze ene keer gebruik ik een combinatie van filters. Maak een nieuwe layer en selecteer eerst als foreground color zwart en background color wit (of andersom, je kan altijd inverten met control-i) en render clouds. Render erna difference clouds overheen. Je ziet de basislijnen al lopen, echter het is veel te "vlekkerig". Beetje moeilijk te omschrijven maar je ziet het zelf.

Door de levels aan te passen, kan je zorgen dat bepaalde kleurwaarden andere waarden aannemen. Door met de schuifjes te spelen, kan je een veel duidelijker lijnenpatroon creeëren. Speel dus met de settings tot je tevreden bent.

Hierna de opacity van de bovenste layer aanpassen. De basis is er nu, maar we zijn nog niet tevreden. Doordat de basis een gradient is, is de grond nog veel te "clean". Wederom twee tinten beige nemen en clouds ermee renderen zorgt voor een minder vloeiende overgang tussen de kleuren. Nog even control-alt-u om de lichtheid te tunen, gezien de bovenliggende layer het geheel wat donkerder heeft gemaakt.

De texture is nu vrijwel klaar, het enige probleem is dat de grond niet glad is als een spiegel maar ruwheid heeft. Je zou die ruwheid met het 3D programma helemaal na kunnen maken, maar volgens mij bestaan daar geen makkelijke manieren voor om een ietswat ruw oppervlak te maken. (correct me if I'm wrong, ik ben geen 3D'er)

Om nu de schijn van ruwheid te creeëren, zorgen we ervoor dat de ruwheid al in de texture zit. Je zou meteen kunnen denken aan alpha channels, maar dat kost ook veel tijd. De simpele en in dit geval voldoende goede methode is simpelweg een nieuwe layer te maken en daar ruis overheen te renderen, en die dan weer een drop shadow mee te geven. Speel ook hier wat met de settings.

Als je een 4:3 verhouding gebruikt hebt, heb je dankzij het cloudfilter nog een tilable plaatje ook. Als je geen cloudfilter hebt gebruikt voor je texture moet je doormiddel van een offset de randen aan elkaar "naaien".

In het algemeen dus: Zorg dat je met een basis begint en voeg steeds meer details toe; net als een echte schilder. Zorg telkens dat je je goed bedenkt wat er nog mist en wat de meest doeltreffende manier is om het te bereiken. Zorg dat je elke stap in principe op een nieuwe layer doet, zodat je alles op het eind mooi kunt finetunen door gebruik van de Hue/Saturation.

_{Pfffft, nog een heel verhaal geworden terwijl het zo gedaan is}

sdomburg wijzigde dit bericht 15-06-2004 16:48 (3%)

quote:

mattttt schreef op 15 juni 2004 @ 16:31:
[...]


Ik heb precies hetzelfde probleem in firefox hoor, dus het ligt echt aan jou

Overigens begint deze discussie wel langzaam te neigen naar een sitecheck, dus bij deze ook nog wat inhoudelijke opmerkingen;

- qua layout stelt het nogal weinig voor
- lettertype van shockerbrown is nogal saai
- de tekst in de knoppen mag wat mij betreft wel wat omhoog, want nu heb ik het gevoel dat er iets niet klopt bij het zien van de menubalk
* wat is dat voor spul in het plaatje? een steen? Probeer een plaatje te gebruiken wat iets met shocker en brown te maken heeft, bijvoorbeeld een neger die electric boogie doet ofzo
* probeer nog wat met dat rechthoekje te doen, of haal hem gewoon weg

al met al komt het een beetje trendwhore over, niet dat ik daar wat tegen heb (kan zelfs heel tof zijn) maar er ontbreekt gewoon vanalles.

Voor mezelf klopt de website, Dit was mijn idee hoe ik het ongeveer in m'n hoofd had. Ik vind het een goede zaak dat je jouw mening goed onderbouwt dat waardeer ik Over het lettertype kan ik kort zijn, zelf vind ik het een supervette font, lekker strak, geen schreven enz. Dat plaatje heeft wel degelijk iets met Shockerbrown te maken omdat Shockerbrown alleen maar een artiestennaam is. Zelf vind ik het te makkelijk om bijv de site helemaal bruin te maken omdat er brown in voor komt. Shockerbrown is alleen een naam zeg maar

Maar goed, ik ga niet meer verder met onderbouwen waarom ik bepaalde dingen zo gedaan heb. Het maakt me ook niet uit wat de rest ervan vindt. Zelf ben ik erg tevreden

Bokkepootje wijzigde dit bericht 15-06-2004 16:58 (8%)

quote:

Bokkepootje schreef op 15 juni 2004 @ 16:28:
[...]


Is zeker een leuk zo'n scrollbar Maar wat eigenlijk mijn vraag was, die screenie die je liet zien heb je dat ook bij IE?

nee, een klein stukje
maar dus ook bij jouw about pagina

quote:

D_John schreef op 15 juni 2004 @ 12:15:
[afbeelding]

C&C?

Iemand?

quote:

D_John schreef op 16 juni 2004 @ 14:58:
[...]
Iemand?

Geen koppen in Times. Vervang dit door een sans-serif font of desnoods een ander serif alternatief. De knoppen zijn een beetje lomp en missen een border aan de bovenkant.

De titel 'Schildersbedrijf Heintjes' valt niet genoeg op.

Tevens mogen de letters iets minder op elkaar zitten ivm leesbaarheid. Ik zou sowieso het ontwerp nog even nalopen, want er zitten heel wat kiertjes en foute bordertjes in van een pixel breed.

Klinkt allemaal wel erg negatief, maar overall ziet het er best goed uit. Succes

quote:

D_John schreef op 16 juni 2004 @ 14:58:
[...]


Iemand?

Ik vind de knoppen wat grof, vooral door het verloopje erin denk ik, het het verzonken 'Schildersbedrijf Heintje' een beetje ielig en vreemd. De strepen waartussen het 'Nieuws'-blokje staat vind ik leuk, en de indeling van de pagina mooi in balans. Met de opmerking van DiMension over het font ben ik het wel eens, dat mag wel wat sterker. Verder ziet het er goed uit!

Ik heb er niet echt een professionele kijk op verder, dus neem het niet te serieus

prinsesje wijzigde dit bericht 16-06-2004 16:38 (6%)

quote:

DiMension schreef op 16 juni 2004 @ 15:07:
[...]

Geen koppen in Times. Vervang dit door een sans-serif font of desnoods een ander serif alternatief. De knoppen zijn een beetje lomp en missen een border aan de bovenkant.

Hmm, normaal gesproken gebruik ik nooit Times (ik heb het er vanwege totale frustratie zelfs op m'n prive vanaf gegooit) maar in dit geval vondt ik het eigenlijk wel passen. Maar goed wordt dus vervangen door een Serif.

quote:

De titel 'Schildersbedrijf Heintjes' valt niet genoeg op.

Inderdaad, al vond ik het wel geinig dat het er in gezonken stond. Denk dat ik het op de bovenste balk doe.
[quote]

quote:

Klinkt allemaal wel erg negatief, maar overall ziet het er best goed uit. Succes

Thanx .

quote:

Ik vind de knoppen wat grof, vooral door het verloopje erin denk ik, het het verzonken 'Schildersbedrijf Heintje' een beetje ielig en vreemd. De strepen waartussen het 'Nieuws'-blokje staat vind ik leuk, en de indeling van de pagina mooi in balans. Met de opmerking van DiMension over het font ben ik het wel eens, dat mag wel wat sterker. Verder ziet het er goed uit!

Ik heb er niet echt een professionele kijk op verder, dus neem het niet te serieus

Knoppen ga ik inderdaad wat minder groot maken. Ik zie nu ook in dat ze té lomp zijn. Verder bedankt voor je reactie.

Overigens _{(hoop niet dat het als spam wordt beschouwd)} heb ik hier nog een site waarvan ik jullie mening wel wil weten. Nog niet helemaal af, maar de richtlijnen zijn duidelijk.

@ D_John, ik heb weinig meer toe te voegen; ik sluit me vooral aan bij de opmerking van xzoticate eerder: waarom zoveel home/contact-knoppen? Ik heb verder niet echt een probleem met Times als kop, het wordt bijna weer origineel. Het hoeft zeker niet persé een schreefloos font te worden.
In het algemeen: ik vind het geheel wel mooi, maar niet heel erg intuitief. En nog een punt dat daarmee samenhangt: de bovenbalk (wit geshade) is best mooi, maar vind ik hier niet op z'n plaats. Ik weet niet of je er nog meer mee gaat doen, of of 'ie zo leeg blijft, maar zeker als 'ie zo leeg blijft is 'ie eigenlijk nutteloos. Het is ook een vreemde eend in de bijt qua stijl (geronde hoekjes tov de rechthoeken van de navbar, pixelfontje, icoontjes voor de functies). Het is net of het een eerder ontwerp is waar je geen afscheid van hebt kunnen nemen, of een nieuwe poging die je nog niet consistent doorgevoerd hebt.

--

Iets anders:


(beide klikkebaar)
(voor de goede orde: de bronfoto)

Verder gewerkt aan deze, twee versies nu. Welke is beter? Die waarvan de herhaling donkerder wordt of die waar dat niet gebeurt? Nog andere tips? Kortom:

C&C?

De rechter is zoveel beter, geeft veel meer diepte aan de plaat.