Share
Alle Standorte im Tuts + -Netzwerk sind ständig auf der Suche nach qualitativ hochwertigen Mitarbeitern. Wenn Sie Interesse haben, für uns zu schreiben, schreiben Sie uns. Bevor Sie jedoch etwas ausarbeiten, lesen Sie sich diesen großartigen Leitfaden durch, der Sie durch den gesamten Prozess des Aufnehmens und Vorbereiten Ihrer Screenshots führt.
Screenshots sind wahrscheinlich das wichtigste Element eines schriftlichen Tutorials. Unsere Leser werden sie als Leitfaden verwenden, wenn sie Ihren Anweisungen folgen. Daher ist es wichtig, dass Ihre Screenshots die während jedes Schritts durchgeführten Aktionen genau darstellen. Es gibt viele Möglichkeiten, Screenshots für ein Tutorial zu erstellen. In diesem Tutorial wird der erfahrene Psdtuts + Autor Ed Lopez seine Methode für die Erstellung von qualitativ hochwertigen und beschreibenden Screenshots unter Verwendung von Bildschirmaufzeichnungs- und Bildschirmaufnahmesoftware erläutern, um Videos und Screenshots für seine schriftlichen Tutorials aufzunehmen. Lass uns anfangen!
Bei dieser Methode zum Erstellen von Screenshots für ein Lernprogramm werden mehrere Anwendungen verwendet. Bitte beachten Sie, dass diese Methode nur für Mac-Anwendungen verwendet wurde. Sie können diese Methode jedoch auch für PC-kompatible Anwendungen anpassen.
Bitte sehen Sie sich hier ein Beispiel eines Tutorials von Ed an.
Wenn ich ein Tutorial schreibe, finde ich den Gedanken, dass ich unterwegs aufhören muss, um Screenshots zu machen, sehr ablenkend. Deshalb habe ich eine Methode entwickelt, Screenshots zu erstellen, mit der ich Artwork erstellen kann, ohne den kreativen Prozess zu beeinträchtigen.
Der erste Schritt ist, den Bildschirmfluss zu öffnen und eine neue Aufnahme zu beginnen. Erstellen Sie nun Ihr Kunstwerk so, als würden Sie an einem normalen Projekt arbeiten. Screenflow zeichnet jetzt alle Ihre Aktionen während der Arbeit im Hintergrund auf.
Autoren verbringen normalerweise viele Stunden mit einem Projekt und können diese Stunden oft über mehrere Tage verteilen. Dies bedeutet, dass Sie gelegentlich anhalten, Pausen machen oder an anderen Projekten arbeiten können. Wenn Sie eine Pause machen, können Sie die Aufnahme anhalten. Es wird in der Seitenleiste unter der Medienregisterkarte angezeigt. Wenn jedes Segment aufgenommen wurde, ziehen Sie es zur Bearbeitung in Ihre Timeline.
Nachdem Sie das gesamte Projekt aufgenommen haben, können Sie jetzt mit der Aufnahme von Screenshots beginnen. Öffnen Sie dazu LittleSnapper und erstellen Sie eine neue Smart Collection.
Stellen Sie eine Datumsregel wie unten gezeigt ein. Dadurch wird sichergestellt, dass alle nach diesem Datum erstellten Bilder in derselben Sammlung gespeichert werden.
Definieren Sie nun eine Tastenkombination für den Fangbereich (siehe unten). Sie können jederzeit die Tastenkombination verwenden, mit der Sie sich am wohlsten fühlen. Ich setze meine auf Command + Option / Alt + X.
Nun, da LittleSnapper bereit ist, öffnen Sie Screenflow, laden Sie Ihre Aufnahme und drücken Sie Play. Wenn Sie Screenflow für die Erfassung des gesamten Prozesses verwenden, können Sie die Ansicht jetzt vergrößern und verkleinern, um sicherzustellen, dass Sie genau den Screenshot erhalten, den Sie benötigen.
Wenn Sie bereit sind, einen Screenshot aufzunehmen, müssen Sie die Aufnahme an der richtigen Stelle anhalten. Drücken Sie dann auf die Tastenkombinationstasten, die Sie zuvor in diesem Lernprogramm definiert haben, um Ihre Screenshots aufzunehmen. Sobald Sie auf sie klicken, wird der Bildschirm ausgegraut und Sie können den Bereich des Bildschirms, den Sie speichern möchten, schnell herausziehen. Beachten Sie die Pixelanzeige sorgfältig, damit Sie keinen Screenshot ziehen, der größer als 600 Pixel ist.
Manchmal müssen Sie Ihren Bildschirmfotos Notizen hinzufügen. Notationen können dem Leser helfen zu verstehen, was er gerade sieht. Wenn Sie beispielsweise die Aufmerksamkeit Ihrer Leser auf einen bestimmten Bildschirmbereich lenken möchten, können Sie einen Pfeil zeichnen, um darauf hinzuweisen. Sie können (und sollten) auch Linien, Formen und Text zeichnen, um den Schritt zu erläutern. Das Hinzufügen von Text zu Ihrem Screenshot kann beispielsweise hilfreich sein, um Farbcodes einzufügen.
Sobald Sie auf die Schaltfläche klicken, können Sie die Notizen hinzufügen, die Sie für dieses bestimmte Lernprogramm benötigen.
Wenn Sie mit LittleSnapper Screenshots machen, werden Ihre Bilder nacheinander angeordnet. Wenn Sie eine Datei umbenennen möchten, können Sie dies jetzt tun. Wenn Sie mit der Benennung Ihrer Bilder zufrieden sind, können Sie den Export wie unten gezeigt durchführen.
Ihre Bilder werden nun in den ausgewählten Ordner exportiert.
An dieser Stelle möchten Sie möglicherweise Ihre Dateien umbenennen. Bridge kann dies ziemlich schnell tun. Öffnen Sie einfach bridge, navigieren Sie zu Ihrem Ordner, wählen Sie alle Bilder in diesem Ordner aus, und gehen Sie zu Extras> Stapel umbenennen.
Spitze: Beim Benennen von Dateien gibt es einige Bilder, die spezielle Namen benötigen. Das 600 Pixel breite Endbild sollte angegeben werden final.jpg, Die große Version des endgültigen Bildes sollte benannt werden final_large.jpg, und das 200x200-Vorschaubild sollte als preview.jpg bezeichnet werden. Möglicherweise möchten Sie diese Bilder beiseite legen, damit sie den Stapelumbenennungsprozess nicht beeinträchtigen.
Optimieren Sie jetzt Ihre Bilder für das Web und konvertieren Sie sie in JPG-Dateien. Wir empfehlen, dies mit einer Anwendung zu tun, die für die Stapelverarbeitung geeignet ist. Adobe Bridge, Fireworks und Photoshop können dies alles. In dem folgenden Beispiel werden wir Bridge verwenden.
In diesem optionalen Schritt können Sie das aufgenommene Video exportieren und den Rest Ihrer Dateien bereitstellen. Sie können dies auf verschiedene Arten tun. Sie können das Audiomaterial entfernen und Echtzeitfilmmaterial bereitstellen oder das Audiomaterial entfernen, das Videomaterial beschleunigen und eine neue Spur aufnehmen, die einen Kommentar enthält, der erläutert, was Sie gerade tun.
Spitze: Stellen Sie sicher, dass Videodateien in verwaltbare Teile aufgeteilt werden. Stellen Sie außerdem sicher, dass das von Ihnen bereitgestellte Videomaterial gut bearbeitet ist und dass alle von Ihnen bereitgestellten Audiodaten von hoher Qualität sind. Schließen Sie keine Musik in das Filmmaterial ein.
Jetzt können Sie mit dem Schreiben Ihres Textes beginnen und Ihren HTML-Code zusammenstellen. Verwenden Sie diese Vorlage, um Ihre HTML-Datei zu formatieren. Befolgen Sie auf jeden Fall die entsprechenden Richtlinien.
Das ist alles dazu! Wenn Sie der Meinung sind, dass Sie die Aufgabe haben, etwas einzureichen und dem Mactuts + -Team beizutreten, besuchen Sie unsere neue Autorenseite, um weitere Informationen zu erhalten. Schauen Sie sich auch unsere anderen Websites an, um zu sehen, ob Sie woanders eingesteckt werden können.
Accentsconagua