MMWD_Referate

•2 Dezember, 2009 • Kommentar schreiben

Heute haben wir in MMWD Referate gemacht über den Vortrag Usability in der FH steyr. Ich habe schon vieles darüber geschrieben. Die einzelnen Gruppen haben ihre Themen vorgestellt und wir haben alle dann anschließend darüber diskutiert, nach den einzelnen Vorstellungen.

Wir haben uns heute nocheinmal gründlich darüber informiert, die Gruppen haben uns die einzelnen Themen uns gut näher gebracht.

MMWD-Retuschieren

•20 November, 2009 • Kommentar schreiben

Diese Woche haben wir uns mit dem Thema==>retuschieren begonnen :)

Wir sind noch nicht recht so weit gekommen, aber ein Bild haben wir bereits retuschiert. Das Bild darf ich leider nicht veröffentlichen, aber es war ein Bild mit einem Boot im Meer und am linken Rand hatte es einen Riss, wir haben das Bild korriergiert, das heißt den Ries zu Wellen gemacht und ein weiters Schiff auf dem Bild haben durch neue Wellen ersetzt.

Hier sind einige Vorgangsweisen :

1. Werkzeug ==>; Kopierstempel: dieses Werkzeug nimmt Pixel von einem bereich des Bildes und übermalt den Bereich denn man verändern möchte.
Durch anklicken der Maustaste und alt Taste kann man diese Funktion ausüben :)

2. Möglichkeit

Musterstempel

Den bereich markieren den man als Muster haben möchte, und auf Filter klicken und Mustergenerator auswählen
Danach erscheint ein Fenster, da kann man den markierten Bereich nochmals überprüfen, und danach sollte man es speichern und auf abbrechen gehen. Ganz wichtig:
Nicht auf OK -klicken den ansonsten ist das ganze Bild mit diesem markierten Bereich (Muster) überdekt!!!

In der zweiten MMWD-Stunde haben wir uns mit der anderen Gruppe über den Namen unseres Zweiges unterhalten. Das kommende Jahr wird es ein neues System geben und der Name Intergral soll geändert werden, und die Professoren wollten einige Vorschläge von uns.

In der letzten Stunde haben wir uns mit unserem Referat beschäftigt wir sollen über das Thema Usability ein Referat vom machen. Wir haben uns einen Vortrag darüber angehört, habe ich in meinem Blog auch angegeben, darüber werden wir refarieren.

Einladung zur e-Business Best Practices

•15 November, 2009 • 1 Kommentar

Die Fakultät für Management, Campus Steyr hat uns am Donnerstag den 12.November zu einem Treffen eingeladen.

Wir haben uns über das bestmögliche nutzen des Internets mit verschieden Varianten und Funktionen angehört. Es ging vorallem darum wie man das Internet benutzerfreundlich gesaltet.

Jeder von uns hat ein Thema zugewissen es hat nähmlich 5 Vorträge gegeben. Ich und Hasret hatten angewissen bekommen den Vortrag nummer 3 also um 17:30

  • Uhr Digitaler Dialog & Performence Marketing – die Effizienz – Revolution im Direktmarketing von Michael Weberberger

    mit zu notieren

Wir haben über die Effiziens  – Revolution im Direktmarketin durchgemacht, es wurde vor 10 Jahren begonnen Informationen ins Internet zu stellen.

Digitale Medien werden unterteilt in zwei Gruppen:

1) Klassische Werbung => above the line (Kration, Mediaplanung)
2) Direkt Marketing => belowe the line (Dialogmanagement und Digitale Medien)

Digitale medien => auch Kettenfunktion bedeutet das Schicken von Nachrichten also mailing durch Addressen

lending page=> vorauf zeilt man ab?

es ist ein Prozess über mehrere Stuffen

Hier ist das Stuffenmodel der zum Erfolg führt :)

Anonymer Interressant
Permission für Marke
Informationsmaterial
Probefahrt
Angebot
Käufer

 

