<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>team.eliZZZa * webdesign * screendesign * xhtml * css * jQuery * ajax * fragen &#38; antworten * tutorials * community &#187; photoshop</title>
	<atom:link href="http://team.elizzza.net/category/webproduktion/design/photoshop/feed/" rel="self" type="application/rss+xml" />
	<link>http://team.elizzza.net</link>
	<description>Club der wifen Nasen - Gemeinsam sind wir schlauer!</description>
	<lastBuildDate>Wed, 14 Dec 2011 09:43:26 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Kursmitschrift der Navigationsleiste inkl.Screenshots!</title>
		<link>http://team.elizzza.net/2009/06/27/kursmitschrift-der-navigationsleiste-inkl-screenshots/</link>
		<comments>http://team.elizzza.net/2009/06/27/kursmitschrift-der-navigationsleiste-inkl-screenshots/#comments</comments>
		<pubDate>Sat, 27 Jun 2009 12:36:30 +0000</pubDate>
		<dc:creator>lissommiller</dc:creator>
				<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://team.elizzza.net/?p=2413</guid>
		<description><![CDATA[Photoshop Übung – LAYOUT 1 Wir erstellen eine Navigationsleite mit 6 Farbfotos und darunter liegenden färbigen Textfeldern. Die sogenannte Menüleiste einer Website. Wir öffnen eine neue Datei mit Strg.+ N mit 960px * 760px ! Über die Menüleiste wählen wir  Ansicht / Neue Hilfslinie und vergeben 3 horizontale Linien (50px /150px / 170px) und 5 vertikale Linien (160px [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Photoshop Übung – LAYOUT 1</strong></p>
<p><strong>Wir erstellen eine Navigationsleite </strong></p>
<p><strong>mit 6 Farbfotos und darunter liegenden</strong></p>
<p><strong>färbigen Textfeldern. Die sogenannte</strong></p>
<p><strong>Menüleiste einer Website.</strong></p>
<p><strong> </strong></p>
<p>Wir öffnen eine neue Datei mit Strg.+ N mit 960px * 760px ! Über die Menüleiste wählen wir  Ansicht / Neue Hilfslinie und vergeben 3 horizontale Linien (50px /150px / 170px) und 5 vertikale Linien (160px / 320px / 480px / 640px / 800px).</p>
<p>Mit dem Auswahlrechteck-Werkzeug (links oben erstes Symbol in der Werkzeugleiste) wählen wir den linken Schnittpunkt bzw. das linke obere Eck im Rahmen an und ziehen diagonal bis zum rechten unteren Eck bzw. Schnittpkt. des Rahmens. Über die Menüleiste Fenster wählen wir die Option FARBFELDER aus und mit der Pipette wählen wir eine beliebige Farbe aus, die in der Werkzeugleiste als Vordergrundfarbe zu kontrollieren ist bzw. erscheinen sollte. Dann mit Alttaste + Returntaste (Apple und Windows ist hier ident) das Farbfeld füllen. Wenn wir nun mit dem Steuerkreuz (ohne Drücken der Maustaste) über das Farbfeld/Namensfeld gehen, wird das Steuerkreuz zum Pfeil mit kleinen Briefsymbol darunter. Sobald wir das sehen, drücken wir die linke Maustaste und ziehen das Feld in die nächste Spalte und suchen in den Farbfeldern mit der Pipette eine neue Farbe aus, um diesem Feld eine neue Farbe zu zuordnen. Dann wiederholen wir den Schritt mit Alttaste + Return womit wir das Farbfeld erneut füllen, usw. bis wir alle 6 Felder gefüllt haben und heben dann die Auswahl auf (einfach ins Leere klicken).</p>
<p>Dieser Arbeitsschritt wurde ausschliesslich auf der Ebene 1 durchgeführt. Der nächste Schritt ist, dass wir 6 Bilder über Datei öffnen, einfügen und dadurch 6 Ebenen erzeugen.  Wir wählen nun das Freistellungswerkzeug (3tes Symbol von oben links in der Werkzeugleiste). Da wir nun mit dem Freistellungswerkzeug arbeiten, steht uns nun oben die sogenannte Freistellungsoptionleiste<strong> </strong>zur Verfügung. Diese befindet sich unmittelbar unter der fixen Photoshopmenüleiste. In der Optionsleiste stellen wir nun die fixen Werte für die Bilderrahmen ein. (Notiz: Die Optionsleiste ändert sich mit dem jeweiligen gewählten Werkzeug bzw. passt sich dem jeweiligen Werkzeug an) 160px * 100px damit alle 6 Bilder genau dasselbe Format ergeben. Mit dem Freistellwerkzeug ziehen wir einen Auswahlrahmen über den gewünschten Bereich des Bildes und lassen die Maustaste los. Nun können wir mit Zuhilfenahme der Pfeiltasten die Position des Auswahlrahmens korrigieren.</p>
<p>Wenn man die Umschalttaste gedrückt hält, während man die Pfeiltasten betätigt, macht man größere Schritte. Sind wir mit der getroffenen Auswahl zufrieden, schliesst man den Prozess mit Eingabetaste ab. Nun wechseln wir unser Werkzeug und wählen das rechte, oberste Verschiebewerkzeug aus der Werkzeugleiste und ziehen die Bilder nacheinander in unsere Rahmen.  Durch diesen Prozess enstehen 6 neue Ebenen. Jedes Bild steht für sich auf einer eigenen Ebene und wird von uns nun mit dem Textwerkzeug beschriftet und mit eigenem Namen versehen.</p>
<p>Nun werden die 6 Ebenen (Fotos) plus der Ebene 1 zu einer Ebenengruppe zusammen gefasst, indem wir alle 7 Ebenen markieren (wir halten dazu die Umschalttaste gedrückt. Diese befindet sich oberhalb der STRG Taste bei Windows und <strong><em>ctrl</em></strong> Taste bei Apple und wählen eine Ebene nach der anderen an, um gleich danach in der Ebenenpalette rechts oben (kleiner Pfeil) den Menüpunkt (Neue Gruppe aus Ebenen) anzuwählen!</p>
<p>Durch diesen Vorgang, bzw. dieser Gruppierung entsteht ein neuer Ordner, dem wir sogleich den Namen <strong><em>buttons_ select</em></strong> verleihen.Nun wird die Ebenengruppe <strong><em>buttons_ select</em></strong> durch Anwählen des PALETTENMENUES ( Die Ebenenpalette in dem sich alle unsere Ebenen befinden hat rechts oben einen kleinen Pfeil, gleich oberhalb der Deckkrafteinstellung 100%, dieser Pfeil führt zum PALETTENMENUE) über den Menüpunkt (Gruppe duplizieren) ausgewählt. Dadurch öffnet sich ein Eingabefenster und wir haben nun die Möglichkeit, diese Kopie mit dem Namen <strong><em>buttons_grau</em></strong> zu versehen.</p>
<p>Wenn wir nun unsere Ebenenpalette betrachten, finden wir zwei Ordner auf zwei Ebenen und in jedem Ordner befinden sich 7 Ebenen, zusätzlich befinden sich noch 6 Ebenen in unserer Ebenenpalette die durch die Beschriftung der Farbtextfelder entstanden sind. Zuerst vergewissern wir uns, dass das Auge in der Ebene <strong><em>buttons_select</em></strong> auf inaktiv gestellt ist, um nicht versehentlich auf der falschen Ebene zu arbeiten. Das Auge simple anklicken und es verschwindet.</p>
<p>Dann markieren wir die Ebene namens buttons_grau und öffnen den Ordner mit den sieben darin befindlichen Ebenen. Wir gehen von links nach rechts vor. Auf meinem Screen befindet sich das Foto ganz links in der Ebenenpalette ganz unten, (nur die Ebene 1 befindet sich noch weiter unten, sie ist ja unsere Allererste Ebene gewesen), weil ich das erste Foto, in den Rahmen ganz links, also zu Beginn dieser Arbeitsausführung, gestellt habe. Wir markieren somit die unterste Ebene, wählen in der Photoshop Menüleiste Bild/Anpassen/Sättigung veringern und wiederholen diesen Schritt für jedes Bild und somit jede Ebene.</p>
<p>Am Ende sollten alle Bilder schwarz-weiss gestellt sein. Zwischendurch mal STRG Taste + S für Speichern drücken und weiter geht’s. Wir markieren nun die Ebene mit dem Ordner <strong><em>buttons_select</em></strong> und öffnen erneut das PALETTENMENUE durch Anklicken des kleinen Pfeils, rechts oben in der Palettenebene. Gruppe duplizieren und dieser Kopie den Namen <strong><em>buttons_monochrom </em></strong>zuweisen.</p>
<p>Nun sollten sich in unserer Ebenepalette drei Ordner (buttons_select, buttons_grau und buttons_monochrom) befinden zzgl.</p>
<p>der sechs Schriftebenen, siehe Screenshot unten: (Screenshot-Mac: gleichzeitiges Drücken von Umschalttaste+ctrl+Apfel + 4)</p>
<p><img class="aligncenter size-full wp-image-2417" src="http://www.eliZZZa.net/team/wp-content/uploads/2009/06/lay1.png" alt="lay1" width="416" height="341" /></p>
<p>In der Grafik sehen wir die zweispaltige Werkzeugleiste, die Protokollpalette, die Farbpfelder und die Ebenenpalette.</p>
<p>Alle vier dieser Kästchen werden in der Photoshop Menüleiste / Fenster aufgerufen. z.B Menüleiste / Fenster / Farbfelder, usw.</p>
<p>Wir wiederholen nun den Vorgang, indem wir den <strong><em>buttons_monochrom</em></strong> Ordner öffnen und auf die unterste Ebene (nur eine Ebene liegt noch weiter unten die Ebene 1/Kopie 2) mit dem ersten Foto und wählen aus der Werkzeugpalette (das rechte vorletzte Symbol unten) die Pipette aus. Wir klicken zunächst in das Farbfeld ganz links und gehen dann in die Menüleiste / Bild / Anpassen / Farbton/Sättigung.  Die Grafik unten zeigt nochmals den Pfad an.</p>
<p><img class="aligncenter size-full wp-image-2418" src="http://www.eliZZZa.net/team/wp-content/uploads/2009/06/lay2.png" alt="lay2" width="416" height="279" /></p>
<p>Nach Auswahl von Farbton/Sättigung öffnet sich dieses Parameterfenster:</p>
<p><img class="aligncenter size-full wp-image-2420" src="http://www.eliZZZa.net/team/wp-content/uploads/2009/06/lay31.png" alt="lay3" width="236" height="148" /></p>
<p>Hier ist nun ganz wichtig das Kontrollkästchen Färben über der Vorschau rechts unten befindlich, anzuklicken. Ist es wie oben in der Grafik nicht angewählt, tut sich nicht viel. Erst wenn das Hakerl auftaucht, erzielen wir den gewünschten Effekt.</p>
<p>Mit dem Sättigungsparameter in der Mitte erreichen wir unseren gewünschten Effekt die Fotos den Farbfeldern unterhalb anzupassen, damit die Leiste dementsprechend aussieht.</p>
<p><img class="aligncenter size-full wp-image-2421" src="http://www.eliZZZa.net/team/wp-content/uploads/2009/06/lay4.png" alt="lay4" width="415" height="53" /></p>
<p>Wir markieren die Ebene <strong><em>buttons_select</em></strong>, aktivieren das Auge, öffnen den Ordner mit den darin befindlichen sieben Ebenen , klicken erneut die unterste Fotoebene an und drücken STRG+A = Alles Auswählen, STRG+C=Ebene  Kopieren, STRG+N=Neue Datei und drücken OK, oder drücken anstatt OK, die Eingabetaste und zuletzt STRG+V=Einfügen. Wir gehen in die Menüleiste / Datei / Web und Geräte speichern, bzw. bei älteren Photoshop Versionen wie CS od. CS 2 ist es nur für WEB speichern, siehe Screenshot unten:</p>
<p><img class="aligncenter size-full wp-image-2422" src="http://www.eliZZZa.net/team/wp-content/uploads/2009/06/lay6.png" alt="lay6" width="290" height="181" /></p>
<p>Das Webparameterfenster öffnet sich und wir stellen das Bild auf .jpg / hoch /  60 Qualität / mit Häkchen bei optimiert und drücken speichern. Als Dateiname wählen wir nun exakt denselben Namen der Ebene, aus der wir das Bild kopierten. Zielordner ist IMAGES / Ordner buttons_select!</p>
<p><img class="aligncenter size-full wp-image-2423" src="http://www.eliZZZa.net/team/wp-content/uploads/2009/06/lay7.png" alt="lay7" width="326" height="182" /></p>
<p>Wir wiederholen diesen Vorgang mit den beiden andere Ordnern und sämtlichen darin befindlichen Bildern IMAGES / Ordner buttons_grau und IMAGES / Ordner buttons_monochrom. Wir vergewissern uns nochmals, ob wir die Arbeit in der Photoshopdatei Layout 1 vollständig abgespeichert haben und schliessen die Datei.</p>
<p>25.Juni 2009 homework by roland miller-aicholz aka lissom miller</p>
<div id="crp_related"><h3 class="relposts">Das könnte Dich auch interessieren:</h3><ul><li><a href="http://team.elizzza.net/2009/07/01/webdesign-2-flash-textanimation/" rel="bookmark" class="crp_title">Webdesign 2 &#8211; Flash Textanimation</a></li><li><a href="http://team.elizzza.net/2009/07/06/webdesign-2-lip-sync/" rel="bookmark" class="crp_title">Webdesign 2 &#8211; Lip Sync</a></li><li><a href="http://team.elizzza.net/2009/07/02/webdesign-2-flash-maske/" rel="bookmark" class="crp_title">Webdesign 2 &#8211; Flash Maske</a></li><li><a href="http://team.elizzza.net/2009/06/17/webdesign-2-dreamweaver/" rel="bookmark" class="crp_title">Webdesign 2 &#8211; Dreamweaver</a></li><li><a href="http://team.elizzza.net/2009/06/25/webdesign-2-jetzt-flashts/" rel="bookmark" class="crp_title">Webdesign 2 &#8211; jetzt FLASHTS!</a></li><li>Powered by <a href="http://ajaydsouza.com/wordpress/plugins/contextual-related-posts/">Contextual Related Posts</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://team.elizzza.net/2009/06/27/kursmitschrift-der-navigationsleiste-inkl-screenshots/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>light cage</title>
		<link>http://team.elizzza.net/2009/06/07/light-cage/</link>
		<comments>http://team.elizzza.net/2009/06/07/light-cage/#comments</comments>
		<pubDate>Sun, 07 Jun 2009 20:41:31 +0000</pubDate>
		<dc:creator>sabine</dc:creator>
				<category><![CDATA[* Bildbearbeitung]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[PS Tutorial]]></category>
		<category><![CDATA[belichtung]]></category>

		<guid isPermaLink="false">http://team.elizzza.net/?p=1578</guid>
		<description><![CDATA[Faszinierendes 3D-Tool, um ein Portrait mit unterschiedlichsten Lichtquellen zu betrachten… Das könnte Dich auch interessieren:24ways.orgIllustrator Tutorial &#8211; Basic TypoWordPress ShopIllustrator Tutorial &#8211; Buch, Haar und WeinglasVon &#8220;außen&#8221; editieren&#8230;Powered by Contextual Related Posts]]></description>
			<content:encoded><![CDATA[<p>Faszinierendes <strong>3D-Tool</strong>, um ein Portrait mit unterschiedlichsten Lichtquellen zu betrachten…</p>
<div id="crp_related"><h3 class="relposts">Das könnte Dich auch interessieren:</h3><ul><li><a href="http://team.elizzza.net/2009/06/24/24ways-org/" rel="bookmark" class="crp_title">24ways.org</a></li><li><a href="http://team.elizzza.net/2009/08/06/illustrator-tutorial-basic-typo/" rel="bookmark" class="crp_title">Illustrator Tutorial &#8211; Basic Typo</a></li><li><a href="http://team.elizzza.net/2009/07/01/wordpress-shop/" rel="bookmark" class="crp_title">WordPress Shop</a></li><li><a href="http://team.elizzza.net/2009/08/04/illustrator-buch-und-haar-tutorial/" rel="bookmark" class="crp_title">Illustrator Tutorial &#8211; Buch, Haar und Weinglas</a></li><li><a href="http://team.elizzza.net/2009/05/27/von-ausen-editieren/" rel="bookmark" class="crp_title">Von &#8220;außen&#8221; editieren&#8230;</a></li><li>Powered by <a href="http://ajaydsouza.com/wordpress/plugins/contextual-related-posts/">Contextual Related Posts</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://team.elizzza.net/2009/06/07/light-cage/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Im Beautysalon &#8211; PS Tutorial</title>
		<link>http://team.elizzza.net/2009/06/06/im-beautysalon-ps-tutorial/</link>
		<comments>http://team.elizzza.net/2009/06/06/im-beautysalon-ps-tutorial/#comments</comments>
		<pubDate>Sat, 06 Jun 2009 19:01:39 +0000</pubDate>
		<dc:creator>dorelies</dc:creator>
				<category><![CDATA[photoshop]]></category>
		<category><![CDATA[PS Tutorial]]></category>
		<category><![CDATA[fotos]]></category>
		<category><![CDATA[Retusche]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://team.elizzza.net/?p=1538</guid>
		<description><![CDATA[Hallo Freunde, momentan stecke ich ja leider bei meiner WP-Theme-Installation fest und darum habe ich ein wenig herumgesurft und folgendes Tutorial gefunden: Photoshop Skin Retusche war ja im Kurs ein heißes Thema: http://www.tutiki.org/w/index.php/Beautiful_Skin_by_Czechman Es wird darauf hingewiesen, dass viele Tricks von Scott Kelby &#8220; The Photoshop Book for Digital Photographers&#8221; sind. Ich kann dieses Buch &#8211; gibt [...]]]></description>
			<content:encoded><![CDATA[<p>Hallo Freunde, momentan stecke ich ja leider bei meiner WP-Theme-Installation fest und darum habe ich ein wenig herumgesurft und folgendes Tutorial gefunden:</p>
<blockquote><p>Photoshop Skin Retusche war ja im Kurs ein heißes Thema:</p>
<p><a href="http://www.tutiki.org/w/index.php/Beautiful_Skin_by_Czechman">http://www.tutiki.org/w/index.php/Beautiful_Skin_by_Czechman</a></p></blockquote>
<p>Es wird darauf hingewiesen, dass viele Tricks von Scott Kelby &#8220; The Photoshop Book for Digital Photographers&#8221; sind. Ich kann dieses Buch &#8211; gibt es auch auf deutsch von Addison Wessley Verlag &#8211; wärmstens empfehlen. Es ist total kurzatmig, leicht nachzuvollziehen und macht fast süchtig, weiter zu probieren.</p>
<p>Beim Weichzeichnen wirklich lieber weniger als zu viel!!!</p>
<p>Wichtig: immer unterscheiden, ob eine Retusche für dich und mich gemacht wird &#8211; diese soll natürlich wirken, so sehen mich die Leute; oder ob es sich um totale Beautyretusche handelt, wie ein Model am Cover &#8211; da ist es eigentlich egal, wie sie in Wirklichkeit aussieht, da kommt es nur darauf an, dass das Bild toll ist.</p>
<p>Viel Spaß im digitalen Beautysalon!</p>
<div id="crp_related"><h3 class="relposts">Das könnte Dich auch interessieren:</h3><ul><li><a href="http://team.elizzza.net/2010/07/31/photoshop-planet-wallpaper-tutorial/" rel="bookmark" class="crp_title">Photoshop Planet Wallpaper Tutorial</a></li><li><a href="http://team.elizzza.net/2009/06/09/mein-name-ist-patricia/" rel="bookmark" class="crp_title">Mein Name ist Patricia</a></li><li><a href="http://team.elizzza.net/2010/02/15/puravidasalsa-mein-neuestes-projekt-und-empfehlung-fur-tanzbegeisterte/" rel="bookmark" class="crp_title">Puravidasalsa &#8211; mein neuestes Projekt und Empfehlung für Tanzbegeisterte</a></li><li><a href="http://team.elizzza.net/2009/05/31/the-joshua-tree-principle/" rel="bookmark" class="crp_title">The Joshua Tree Principle</a></li><li><a href="http://team.elizzza.net/2009/10/23/next-week/" rel="bookmark" class="crp_title">Next Week&#8230;</a></li><li>Powered by <a href="http://ajaydsouza.com/wordpress/plugins/contextual-related-posts/">Contextual Related Posts</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://team.elizzza.net/2009/06/06/im-beautysalon-ps-tutorial/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

