Layer Masks / Bilder freistellen

Tutorial in English and German / Anleitung in Deutsch und Englisch

Deutsche Version siehe unten!
divider

English version:
Tip of the week: Here’s how to make a Tiff with a transparent background, which allows you to place it into InDesign.

Here is a Tutorial from Adobe: Easily and accurately select image areas

And here are my step-by-step directions:

Step 1:
Open your file in Photoshop and click on the lock changing the background layer to Layer 0.
Tiff_Options4

Step 2:
Make your selection and click on the Layer Mask icon.
Tiff_Options3

Step 3:
In case you need to invert the selection: click on the Layer Mask so the Properties window opens. There you click on the option Invert.
Tiff_Options2

Step 4:
Now comes the crucial step: Save the file as a Tiff with all the layers and in the Tiff Options window click on the box save Save Transparency.
TiffOptions

Now open InDesign and place the Tiff File as an image with a transparent background!
Sharing infos: iADOBE FORUM Our tips for easy download: i-adobe eBook in English

divider

Deutsche Version
Tipp der Woche: Wie man bei einem Tiff den Hintergrund transparent macht und es ins InDesign platzieren kann.

Hier ist ein Tutorial direkt von Adobe: Bildbereiche präzise auswählen

Hier ist meine Schritt-für-Schritt Anleitung:

Schritt 1:
Öffnen Sie Ihr Photoshop Bild und doppelklicken Sie auf das Schloss, damit wird es Ebene 0.
Tiff_Optionen4

Schritt 2:
Machen Sie Ihre Auswahl und klicken Sie auf das Ebenenmasken-Symbol.
Tiff_Optionen3

Schritt 3:
In manchen Fällen müssen Sie Ihre Auswahl umkehren: klicken Sie auf die Ebenenmaske, damit öffnen sich die Eigenschaften. Dort wählen Sie die Box Umkehren.
Tiff_Optionen2

Schritt 4:
Jetzt kommt der wichtigste Punkt: Sichern Sie ihr Tiff mit allen Ebenen und bei den Tiff-Optionen klicken Sie auf die Box Transparenz speichern.
TiffOptionen

Jetzt können Sie ihr Tiff Bild ins InDesign mit transparentem Hintergrund platzieren!
Tausche dich aus im iADOBE FORUMAlle unsere Tipps als: i-adobe eBook in Deutsch

Colors / Farben in Adobe Photoshop

As instructors of Adobe programs and creative professionals, we’ve assembled this blog as easy reference for our students and clients.” Miriam Selmi Reed & Michael Alan Reed

English version:
TIP: a non-destructive way of colouring part of an an image with a fill/adjustment mask:
1. Open your image in Adobe Photoshop.
2. Select your layer and make a selection with your Quick Selection Tool.
3. Click on to the fill/adjustment icon in your layers panel to see all your choices of color corrections or open under Menu > the Adjustments panel.
4. in my case I’ve selected Black & White: part of the image is now shown in grayscale.
5. With a double-click on the mask, the Properties will open, so I can click INVERT if needed.
(You may find them also under the Menu > Window > Properties.)

Information: How to make a quick selection of an image using the Quick-Selection-Tool

Sharing infos: iADOBE FORUM Our tips for easy download: i-adobe eBook in English

Deutsche Version:
TIPP: wie man Teil eines Bildes mit Einstellungsebenen nicht-destruktiv einfärben kann:
1. Öffne dein Bild in Adobe Photoshop.
2. Wähle deine Ebene und erstelle mit dem Schnellauswahlwerkzeug eine Auswahl.
3. Klicke auf das Einstellungsebenen-Icon unten im Ebenen-Bedienfeld, damit du alle Farbkorrekturen sehen kannst, oder öffne unter FENSTER > das Korrekturen-Bedienfeld.
4. In meinem Fall wählte ich Schwarz & Weiss: damit erscheint Teil des Bildes nun Grau.
5. Mit einem Doppelklick auf die Maske, öffnen sich die Eigenschaften und ich klicke auf UMKEHREN. (Diese findet man auch unter dem Menu > Fenster > Eigenschaften.)

Information: Wie man Teil eines Bildes schnell auswählt > Schnell-Auswahl-Werkzeug

Tipp! Adobe Photoshop – Die komplette Übersetzung Englisch > Deutsch in Photoshop CC

Tausche dich aus im iADOBE FORUMAlle unsere Tipps als: i-adobe eBook in Deutsch

THE MOCK UP WORLD

Deutsche Version siehe unten!

How cool is that! Many years I spent time in Photoshop putting my designed CD Covers, websites, books etc. together for presentations to show it to clients… even though I’m teaching Photoshop since years it took me hours to make it look professional.

By accident I’ve found this link online:
MOCK UP WORLD

Since I’m working with MOCK UP world templates, it takes only minutes to present a new product to a client!

I’ve downloaded a few mock-ups for free to try out. At the moment, they offer a “freebie-package” since they would like to find new subscribers.
FREE MOCK UPS

1. I open their Mock-up file in Adobe Photoshop
2. I click on the Smart-Object on the layer “Replace me”
3. A new file opens, where I can place my own design
4. I hit the safe button once I’m happy; right after that, my own design gets applied into the Mock-up PSD document.
Now you are free to send an jpg per e-mail to a client, or place a Tiff into Indesign for printing.
HAVE FUN with Mock-up World!

Cool tip on how to use: SMART OBJECTS

ALL tips combined in one PDF: i-adobe book in English – Preview & download here

replaceme

Deutsche Version:

Eine super Sache! Viele Jahre habe ich verbracht in Photoshop meine Bücher, CD Covers, Webseiten und Broschüren mühsam für Präsentationen “zusammen-zu-stiefeln”… und trotz allen Photoshop Kenntnissen, sah das Resultat doch nicht so professionell aus…

Per Zufall habe ich dann online diesen Link entdeckt:
MOCK UP WORLD

Seit ich Mockup World gefunden habe, ist es eine schnelle Sache für mich ein neues Produkt meinen Kunden vorzustellen!