Wichtig ist auch das Voting=> eine Marke wird dadurch sehr berühmt
Menschen werden zu einem Voting überrredet und vorallem beschäftigen sich die Menschen viel mit Werbung

Es gibt so zu sagen einen Elektroniktausch

Es werden Test’s gemacht mit Behlonungen dafür
Dadurch werden langweilige Produkte interressanter gemacht, in dem man die Leute befragt wie die Website ist und was man verbessern könnte.

zum Schluss noch 10 Regeln für erfolgreiche Landingpages:

  1. Call to action => Button
  2. Benefit – Emotion
  3. Make the promise „come true“
  4. Klare Führung ohne Ablenkung
  5. Response – Elemente & Funktion
  6. Browser Compatibility
  7. Usability / – Check
  8. Ladezeit
  9. Messen
  10. Testen & Optimieren

 

MMWD-Salatplatte und Malkasten :)

•15 November, 2009 • 1 Kommentar

Die letzten Wochen haben wir in den Stunden uns um die Werkzeuge des Photoshops gekümmert.

Wir haben einiges ausprobiert und es hat spaß gemacht, nur bis wir uns auch wirklich die ganzen Funktionen gemerkt haben hat es ein bisschen gedauert, naja nichts ist so einfach übung macht Meister ! :) :)

Wir habe in der Schule ein Bild bekommen wo drauf eine Platte war und Salatzutaten, wir haben diese Zutaten dur dich Werkezugfunktionen auf die Platte gestellt und haben so ein schönen bearbeitetes Bild bekommen, das selbe haben wir dan alleine mit einem anderen Bild gemacht.

Wir haben einen Malkasten und obst sorten abgebildet bekommen, diese Obstsorten haben wir dan ins Malkasten einfügen müssen. Es war eigentlich nicht ganz so schwer, denn wir haben viel geübt.

Hier ist das Bild vorher und nacher mit der Beschreibung wie es funktioniert natürlich :)

Vorher

 

nachher

 

erstaunlich nicht? :) :)

und hier schreibe ich euch enige Funktionen auf die ihr braucht um so ein Bild hinzubekommen..:)

Ich habe mir das Bild ausgesucht die ich zuerst auf der Platte haben wollte in diesem Fall war es die Zitrone. Ich habe mit dem magnetischen Lasso Werkzeug gearbeitet. Die Bedienung war einfach und es hat gut geklappt. Bei komplizierten Früchten wie zb: die Erdbeere oder die Tomate habe ich mit der Auswahl Ellipse (es gibt auch die Auswahl Rechteck, kommt darauf an wie man das Bild am einfachsten bearbeiten kann) gearbeitet.

Hierbei markierst du dir mit einem Kreis die Frucht die du möchtest dann ziehst du rundherum ein Kreis darfst aber die linke Maustaste nicht los lassen und verschiebst das Kreis mit der Leertaste bis du denkst so würde es passen. Danach wenn du etwas noch korrigieren möchtest verwändest du die Funktion Zauberstab entweder du willst die Fläche die du zu viel mitgenommen hast abziehen oder wenn du zu viel mitgenommen hast abziehen. Diese Funktionen sind oben auf der Leiste vorhanden.

Danach wenn du fertig bist gehst du auf Bearbeiten kopieren und bearbeiten einfügen, damit hast du eine neue Ebene und wenn du das verschiebe Werkzeug anklickst kannst du, dass Bild dorthin verschieben wo du es haben möchtest.

Man kann auch die Objekte verfeinern in dem man an ihnen weiche Kanten einfügt oder mit bearbeiten transformieren sie verkleinert oder vergrößert, oder man kann sie auch drehen.

Man kann mit der Ebene Stil die Bilder noch verfeinern ihnen schatten hinzufügen usw.

 

Viel spaß…:)

WEB-USABILITY

•11 November, 2009 • 1 Kommentar

Letzte Woche waren wir in der FH-Steyr und haben uns etwas über das Thema Usability angehört.

