-
Maske - Template
07.12.2006 in Adobe Fireworks von User hat PSD-Tutorials.de verlassen
- Kategorie: Adobe Fireworks
- Erstellt mit Programmversion: Macromedia Fireworks
- Dateigröße (PDF): 1.6 MB
- Bisherige Zugriffe: 6112
Lieber Gast …
… die Inhalte von PSD-Tutorials.de stehen nur registrierten Mitgliedern zur Verfügung. Damit wollen wir den Communitygedanken weiterführen. Als Mitglied trägst du - wenn auch nur im Kleinen - zum Puls der Community bei. Und nur so ist es möglich, weiterhin hochwertige Inhalte für alle bereitzustellen.
Vorteile der kostenlosen Mitgliedschaft
Mit der kostenlosen und schnell erledigten Registrierung erhältst du viele nachhaltige Vorteile, die wir dir hier in aller Kürze aufzeigen möchten:
- PSD steht für professionelles Know-how in den Bereichen Bildbearbeitung mit Photoshop, Fotografie, Webentwicklung, Layout- und Vektorbearbeitung, 3D-Bearbeitung mit Cinema 4D und Co.
- Über 2200 Tutorials mit druckbarer PDF-Datei und teilweise den zugehörigen Arbeitsmaterialien
- Mehr als 500 Video-Trainings als Stream zur Direktanzeige und zum Download
- Abruf von über 1000 Downloads zu Photoshop-Presets, 3D-Modellen, Grußkarten, Texturen & Co
- Zugriff auf ein sehr aktives Forum mit Antworten im Minutentakt
- Deine Daten sind sicher. Sie werden nicht weitergegeben! Die Mitgliedschaft kann jederzeit und ohne Aufwand wieder gelöscht werden.
Reinschnuppern als Gast
Niemand kauft gerne die Katze im Sack, auch wenn sie kostenlos ist. Wir haben eine Handvoll Tutorials und Video-Trainings ausgesucht, die du auch als Gast ohne Registrierung ansehen kannst. Gefallen sie dir, stehen dir nach der Registrierung alle oben genannten Inhalte zur Verfügung.
- Download: Sepia-Vintage-Effekt-Aktion
- Download: Spiegelungen 2
- Download: Vektor-Logo (Eidechse)
- Tutorial: Linien zum Glühen bringen
- Tutorial: Ballons aus einer Schublade
- Tutorial: Neue Pinsel erstellen leicht gemacht
- Tutorial: Kommerzielle Fotografie 01: Berufswunsch Fotografie
- Videotraining: Die Programmoberfläche und der Arbeitsbereich von Adobe InDesign
- Videotraining: Lichtscheinkontureneffekt mit Animation
- Videotraining: CorelDRAW X6 Grundlagen - Hilfsmittel Freihand, 2-Punkt-Linie, Bezier, B-Spline, Polylinie, Stift, 3-Punkt-Kurve
- Videotraining: CorelDRAW X6 Grundlagen: Hilfsmittel Form - Heranziehen, Zurückweisen
Das Punktesystem
Einen winzigen Haken gibt es noch. Es gibt bei uns ein Punktesystem. Damit soll erreicht werden, dass Mitglieder sich aktiv in unserer Community beteiligen. Sobald du im Forum schreibst oder Tutorials kommentierst, bekommst du Punkte. Mit diesen Punkten kannst du wiederum Tutorials anschauen oder Downloads herunterladen. Mit der Registrierung bei PSD-Tutorials.de erhältst du ein Startguthaben von 100 Punkten, womit du schon ein gutes Stück weit kommst.
Photoshop-Workshop-DVD - Webdesign
- Webdesign mit Photoshop: alle erstellten Layouts mit Arbeitsdatei (PSD)!
- Umsetzung erstellter Weblayouts in HTML/CSS
- Tipps & Tricks zum Webdesign in Photoshop und zur Webentwicklung
Kommentare
Weitere KommentareTutorial empfehlen
Anleitung (Bilder + Extras werden nur für Mitglieder eingeblendet)
Vorwort:
In diesem Tutorial wird eigentlich die „Maske“ erklärt. Aber wenn wir schon mal dabei sind, machen wir das Tutorial so wie im Vorschau. Das könnt Ihr dann sozusagen als Template benutzen. Alles andere bleibt euerer Fantasie überlassen.Schritt 1:
Wir öffnen ein neues Dokument.
Größe von „700 x 500 Pixel“.
Hintergrundfarbe: #333333
Schritt 2:
Wir nehmen unseren „Abgerundetes Rechteckwerkzeug“ und zeichnen ein Rechteck in der
Größe: 150 x 80 Pixel
Farbe: Weiß. Im Grunde nicht wichtig, weil die Rechtecke später mit unserem Bild Maskiert werden.
Setzt das gezeichnete Rechteck etwas links oben auf die Leinwand und rundet die ecken einwenig ab.

