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

Advertisements

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