[PS6] Gradiant in bocht (maar niet met cirkel)

[ScuL]

Oké.. Ik ben bezig met mijn eigen site en loop hier tegen een klein ontwerp probleempje aan (misschien onhandigheid van mezelf maar ok ) ..

Ik heb voor de topbar en de sidebar (links) een mooie achtergrond in elkaar geknutselt alleen nu zit ik met de achtergrond die in de linkerbovenhoek komt.

De bar links is namelijk breder dan de topbar waardoor ik de hoek niet kan vullen met een simpele circle gradiant. Weet iemand misschien hoe ik dit het beste aan kan pakken

Hier de plaatjes om het geheel duidelijker te maken:

[bolleh]

circle gradiant maken met een vierkante image, zo lang/hoog als je sidebar en dan de hoogte resizen? mischien dat je niet een echt clean effect krijgt maar zo moet het gaan lijkt me

[ScuL]

ik kom daar toch niet helemaal uit wat je zegt hoor!

als ik een cirkel gradiant maak dan verlopen de kleuren toch uit de verhouding. maakt niet uit of ik daarvoor een vierkant selecteer..

[Verwijderd]

Dan transformeer je die circel toch naar een vlakkere ovaal mt de juiste grootte? De afbeelding is niet zo complex dat je dan rare effecten krijgt. Ik denk dat je er zelfs gelemaal niets raars aan zult zien.

[Verwijderd]

Ik heb een vierkant van 300x300 pixels gemaakt en dan doe je een gradient van het midden naar de rechteronderkant. Dan resize je dat vierkant naar wat je wilt hebben en voila, je bent klaar. Dit kan ook met een cirkel natuurlijk

[tec]

Je kunt natuurlijk ook een grote gaussian blur maken als achtergrond (gewoon even je frame waar je nou die gradient om aan het tekenen bent copyen naar een nieuwe layer, fillen met de kleur blauw ofzo en dan blurren maar) dat lijkt ook net een gradient en dan hoef je niet moeilijk te doen over je hoeken.

[ScuL]

Hij is zo geworden :




netjes toch ?

Ik heb Sint's oplossing toegepast en wat gesmoothed met de smudge tool

[Verwijderd]

als je de kleur waarde van het grijs iets verder van het witte afbrengt krijg je denk ik niet die strepen dit je nu hebt ( als je goed kijkt zie je een ster)
kun je doen door zo'n huisje (pointer erbij te maken en de juist kleur te selecteren...
is ff prutsen maar het resultaat word er beter op.

[Dark Blue]

Als je nou eerst eens het design namaakt in Phothoshop.
Je maakt eerst een radial gradient, van blauw naar wit. Zorg dat je eerst een duo hulplijnen op een kruis hebt staan precies in het midden van die gradient.
Nu maak je dat vlak met die border na, je sleept gewoon een selectie vanaf je kruispuntje rechts naar beneden, fill met donker, contract 1px, fill met licht. Ala, als het maar even ergens op lijkt.

Maar, nu heb je alleen nog maar een radial gradientje staan, dat dus mooi afbuigt op de randen. Wat pak je dan: Precies dat streepje pixels vóór je hulplijn.
Die kopieer je, pixelstretch je (een balk zowel naar rechts, als naar onderen)
en je hebt een aansluitend vlak...

[OzBoz]

Waarom gooi je onder de topbar niet gewoon een dropshadow die je iets verplaatst en enorm breed maakt? Desnoods zet je die effect-layer dan nog om naar een losse laag zodat je er meer mee kan sturen.