Verfügbare Informationen zu "Photoshop, Grafik-Design"
Qualität des Beitrags: Beteiligte Poster: raines - Chefkoch87 - O-der-B - DIESEL - Der Jesko Forum: m i t t 9 0 e r Forenbeschreibung: ... unsere Klasse im Netz aus dem Unterforum: Abstellplatz Kunst Antworten: 29 Forum gestartet am: Dienstag 20.12.2005 Sprache: deutsch Link zum Originaltopic: Photoshop, Grafik-Design Letzte Antwort: vor 17 Jahren, 7 Monaten, 29 Tagen, 14 Stunden, 40 Minuten
Alle Beiträge und Antworten zu "Photoshop, Grafik-Design"
Re: Photoshop, Grafik-Design
raines - 25.12.2005, 17:46Photoshop, Grafik-Design
Ok, auch wenn es nicht gerade etabliert ist setze ich es hier rein, es passt hier am besten. Photoshop ist ein Bildbearbeitungsprogramm, bzw. das Bildbearbeitungsprogramm. Mit Photoshop werden Homepages gestalltet, Bilder bearbeitet, Texturen hergestellt, grundsätzlich kann man fast alles damit machen, was nachher als Bild in welchem Medium auch immer, sei es eine Zeitung oder das Internet, verwendet wird.
Photoshop ist mein absolutes Lieblingsprogramm, es hat etwas kreatives und ist relativ leicht beherrschbar, wenn man sich einmal eingearbeitet hat. Selbst bin ich vielleicht fortgeschrittener Anfänger, wenn man weiss was andere mit dem Programm anstellen, aber das macht nichts, spaß macht es trotzdem! Wenn ihr es mal ausprobieren wollt und kein Photoshop habt empfehle ich euch Paintshop Pro, das ist Freeware, zumindest die alten Versionen, oder Gimp was sehr populär ist, damit kann man eigentlich auch alles machen, denn die Ideen sind entscheident, die kann man auch damit umsetzen.
Hmm, ich setze einfach mal ein paar Sachen online, und nachher ein paar Links zu tutorials, also Anleitungen, dann sieht man was man schaffen kann ...
Das hier ist ein Ausschnitt aus einem Endlosbild, dabei ging es darum, immer 400x600 pixel zu gestalten. Jeder konnte mitmachen und immer seinen Teil mit Übergang an den vorigen anhängen. Das Bild war gerade in einer Zeit wo mich sämtliche äußeren Einflüsse genervt haben, besonders sämtliche Medien die einem sagen wollen was man wie zu kaufen hat und dabei dann möglichst konform denken:
links sieht man noch den Übergang in´s vorige Bild, die Umsetzung hat zwar Zeit gebraucht, man kann aber nicht sagen, dass es grade hohe Anforderungen stellt. Denn es ist eine Überarbeitung und ein Zusammenschnitt einiger Elemente. Zweifelsohne ist es für diese Art von Bild die einzige Art, aber man kann auch mit Photoshop Gegenstände aus dem nichts erstellen, was dann schon eher Design als Bearbeitung ist.
Das hier ist z.B. soetwas, ok, ich gebe zu als einzelnes Objekt nicht gerade sonderlich umwerfend, aber es zeigt die Möglichkeiten auf, denn es ist lediglich das Zusammenspiel von einigen WErkzeugen die soetwas ermöglichen.
Man kann damit auch andere Sachen machen, sowas wie oben ist z.B. auf Homepages ausgelegt, als Designelemente, aber man kann z.B. auch Banner machen, die irgendwelche Funktionen erfüllen, z.B. bei EtS, nem Online-Spiel, wo man mit Bannern seine Zugehörigkeit zu einer Allianz zeigt, das hier war meine Umsetzung:
Dabei habe ich Animationen eingebaut, wie es bei Gif´s möglich ist. Im Endeffekt habe ich bemerkt, dass ich es mit einem anderen Dateiformat noch besser hätte machen können, aber so ist es. Ausschlaggebend für die Animation war für mich nicht der Effekt, sondern die Notwendigkeit. Denn wenn man etwas erstellt das irgendetwas bewirken soll, z.B. den Charakter einer Gruppe darstellen, dann sollte man immer vom Ziel ausgehen, und nicht von dem was man machen könnte. Hierbei fand ich die Bewegung als solche ein nettes Mittel um etwas Dynamik zu vermitteln. Andererseits fand ich es unmöglich, das Allianz-Kürzel und die Userdaten auf eine Bild zu quetschen, da Bildelemente mMn. platz brauchen um wirken zu können ... Achja, der Banner ist natürlich von Grund auf erstellt, ohne Elemente zu übernehmen.
Das hier ist ein relativ einfacher Banner, den ich einfach mal als Beispiel für Aniamtionen mit ImageReady erstellt habe, es hatte ein Bild als Grundmaterial und ist lediglich wenig überarbeitet:
Achja, man sieht ganz gut die Schwäche von .gif als Bilddateiformat, die Transparenz ist manchmal nicht ganz gut umgesetzt, so dass es zu leichten weissen Störungen kommt.
Ok, hier noch mal ein letztes Beispiel, und auch ein schönes Bespiel für mehr schein als sein, ein Logo:
Grundsätzlich ist es wieder ein Element welches man für verschiedene Sachen benutzen kann, aber auch wenn es Zeit braucht um es zu bauen, kann es eigentlich jeder machen wenn er nur die richtige Anleitung hat, sogar ich ...
Dabei wird dann klar wo Unterschiede zwischen der Anwendung von Photoshop liegen, ganz abgesehen von beruflicher Verwendung: Man kann wie bei meinem ersten Bild gestalten und Umsetzen, etwas ausdrücken oder auch nicht, oder man baut rein technische Abläufe nach, sieht hübsch aus, ist aber nicht unbedingt besser ...
Oki, falls ich bei dem ein oder anderen Interesse geweckt habe, hier sind ein paar Seiten mit Tutorials für Photoshop, nach GIMP oder Painshop Pro müsst ihr selbst suchen, auf jeden Fall werden in den Tutorials Basic´s bis Profi-sachen vermittelt.
Uuups, geht grade nicht mehr, jetzt gehts zur Verwandtschaft, Links werden nachgeliefert ...
*
Re: Photoshop, Grafik-Design
raines - 25.12.2005, 22:39
Oki, da bin ich wieder, Pflichtbesuch, ihr versteht 8) . Naja, ich gebe einfach mal ein paar Links durch, bei denen man was über Photoshop und damit eben über Design lernen kann ... :
http://www.labproduction.de/ttext.php
http://www.ulf-theis.de/tutorials/photoshop/index.php
http://www.photozauber.de/praxis/tutorials/photoshop.php
http://www.dhttp://www.photoshoptutorials.de/ps_index.php
http://www.psd-tutorials.de/ (unter workshops)
http://www.worx-online.de/Tutorials/Index1.htm
Oki, die Güte sinkt, also die beiden ersten oben sind sicher die besten Links, allerdings haben die anderen auch immer wieder ganz interessante Tipps ...
so far ...
Re: Photoshop, Grafik-Design
raines - 26.12.2005, 19:44
Edit: nen Link übersehen, hier gibt´s auch ne Menge nette Tutorials:
http://www.daeng2k.de/tutorials/tutorials.php?kat=ps
Re: Photoshop, Grafik-Design
Chefkoch87 - 26.12.2005, 21:29
NICE!!!
siehst nur n bischen fertig aus ;)
Re: Photoshop, Grafik-Design
raines - 26.12.2005, 21:53
gnaha, ne, nur verschlafen, aber das ist nicht immer weit voneinander wech ;)
Re: Photoshop, Grafik-Design
O-der-B - 12.01.2006, 19:43
Re: Photoshop, Grafik-Design
raines - 15.01.2006, 23:40
just some fun
Der beste Filter ever, "Fotokopie"!
Re: Photoshop, Grafik-Design
raines - 04.03.2006, 15:13
der untere war der, der bei dir ab gestern nacht lief christian 0:D Ich konnt´s mir nicht verkneifen ...
Re: Photoshop, Grafik-Design
O-der-B - 04.03.2006, 17:21
achso, das hatte ich garnicht bemerkt, schade! :D :D
Re: Photoshop, Grafik-Design
raines - 06.04.2006, 00:22
nuja, neue tutorials, neues glück :lol: Der neuste Trick: Einstellungsebenen und Masken, da öffnen sich ganz neue Horizonte ...
Re: Photoshop, Grafik-Design
raines - 06.04.2006, 01:19
Oder man verfällt eben alten Mustern:
so, jetzt schnarchen :M:
Re: Photoshop, Grafik-Design
DIESEL - 12.04.2006, 10:52
Sieht gut aus!!!
Re: Photoshop, Grafik-Design
raines - 15.05.2006, 23:54
danke, aber irgendwie fehlt mir seit ets-ende der richtige anpack für PS, ohne richtige Job´s komm ich nicht ganz ran.
egal, heute habe ich mich relativ erfolgreich um kunst gedrückt, und zwar vor der röhre:
hat keinen großen sinn, musste mich nur einfach dringend nochmal an PS setzen, sonst verroste ich ...
Re: Photoshop, Grafik-Design
Der Jesko - 19.07.2006, 12:29
versuche mir grade mal photoshop beizubringen, weiß aber irgendwie nicht wo ich anfangen soll. außerdem klappt die hilfe funktion irgendwie nicht...
Re: Photoshop, Grafik-Design
raines - 19.07.2006, 21:26
Lern die Oberfläche kennen und lies dich dann durch Tutorials durch. Dann lernst du mit der Zeit, wie man was verwirklichen kann/könnte, was man sich ausdenkt. PS ist sehr viel learning-by-doing, schnapp dir einfach erstmal ein paar Fotos als Grundlagen und schnibbel was drann rum.
Oder nehm dir einfach ein Ziel vor: Bau dir einen Banner, bau die ein Layout oder einen Entwurf für Flyer-X, ist egal, mach einfach was, mehr kann man da nicht sagen. Oben im Thread sind noch Links zu Tutorials ...
Re: Photoshop, Grafik-Design
Der Jesko - 22.07.2006, 19:14
yippi ich hab was produktives in photshop gemacht ;)
(original zusammenhang siehe www.enzyclopaedium.de.vu und dann oben links auf die felder "L" "P" "F" und "L" klicken.
die texte soll man übrigens nicht lesen können, das ist gewollt ;)
gruß derjesko
Re: Photoshop, Grafik-Design
Der Jesko - 03.08.2006, 12:25
So, außerdem hab ich jetzt noch vernünftige Auswahlbuttons für die vier Kategorien erstellt:
die zweiten sind dann beim mouseover. (also immer nur eins, ich tu sie jetzt einfach mal zusammen)
und außerdem hab ich für meine unterseite (ebendie selbe wofür ich die ganzen letzten sachen hier gemacht hab) einen banner mit photoshop gebastelt. soll ich lieber den in die signatur tun oder den lassen, der ist?
Re: Photoshop, Grafik-Design
raines - 03.08.2006, 21:55
Jo, ich sehe du lernst, braaav :M: Allerdings sind die Farben wirklich zu heftig, nichts gegen deine Vorstellungen, aber das fördert Augenkrebs. Vor allem in Zusammenhang mit einer Serifenschrift und einem Layout, wo man nicht weiss wo man hin soll.
Es wär gut, wenn du die Knöpfe etwas größer machen würdest, man kann auf jeden Fall nicht erkenne, was da für Zeichen drauf sind. Außerdem haben sich da irgendwie weiße Kantenpixel mit eingeschmuggelt, sähe sicher schöner aus, wenn die nicht mehr da wären. Sieht ein bischen so aus, als ob du da mit einer Transparanz, schätzungsweise Gif gearbeitet hast. Das würde ich aber nicht machen. Besser wären Jpegs, gesliced. Damit spart man sich sämtliche Probleme mit Transparenzen und kann dabei noch auf das schön kleine Jpeg-Format (für bessere Qualität) zurückgreifen. Dabei bestehen Hintergrund und Bedienelemente aus einem Bild, bzw. sind auf einer Ebene. Alle Veränderungen kann man dann agnz einfach über den entsprechenden Bildteil spezifisch machen, wie du es ja auch schon gemacht hast.
Ich muss dringend mal meine Seite fertig bekommen, aber irgendwie fehlt mir die Zeit und Muße, vor allem aber mein eigener PC :P
Re: Photoshop, Grafik-Design
Der Jesko - 04.08.2006, 11:49
meinst du mit den farben (ich vermute mal bei den ersten bildern) die schrift oder den hintergrund? der hintergrund ist ja eigentlich eher pastell, also schätze ich, dass du den vordergrund meinst.
die zeichen auf den buttons sind (nur so zur info) L, P, F, L was für die vier kategorien steht die ja auch auf dem banner sind. ich guck mal ob ich sie noch größer machen kann, ohne dass sie das design zerstören.
was würdest du fürs layout vorschlagen? meinst du die generelle aufteilung ist unübersichtlich? (also in die 4 frames - ja ich weiß, frames sind veraltet, aber für dieses projekt wars einfach die beste lösung) und mit der serifenschrift meinst du links die navigationleiste (alphabet und wörter)? sollte ich liber Arial nehmen?
mit slicen muss ich mir erstmal näher ansehen, hast recht, ich habs mit transparenten gifs gemacht, weil mir das am logischsten erschien. die weißen pixel krieg ich schon noch weg ;)
jaja, die zeit habe ich eben grade jetzt, deshalb so viele neuerungen... aber ich krieg auch schon das rückwärts-frühstücken wenn ich mir unseren haufen deutschbücher angucke... immerhin bin ich bald mit den goetheartikeln fertig, dann fehlt nur noch schiller (nietzsche hab ich schon)und der rest ist ja dagegen n spaziergang...
gruß derjesko
*edit* hab jetzt mal die auswahlleiste oben mit slices realisiert, hab dabei aber jetzt ein problem: wie mache ich das jetzt mit dem hovereffekt? ich hatte das vorher mit css einfach gemacht, indem ich im style-bereich verschiedene a-klassen festgelegt habe (mitsamt hover, die bilder waren dann einfach im hintergrund) wie mach ich das jetzt mit den slices? danke, jesko
Re: Photoshop, Grafik-Design
raines - 04.08.2006, 19:51
Du stellst mir fragen. Also das geht so: Du gehst in Adobe Golive, klickst unter "Fenster" auf "Rollover & Aktionen" und gehst dann ... .... .. . . . (fade-out).
Es gibt speziell für Rollover Befehle, ich denke auch CSS, natürlich aber HTML. Dabei kannst du dann für verschiedene Zustände verschiedene Bilder angeben, z.B. eben Mouseover, geklickt, gedrückt, etc. Da mein Rechner leider grade nicht funktioniert kann ich auch leider nicht in meinen Quellcode gucken.
Nunja, so kannst du dann die einzelnen Bilder ansteuern, dürfte theoretisch sehr einfach sein. Ich würde dann auch nach dem Befehl gucken, der bestimmt, dass die verschiedenen Zustands-Bilder im Hintergrund schon geladen werden, sonst gibt es hässliche kleine Hänger, bis die Rollover geladen sind.
Ja, ich finde, rein subjektiv, allerdings um Objektivität bemüht, das gesamte Layout unübersichtlich. Wenn ich es mir angucke komme ich mir so vor als ob ich zum klicken erst suchen müsste. Wenn du vielleicht deine vier Knöpfe da nach oben in die Mitte etwas größer setzt, wird es sicher schon besser. Denn so haben die auch keine Gewichtung da viel zu klein. aber es sind schließlich die Oberkategorien, demnach müssten sie welche bekommen. Am besten oben einen guten Eingangsbanner mit vielleicht direktem Übergang in deine 4 Kategorien. Dann der linke Frame schmaler, die Buchstaben größer. Die Hauptschrift auf jeden Fall serifenlos, Arial muss nicht sein, gibt ja noch andere Systemschriften.
Zu den Farben: Na dann streich mal dein gesamtes Zimmer ohne jegliche Varianz in Hell-Rosa, ist Pastell, trotzdem wird man Wahnsinnig. Versuch es vielleicht mal mit Texturen, die geben dem Auge etwas mehr, dann ist es entspannter als vor einer rosa Wand. Google: Photoshop, texture, tutorial ... + wühlen im digitalen Müll.
Nunja, wenn du PS-Fragen hast rufst du am besten an, denn ich will mir meine Finger nicht wund tippen, bei HTML bin ich machtlos 0:D
Re: Photoshop, Grafik-Design
Der Jesko - 05.08.2006, 16:28
hmm... der vorschlag mit den vier kategorien ganz oben drüber ist schonmal gut, ich denke mal den werde ich umsetzen. mit dem linken frame, der zu breit ist - meinst du den ganz links (also nur das alphabet) oder die beiden linken die das gleiche design haben? und mit der textur schätze ich du meinst wiederum das rechte frame, dass da eine textur rein soll?
mit dem rollover muss ich einfach mal noch n bisschen rumprobieren.
die buttons hab ich übrigens schon ein bisschen größer gemacht, wie du sehen kannst.
also gut, danke soweit erstmal, gruß derjesko
Re: Photoshop, Grafik-Design
Der Jesko - 05.08.2006, 18:33
also, guck mal obs jetzt besser ist. der balken ist oben (mit oder ohne trennlinie? was ist besser?) die schrift ist arial (gefällt mir dann doch am besten) und zur besseren lesbarkeit hinterlegt. rollover klappt zwar, aber immer noch mit der verzögerung, hab ich noch keine lösung gefunden.
soweit, (mit farben bzw. textur kommt später, dauert bisschen länger, vor allem wenn ich die farben änder, das muss ich dann näml. auch bei meiner hauptseite.
Re: Photoshop, Grafik-Design
Der Jesko - 11.08.2006, 20:34
hab jetzt mal n bisschen textur reingemacht, sieht in etwa so aus (und natürlich in den anderen farben, bin nur zu faul das zu posten)
Re: Photoshop, Grafik-Design
Der Jesko - 21.08.2006, 15:05
@rinz: hab übrigens rausgefunden, wie man die hoverbilder für links vorher läd. mach mir aber nur die mühe es reinzuschreiben, wenn dus auch brauchst ;)
Re: Photoshop, Grafik-Design
Der Jesko - 24.08.2006, 17:47
noch was erstellt mit photoshop.
[/img]
Bevor jemand fragt, die sind für meine schwester gemacht als cd-cover und die frau da drauf ist ne schaufensterpuppe (die arme sind abnehmbar ;) )
Re: Photoshop, Grafik-Design
raines - 24.08.2006, 23:11
Hehe ;)
Langsam muss ich mich an Html setzen wenn du bei Photoshop dauernd weitermachst. Achte darauf, dass die Ramen bündig abschließen, oben und unten fehlen jetzt ein paar Millimeter, das wirkt störend. Beim unteren Bild würde ich definitiv bündig mit dem inneren Rahmen rechts auch die Puppe enden lassen, bzw. diese kleiner skalieren. Oben wirkt es auch nicht stimmig, dieser Übergang ist ungünstig, solche Übergänge sollte man nur machen, wenn man viele verschiedene Elemente dadurch übereinander und ineinander blendet, oder es nicht mit dem Bild bricht; hier der Kontrast zwischen der Linie des inneren "Kastens" und des Transparentsverlaufes, passt nicht gut.
Dir ist bewusst, das man die Farbe des "Schein nach außen" verändern kann? Diese würde ich definitiv etwas heller werden lassen und weniger im Gelbspektrum.
Außerdem achte auf die Auswahl. Ich arbeite nahezu immer mit dem Polygon-Lasso, da es, wenn man sich entsprechend Zeit lässt, unabhängig von Kontrasten sehr saubere Ergebnisse liefert. Die Grenzen liegen nur bei der eigenen Geduld. Bei komplizierteren Objekten lohnt sich der Maskieren-Modus, findest du unter der Werkzeugpalette.
Ansonsten ist die Abstimmung der einzelnen Elemente wichtig, achte darauf, dass z.B. der Schlagschatten nicht zu schwer wirkt, oder eben ein Schein nach außen nicht zu stark. Sowas ist Feinabstimmung, muss man testen.
Re: Photoshop, Grafik-Design
Der Jesko - 25.08.2006, 12:03
dann bin ich mal gespannt auf deine ergebnisse - aber html reicht nicht, css ist viel wichtiger.
zur farbeinstellung beim außenschein - bei photoshop CS2 geht das. das hatte ich aber nur als demo, jetzt habe ich photoshop elements 2, und da habe ich das bis jetzt noch nicht gefunden. mit der grenze ist n guter tipp, werde ich ändern. danke, gruß jesko
ach ja, bis zur nächsten änderung noch ein anderes zur serie gehörendes bild:
Re: Photoshop, Grafik-Design
raines - 25.08.2006, 14:55
Dann empfehle ich dir ganz schnell mal Photoshop. Das findest du überall im Netz, dein Busenfreund Lukas weiss, wie man mit Torrent-Programmen umgeht, frag ihn mal danach und lad es dir runter, elements ist ein Witz. Keine Angst, Adobe hat mich bis jetzt noch nicht gelyncht ...
Re: Photoshop, Grafik-Design
Der Jesko - 27.08.2006, 14:51
hmm, mal schauen. momentan hab ich eh nicht so viel zeit für, da reicht das erst mal, aber cs wäre da doch schon besser.
in der zwischenzeit habe ich aber trotzdem mal wieder nichts besseres zu tun:
Mit folgendem Code, können Sie den Beitrag ganz bequem auf ihrer Homepage verlinken
Weitere Beiträge aus dem Forum m i t t 9 0 e r
Mensch - Benutzername - gepostet von . am Donnerstag 08.03.2007
Allgemeine Fragen! - gepostet von DIESEL am Dienstag 15.05.2007
Ein glanzvoller Abgang? - gepostet von annama am Samstag 04.11.2006
morgen unterricht - gepostet von die-clari am Dienstag 01.05.2007
Sammelstelle Thesenblätter - gepostet von LaGio am Montag 05.02.2007
Zeitdruck!!! - gepostet von rAinEs am Mittwoch 27.09.2006
abschlussparty - gepostet von Christian Steifen am Freitag 12.05.2006
K. 20. GB 4.8.2007 b. S. - gepostet von simon am Mittwoch 01.08.2007
Der Container - gepostet von Der Jesko am Donnerstag 13.07.2006
Ähnliche Beiträge wie "Photoshop, Grafik-Design"
Photoshop-Tutorials - eisi (Samstag 12.03.2005)
Neues Design - kaurwaki (Freitag 10.11.2006)
Neues Design - Vero (Dienstag 14.03.2006)
Forum-Layout/Design - Prelli (Freitag 26.01.2007)
Warum ist nur das Design Solaris aktiv? - Uhruk (Sonntag 05.12.2004)
Kia Design Studios - Svenson (Samstag 17.06.2006)
Design - Pa1nk!LL3r (Dienstag 18.10.2005)
Photoshop - LaFuck (Mittwoch 19.04.2006)
neues Design - Kleiner Engel (Donnerstag 06.10.2005)
Photoshop 7 Savvy Sybex & e-kitap - islamboard (Freitag 06.01.2006)