Verfügbare Informationen zu "[Tutorial] Layout erstellen"
Qualität des Beitrags: Beteiligte Poster: Lina - Tobias Berger - Hermione_Weasley Forum: SFKSS Forenbeschreibung: Schoko-Frosch-Karten Sammel Spiel aus dem Unterforum: Photoshop Antworten: 7 Forum gestartet am: Montag 11.09.2006 Sprache: deutsch Link zum Originaltopic: [Tutorial] Layout erstellen Letzte Antwort: vor 15 Jahren, 4 Monaten, 25 Tagen, 3 Stunden, 32 Minuten
Alle Beiträge und Antworten zu "[Tutorial] Layout erstellen"
Re: [Tutorial] Layout erstellen
Lina - 26.02.2007, 12:04[Tutorial] Layout erstellen
Dieses Tutorial hab ich von meiner HP kopiert. Also nich wundern, wenn da manchmal irgendwas komisches steht. ^^ Hier wird die erstellung eines ganz einfachen Layouts erklärt.
Soo, dann werd ich jetz mal erklären, wie man ein Iframe layout erstellt ^^ Auf gehts's!
Zuerst suchen wir uns ein Bild oder noch besser ein Tube aus. (Tubes sind Bilder mit tranzparenten Hintergrund - diese gibt es leider hier noch nich, aber schaut doch dafür mal auf andere GFX seiten ^^)
Wir nehmen dieses hier:
http://wpnetzwerk.wp.funpic.de/tut/ps/001/001.png
Nun öffnen wir ein transparentes Bild in der größe 1002x768 und färben es in eine passende Farbe (hier: #46f3f6)
http://wpnetzwerk.wp.funpic.de/tut/ps/001/002.jpg
Nun schieben wir das Bild/Tube auf die Hintergrund ebene. Dann schaut das ganz so aus:
http://wpnetzwerk.wp.funpic.de/tut/ps/001/003.jpg
Erstellt eine neue Ebene (Ebene 3). Dann wählen wir das Rechteck Werkzeug und ziehen da Felder hin, wo später auch die Navigation und der Content hin soll. Am besten ist es, wenn ihr dafür die Farbe schwarz benutzt. Keine Angst, es bleibt nicht Schwarz ^^
http://wpnetzwerk.wp.funpic.de/tut/ps/001/004.jpg
Nun wählt, wie es in Bild zu sehen ist, anstatt 'Normal' 'Überlappen/Overley'.
http://wpnetzwerk.wp.funpic.de/tut/ps/001/005.jpg
Wie wir jetz sehen, sind die Flächen nicht mehr Schwarz sondern Blau. Jetz rechtsklick auf die dritte Ebene und 'Blending Options' wählen.
http://wpnetzwerk.wp.funpic.de/tut/ps/001/006.jpg
Dort macht ihr ein Häckchen bei dem letzten. 'Stroke', wählt ein dunkleres Blau und setzt die pixel größe von 3 auf 1.
http://wpnetzwerk.wp.funpic.de/tut/ps/001/007.jpg
Schaut dann so aus:
http://wpnetzwerk.wp.funpic.de/tut/ps/001/008.jpg
Nicht schlecht bis jetz, aber wir setzten noch eins drauf und brushen etwas ;) Brushes bekommt ihr auch noch nich bei uns. Aber bei http://moargh.de gibt es gute ^^.
So, weiter im Text ^^ Erstellt nun erstmal wieder eine neue Ebene. Wählt dann das 'Pinsel Werkzeug/Brush Tool' Sucht euch ein schickes aus und probiert etwas rum. Dann könnt ihr noch die einzelnen Bereich beschriften und sonstige Effekte zufügen. Bei mir schauts dann so aus:
http://wpnetzwerk.wp.funpic.de/tut/ps/001/009.jpg
Re: [Tutorial] Layout erstellen
Tobias Berger - 05.10.2007, 20:38
Ähm, ich habe P. 7.0 nd bin noch nicht so lange mit P. 7.0 zusammen und ich habe d as bei mir versucht, bei mir krieg ich das nicht zusammen also ich bitte um hilfe wie mand ´das macht
Re: [Tutorial] Layout erstellen
Hermione_Weasley - 05.10.2007, 23:14
Was genau bekommt du denn nicht hin?
Re: [Tutorial] Layout erstellen
Tobias Berger - 06.10.2007, 14:38
transparente bilder und färben und die käschen und das mit dem effekt
Re: [Tutorial] Layout erstellen
Hermione_Weasley - 07.10.2007, 03:34
Also du musst zuerst mal ein neues Bild erstellen.
Und dann kannst du dort wählen ob es nen weißen oder tranparenten hintergrund haben soll oder die hintergrundfarbe haben soll. das musst dann tranparent wählen.
dann nimmst du aus der werkzeugleiste das füllwerkzeug.
kann sein das da noch das verlaufswerkzeug zusehen is, dann einfach shift + g drücken um das füllwerkzeug zu wählen.
dann die gewünschte farbe aussuchen.
meinst du mit kästchen...die navigation und so? da musst du einfach nur das rechteckwergzeug nehmen. und danach mit nem rechtsklick ins rechteck klicken und auf füllen drücken. da kannste dann ne farbe aus suchen.
für den effekt brauchste eigentlich nur auf das 5. bild gucken da siehste ja wo du was ändern muss um den effekt zu bekommen.
also hab das jetzt eig. wie im tutorial nochmal erklärt nur n bissel ausführlicher. vielleicht hilfts dir ja ;-)
Re: [Tutorial] Layout erstellen
Tobias Berger - 08.10.2007, 13:42
nur das transparente bild kann ich nicht öffen wo muss man da klicken und so?
Re: [Tutorial] Layout erstellen
Hermione_Weasley - 03.11.2007, 18:35
Du gehst mal auf neues Bild erstellen...
also ganz oben Links in der Leiste und dann auf "Neu".
Dann öffnet sich ja ein neues Fenster, wo man die Größe des Bildes und Farben und so einstellen kann.
Als siebtes müsste da was mit Hintergrund oder Background stehen.
Da git es die Möglichkeiten: Weiß, Hintergrundfarbe und Transparent. Da wählt man dann halt Transparent ;-)
Mit folgendem Code, können Sie den Beitrag ganz bequem auf ihrer Homepage verlinken
Weitere Beiträge aus dem Forum SFKSS
Verrückte Fotos # 1 - gepostet von deliah am Sonntag 20.05.2007
Set-Master - August - gepostet von Hermione_Weasley am Mittwoch 01.08.2007
Doll Contest #06 - gepostet von Lina am Freitag 16.02.2007
Buchstabensalat #13 - gepostet von Pan am Samstag 08.09.2007
doll contest #3 - gepostet von deliah am Mittwoch 20.06.2007
Ende des 7.Bandes schon im 1.verraten? - gepostet von Anne am Donnerstag 01.03.2007
Ähnliche Beiträge wie "[Tutorial] Layout erstellen"
Es wäre schön... - staffimaus (Dienstag 12.10.2010)
bootfähige XP-Installations-CD m. integriertem SP2 erstellen - FxFan (Montag 18.10.2004)
NEUES WEBSITE LAYOUT - WorldTra.de (Mittwoch 20.10.2004)
Eigenes Handelssystem erstellen - Matthiax (Dienstag 09.11.2004)
Erstellen von Nachrichten - Janina (Freitag 16.04.2004)
Layout Umfrage - C4 (Montag 12.04.2004)
Signatur erstellen - Fjordi777 (Montag 13.08.2007)
Neue Buttons, Banner, Layout... - tetrisruler (Montag 12.04.2004)
Wichtig!!!Foren erstellen - rikku3 (Samstag 17.04.2004)
Layout - JoeyJordison (Samstag 24.04.2004)