Um es mal auszuprobieren habe ich mir ein paar gratis Mock-ups heruntergeladen. Im Moment gibt es sogar ein Freebie-packet da sie neue Subscribers finden wollen.
GRATIS MOCK UPS

1. ich öffne die Mock-up Datei in Adobe Photoshop
2. ich klicke auf das Smart-Objekt auf der Ebene “Replace me”
3. eine neue Datei öffnet sich, worin ich mein eigenes Design einfügen kann
4. wenn ich zufrieden bin, speichere ich; denn damit wird mein eigenes Design ins Mock-up PSD übernommen.
Dann steht es mir frei entweder ein jpg per e-mail an meinen Kunden zu schicken, oder ein Tiff ins Indesign einzufügen und auszudrucken.
VIEL SPASS mit Mock-up World!

Weiterer Tipp wie man: SMART OBJEKTE benutzt.

Alle Tipps kombiniert in einem PDF: i-adobe book in Deutsch – Vorschau & Download hier

Show Photoshop Channels in Color / Photoshop Kanäle in Farbe zeigen

Tutorial in English and German / Anleitung in Deutsch und Englisch

Deutsche Version siehe unten!
divider

English version:

Tip of the week: How to show the Channels in Photoshop in Color!
(The normal setting only shows them in greyscale)

It’s 1 simple step:
On a PC go to EDIT > PREFERENCES > INTERFACE and click on the box
SHOW CHANNELS IN COLOR.

On a Mac go to PHOTOSHOP > PREFERENCES > INTERFACE and click on the box
SHOW CHANNELS IN COLOR.

channelE1

Open WINDOW > CHANNELS … the channels are now shown in color!

channelse2

divider

Deutsche Version:

Tip of the week: Wie man die Kanäle in Photoshop farbig sehen kann!
(Normalerweise sieht man diese leider nur in Graustufen)

Es ist ein einfacher Schritt:
Auf einem PC gehen Sie zu BEARBEITEN > VOREINSTELLUNGEN > BENUTZEROBERFLÄCHE und klicken Sie auf die Box FARBAUSZÜGE IN FARBE ANZEIGEN.

Auf einem Mac gehen Sie zu PHOTOSHOP > VOREINSTELLUNGEN > BENUTZEROBERFLÄCHE und klicken Sie auf die Box FARBAUSZÜGE IN FARBE ANZEIGEN.

ChannelD1

Öffnen Sie unter FENSTER > KANÄLE… die Kanäle werden neu in Farbe gezeigt!

ChannelsD2

divider

Our new i-adobe book is available online – in English – Preview & download here!

Unser neues i-adobe book ist erhältlich online – in Deutsch – Vorschau & Download hier!

Color profiles / Farbprofile…

Tutorial in English and German / Anleitung in Deutsch und Englisch

Deutsche Version siehe unten!
divider
English version:

Would you like to receive our tips for free in your e-mail box? Simply select FOLLOW to sign up with your e-mail address.

TIP OF THE WEEK: What is the difference between assign a color profile or to convert a color profile?

Here it is in Photoshop: Menu > Edit > Convert to Profile (right above: Assign Profile!)
PSD_covertProfile

In InDesign: Menu > Edit > Convert to Profile (right above: Assign Profile!)
Indd_Covert-to-profile

And here in Illustrator: Menu > Edit > Assign Profile (Convert to does NOT exist!)
AI_assignProfile

Tip: To assign a color profile only changes the appearance on the monitor. You can try that out, in that you are opening “Assign Profile”, and activate “Preview” while choosing different CMYK-profiles – the view on the monitor changes! If you open the Info-window as well, you can see, that the CMYK values are NOT changing.
If you CONVERT a CMYK color profil; your CMYK values will change!

More info: COLOR PROFILES – MORE INFO

divider

Deutsche Version:

Möchten Sie unsere gratis Tipps in Ihrem e-mail erhalten? Schreiben Sie sich unter FOLLOW mit Ihrer e-mail Adresse ein.

TIPP DER WOCHE: Was ist der Unterschied zwischen Farbprofil zuweisen oder umwandeln?

Hier ist es in Photoshop: Bearbeiten > in Profil umwandeln (gleich oberhalb: Profil zuweisen!)
PSD-Profilumwandeln

In InDesign: Menu > Barbeiten > in Profil umwandeln (gleich oberhalb: Profil zuweisen!)
indd

Und hier in Illustrator: Menu > Bearbeiten > Profil zuweisen (Umwandeln existiert nicht!)
AI-Profilzuweisen

Tipp: Das Zuweisen des Profils ändert nur die Darstellung am Bildschirm. Das kann man sehr gut ausprobieren, in dem man den Dialog “Profil zuweisen” öffnet, die checkbox “Vorschau” aktiviert und nacheinander verschiedene CMYK-Profile anwählt – die Bildschirmdarstellung verändert sich! Wenn man aber das Info-Bedienfeld offen hat, sieht man, dass sich die CYMK-Werte in der Datei NICHT verändern.
Wenn man aber ein CMYK Profil in ein anderes “umwandelt” werden die CYMK-Werte geändert!

Mehr info: FARBPROFILE – MEHR INFO

Animate your illustrations

Tutorial in English and German / Anleitung in Deutsch und Englisch

Deutsche Version siehe unten!
divider
English version:

TIP OF THE WEEK: How to make simple animations

1. Tip: Draw a storyboard or write your concept in advance – see sample below:

TicTacToe_Storyboard

2. in my case: to feel the characters and their movements I made a simple animated GIF using the timeline in Adobe Photoshop:
-Draw your characters in several positions
-Open them in Adobe Photoshop and go to WINDOW > TIMELINE
Tutorial: How to create frame animations in Photoshop
zeitleiste

-save it as an ANIMATED GIF with a loop – under FILE > EXPORT > Save for Web:

Copyright by Mimi Selmi Reed

Copyright by Mimi Selmi Reed – for TigerBooks Germany