Wir haben vieles darüber erfahren und konnten uns gut informieren, Usability ist ein großes und wichitiges Thema.Erklärt wurde uns das Thema Usability von Herrn Gerald Petz (Studiengangsleiter) und seinen Kollegen.

Zum Inhalt des Tages kann ich folgendes berichten:

  1. Über uns
  2. Was ist Usability
  3. Auswirkungen für Webdesigner
  4. Blickverläufe
  5. Web-Usability-Analiyse

 

1) Über uns

Wir haben erfahren das es 10 Studiengänge zum Thema „Management“ gibt

  • Marketin und Electronic Business
    (beschäftigt sich mit Usability) Sie dauert 6 Semester und ma schließt mit dem Bachelor ab.

2) Was ist Usability?

  • Wird dieses Tool genützt ist es sehr bequem, aber wird es nicht genützt kann es sehr unbequem werden.
  • Eine gute Usability führt zur effizienten und effektiven Zeilerreichung.
  • Man spricht dabei von Benutzerfreundlichkeit und Benutzungsfreundlichkeit.
  • Es ist ein Qualitätsmerkmal wie man etwas benutzen kann.
  • Es ist nicht nur für das Web oder die Software.

3) Auswirkungen für Webdesigner

1.Hohe bedeutung von Usability

  • führt zur verschärfter Wetbewerb
  • bittet Toleranz dem Nutzer gegenüber – schlechter Design sinkt
  • schlechter Usability beeinträchtigt den Internetservice

2.Aufgabengemessenheit

Aufgabengemessenheit bedeutet grundlegendes Kriterium, das heißt ich kann ohne unnötige Arbeitsaufwände mein Ziel erreichen!

3.Erwartungskonformität

Dies bedeutet auf grund meiner Erfahrung weiß ich, mit dem Programm zu arbeiten.

4.Fehlertoleranz

Wenn ich zum Bsp. etwas im Internet bestelle oder mich bewerben möchte, fülle ich meistens ein Formular aus, aber durch einen kleinen Klick kann alles verschwinden, dann muss ich es nochmals machen. Usability soll dazu führen, auch solche fehler zu vermeiden.

5.Messung der Usability

Es gibt verschiedene Möglichkeiten ein Ziel zu erreichen.

6.Zu beachten ist:

  • die Wahrnehmung
  • System kann belastet werden durch zu viel Information
  • Kundenbedürfnisse sollen erfüllt werden
  • eye-catcher bedeutet „Aufmerksamkeit“
  • es soll auch der Lesestil und die Navigation beachtet werden

4) Blickverläufe

Die Gestaltwahrnehmung erfolgt durch die Fixationsperiden.

Die Fixation auf ein Bild oder Text… usw. beträgt meist 0,2 – 0,6 sekunden

Sakkaden – Textverständlichkeit (ist wichtig für Werbung und Hompage)

Aktivierungen soll es auch geben bei Interressen oder beschwärden.

5) Web-Usability-Analyse

Hirbei gibt es zwei Arbeitsschritte:

1.Kurzdarbietung (4-5 sek.)
2. Aufgabenerfüllung

Ich möchte an die Nummer 5 noch anhängen, dass wir am Montag den 09.11.2009 einen Usability Test gemacht haben. Zuerst wurden mir die einzelnen Arbeitschritte erklärt, zuerst musste ich einen Blauenpunkt am Bildschirm folgen, dannach sind zwischendurch einige Bilder kurz erschienen und ich musste angeben was ich in diesem kurzen Moment gesehen habe. Dannach kam ich zu einer Website der FH und bekam Fragen die ich durch suchen beantworten konnte. Ich musste zb. den Tag der offen Tür finden oder den Bewerbungsformular finden, und nach dem ich eine Frage beantwortet habe musste ich einstuffen wie schwer die Auf gabe war nach einer Skala von 1.5. Ich muss zugeben es war nicht recht schwierig für mich. Zum schluss musste ich einige Begriffe definieren, wie zb. was heißt Master oder Bachelor. Ich musste auch angeben wie ich den Test fand und was ich später mal machen möchte usw.