Bild 1 / Schritt 4:
Das ganze sieht dann insoweit so wie in Bild 1 aus.
Schritt 5:
Wir Klonen unseren Rechteck vorerst 3 Mal und setzen diese Wagerecht auf eine Linie und setzt die Rechtecke jeweils ca. 4 punkte voneinander entfernt.

Bild 2 / Schritt 6:
Das ganze sieht dann so aus.

Bild 3 / Schritt 7:
Klont die Rechtecke insoweit bis das ganze so wie in Bild 3 aussieht.

Bild 4 / Schritt 8:
Beschriftet und färbt insoweit alles wie in Bild 4:
Schrift: PHOTO = Arial / Fett / Größe: 40 / Farbe: Weiß
Schrift: Portfolia = Arial / Größe: 20 / Farbe: #D1EE7A
Schrift: ENTER = Arial / Größe: 20 / Farbe: Schwarz
Das Rechteck auf dem wir unser „Enter“ drauf stehen haben, färbt Ihr in der
Farbe: #D1EE7A

Bild 5 / Schritt 9:
Auf der Ebenenleiste sperrt Ihr „Photo, Portfolie, Enter und das farbige Rechteck“. Alles andere bleibt.
Schritt 10:
Die nicht gesperrten Ebenen markiert Ihr alle und Gruppiert diese.
Tastaturbefehle:
Zum Markieren: „STRG+A“
Zum Gruppieren: „STRG+G“
Schritt 11:
Wir Importieren nun das Bild auf unsere Leinwand, welches wir Maskieren möchten über:Datei / Importieren…. (sucht dann in eurem Verzeichnis euer Bild aus und bestätigt es mit „OK“)
Schritt 12:
Das von uns Importierte Bild sollte nun vor unseren Rechtecken erscheinen. Stellt diese aber in der Ebene unter unsere gruppierten Rechtecke, so dass sich unser Bild auf der Leinwand hinter den Rechtecken befindet. Siehe dazu Bild 6.

Bild 6 / Schritt 13:
Das ganze sollte dann so aussehen wie in Bild 6.
Schritt 14:
Jetzt kommen wir zum Maskieren. Wir Klicken unsere gruppierten Rechtecke und unseren Importierten Bild an und Maskieren diese über:
Modifizieren / Maske / Als Maske gruppieren…..

Bild 7 / Schritt 15:
Das ganze sollte so aussehen. Evtl. ist es möglich, dass das Bild jetzt dunkler erscheint. Die Änderung nehmen wir in Schritt 16 vor. Sollte aber alles wie in der „Vorschau“ aussehen, kann Schritt 16 übersprungen werden.

Bild 8 / Schritt 16:
Auf unserer Ebene links sehen wir unser Bild und rechts davon die Maske. Um unser Bild heller zu bekommen, klicken wir die „MASKE“ an nicht das Bild und ändern unten in der Eigenschaft die Farbfüllung auf „Weiß“
Schritt 17:
Geben noch unserem „Bild“ einen Filter. Klickt das „Bild“ auf der Ebene an und gebt Ihm einen Schlagschatten über:
Filter / Schatten und Glühen / Schlagschatten. Die Werte übernehmt Ihr einfach.
Dass war’s. Ich hoffe ich konnte es so gut wie möglich erklären und hoffe, euch nicht gelangweilt zu haben.
BisZumNächstenMal
cenka