In order to complete the following animated ebook, I’ve used tigercreate, which runs similar like every animation program by using a timeline with frames:

Written, illustrated and animated by Mimi Selmi Reed & sound design by Mike Reed REEDesign.ch – all rights reserved. Z-DOG for Tigerbooks Germany.

divider

Deutsche Version:

TIPP DER WOCHE: Wie man einfache Animationen erstellen kann

1. Tipp: Zeichnen Sie ein Storyboard oder schreiben Sie ein Konzept im voraus – siehe Beispiel:

TicTacToe_Storyboard

2. Um ein Gespür für meine Charakteren und ihre Bewegungen zu erhalten, erstellte ich kurz ein animiertes GIF mit einer Zeitleiste in Adobe Photoshop:
-Zeichnen Sie ihre Charakteren in mehreren Positionen
-Öffnen Sie diese in Adobe Photoshop und gehen Sie zu FENSTER > ZEITLEISTE
Tutorial: Erstellen von Frame-Animationen in Photoshop
zeitleiste

-speichern Sie es als ANIMIERTES GIF mit einem Loop – unter DATEI > EXPORTIEREN > Speichern für Web:

Copyright by Mimi Selmi Reed

Copyright by Mimi Selmi Reed – for TigerBooks Germany

Um dieses animierte ebook fertigzustellen, benutzte ich tigercreate, welches ähnlich funktioniert wie jedes Animations Programm. Nämlich mit einer Zeitleiste:

Written, illustrated and animated by Mimi Selmi Reed & sound design by Mike Reed REEDesign.ch – all rights reserved. Z-DOG for Tigerbooks Germany.

PANTONE > CMYK

Tutorial in English and German / Anleitung in Deutsch und Englisch

Deutsche Version siehe unten!
divider
English version:

Would you like to receive our tips for free in your e-mail box? Simply select FOLLOW to sign up with your e-mail address.

TIP OF THE WEEK: How to change your Pantone color into CMYK using Adobe Photoshop, InDesign or Illustrator

Does this sound familiar to you? “When I convert PANTONE colors to CMYK in Adobe software, the results do not match the values in my PANTONE COLOR BRIDGE guide. Why is this?”

Here is the answer from PANTONE directly: PANTONE HELP CENTER
In short: they are suggesting to purchase their additional software: COLOR MANAGER

The Internet is full with negative comments about this topic! Feel free to GOOGLE it… it became very frustrating since our Pantone BRIDGE guide showed different values and DID NOT MATCH the Adobe software, so we had to find a solution!

One possible solution how to covert PANTONE into CMYK in Adobe Photoshop:
1. Open the Color Picker.
2. Click on the button Color Libraries. In our case we’ve selected Pantone+ 300C.
3. Now click again on the button Picker. The breakdown in Photoshop is 100% Cyan, 57% Magenta, 4% Yellow, 1% K. You can switch back and forth between the Color Picker and the Color Libraries.
(Our Adobe Bridge Guide shows: 99% Cyan, 51% Magenta, 0% Yellow, 0% Black.)

ColorpickerE

Another solution how to covert PANTONE into CMYK in Adobe Illustrator or InDesign:
1. Open the Swatches. (Window > Swatches)
2. Double-click the Pantone color in the Swatches > so the Swatch Options will open.
3. Select Process Color and CMYK as shown below.

Of course it would be ideal if the PANTONE BRIDGE guide would have the same values as in the Adobe programs, but unfortunately this is not the case (yet).

ColorpickerIllustratorE

divider

Trailers and tutorials take lots of time. Of course it is free, but maybe you’d like to buy us “a cup of coffee?” Any support is greatly appreciated: PayPal Donate Button

divider

Deutsche Version:

Möchten Sie unsere gratis Tipps in Ihrem e-mail erhalten? Schreiben Sie sich unter FOLLOW mit Ihrer e-mail Adresse ein.

TIPP DER WOCHE: Wie man mit Adobe Photoshop, InDesign or Illustrator eine Pantone Farbe in CMYK wechseln kann

Kennen Sie dieses Problem? “Wenn ich PANTONE Farben in CMYK in meinen Adobe Programme konvertiere, sind die CMYK Prozente nicht gleich wie in meinem PANTONE COLOR BRIDGE Farbfächer. Warum ist das so?”

Hier ist die Antwort direkt von PANTONE (nur auf Englisch): PANTONE HELP CENTER
Auf Deutsch, dies ist was PDFX-READY empfielt: PDFX-READY.ch

Das Internet ist voll mit negativen Kommentaren über dieses Thema! GOOGELN Sie es um es selber herauszufinden… Es war sehr frustrierend da unser Pantone BRIDGE Fächer andere CMYK Werte anzeigte und NICHT GLEICH waren wie bei unseren Adobe Programmen! Darum mussten wir eine Lösung finden:

Eine Möglichkeit wie man PANTONE Farben in CMYK umwandelt in Adobe Photoshop:
1. Öffnen Sie den Farbwähler.
2. Klicken Sie auf den Button Farbbibliotheken. In unserem Fall haben wir Pantone+ 300C gewählt.
3. Klicken Sie wieder auf den Button Farbwähler. Die Werte in Photoshop sind 100% Cyan, 57% Magenta, 4% Yellow, 1% K. Sie können zwischen dem Farbwähler und dem Farbbibliotheken hin und her wechseln.
(Unser Adobe Bridge Guide zeigt: 99% Cyan, 51% Magenta, 0% Yellow, 0% Black.)

photoshop

Eine andere Möglichkeit wie man PANTONE into CMYK wechselt mit Adobe Illustrator oder InDesign:
1. Öffnen Sie das Bedienfeld Farbfelder. (Fenster > Farbfelder)
2. Doppelklicken Sie die Pantone Farbe in Ihren Farbfeldern > damit sich die Farbfeldoptionen öffnen.
3. Wählen Sie Prozessfarbe und CMYK. Siehe unten.

Illustrator