Es war eine neue Erfahrung für mich und es hat mir spaß gemacht :)

 

Zum Schluss haben wir ein Geschek bekommen, fürs mitmachen :)

 

 

 

 

MMWD-Die Ente und der Fragebogen :)

•29 Oktober, 2009 • Kommentar schreiben

Wie letzte Woche angekündigt, haben wir uns heute mit einem Bild es war eine Ente :) beschäftigt. Dazu haben wir uns ein Video angeschaut und zugleich Fragen dazu die uns Frau Prof. Hagauer gegeben hat beantwortet.
Es ist eigetnlich ganz lustig und man kann sich vieles merken in dem man selber alles ausprobiert was im Video vorgezeigt wird.

Hier habe ich die Fragen zu den Werkzeugen im Photoshop mit zusammenhang zu dem Bild natürlich, die wir bearbeitet haben. :)

Zuerst mussten wir die Aufgaben lesen, und Schritt für Schritt haben wir uns an die Sache gemacht :)

Photoshop – Videotutorial Auswahlwerkzeuge Arbeitsauftrag

  1. Schaut Euch das Trainingsvideo zum Thema Auswahlwerkzeuge in Ruhe (und vielleicht auch mehrmals!) an!
  2. Verwende auch die Photoshop-Hilfe oder Tutorials im Internet!
  3. Arbeitet parallel dazu im Programm Photoshop CS3 mit der Datei duck.jpg, damit Ihr immer alles gleich ausprobieren könnt.
  4. Beantwortet die Fragen zu den Auswahlwerkzeugen!
  5. Ihr sollt nach diesem Arbeitsauftrag die wichtigsten Auswahlwerkzeuge von Photoshop kennen und auch anwenden können.

 

 Fragen zum Trainingsvideo „Auswahlwerkzeuge“ und zu Photoshop-Grundlagen

 Wie groß ist das Bild „duck.jpg“ in cm und in Pixel und welche Auflösung hat es?

  • Die breite von dem Bild ist 16,58 cm mit 470 Pixel
  • Die Höhe beträgt 13,41 cm mit 380 Pixel
  • Die Auflösung beträgt 72 Pixel/Zoll

  Was muss ich machen, wenn ich das Bild in einer Zeitschrift drucken will?

  •  Man muss das Bild auf 300 dpi stellen.

  Was ist der Unterschied, wenn ich die Auflösung auf 200dpi erhöhe und einmal das Kästchen „Bild neu berechnen mit“ angehakt habe und einmal nicht?

  •  Wenn man es angehakt lässt, dann wird das Bild sehr groß, ansonsten passiert nichts mit dem Bild.

 Welche unterschiedlichen Auswahlwerkzeuge werden in dem Trainingsvideo verwendet?

  •  Auswahlrechteck
  • Lasso-Werkzeug (Polygon-Lasso-Werkzeug, Magnetisches-Lasso-Werkzeug)
  • Farbfülle
  • Auswahlellipse
  • Zoomen
  • Einzelne Zeile
  • Einzelne Spalte

 Wie kann eine getätigte Auswahl aufgehoben werden?

  •  Mit der Funktion: STRG-ALT-Z oder mit Bearbeiten-Schritt zurück

 Wie kann man einer bereits gemachten Auswahl einen neuen Auswahlbereich hinzufügen bzw. ihn von der bereits vorhandenen Auswahl abziehen?

  •  Man kann es mit dem Lasso-Werkzeug abziehen.

      Wann sollte man bei einer Auswahl „weiche“ Kanten verwenden?

  •  Wenn man das Bild weich Füllen möchte und man kann es weicher entfernen.

   Wie kann eine Auswahl verschoben werden?

  • Die linke Maustaste gedrückt lassen.

 Was ist der Unterschied zwischen dem Lasso, dem Polygon-Lasso und dem magnetischen Lasso?

  •  Lasso: Man kann Formen auswählen die unregelmäßig sind.
  •  Polygon-Lasoo: Man verwendet es für Flächen die sehr gerade sind, z.B. Hochhäuser, dadurch bekommt man zwei Ebenen.
  •  Magnetische Lasso: Zieht die Korrektur selber durch.

  Wie funktioniert das Auswahlwerkzeug Zauberstab und was bedeutet dabei die Toleranz?

  •  Da sieht man andere Verläufe, mit der Funktion Toleranz kann man die ganze Fläche mit dem Zauberstab füllen.

 Wie funktioniert das Auswahlwerkzeug „Schnellauswahl“ und wann ist es besonders gut geeignet?

  • Damit kann man schneller etwas markieren als mit dem Zauberstab, aber es ist nicht so genau, es ist für größere Flächen geeignet.

