Thread: Photoshop: Layout slice
-
09-09-2004, 15:08 #1
Photoshop: Layout slice
Hallo
http://users.pandora.be/thatlittleon...ut/layout.html
Dit is mijn eerste layout in photoshop, ik heb de navigatiebar al helemaal kunnen maken en slice, maar ik zit nog met een probleem met die content box, ik heb daar dus ook ne slice van gemaakt, en ik dacht als ik die nu als background zet in die table dan is da opgelost, maar dan is da helemaal vervormt, kan iemand mij hier bij helpen.
alvast bedanktLast edited by Blue Thunder; 09-09-2004 at 15:25.
no votes
-
-
09-09-2004, 15:16 #2Member
- Registered
- 18/11/02
- Location
- Eke, België
- Posts
- 2,448
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
Ge sliced compleet verkeerd, daarbij hoeft die navigatiebalk zelf nie uit images te bestaan maar kan dat evengoed tekst zijn, aangezien het toch maar tekst getypt is in photoshop met een kleurtje. Je hebt dan enkel een backgroundimage nodig.
Ge kunt deze layout met 8 kleine images en wat gezond verstand namaken (4 hoekjes en 4 verbindingsstukken tussen de hoekjes). Alhoewel dat uw inner shadow misschien toch wat te groot zijn om dat te doen, ff proberen.Last edited by DarkBone; 09-09-2004 at 15:19.
no votes
-
09-09-2004, 15:18 #3
jaja ma da was de vraag dus ni hé
, ik heb da maar gedaan om da zo een beetje onder de knie te krijgen da slicen
no votes
-
09-09-2004, 15:20 #4Member
- Registered
- 18/11/02
- Location
- Eke, België
- Posts
- 2,448
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
Nochtans zit er een verborgen antwoord op uw vraag in.
Gebruik verbindingsstukjes die zich verticaal/horizontaal kunnen herhalen en zet die als achtergrond.no votes
-
09-09-2004, 19:30 #5Member
- Registered
- 22/07/02
- Location
- Ieper
- Posts
- 357
- iTrader
- 5 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
Maak je die Layout slice in Photoshop zelf of in ImageReady? Iemand die weet waar ik een cursus kan vinden om het in photoshop te leren of is het makkelijker dan ik denk?
no votes
-
09-09-2004, 19:36 #6Member
- Registered
- 18/11/02
- Location
- Eke, België
- Posts
- 2,448
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
Slice tool en vierkantjes trekken maar ...
no votes
-
09-09-2004, 20:11 #7
als ge iets of wat van inzicht in html hebt is het idd gemakkelijk. indien je zonder nadenken in het ijle gaat zitten vierkantjes trekken, dan vrees ik voor de zaak.
PS: gebruik geen imageready code, maar schrijf een nieuwe (overzichtelijkere) codeno votes
-
09-09-2004, 22:50 #8
Zeer juist.
Maar uwen boel is echt niet goed gedaan. Je moet eigenlijk niet gaan slicen en dan letterlijk alle images gaan gebruiken. Die gele tekst zou je gemakkelijk bv gewoon als 'tekst' kunnen typen in je HTML bestand, en die 'schaduw' of wat het ook is (die box der rond dus) moet je dan via css ofzo gaan gebruiken als achtergrond.
Dus als je sliced moet je ook goed weten wat je wil blijven behouden als 'afbeelding' en wat je gaat veranderen naar tekst!no votes
-
10-09-2004, 00:38 #9Member
- Registered
- 01/11/02
- Location
- Evergem
- Posts
- 526
- iTrader
- 13 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/1
ik ben nu ook toevallig bezig met een site te ontwerpen..Ik begin pas dus lay-out is ni perfect (meeste gedaan met photoshop/imageready) + de header moet nog komen.
Nu moet ik dus nog leren dit alles in een goeie code te gieten, maar ben dus blijkbaar al verkeerd bezig want ik heb mijn knoppen ook in photoshop gemaakt
maar als ik het zo lees moet ik dus van men rechterkant van de site alleen een paar stukken slicen en die dan zo in elkaar steken dat ze in elkaar vloeien?
link: siteno votes
-
10-09-2004, 00:43 #10Member
- Registered
- 18/11/02
- Location
- Eke, België
- Posts
- 2,448
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
Hetgeen ik daar zie van effecten op het menu kan perfect met behulp van xHTML en CSS nagebootst worden.
En dan dit:
http://users.skynet.be/innerchild/si...s/index_05.gif
Hoe gaat ge daar in godsnaam een tekst/inhoud van variabele lengte inkrijgen. Ik zeg het opnieuw: knip ieder hoekje apart uit en neem een stukje uit de verbindingen tussen die hoekjes zodat je die horizontaal en verticaal kan laten herhalen als achtergrond. Zodoende kan uw inhoud zo groot zijn als maar kan, uwlayout zal het effect geven van mee uit te rekken omdat ge met herhalende elementen zit tussen uw hoekjes.Last edited by DarkBone; 10-09-2004 at 00:45.
no votes
-
10-09-2004, 01:34 #11
... en doe het dan meteen helemaal goed en stop met slicen maar schrijf semantisch correcte (X)HTML, die je aanvult met CSS voor alles wat met layout en grafische elementen te maken heeft. Voor je het weet heb je beter leesbare code, een beter toegankelijke en makkelijker onderhoudbare site, en iets om je collega's die nog steeds met tables werken mee te imponeren.
Last edited by superfot; 10-09-2004 at 01:36.
no votes
-
10-09-2004, 01:38 #12Member
- Registered
- 01/11/02
- Location
- Evergem
- Posts
- 526
- iTrader
- 13 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/1
met alle respect...maar ik ben nog niet zo ver gevorderd dat ik in staat ben zo'n dingen te doen..guess i'll have to learn html/css first
maar moest je mij nu op weg kunnen helpen..zou ik het zeker en vast appreciëren...ik ben meer van 'al doende leert men' en wil dus mijn site online krijgen met hulp van jullie..als het al dan niet kanno votes
-
10-09-2004, 01:40 #13Member
- Registered
- 18/11/02
- Location
- Eke, België
- Posts
- 2,448
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
@InnerChild
Bekijk mijn thread die ik net geopend heb hier:
http://games.telenet.be/forum/showthread.php?t=252797
(ik heb jou layout als voorbeeld genomen)no votes
-
10-09-2004, 01:59 #14Member
- Registered
- 01/11/02
- Location
- Evergem
- Posts
- 526
- iTrader
- 13 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/1
nice, dat moet een sticky worden
(zo mensen als jij moeten er meer zijn
)
Last edited by InnerChild; 10-09-2004 at 11:03.
no votes
-
10-09-2004, 02:53 #15Member
- Registered
- 18/07/02
- Location
- Deurne
- Posts
- 3,854
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 14/14
kheb een paar van m'n sites (cow, stuntpc ism met dries) gescreenshot in imageready terwijl ze reeds gesliced waren, misschien leer je'r iets uit. weet dah'k nooit iets met de 'gegenereerde html-file' aanvang dus dat impliceert dat je volledig rekening gaat houden met eigen tables of divs om het geheel terug op te bouwen wanneer je sliced.
ik maak ook vaak eerst de interface, die slice ik dan en bouw ik terug op met dxhtml+php en daarna pas screenshot ik het geheel in een browser (moet uiteraard wel precies hetzelfde zijn in iexplorer, opera, firefox dan) en begin ik pas aan de layout van de content.
soit de link: http://users.pandora.be/weblab/sliced/
(zal ooit wel's slicing-tutorial in mekaar steken maar kheb er nu ni echt tijd voor)
sommige screenshots zullen nogal onlogisch lijken voor iemand die reeds divs gebruikt, maar ik gebruikte vroeger (en dat zijn dus oudere files) enkel tables - en redelijk veel tables zelfs ma soit. als'k ooit een tutorial maak zal'k ineens de voordelen van divs proberen aantonen se. (slices waar tekst 'doorloopt' daar wordt de text-layer van uitgezet wanneer'k opsla dus die zullen geen tekst meer bevatten)
edit: darkbone is me weer voor, maar hij heeft al een tutor klaar voor jullie se - kzal er binnekort'ns op verdergaan ofzo.. good work lode!no votes