Natürlich wäre es ideal wenn der PANTONE BRIDGE Fächer dieselben CMYK Prozente angeben würde wie in den Adobe Programmen, dies ist aber leider (bis jetzt) nicht Realität.

divider

Adobe-Tipps zusammenzustellen braucht viel Zeit. Natürlich ist es gratis, aber vielleicht spendieren Sie uns einen “Kaffee?” Jede Unterstützung freut uns. Danke! PayPal Donate Button

Photoshop resolution / Auflösung

Tutorial in English and German / Anleitung in Deutsch und Englisch

Deutsche Version siehe unten!
divider

English version:

TIP OF THE WEEK: How to reduce or enlarge a Photoshop file

Below I show the steps of my job; to prepare my illustration at a 300 dpi resolution, 7 inches wide for Adobe InDesign. Go to MENU > IMAGE > IMAGE SIZE:

reduceImage

In my example I use 7 inches Width, because I will place this image in my InDesign document with this size. In your case, you simply use your desired Width (or Height) and place it into your InDesign document at a 100%. With this method you will retain the 300 dpi resolution for the professional printing press.

divider

Deutsche Version:

TIPP DER WOCHE: Wie man ein Bild in Photoshop vergrössert oder verkleinert.

Unten zeige ich die Arbeitsschritte; wie ich meine Illustration auf 300 dpi ändere und als 15 cm breites Bild für Adobe InDesign vorbereite. Gehen Sie zu MENÜ > BILD > BILDGRÖSSE:

reduceImageD

In meinem Beispiel benutze ich 15 cm Breite, weil ich dieses Bild mit diesen Massen in meinem InDesign Dokument benötige. Benutzen Sie in Ihrem Fall Ihre gewünschten Masse und platzieren Sie es zu 100% Grösse in Ihr InDesign Dokument. Mit dieser Methode werden Sie die 300 dpi für die professionelle Offset-Druckmaschine beibehalten.

Adobe Pantone Spot Colors versus Pantone Spot Colors

Tutorial in English and German / Anleitung in Deutsch und Englisch

Deutsche Version siehe unten!
divider

English version:

Would you like to receive our tips for free in your e-mail box? Simply select FOLLOW to sign up with your e-mail address.

TIP OF THE WEEK: How to change a Pantone Color in to CMYK for the printing press

Were you ever confused when trying to change a Pantone Spot color into CMYK? You might have a Pantone Bridge book and look up the color conversion just to find out that this number does not match the Adobe numbers. Open the Swatch Options and change the Color Type as well as the Color Mode to Process and CMYK as shown below.

See our example using Adobe InDesign:

IndesignE

In short: my Pantone Bridge book shows the breakdown of 1777C as: C:0 / M:68 / Y: 28 / K: 0 > versus my Adobe InDesign, Illustrator and Photoshop which show: C:0 / M: 73 / Y: 31 / K:0 – as shown above!

This does not seem like much but, can be confusing! I simply use the Adobe conversion and put my Pantone book back into the book shelve until they solve this issue. Unfortunately, I didn’t find a better solution yet…

divider

Deutsche Version:

Möchten Sie unsere gratis Tipps in Ihrem e-mail erhalten? Schreiben Sie sich unter FOLLOW mit Ihrer e-mail Adresse ein.

TIP OF THE WEEK: Wie man eine Pantone Vollton Farbe in eine Prozessfarbe CMYK für den Offsetdruck umwandeln kann

Waren Sie jemals verärgert als Sie Ihre Pantone Farbe in eine CMYK Farbe umwandeln wollten? Vermutlich hatten Sie Ihren Pantone Color Bridge Fächer offen, suchten den CMYK Breakdown und waren erstaunt, dass Ihr Pantone Bridge Fächer komplett andere Nummern aufzeigt als Ihre Adobe Programme? Öffnen Sie Ihre Farbfelder und Ihre Optionen damit Sie den Farbtyp und Farbmodus auf Prozess und CMYK ändern können. Siehe Bild unten!

Hier ist ein Beispiel mit Adobe InDesign:

IndesignD

In kürze: mein Pantone Bridge Fächer zeigt den Breakdown von meiner Pantone Farbe 1777C als: C:0 / M:68 / Y: 28 / K: 0 > hingegen mein Adobe InDesign, Illustrator und Photoshop zeigen: C:0 / M: 73 / Y: 31 / K:0 – wie sie beim Bild oben sehen können.

Dies scheint kein grosser Unterschied zu sein, kann aber verwirren! Wir benutzen ganz einfach den Adobe Breakdown und stellen unser Pantone Bridge Fächer zurück ins Büchergestell. Bis jetzt fand ich leider noch keine bessere Lösung…

divider

Any support is greatly appreciated – Jede Unterstützung freut uns: PayPal Donate Button

divider

How to enlarge an image in Photoshop – wie man ein Bild in Photoshop vergrössert

Tutorial in English and German / Anleitung in Deutsch und Englisch

Deutsche Version siehe unten!
divider

English version:

Would you like to receive our tips for free in your e-mail box? Simply select FOLLOW to sign up with your e-mail address.

TIP OF THE WEEK: How to enlarge an image in Photoshop Creative Cloud.

With this method your Image Size (Pixel Dimension) is going to be changed. This should be only done once, since altering the Image Size too many times will cause a blurry image! (If you’d like to keep the Image Size the same; please click on TIP 2 below)

One possible solution: Go to MENU > IMAGE > IMAGE SIZE.
1. Pay attention to the Image Size
2. Make sure your Width and Height are connected so the image remains in proportion – see chain symbol! The Resample BOX needs to be activated! With this option you are able to change the Width / Height and Resolution separately. In CS6 the Resample box is called: Resample Image, but it has the same function.
3. Notice the Resolution (dpi = dots / pixels per inch)

enlarge1

4. Before you click OK, enlarge the Resolution or even double it
5. Pay attention again to the Image Size on top (On the left you see the new image size!)
6. You can select different options right next to the Resample Box. (We have chosen “Preserve Details” for Enlargements)
7. Drag the Reduce Noise slider to the right a bit to see what happens; which is a new feature in Adobe CC (see image below)

