DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
Vraagje:
Ben vandaag aan een website voor een drankengroothandel op Aruba, Curaçao en Bonaire begonnen.
Ik ben daarbij op een praktisch probleempje gestuit:
Hoe krijg ik teksten het makkelijkst langs een pad gezet, zodanig dat de letters horizontaal blijven (niet kantelen dus)?
Gebruik zelden of nooit teksten in Photoshop (versie 6), dus dit is een nieuwe 'uitdaging' (ik haat dat woord, zeg dan gewoon dat je een probleem hebt...).
Voorbeeld:
Dit worden dus de navigatiebuttons à la die van een wijnetiket op een fles.
Heb nu de letters handmatig stuk voor stuk verplaatst, maar dat is niet 100% in orde zo...
Ben vandaag aan een website voor een drankengroothandel op Aruba, Curaçao en Bonaire begonnen.
Ik ben daarbij op een praktisch probleempje gestuit:
Hoe krijg ik teksten het makkelijkst langs een pad gezet, zodanig dat de letters horizontaal blijven (niet kantelen dus)?
Gebruik zelden of nooit teksten in Photoshop (versie 6), dus dit is een nieuwe 'uitdaging' (ik haat dat woord, zeg dan gewoon dat je een probleem hebt...).
Voorbeeld:
Dit worden dus de navigatiebuttons à la die van een wijnetiket op een fles.
Heb nu de letters handmatig stuk voor stuk verplaatst, maar dat is niet 100% in orde zo...
Gebruik de pentool om een curve te zetten, daarna ga je met de text tool op die lijn staan; en dan typen.. dan heb je die tekst over die curve 
Daar heb ik wel aan zitten denken, maar dan gaat de basis (de voet/onderkant) van de letters toch met het pad mee en kantelen de letters toch?quote:Op vrijdag 25 april 2008 01:16 schreef Haunter het volgende:
Gebruik de pentool om een curve te zetten, daarna ga je met de text tool op die lijn staan; en dan typen.. dan heb je die tekst over die curve
Zoiets dus:
Dat is niet de bedoeling, de letters moeten rechtop blijven staan in het juiste perspectief...
Ik doe dat ook altijd per letter. Of het makkelijker kan weet ik niet, maar je zou misschien een hulplijn (trappetje ofzo) kunnen maken met een vast aantal pixels en dan de letters daarop uitlijnen?quote:Op vrijdag 25 april 2008 09:28 schreef MadMaster het volgende:
[..]
Daar heb ik wel aan zitten denken, maar dan gaat de basis (de voet/onderkant) van de letters toch met het pad mee en kantelen de letters toch?
Zoiets dus:
[ afbeelding ]
Dat is niet de bedoeling, de letters moeten rechtop blijven staan in het juiste perspectief...
Edit: of guides gebruiken daarvoor?
Dat is wat ik nu gedaan heb.quote:Op vrijdag 25 april 2008 09:34 schreef Mardoek50 het volgende:
[..]
Ik doe dat ook altijd per letter. Of het makkelijker kan weet ik niet, maar je zou misschien een hulplijn (trappetje ofzo) kunnen maken met een vast aantal pixels en dan de letters daarop uitlijnen?
Heb de tekst in eerste instantie gwoon recht gezet langs de bovenkant van de magenta en blauwe etiketjes en toen de letters individueel langs die rand verplaatst, zodat de voet van elke letter gelijk liep aan de rand. Daarna alles geselecteerd en naar het midden het etiket verplaatst.
Het resultaat zie je in de afbeelding...
Wat bedoel je precies?quote:Edit: of guides gebruiken daarvoor?
Gebogen guides bestaan helaas niet voor zover ik weet...
Tja, dat is idd niet echt mooi.quote:Op vrijdag 25 april 2008 09:49 schreef MadMaster het volgende:
[..]
Dat is wat ik nu gedaan heb.
Heb de tekst in eerste instantie gwoon recht gezet langs de bovenkant van de magenta en blauwe etiketjes en toen de letters individueel langs die rand verplaatst, zodat de voet van elke letter gelijk liep aan de rand. Daarna alles geselecteerd en naar het midden het etiket verplaatst.
Het resultaat zie je in de afbeelding...
Nee, ik bedoel de gewone guides, daarmee zou je de letters ook kunnen uitlijnen.quote:[..]
Wat bedoel je precies?
Gebogen guides bestaan helaas niet voor zover ik weet...
Maar dat komt dan toch op het zelf neer als letters individueel verschuiven langs de rand van het etiket?quote:Op vrijdag 25 april 2008 10:01 schreef Mardoek50 het volgende:
Nee, ik bedoel de gewone guides, daarmee zou je de letters ook kunnen uitlijnen.
Guides werken op pixelniveau (X-Y coördinaten van pixels) en het verschuiven van individuele letters gebeurt ook per pixel.
Maar dank in ieder geval voor het meedenken!!
Graag gedaanquote:Op vrijdag 25 april 2008 10:45 schreef MadMaster het volgende:
[..]
Maar dat komt dan toch op het zelf neer als letters individueel verschuiven langs de rand van het etiket?
Guides werken op pixelniveau (X-Y coördinaten van pixels) en het verschuiven van individuele letters gebeurt ook per pixel.
Maar dank in ieder geval voor het meedenken!!
En dat komt idd op hetzelfde neer, ik noemde die guides als een alternatief voor een hulplijn.
Opgelost dankzij een tip in een ander topic waar ik de vraag gedropt had.
Allereerst de tekst rechts uitgelijnd, staat wat strakker en scheelt sowieso een hoop werk...
Gewoon de Warp text tool (Flag) gebruikt met wat extra tekst er achter, curve instellen v.w.b de tekst die moet blijven, tekst rasteren, overbodige tekst verwijderen en een nieuwe tekstlaag aanmken met de tekst die niet hoeft te buigen.
Nu de schaling nog iets aanpassen aan de linkerkant (weglopende tekst aan de linkerkant moet iets smaller worden voor het goede perspectief) en voila...
Beetje trucen, maar dat is de basis van Photoshop...
Allereerst de tekst rechts uitgelijnd, staat wat strakker en scheelt sowieso een hoop werk...
Gewoon de Warp text tool (Flag) gebruikt met wat extra tekst er achter, curve instellen v.w.b de tekst die moet blijven, tekst rasteren, overbodige tekst verwijderen en een nieuwe tekstlaag aanmken met de tekst die niet hoeft te buigen.
Nu de schaling nog iets aanpassen aan de linkerkant (weglopende tekst aan de linkerkant moet iets smaller worden voor het goede perspectief) en voila...
Beetje trucen, maar dat is de basis van Photoshop...
Sorry, maar ik vind het er nog steeds niet uitzien. Volgens mij kan je beter je ontwerp aanpassen zodat je de tekst gewoon op één lijn kan houden.quote:Op vrijdag 25 april 2008 11:31 schreef MadMaster het volgende:
Opgelost dankzij een tip in een ander topic waar ik de vraag gedropt had.
[ afbeelding ]
Allereerst de tekst rechts uitgelijnd, staat wat strakker en scheelt sowieso een hoop werk...
Gewoon de Warp text tool (Flag) gebruikt met wat extra tekst er achter, curve instellen v.w.b de tekst die moet blijven, tekst rasteren, overbodige tekst verwijderen en een nieuwe tekstlaag aanmken met de tekst die niet hoeft te buigen.
Nu de schaling nog iets aanpassen aan de linkerkant (weglopende tekst aan de linkerkant moet iets smaller worden voor het goede perspectief) en voila...
Beetje trucen, maar dat is de basis van Photoshop...
Ik respecteer je mening en ben het op dit moment ook enigzins met je eens.quote:Op zaterdag 26 april 2008 11:54 schreef Mardoek50 het volgende:
[..]
Sorry, maar ik vind het er nog steeds niet uitzien. Volgens mij kan je beter je ontwerp aanpassen zodat je de tekst gewoon op één lijn kan houden.
Dat van die fles en die etiketjes heb ik niet zelf bedacht, dat was de wens van de klant.
En een fles is nou eenmaal niet plat...
Wat je hierboven ziet is ook nog niet het eindresultaat, wilde alleen tonen dat je met wat trucen die curves met Photoshop kan aanbrengen.
De letters die 'weglopen' aan de linkerkant moeten ook nog smaller gemakat worden voor een beter perspectief.
Moet ook nog de lichtval op de etiketten bijregelen, die is nu overal gelijk wat ook niet bijdraagt aan een realistisch beeld.
Wel, misschien moet je dan proberen om je klant te overtuigen dat z'n site er op deze manier niet beter op wordt.quote:Op zaterdag 26 april 2008 12:11 schreef MadMaster het volgende:
[..]
Ik respecteer je mening en ben het op dit moment ook enigzins met je eens.
Dat van die fles en die etiketjes heb ik niet zelf bedacht, dat was de wens van de klant.
En een fles is nou eenmaal niet plat...
Wat je hierboven ziet is ook nog niet het eindresultaat, wilde alleen tonen dat je met wat trucen die curves met Photoshop kan aanbrengen.
De letters die 'weglopen' aan de linkerkant moeten ook nog smaller gemakat worden voor een beter perspectief.
Moet ook nog de lichtval op de etiketten bijregelen, die is nu overal gelijk wat ook niet bijdraagt aan een realistisch beeld.
En zoiets als dit:
?
De communicatie met de klant verloopt al niet te soepel (het is wel Aruba waar ze zich niet zo druk maken en ook niet weten wat tijdig aanleveren van materiaal en zo betekent...) en eigenlijk weten ze zelf niet wat ze willen.quote:Op zaterdag 26 april 2008 12:50 schreef Mardoek50 het volgende:
[..]
Wel, misschien moet je dan proberen om je klant te overtuigen dat z'n site er op deze manier niet beter op wordt.
En zoiets als dit:
[ afbeelding ]
?
Maar er moest per sé een fles in met etiketjes als navigatie..
Hoe heb je die tekst zo gekregen?
Tja, da's niet makkelijk als je niet regelmatig kunt overleggen.quote:Op zaterdag 26 april 2008 12:55 schreef MadMaster het volgende:
[..]
De communicatie met de klant verloopt al niet te soepel (het is wel Aruba waar ze zich niet zo druk maken en ook niet weten wat tijdig aanleveren van materiaal en zo betekent...) en eigenlijk weten ze zelf niet wat ze willen.
Maar er moest per sé een fles in met etiketjes als navigatie..
Hoe heb je die tekst zo gekregen?
De tekst en achtergrond op één layer samenvoegen en dan de warp tool gebruiken. Het was wel haastwerk, dus als je er wat meer tijd voor neemt, krijg je het waarschijnlijk nog wel wat strakker. Het kan misschien alleen wat lastig worden om alle items precies hetzelfde te krijgen (tenzij je de instellingen van de warp tool iedere keer over kunt nemen, ik weet niet of dat kan).
Edit: Ik bedenk net dat je natuurlijk ook alleen de tekst kan warpen, dan heb je geen probleem met iedere keer dezelfde achtergrond.
[ Bericht 5% gewijzigd door Mardoek50 op 26-04-2008 13:10:40 ]
Jouw methode heb ik ook overwogen, maar in PS 6 kan je de Warp Tool volgens mij alleen gebruiken op Tekst-layers..
Correct me if I'm wrong...
Correct me if I'm wrong...
Geen idee, ik heb CS2. Maar alleen de tekst zou ook moeten kunnen, zie mijn edit van de vorige post.quote:Op zaterdag 26 april 2008 13:11 schreef MadMaster het volgende:
Jouw methode heb ik ook overwogen, maar in PS 6 kan je de Warp Tool volgens mij alleen gebruiken op Tekst-layers..
Correct me if I'm wrong...
De tekst heb ik nu al deels (het gebogen deel) met de Warp Tool gedaan...quote:Op zaterdag 26 april 2008 13:15 schreef Mardoek50 het volgende:
[..]
Geen idee, ik heb CS2. Maar alleen de tekst zou ook moeten kunnen, zie mijn edit van de vorige post.
De stand van zaken na wat skewen, scalen en distorten is nu zo:
[ Bericht 15% gewijzigd door MadMaster op 26-04-2008 13:30:50 ]
Dat "Showroom" ziet er volgens mij al beter uit, alleen de "w" ziet er nog wat vreemd uit en de "r" is iets te klein, denk ik.quote:Op zaterdag 26 april 2008 13:25 schreef MadMaster het volgende:
[..]
De tekst heb ik nu al deels (het gebogen deel) met de Warp Tool gedaan...
De stand van zaken na wat skewen, scalen en distorten is nu zo:
[ afbeelding ]
Edit: En de "Bra" van "Branches" heeft ook een aardige vorm.
[ Bericht 5% gewijzigd door Mardoek50 op 26-04-2008 13:42:36 ]
Die w moet ik nog even aan prutsen inderdaad.quote:Op zaterdag 26 april 2008 13:37 schreef Mardoek50 het volgende:
[..]
Dat "Showroom" ziet er volgens mij al beter uit, alleen de "w" ziet er nog wat vreemd uit en de "r" is iets te klein, denk ik.
En de r (en ook 'oom') oogt/is smaller, doordat vanaf de r het stuk tekst begint dat niet gerasterized/verbogen is...
Het rasteren blurt de letters (het deel 'Show') iets als ze vervormd zijn...
Ik zit momenteel een tijdje thuis omdat ik net een knie-operatie achter de rug heb, dus ik heb nog even de tijd voor dit klusje...
Tja, het zal wel ff tijd gaan kosten, maar soms moet je veel geduld hebben en echt nauwkeurig werken, als er geen eenvoudige manier is. Maar je bent zeker op de goede weg, vind ik.quote:Op zaterdag 26 april 2008 13:41 schreef MadMaster het volgende:
[..]
Die w moet ik nog even aan prutsen inderdaad.
En de r (en ook 'oom') oogt/is smaller, doordat vanaf de r het stuk tekst begint dat niet gerasterized/verbogen is...
Het rasteren blurt de letters (het deel 'Show') iets als ze vervormd zijn...
Ik zit momenteel een tijdje thuis omdat ik net een knie-operatie achter de rug heb, dus ik heb nog even de tijd voor dit klusje...
Wel geinstalleerd via windows eerst?quote:Op zondag 27 april 2008 17:32 schreef wipes66 het volgende:
ik had een paar fonts gedownload (ttf), maar ze verschijnen niet in psWat doe ik fout
Ik had ze verplaatst naar config>fonts (ik zie ze ook staan in windows/fonts) maar in fotoshop staan ze nietquote:
..///
dat doe ik echt nooit, dus volgens mij is het beetje overbodigquote:Op zondag 27 april 2008 19:15 schreef Haunter het volgende:
Nouja, als ik jou was zou ik sowieso eerst installeren via Bestand -> Nieuw lettertype installeren
Kijk eens op je je font wel kan vinden in word ofzo,.. en je zei dat je het in config/tonfts had verplaatst? ik doe ze zelf altijd in WINDOWS\Fonts,..
