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

Advertisements

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