enlarge-2

Once you’re happy with the preview: HIT OK! But don’t forget: enlargements over 150% will pixelate more and more… especially if you sharpen the image later.

IMPORTANT: a professional printer needs your image at 300 dpi for the printing press. 120 dpi should be good enough for your own small Desktop Printer in your office. 72 dpi is usually the correct setting for images on the internet.

There are additional cool tricks on how to enlarge an image without loosing quality – but that is Mike Reed’s expertise; and he doesn’t show it for free > Buy Mike a cup of coffee 🙂

divider

TIP 2: additional tutorial for Adobe Photoshop CS5 and CS6 on how to change an image without changing the Pixel Dimensions (Image Size): PIXEL IS KING

divider

Deutsche Version:

Möchten Sie unsere gratis Tipps in Ihrem e-mail erhalten? Schreiben Sie sich unter FOLLOW mit Ihrer e-mail Adresse ein.

TIPP DER WOCHE: wie man ein Bild in Photoshop Creative Cloud vergrössert.

Mit dieser Methode wird die Bildgrösse (Pixelmasse) jedoch verändert und sollte nur einmal angewendet werden, um eine “starke Verpixelung” zu vermeiden.
(Eine andere Methode bei der die Bildgrösse (Pixelmasse) gleich bleiben; siehe unten TIPP 2).

Eine mögliche Lösung: Gehen Sie zu MENÜ > BILD > BILDGRÖSSE.
1. Achten Sie auf die Bildgrösse
2. Es ist wichtig, dass die Breite und Höhe miteinander verknüpft sind. Beachten Sie das Ketten-Symbol! Dazu muss die Neu berechnen BOX aktiviert sein; Mit dieser Option haben Sie die Möglichkeit die Breite / Höhe separat von der Bildauflösung zu verändern. In CS6 hat die Neu berechnen Option einen anderen Namen: das Interpolationsverfahren. Die Funktion ist jedoch dieselbe.
3. Achten Sie auf die Auflösung (dpi = dots / pixels pro inch = in Europa benutzen wir Zoll anstelle von inch)

vergr1

4. Bevor Sie auf OK klicken, vergrössern oder verdoppeln Sie die Auflösung
5. Achten Sie wieder auf die Bildgrösse oben (Links sehen Sie die neue Bildgrösse!)
6. Sie können von verschiedenen Optionen neben der Resample Box wählen. (Wir haben “Details erhalten für die Vergrösserung” gewählt)
7. Ziehen Sie den Rauschen reduzieren Hebel nach Bedarf nach rechts und schauen Sie was passiert. (siehe Bild unten) Dies ist eine neue Option in Adobe CC.

vergr2

Wenn Sie mit der Vorschau zufrieden sind: Klicken Sie auf OK! Nicht vergessen: Vergrösserungen über 150% zeigen die Pixel mehr und mehr… vor allem wenn Sie das Bild nachträglich noch verschärfen.

WICHTIG: ein professionelle Offset-Druckerei verlangt Ihr Bild mit einer 300 dpi Auflösung (Resolution). 120 dpi ist normalerweise genügend gross für Ihren kleinen Drucker in Ihrem Büro. 72 dpi genügt jedoch meistens für Fotos auf dem Internet.

Es gibt noch einige cool tricks wie man ein Bild ohne Qualitätsverlust vergrössert – aber das ist Mike Reed’s persönliche jahrelange Erfahrung; und dies zeigt er natürlich nicht gratis > Kauf Mike einen Kaffee 🙂

divider

TIPP 2: Weitere Infos wie man ein Foto in Adobe Photoshop CS5 bis CS6 anpasst OHNE dass die Pixelmasse (Bildgrösse) verändert werden: PIXEL IST KÖNIG

divider

Tiff with a transparent Background / Tiff mit einem transparenten Hintergrund

Tutorial in English and German / Anleitung in Deutsch und Englisch

Deutsche Version siehe unten!
divider

English version:
Tip of the week: Here’s how to make a Tiff with a transparent background, which allows you to place it into InDesign.

Step 1:
Open your file in Photoshop and double-click on the lock changing the background layer to Layer 0.
Tiff_Options4

Step 2:
Make your selection and click on the Layer Mask icon.
Tiff_Options3

Step 3:
In case you need to invert the selection: click on the Layer Mask so the Properties window opens. There you click on the option Invert.
Tiff_Options2

Step 4:
Now comes the crucial step: Save the file as a Tiff with all the layers and in the Tiff Options window click on the box save Save Transparency.
TiffOptions

Now open InDesign and place the Tiff File as an image with a transparent background!

divider

Deutsche Version
Tipp der Woche: Wie man bei einem Tiff den Hintergrund transparent macht und es ins InDesign platzieren kann.

Schritt 1:
Öffnen Sie Ihr Photoshop Bild und doppelklicken Sie auf das Schloss, damit wird es Ebene 0.
Tiff_Optionen4

Schritt 2:
Machen Sie Ihre Auswahl und klicken Sie auf das Ebenenmasken-Symbol.
Tiff_Optionen3

Schritt 3:
In manchen Fällen müssen Sie Ihre Auswahl umkehren: klicken Sie auf die Ebenenmaske, damit öffnen sich die Eigenschaften. Dort wählen Sie die Box Umkehren.
Tiff_Optionen2

Schritt 4:
Jetzt kommt der wichtigste Punkt: Sichern Sie ihr Tiff mit allen Ebenen und bei den Tiff-Optionen klicken Sie auf die Box Transparenz speichern.
TiffOptionen

Jetzt können Sie ihr Tiff Bild ins InDesign mit transparentem Hintergrund platzieren!

Get smart with Smart Objects!

i-adobe

Tutorial in English and German / Anleitung in Englisch und Deutsch

English version:

In case you are into mixing Adobe programs, such as Photoshop and Illustrator, using SMART OBJECTS might be an option for you!