-
Reklame
-
-
- Biete Programmierung Ihres PSD-Designs
- Fehler beim Platzieren von Bildern
- Zeilenumbruch CS4
- Gestaltung eines Logos
- Kaufberatung Drucker
- Dynamische Auswahlliste: Name und ID übergeben
- Adobe Encore - Probleme Schaltflächen Unterbild
- 2 Fotos mit unterschiedlichem Schlagschatten in einer Datei
- Copyright-Frage - öffentliche Veranstaltung
- Photoshop auf Mini Lappi
- Link auf Anker - Firefox Problem
- Auftrag: Individuelle Flash-Gallerie
- Webseite - Menüproblem sowie Anordnung des Facebook Buttons
- PSD Aktionen om Paint Shop Pro einbinden. Wie geht das?
- Buch-Vorschläge...
- Eigene Karten im Stil von Google Maps und co. erstellen
- Feengleich und märchenhaft...
- Bilder gezeichnet aussehen lassen
- Typo3 extension Probleme
- Neuzugang
-
-
Aktuelles Commag
Anzeige
-
Anzeige


Gilmore
04.05.2012 - 10:50
Echt klasse, einfach und verständlich erklärt =)
Art_of_Creation
10.05.2011 - 12:51
Einfach klasse dieses Tutorial
super erklärt und hat alles auf anhieb geklappt :) danke dafür
prowebber
16.02.2011 - 14:52
Sieht gut aus und ist verständlich erklärt. Danke für die Anleitung!
suhl123
08.02.2011 - 17:16
Hat mir sehr geholfen,vielen Dank
groove
30.01.2011 - 20:59
Besten Dank für den effizienten Weg!
gelber_wastl
03.12.2010 - 22:03
Herzlichen Dank für das Tutorial!
photoheini
10.10.2010 - 13:57
Super Tutorial, leicht nachzuvollziehen. Danke!
User hat PSD-Tutorials.de verlassen
16.03.2010 - 18:37
Sehr gutes TUT. Habe schon lange nach dieser Idee gesucht ;-)
joey90
15.02.2010 - 22:11
Super gemacht, leicht nachzuvollziehen! Danke
palacinka
11.02.2010 - 20:49
dank dir für das tut! :)
Mrs_Ripper
26.01.2010 - 16:22
Dankeschön, das sieht echt super aus!
smabaer
10.01.2010 - 00:53
Top-Idee! Werde ich für meine HP übernehmen!
Susan99
03.12.2009 - 12:29
Dankeschön! Beschreibung konnte ich gut gebrauchen!
LG Susan
raven_chrissy
04.11.2009 - 19:12
spitze, damit muß ich mich auch mal befassen, dankeschön
User hat PSD-Tutorials.de verlassen
05.10.2009 - 19:58
sehr gut erklärt - aber bei mir funktioniert das mit dem importieren nicht - kann mir wer sagen wie das geht ?
topmanager
02.10.2009 - 15:52
hab ich schon lange gesucht,
sehr gut gemacht
Brushie
15.09.2009 - 12:05
Super Beschreibung, kann man als Anfänger Schritt für Schritt durcharbeiten!
Sonnenblume77
19.08.2009 - 14:25
super, hat wirklich Spass gemacht und ich konnte als absoluter Aanfänger mit FW super folgen. Vielen Dank!
Denjomc
23.07.2009 - 14:02
Echt klasse Danke fange gerade mit FW an vielen vielen Dank für diese gute Anleitung
Chefkoch81
09.07.2009 - 20:00
Genialer Effekt! Bin beeindruckt ... und wieder einen Schritt weiter was meine Grundlagen angeht. Vielen Dank!