MMWD-Wiederholung

•22 Oktober, 2009 • Kommentar schreiben

Diese Woche haben wir die meiste Zeit die vergangenen Übungen wiederholt. Einige hatten probleme mit der erarbeitung der Bilder und Frau Professor Hagauer hat ihnen geholfen weiter zukommen. Ich habe diese Übungen schon in meinem Blog vorher eingetragen, die Schritte könnte man sich genau anschauen. :)

Zum Schluss haben wir uns ein Video angesehen, zu disem Video haben wir Fragen bekommen die wir beantworten werden. Weitere Details kommen nächste Woche….bleibt dran :)

MMWD-Es wird interessant..:)

•17 Oktober, 2009 • 1 Kommentar

Heute haben wir uns ein Foto gemacht, auf die eine Person in mehreren Positionen abgebildet ist. Ich habe diesen Vorgang wie man zu diesem Bild kommt, bei meinem letzten Blogeintrag angegeben.

Nochmals zur Information:

Wir haben am Anfang mehrere Bilder eingefügt das geht so:

Datei –dann Skripten und dann Datei stapel laden

Danach habe ich mein Grundfoto ausgewählt und bei den anderen Bildern eine Ebenen Maske eingefügt, und die Person die ausgeschnitten werden soll markiert.

Zuerst kann man, aber auch durch die Funktion Deckungskraft probieren ob die Bilder mit dem Grundfoto übereinstimmen, dies kann man danach korrigieren, um Fehler zu vermeiden. Um es zu korrigieren macht man diesen Vorgang:

Alle Ebenen markieren, danach auf bearbeiten klicken, dann ebenen automatisch ausrichten.

Ich finde das Resultat ist Sehenswert geworden ;)

sibel foto Kopie

Schminken:

Es gibt 2 Möglichkeiten hierbei:

Zuerst einmal hier das unbearbeitete Ausgangsbild…:)

Black & White Coffee

1) Ebenen Maske

Zuerst sollte man, die Ebene duplizieren

Dann kann man, dem Bild eine Ebenen Maske anpassen durch Farbton/Sättigung die Farbe für hier zB. die Lippen ändern. Hierbei wird das ganze Gesicht mit dieser Farbe gefüllt, und der markierte Bereich bleibt in seiner Ursprungsfarbe also sollte man die Ebenen Maske drehen und man hat das Bild so wie man es möchte. Die Ebenen Maske dreht man mit der Funktion strg+i.

Hier das Ergebnis….

Black & White Coffee

2) Ebenen Füllmethode

Zuerst sollte man eine neue Ebene einfügen, danach wähle ich mit Pinsel eine Vordergrundfarbe und male den Bereich an die ich verändern möchte. Mit der Deckkraft könnte ich den Farbton aufhellen oder verdunkeln oder auch mit der Ebenen Füllmethode die richtige Farbe einstellen.

Hier das zweite Ergebnis….

Black & White Coffee

MMWD-Fotobearbeitung

•8 Oktober, 2009 • 1 Kommentar