Placing Illustrator Images as Smart Objects into Photoshop CS6.

In two simple steps!
1. Open your Illustrator document with a simple Icon, Illustration or Logo.
2. Copy your Object and place it as Smart Object into Photoshop.

SmartObject1

3. Click OK to confirm the placement. In the Layers you’ll find the Smart Oject as a small icon. By clicking on the small icon, the original file opens again in Illustrator.

SmartObjct2

If you make a change there and hit Save, the changes will be automatically transferred into your Photoshop Document because both programs are now connected.

Simple and Easy!

divider

Deutsche Version:

Falls Sie gerne Adobe Programme – wie Photoshop und Illustrator – mischen…

View original post 127 more words

What are LAB colors good for? / Für was benutzt man LAB Farben?

Tutorial in English and German – Anleitung in Deutsch und Englisch

Deutsche Version siehe unten!
divider

English version:
Let’s try to keep it as simple as possible for beginners and open Adobe Photoshop to get familiar with the different color options.
Open your Color Picker by double-clicking the Foreground Color on the Tool bar. There you can see the HSB colors (Hue, Brightness, Saturation), the RGB colors (for monitors, such as web) incl. the HEX code, the CMYK colors (for the printing process) and the LAB colors.

Screen Shot 2014-05-11 at 4.42.20 PM

In short, Lab colors are based on a mathematical color model. The L stands for the brightness, the a and b for the color information. In the a chanel you’ll find the pixel information for red/green, in the b chanel for blue/yellow.

You can change the brightness in the Lab color mode separately from the colors, this is neither with RGB nor with CMYK possible. To get the best result, change your image to 16 Bit and then go to Image > Mode > Color and select Lab Color. With this change you won’t loose color information since the Lab mode has even more colors than RGB.

Then start working with your Curves to alter the brightness of your image and leave the colors as is. This is very practical! Just don’t forget to change the Color Mode back to RGB and go back 8 Bit at the end when you’re done.

More infos on color profiles: Color Profiles

More infos on RGB / sRGB colors: RGB / sRGB

divider

Deutsche Version:
Wir versuchen das ganze so einfach wie möglich für Anfänger zu halten, daher öffnen wir mal Photoshop und schauen uns alle Farbmöglichkeiten an.
Öffnen Sie Ihren Farbwähler mit einem Doppelklick auf die Vordergrundfarbe unten auf Ihrer Werkzeugleiste. Dort können Sie die HSB Farben (Hue, Brightness, Saturation), die RGB Farben (für Monitore, z.B. für Webseiten) inkl. HEX Code, die CMYK Farben (Prozessfarben für die Druckerei) und die LAB Farben.

colors

Kurz erklärt, basieren die LAB Farben auf einem mathematischen Farbmodell. Das L steht für Helligkeit, das a und b für die Farbinformationen. Im a Kanal findet man die Pixel Infos für rot/grün, im b Kanal für blau/gelb.

Im Lab Mode kann man die Helligkeit separat von den Farben verändern, dies ist bei den RGB und CMYK Modellen nicht möglich. Am besten zuerst das Foto auf 16 Bit umwandeln um optimale Bildqualität zu erhalten und dann unter Bild > Modus > Farbe auf den Lab Modus wechseln. Damit gibt es keinen Qualitätsverlust wie von RGB auf CMYK, da der Lab Farbraum einiges grösser ist als der RGB Farbraum.

Dann kann man mit den Gradatationskurven arbeiten, nur um die Helligkeit des Bildes zu verändern. Eine praktische Sache! Am Schluss ist es einfach wichtig nicht zu vergessen, den Bildmodus wieder auf RGB zu setzen und auf 8 Bit zurückzustellen.

Weitere Infos zu Farbprofilen: Farbprofile

Weitere Infos zu RGB / sRGB Farben: RGB / sRGB

Mixing Photoshop & Illustrator

i-adobe

Tutorial in English / Deutsch:

English Version:

Vectorize your pixel image or embed your Photo in Illustrator to avoid missing links!

Option 1: Vectorize your pixel image in Illustrator CS6.
In three simple steps:
1. Place a Photoshop document (jpg, tiff, psd) into Illustrator CS6.
2. Go to Menu > Window > Image Trace, choose your Preset, select under Advanced your Options and click on Trace.
3. When you are done, don’t forget to click on Expand.

imagetrace

Option 2: Embed your image!
In one easy step:
1. Select your image. Go to Window > Links > choose the side option > Embed Image(s).
This way your photo is part of your Illustrator document and won’t show as a missing link.
embed

Tutorial in English with german subtitles for advanced users: How to vectorize and colorise a photo

divider

Deutsche Version:

Vektorisieren Sie Ihr Pixel Bild oder betten Sie Ihr Foto…

View original post 142 more words

Ebenenmasken: Bilder einfach freistellen / Layer Masks: removing Backgrounds the Easy Way

Tutorial in English / Deutsch:

Deutsche Version siehe unten!
divider

English Version:

Simply open a Photoshop file with two images. The image you’d like to remove – a sky for example – is on the top layer.
The new Sky you prefer is on the bottom layer. What you’ll do next is simple and easy:
You delete your old sky on the top layer with a Layer Mask.

1. Make a selection of your sky or image part you’d like to remove on the top layer, using your favorite selection tool.
For example: The Quick Selection Tool in combination with “Refine Edge”.

2. Once your old sky on the top layer is selected, simply click on the “Layer Mask” icon.
Part of your image on the top will be covered by a Layer Mask and the new image on the layer below will show up instead.
layermask

3. By double-clicking the Layer Mask icon on the top layer, the “Layer-Mask-Properties” will open. There you’ll be able to invert the Layer Mask or feather the edges.

layermask2

Tip 1: With the Brush Tool you can easily make changes to your Layer Mask: Simply select the Layer Mask and paint with the Brush Tool using either Black or White directly inside the Layer Mask, until you’re happy with the result!

Tip 2: How to remove parts of your image and save it with a transparent background: Tiff with a transparent background

divider
Deutsche Version:

Öffnen Sie Ihr Photoshop Dokument mit zwei Bildern. Das Sujet welches Sie löschen wollen – zum Beispiel ein Himmel – ist auf der oberen Ebene.
Der neue Himmel den Sie behalten wollen, ist auf der unteren Ebene. Was Sie als nächstes machen ist ganz einfach:
Sie löschen Ihren alten Himmel auf der oberen Ebene mit einer Ebenenmaske.

1. Wählen Sie Ihren Himmel oder Bildteil auf der oberen Ebene, den Sie löschen wollen, mit einem der Auswahlwerkzeuge an.
Zum Beispiel: Das Schnellauswahlwerkzeug zusammen mit der Option “Kante verbessern”.

2. Sobald Sie Ihren Himmel oder Bildteil angewählt haben den Sie löschen wollen, klicken Sie im Ebenenbedienfeld auf das “Ebenenmaske” icon. Sofort wird nun ein Bildteil gelöscht, respektive mit einer Maske abgedeckt und das untere Bild auf der unteren Ebene mit dem neuen Himmel kommt zum vorschein.
Ebenenmaske

3. Wenn Sie mit einem Doppelklick auf das Ebenenmaske-Symbol klicken, öffnen sich die “Ebenenmasken-Eigenschaften”.
Damit können Sie die Maske umkehren oder eine weiche Kante geben.

Ebenenmaske2

Tipp 1: Mit dem Pinsel-Werkzeug können Sie einfach und schnell Änderungen an Ihrer Ebenenmaske vornehmen: Wählen Sie die Ebenenmaske an und malen mit dem Pinselwerkzeug, sowie Schwarz oder Weiss direkt in die Ebenenmaske, bis Sie mit Ihrem Resultat zufrieden sind!

Tipp 2: Wie man ein Bild freistellt – mit einem transparenten Hintergrund: Tiff mit einem transparenten Hintergrund

sRGB… Adobe RGB ?

Tutorial in English / Deutsch:

Deutsche Version siehe unten!
divider

English Version:

Whether an image is intended for either print or digital use, the end result will vary greatly depending on your choice of color profile.

AdobeRGB has a wider gamut than sRGB, and covers more blue-green color in the CMYK gamut which sRGB is unable to accommodate as you can see in the image below.

If I intend to go to PRINT later on, I keep my PSD files in my original RGB with all my layers intact.
Then I’ll make a copy for the printer, flatten my layers in Photoshop and convert to Adobe RGB to enhance the contrast of my image. After this, I go to Edit > Convert to Profile and select the color CMYK profile of my choice. The choice of the CMYK color profile depends on my printer, which means direct communication with the printing company.

sRGB = Standard RGB, is the standard for all monitors. If I intend to keep my picture only on the SCREEN, shown on monitors, as an APP, video game or website; I keep it in sRGB of course.

RGB-2E

More important infos about color profiles: Color Profiles

Tip on LAB colors in Adobe Photoshop: LAB COLORS in Adobe Photoshop

divider

Deutsche Version:

Egal, was für ein Bild es zu bearbeiten gilt, die Aufmerksamkeit sollte immer auf das Endprodukt fokussiert sein. D.h. je nach dem ob mein Bild später gedruckt wird oder nur auf dem Bildschirm erscheinen wird, spielt eine grosse Rolle.

Adobe RGB hat ein breiteres Spektrum als sRGB und umfasst alle Blau/Grüne Farbtöne die im CMYK Spektrum vorkommen, welches sRGB jedoch nicht umfassen kann wie man beim Bild unten sieht.

Wenn ich ein Bild später DRUCKEN möchte, behalte ich meine Photoshop Datei mit allen Ebenen im Original RGB. Dann mache ich eine Kopie für den Druck, reduziere alle Ebenen in Photoshop und konvertiere zu Adobe RGB um den Kontrast zu erhöhen. Danach gehe ich zu Bearbeiten > In Profil umwandeln und ich wähle mein CMYK Farbprofil. Die Wahl meines CMYK Farbprofils wird von meiner Offset-Druckerei bestimmt. Der Grund ist einfach, je nach Papierwahl und je nach Druckmaschine ändert sich das Farbprofil. D.h. direkte Kommunikation mit der Druckerei ist notwendig.

RGB-2D

sRGB ist der Standard für alle Monitore. D.h. wenn ich mein Bild nur auf Monitoren zeigen möchte, sei es auf Webseiten, Apps oder Videogames, bleibe ich natürlich im sRGB.

Mehr Tipps betreffend Farbprofile: Farbprofile

Tipp über LAB Farben in Adobe Photoshop: LAB FARBEN in Adobe Photoshop

Pixel is also Queen!

Info in English and German – Info in Deutsch und Englisch

English version:
Having just conducted an on-site training seminar at a former student’s corporate headquarters, we encountered another element of confusion in defining file size and/or resolution as needed for printing processes.

In case you are unable to view the file information in a program like Adobe InDesign or Illustrator that provides “effective PPI” info, or Photoshop which allows professional resizing methods, you can also mathematically “measure” a file.

Simply select the image file and click Command i (mac) or perform a “right click” with the mouse (pc) to view the file information for it’s pixel Width x pixel Height dimension i.e. (3000px x 3000px)

PixelFileInfo

Simply divide (/) these dimensions by the intended resolution – 300dpi (Pixel Per Inch) or 118dpc (Pixel Per Centimeter) for printing processes = 10 inch by 10 inch or 25.4 centimeter by 25.4 centimeter, which is the actual printed image size.

PixelPerInch

PixelPerCenti

DEUTSCHE Version:
Sollten sie keine dieser Programme wie Adobe InDesign oder Illustrator zur Verfügung haben” um die effektive PPI” information herauszufinden, oder Photoshop in welchem wir professionell die Bildgrösse ändern können, dann können sie auch “mathematisch die Grösse einer Datei messen”.