Wir haben heute zwei Bilder eingefügt und das Verschiebe Werkzeug benutzt und eines der Bilder in die andere eingefügt.

Man sollte:

  • Die Ebenen immer beschriften, so ähnlich wie das Objekt ausschaut.
  • Um eines der Bilder zu verschieben muss ich auf die richtige Ebene klicken.
  • Um eine Ebene auszublenden einfach das Symbol wo ein Auge abgebildet ist entfernen.

 

Wenn ich mit der Einstellungsebene arbeite (zB die Farbe ändere) ändere ich das Grundbild nicht. Das Grundbild sollte nicht zerstört werden.

Wenn ich die Ebene löschen möchte klicke ich auf die rechte maustaste, dann Ebene löschen oder die Ebene in den unten abgebildete Symbol für den  Mülleimer ziehen

Die Ebene Symbole:

  • ebene neu,
  • Mülleimer,
  • Ebene kopieren in dem ich auf das Symbol neu ziehe und
  • Ebene verbergen,

Wenn ich ein Bild Schwarz-Weiß haben möchte, dann auf Bild Anpassungen gehen und auf Schwarz-Weiß klicken. Wenn man dabei ein Teil des Bildes in Farbe haben möchte, dann kann ich bei der Werkzeugpalette das Symbol Radierer betätigen und der ausgewählte Teil bekommt die ursprüngliche Farbe wieder.

 

Wir haben zum Schluss auch mit der Ebenen Maske gearbeitet. Hierbei bleibt das Bild gleich nur der markierte Bereich wird verändert.

inventieren Stgr + i, dabei wird von weiß auf schwarz geändert oder umgekehrt und durch gedrückter Leertaste erscheint die Werkzeugpalette

 

Hier sind zwei Bilder:

Auf dem ersten Bild habe ich zuerst das Bild kopiert, danach habe ich es durch anklicken auf Bild Anpassungen – Schwarz-weiß gemacht. Später habe ich durch das Symbol Radierer den Schirm wieder in die Ursprüngliche Farbe zurückgesetzt.

Strand

 

 

 

 

Beim Zweiten Bild habe ich das Grundbild ebenfalls kopiert, danach habe ich eine Ebene Maske eingefügt. Später habe ich mich in die richtige Ebene gestellt diesem Bild eine Maske versetzt, danach habe ich den Rest Teil des Bildes Schwarz weiß gemacht und das Symbol des Auges eingeblendet und etwas korrigiert.

Wasserlillien

MMWD-Wir haben die ersten Bilder bearbeitet :)

•1 Oktober, 2009 • 2 Kommentare

und weiter gehts……

Heute haben wir uns das Programm Photoshop besser vorgenommen. Wir haben neue Funktionen kennengelernt:
wie zb:
=> die Werkzeugpallete (enthält viele wichtige Funktionen für die Bildbearbeitung)
=> Obtionsleiste (hier kann man zb. die Höhe und die Breite einstellen usw..)
=>Navigator
=> Histogramm (hier kann man das Bild verdunklern oder aufhellen)
=>Farbpalette( man kann den Farbkontrast ändern)
=>Protokollpalette (ist sehr wichtig!-man kann falsche änderungen rückgängig machen)

und dann….:)

Später haben wir ein Bildverändert nach diesen Punkten….
1. Prüfen der Bildqualität (Zweck)
2. Zuschneiden auf die richtige Größe ev. Orientierung (=Freistellen)
3. Kontraste/ Tonwerte (Gradationskurven)
4. Farbstiche entfernen
5. Farb- + Tonwerte in gewissen Bereichen korrigieren
6. Bei bedarf die Bildschärfe erhöhen

hier das ergebnis vorher und nachher..:)

Die Bild Größe wurde durch zuschneiden korrigiert, danach habe ich die Tonwerte und den Kontrast etwas verändert und in gewissen bereichen die Farbe etwas korrigiert.

Vorher

Vorher

Nachher

Nachher