Ganz einfach: Klicken sie auf ihre Bilddatei und wählen die Tasten Command und i (Mac) oder “Rechtsklick” mit der Maus (PC) um die Pixel Breite x Pixel Höhe zu sehen (Unter Eigenschaften > Details). In unserem Beispiel: (3000px x 3000px)

PixelFileDeutsch

Teilen sie ganz einfach (/) diese Grösse mit ihrer Resolution für den Druckprozess – 300dpi (Pixel Per Inch = Zoll) oder 118dpc (Pixel per Zentimeter). Damit erhalten sie die richtige Druckgrösse = 10 Inch/Zoll x 10 Inch/Zoll oder 25.4 Zentimeter x 25.4 Zentimeter.

PixelPerZOLL

PixelPerZENT

Mixing Photoshop & Illustrator

Tutorial in English / Deutsch:

Deutsche Version siehe unten!
divider

English version:

Would you like to receive our tips for free in your e-mail box? Simply select FOLLOW to sign up with your e-mail address.

divider

TIP OF THE WEEK: Vectorize your pixel image or embed your Photo in Illustrator to avoid missing links!

Option 1: Vectorize your pixel image in Illustrator CS6.
In three simple steps:
1. Place a Photoshop document (jpg, tiff, psd) into Illustrator CS6.
2. Go to Menu > Window > Image Trace, choose your Preset, select under Advanced your Options and click on Trace.
3. When you are done, don’t forget to click on Expand.

imagetrace

Option 2: Embed your image!
In one easy step:
1. Select your image. Go to Window > Links > choose the side option > Embed Image(s).
This way your photo is part of your Illustrator document and won’t show as a missing link.
embed

Tutorial in English with german subtitles for advanced users: How to vectorize and colorise a photo

divider

Deutsche Version:

Möchten Sie unsere gratis Tipps im e-mail erhalten? Schreiben Sie sich unter FOLLOW mit Ihrer e-mail Adresse ein.

divider

TIPP DER WOCHE: Vektorisieren Sie Ihr Pixel Bild oder betten Sie Ihr Foto in Illustrator ein um Probleme mit Verknüpfungen zu vermeiden!

Option 1: Vektorisieren Sie Ihr Pixel Bild in Illustrator CS6.
In drei einfachen Schritten:
1. Platzieren Sie Ihre Photoshop Datei (jpg, tiff, psd) in Ihr Illustrator CS6 Dokument.
2. Gehen Sie zu Menü > Fenster > Bildnachzeichner, wählen Sie Ihre Vorgabe, wählen zudem unter Erweitert Ihre Optionen und klicken auf Nachzeichnen.
3. Wenn Sie fertig sind, ist es wichtig auf Umwandeln zu klicken. Damit wird Ihr Foto vektorisiert.

Bildnachzeichner

Option 2: Betten Sie Ihr Foto ein!
Mit einem einfachen Schritt:
1. Wählen Sie Ihr Bild an und gehen zu Fenster > Verknüpfungen > wählen Sie im Bedienfeld Eingebettete Bilder. Damit wird Ihr Pixel-Bild Teil Ihrer Illustrator Datei und ist nicht mehr mit dem platzierten Original-Bild verknüpft.

einbetten

Tutorial in Englisch mit deutschen Untertitel für Fortgeschrittene: Wie man ein Foto vektorisiert und einfärbt

Get smart with Smart Objects!

Tutorial in English and German / Anleitung in Englisch und Deutsch

Deutsche Version siehe unten!
divider

English version:

Would you like to receive our tips for free in your e-mail box? Simply select FOLLOW to sign up with your e-mail address.

In case you are into mixing Adobe programs, such as Photoshop and Illustrator, using SMART OBJECTS might be an option for you!

TIP OF THE WEEK: Placing Illustrator Images as Smart Objects into Photoshop CC or CS6.

In two simple steps!
1. Open your Illustrator document with a simple Icon, Illustration or Logo.
2. Copy your Object and place it as Smart Object into Photoshop.

SmartObject1

3. Click OK to confirm the placement. In the Layers you’ll find the Smart Oject as a small icon. By clicking on the small icon, the original file opens again in Illustrator.

SmartObjct2

If you make a change there and hit Save, the changes will be automatically transferred into your Photoshop Document because both programs are now connected.

Simple and Easy!

divider

Our new i-adobe book is available online – in English – including tutorials on 72 pages! Have a look: Preview & secure online Shop!

divider

Deutsche Version:

Möchten Sie unsere gratis Tipps im e-mail erhalten? Schreiben Sie sich unter FOLLOW mit Ihrer e-mail Adresse ein.

Falls Sie gerne Adobe Programme – wie Photoshop und Illustrator – mischen möchten, wäre das benutzen von SMART OBJEKTEN eine Option.

TIPP DER WOCHE: Platzieren von Illustrator Bilder als Smart Objekte in ein Photoshop CC oder CS6 Dokument.

In nur zwei einfachen Schritten!
1. Öffnen Sie Ihr Illustrator Dokument mit einem Icon, Illustration oder Logo.
2. Kopieren Sie Ihr Objekt und fügen es als Smart Objekt in Ihre Photoshop Datei ein.

SMartObjekt1

3. Klicken Sie auf OK um die Platzierung zu bestätigen. In Ihren Ebenen finden Sie nun Ihr Smart Objekt als kleines Icon. Wenn Sie auf dieses Icon klicken, öffnet sich das Original Dokument wieder in Illustrator.

SmartObjekt2

Sollten Sie in dieser neu geöffneten Illustrator Datei wieder eine Änderung machen und auf Speichern klicken, werden die Änderungen automatisch in Ihre Photoshop Datei übernommen. Das heisst: Beide Programme sind jetzt mit diesem Smart-Objekt verbunden!

divider

Unser neues i-adobe book ist erhältlich online – in Deutsch – inklusive Tutorials auf 72 Seiten! BESTELLUNG mit Käuferschutz: Vorschau und sicherer Onlineshop!

divider