Suche

jolinsworld

…be creative

Monat

September 2015

Moodboard – Deine eigene „Stimmungstafel“

Was sind „Moodboards“ eigentlich? Wörtlich übersetzt ist es in etwa „Stimmungstafel“. Dies entspricht schon dem was sie tun soll. Sie soll Atmosphäre und Stimmung vermitteln. Moodboards werden in Designerberufen eingesetzt um ein Konzept zu haben, wie ein Produkt am Ende aussehen soll. Der Illustrator benutzt für sowas „Concept-Art“. Ich persönlich fertige auch gerne Moodboards an, da es Spaß macht zu versuchen, verschiedene Bilder miteinander zu etwas größerem zu kombinieren. Es hilft einem ein Gefühl für harmonische Farben zu finden. Fragen die ich mir selber angelegt habe für Moodboards:

  1. Was möchte ich darstellen?
  2. Wie vermittle ich es am besten?
  3. Welche Farben passen zu dem Konzept?

Moodboards sollten ein klares Schema haben damit der Betrachter direkt weiß, worum es geht. Hier ein paar Beispiele:

4-moodboard-by-jolin-chan 1-moodboard-by-jolin-chan 2-moodboard-by-jolin-chan 3-moodboard-by-jolin-chan

 

Besucht mich auch gerne mal auf

Deviantart

Youtube

und

Facebook.

 

World of Warcraft Screenshots : © Blizzard

Advertisements

Ausmalbilder in Photoshop erstellen

 

Ein paar einfache Handgriffe um in Photoshop schnell eigene Ausmalbilder zu erzeugen.

1. Hintergrundebene in eine Ebene wandeln
2. Bild- Korrekturen – Sättigung verringern
3. Ebene duplizieren
4. Bild – Korrekturen – Umkehren
5. Ebeneneinstellung auf Farbig abwedeln stellen
6. Filter – Weichzeichungsfilter – Gaußer Weichzeichner
7. Nach Geschmack weitere Einstellungebenen erzeugen

 

Besucht mich auch gerne mal auf

Deviantart

Youtube

und

Facebook.

 

Off-Topic: Meine kleine Figurensammlung

 Noch ist das Wetter schön also habe ich mich nach draußen begeben und meine liebsten Schätze mitgenommen. Mit einer natürlichen Atmosphäre sehen meine Figuren einfach besser aus 😀 Die Fotos wurden mit einer Canon-Kamera aufgenommen. Top für Anfänger!! Canon kann ich nur empfehlen, ich bin zufrieden mit dem Ergebnis!

monsieur-bome-3-figurensammlung-by-jolin-chanfranky-one-piece-figurensammlung-by-jolin-chanmonsieur-bome-2-figurensammlung-by-jolin-chanmonsieur-bome-figurensammlung-by-jolin-chanpokemon-pikachu-flemmli-endivie-schiggy-figurensammlung-by-jolin-chanson-goku-ruffy-figurensammlung-by-jolin-chanson-goku-ruffy-2-figurensammlung-by-jolin-chanson-goten-figurensammlung-by-jolin-chanyuna-final-fantasy-10-figurensammlung-by-jolin-chanauron-final-fantasy-10-figurensammlung-by-jolin-chan  

Deviantart

Youtube

und

Facebook.

Nintendo Controller aus Polymer Clay

2-fimo-tutorial-nintendo-controller-by-jolin-chan1-fimo-tutorial-nintendo-controller-by-jolin-chan

1. Für unseren Controller benötigen wir die Farben schwarz, grau, weiß, rot. Meine Polymer-Blöcke kommen in einem handlichen Format wie ich es brauche, aus dem Grund muss ich es nur mit meinem Cutter-Messer ein wenig zurechtschneiden.

 

3-fimo-tutorial-nintendo-controller-by-jolin-chan  4-fimo-tutorial-nintendo-controller-by-jolin-chan

2. Als nächstes drücke ich die Stellen beim Polymer-Clay ein wenig ein, auf welches meine schwarze Fläche kommt. Ich schneide mir ein kleines Stück der schwarzen Farbe heraus und drücke es platt. Das schwarze Stück wird nun einfach an allen Ende solange eingedrückt bis es eine viereckige Form erhält.

 

5-fimo-tutorial-nintendo-controller-by-jolin-chan 6-fimo-tutorial-nintendo-controller-by-jolin-chan

3. Sobald ich meine Form erhalten habe, nehme ich es vorsichtig vom Tisch und drücke es in meine eingedrückten Stellen auf den grauen Controller.

 

7-fimo-tutorial-nintendo-controller-by-jolin-chan 8-fimo-tutorial-nintendo-controller-by-jolin-chan

4. Für den Kreuz-ähnlichen Button rolle ich ein Stück des Polymer-Clays zurecht und schneide es in 2 gleich große Stücke. Diese beiden werden übereinander gelegt und ergeben somit das Kreuz. Für die Knöpfe werden ebenfalls gleichmäßig kleine Stücke rausgeschnitten und platt gedrückt.

 

10-fimo-tutorial-nintendo-controller-by-jolin-chan 9-fimo-tutorial-nintendo-controller-by-jolin-chan

5. Nun drücke ich alles vorsichtig auf meinen Controller und fertige die weiteren Knöpfe an, um sie nach und nach sanft auf den Controller zu drücken.

11-fimo-tutorial-nintendo-controller-by-jolin-chan 12-fimo-tutorial-nintendo-controller-by-jolin-chan

6. Für die roten Knöpfe rolle ich mir einen sehr kleinen Ball und teile ihn in 2 hälften, diese werden wieder auf den Controller gelegt. Als nächstes kommt der Stift oben in meinen Controller und ab geht es in den vorgeheizten Backofen bei 110 Grad für 30 Minuten. Nun fehlt mir nur noch der Handyanhänger den ich in den Stift hineinfädele.

 

 

13-fimo-tutorial-nintendo-controller-by-jolin-chan

 

 

 

 

 

 

 

 

 

Ta~da, fertig ist der kleine Controller 😀

Besucht mich auch gerne mal auf

Deviantart

Youtube

und

Facebook.

 

 

 

 

Controller: ©Nintendo

Illustrator- Anfahrtsplan erstellen

Heute möchte ich euch gerne zeigen wie man in Illustrator unkompliziert seine eigenen Anfahrtspläne erstellt. Wieso und warum sollte man seine Anfahrtspläne eigentlich selber erstellen? Ganz einfach, Stadpläne sind sehr unübersichtlich und enthalten oft nicht genau das Detail, welches man benötigt. Wegen des Urheberrechts sind Stadtpläne auch geschützt, einfach einen Teil aus einem Stadtplan zu schneiden kann teuere Folgen haben. Aus dem Grund zeige ich euch wie das geht. Somit kann sich jeder seine eigenen Grafiken für Flyer, etc. erstellen. Hier das Beispiel mithilfe des Fontanehauses, in welchem regelmäßig die Mega Manga Convention und die Animacko stattfinden. 😉

illustrator-anfahrtsplan-erstellen-tutorial-1-by-jolin-chan illustrator-anfahrtsplan-erstellen-tutorial-2-by-jolin-chan

1. Als erstes erstellen wir uns eine neue Datei, unter „Neu“ und „Datei“. Nun legen wir uns ein Rechteck an mit einem neutralen Hintergrund, ich habe grau gewählt. Wir legen nun eine neue Ebene an, unter „Fenster“ „Ebene“ finden wir wieder unsere Bedienfelder. Eine neue Ebene lässt sich in diesem Bedienfeld rechts unten erstellen. Dort befindet sich ein Symbol welches aussieht wie eine Seite die gerade umgeblättert wird, ein Klick darauf verschafft uns eine neue Ebene. Dies ist nun die Ebene auf der wir unsere Straßen anlegen. Unter den Werkzeugen finden wir das „Zeichenstift- Werkzeug“. Mit diesem Werkzeug zeichnen wir uns nun Linien welche unsere Straßen werden. Das Zeichenstiftwerkzeug funktioniert ähnlich wie der Zeichenstift aus Photoshop.

illustrator-anfahrtsplan-erstellen-tutorial-4-by-jolin-chan

2. Nun suchen wir unter „Fenster“ den Begriff „Aussehen“ aus. Hier lassen sich die genauen Werte der Linien eingeben. In diesem Fenster befinden sich links unten jeweils 2 Vierecke. Das erste ist für Konturen und das zweite für Flächen. Wir benötigen für unsere Straßen mehr Konturen, also holen wir uns 2 weitere Konturen rein und  definieren rechts neben den Konturen, in den kleinen Farbfeldern, jeweils die Farbe und und bei den „pt“ jeweils die Stärke der Konturen. Um einen Effekt zu erzielen müßen dicke Konturen immer unten angeordnet sein, so wie es hier zu sehen ist: Unten ist die 8 pt Kontur, darüber die 5 pt Kontur und ganz oben die 1 pt Kontur.

illustrator-anfahrtsplan-erstellen-tutorial-6-by-jolin-chan

3.  Wir benötigen nun eine neue Ebene. Dies wird unsere Textebene. Wir kopieren nun unsere gelbe Hauptstraße, gehen auf die Ebene, wo wir gleich unseren Text anlegen werden, und gehen über „Bearbeiten“ auf „An Originalposition einfügen“.

illustrator-anfahrtsplan-erstellen-tutorial-5-by-jolin-chan

4.  Jetzt werden wir die Linie in einen Text umwandeln der direkt über der Straße liegen wird, da wir ihn an der Originalposition eingefügt haben. Achtet darauf das eure Ebene mit dem Text über der Ebene der Straßen liegt, sonst würden die Straßen den Namen verdecken. Wir gehen nun in unsere Werkzeugleiste und suchen unsere Textwerkzeuge heraus, ein Klick auf das kleine Rechteck öffnet weitere Textwerkzeuge. Das Pfadtext-Werkzeug ist für unseren Zweck das geeignetste. Nachdem es ausgewählt wurde klicken wir auf unsere Linie.

illustrator-anfahrtsplan-erstellen-tutorial-9-by-jolin-chan

illustrator-anfahrtsplan-erstellen-tutorial-10-by-jolin-chan5.  Gebt den Straßennamen ein, nun könnt ihr wieder das Aussehenfenster öffnen und die Schrift nach eurem belieben verändern. Für eine andere Schriftart befindet sich in der oberen Liste ein Drop-Down Menü mit dem Titel „Zeichen“. Die Schrift kann auch an dem Pfad entlang verschoben werden. Dazu wählen wir den weißen Mauszeiger(„Direkt-Auswahl-Werkzeug“) in der Werkzeugleiste aus. Nun kommt der etwas kniffelige Part, ihr müsst als ersteseuren Pfadtext anklicken, nun erscheinen kleine weiße Kästchen welche dir zeigen das dein Pfad markiert ist. Um euren Text zu verschieben müsst ihr euren Mauszeiger direkt über der Linie halten, die rechts daneben erscheint, sie zeigt euren Textanfang. Sobald ein kleines Symbol mit einem schwarzen Pfeil erscheint müßt ihr auf eure Maus klicken und den Text in die gewünschte Richtung ziehen.

illustrator-anfahrtsplan-erstellen-tutorial-13-by-jolin-chan

6.  Nun wendet ihr die Schritte bei den anderen Straßen ebenfalls an. Erstellt die Farben und Schriftarten nach euren Wünschen, von mir aus in Pink und Babyblau ^^ Um Häuser zu smybolisieren habe ich einfach mit dem Rechteck-Werkzeug kleine graue Flächen auf einerneuen Ebene mit dem Namen Gebäude erzeugt.

illustrator-anfahrtsplan-erstellen-tutorial-18-by-jolin-chan7.  Nun habe ich ich das „Abgerundete-Rechteck-Werkzeug“ sowie das „Elipse-Werkzeug“ in einer neuen Ebene benutzt um meine U- und S-Bahn einzuzeichnen. Die Konturen wurden wieder bei Aussehen definiert. Über dem Kreis und dem Rechteck habe ich weißen Text mitjeweils dem „U“ und dem „S“ angelegt.

illustrator-anfahrtsplan-erstellen-tutorial-20-by-jolin-chan

8.  Für die Bushaltestelle und den Verlauf der Buslinie wurde wieder mit dem Aussehen gespielt, ich habe dem Bus eine neue Ebene gegeben da ich in dieser Ebene noch eine kleine Wegbeschreibung vom Bus miteinbauen werde.

illustrator-anfahrtsplan-erstellen-tutorial-22-by-jolin-chan

illustrator-anfahrtsplan-erstellen-tutorial-23-by-jolin-chan

9. Nun möchte ich einen Richtungsweiser einzeichnen, der einem die Fahrtrichtung des Buses zeigt. Wir erschaffen uns wieder eine neue Linie in unserer Busebene. Als nächstes schnappen wir uns das „Fenster“ mit dem Namen „Kontur“. Hier können die Pfeilspitzen verändert und skaliert werden. Dies habe ich nun den gesamten Weg entlang platziert. Der letzen Pfeilspitze die auf unser Ziel zeigt habe ich zur besseren Übersicht eine andere Spitze zugewiesen. Nunhabe ich noch einen Störer eingebaut der unser Ziel deutlich von der Karte hervorhebt.

illustrator-anfahrtsplan-erstellen-tutorial-26-by-jolin-chan

10. Als letztes habe ich über allen Ebenen eine Ebene für unsere Legende plaziert. Hier wurden wieder die gleichen Schritte wiederholt wie zuvor auch. Achtet immer darauf das eure Schriftebenen über den Objektebenen liegen. Mit einer Kontur um den gesamten Plan sieht das ganze besser aus. Dazu habe ich einfach ein Rechteck aufgezogen, die Fläche entfernt und nur eine Kontur gewählt. Mit diesen 10 Schritten lassen sich in Illustrator prima eigene Karten erstellen die wesentlich übersichtlicher sind als Stadtpläne. Die Schritte wiederholen sich regelmäßig, im Grunde dreht sich alles um das „Zeichenstiftwerkzeug“, „Aussehen- Bedienfeld“, „Formenwerkzeuge“ und das „Konturbedienfeld“.

illustrator-anfahrtsplan-erstellen-tutorial-fertige-karte-by-jolin-chan

Achtet bitte darauf, falls ihr vorhabt ein Mc-Donalds (oder auchandere Marken) auf eurer Karte zu markieren, verwendet nicht das Mc-Donalds Logo! Es sieht zwar besser aus, jedoch ist das Logo urheberrechtlich geschützt und kann euch eine Menge Probleme einbringen. Erstellt euch eure Karten selber und verzichtet auf eine Abmahnung wegen Urheberrechtsverletzung!

 

Besucht mich auch gerne mal auf

Deviantart

Youtube

und

Facebook.

Photoshop – Einfaches Freistellen für Beginner

Eines der wichtigsten Funktionen in Photoshop ist das Freistellen von Objekten. Mit dieser einfachen Funktion lassen sich bereits einige lustige Bilder erstellen.

  photoshop-dino-auf-torte-by-jolin-chan photoshop-dino-auf-dem-mond-by-jolin-chan photoshop-dino-auf-hoth-by-jolin-chan

1. Das wichtigste Werkzeug befindet sich in der Werkzeugleiste (Oh Wunder ;))

photoshop-freistellen-part-1-by-jolin-chan

2. Hier befindet sich das „Zeichenstift-Werkzeug“ und das „Punkt-umwandeln-Werkzeug“ welche wir am meisten benötigen.

photoshop-freistellen-part-2-by-jolin-chan

3. Mit einfachen Klicks bekommt man gerade Linien mit diesem Werkzeug hin. Um die Linen zu runden muss man schon minimale Handgriffe einsetzen.

photoshop-freistellen-part-3-by-jolin-chan photoshop-freistellen-part-4-by-jolin-chan photoshop-freistellen-part-5-by-jolin-chan photoshop-freistellen-part-6-by-jolin-chan

4. Falls ihr mit dem „Alt-Klicken“ nicht klar kommt, könnt ihr euch das „Punkt-umwandeln-Werkzeug“ einfach aus der Werkzeugleiste holen, welche sich unter der Kategorie „Zeichenstift“ befindet (siehe erstes Bild).

photoshop-freistellen-part-7-by-jolin-chan

5. Nun können wir uns an das Freistellen des Dinosauriers wagen. Dazu werden wir nach dem oberen Prinzip nun den ganzen Dinosaurier umrahmen.

photoshop-freistellen-part-8-by-jolin-chan

6. Ist dies erledigt klicken wir nun auf den Reiter „Pfade“ (falls er nicht sichtbar ist, oben im Menü „Fenster“ ein Häckchen bei „Pfade“ setzen) der sich im selben Fenster wie die Ebenen befindet.

photoshop-freistellen-part-9-by-jolin-chan

7. Dort werden wir nun auf „Pfad als Auswahl laden“ klicken. Euer Dino solllte nun Outlines bekommen welche weiß-schwarz schimmern.

photoshop-freistellen-part-10-by-jolin-chan

8. In diesem Zustand klickt ihr oben im Menü auf „Auswahl“ und dann „Kante verbessern“. Es erscheint ein neuer kleiner Reiter. Mit diesem Fenster lassen sich die harten Ränder weicher zeichnen, somit lassen sich die Bilder besser in andere Hintergründe einbauen. Dazu einfach den Wert bei weiche Kante nach belieben erhöhen. In der Regel reichen 2 px völlig aus. Farben dekontaminieren solltet ihr anklicken damit sich die Ränder eures Dinios besser in den neuen Hintergrund einfügen lassen. Auf Ok klicken und euer Bild erhält eine Maske. Alles was nun nicht gesehen werden soll ist „maskiert“ kann aber jederzeit wieder ins Bild zurückgerufen werden.

photoshop-freistellen-part-11-by-jolin-chan

Mit dieser Option lassen sich einfache Objekte sehr gut per Hand auf Wunsch aus dem Bild herauslösen. Es gibt diverse andere Auswahlmöglichkeiten für Photoshop, dies ist jedoch die angenehmste für mich. Schwierig wird es erst, wenn man vor hat Objekte wie Wolken oder Gläser freizustellen. Dann muss man schon ganz andere Handgriffe einsetzen. Dies sollte jedoch jediglich ein kleines Tutorial sein damit auch ihr in Zukunft eure Hochzeitsfotos oder sonstigen Bilder mit tollen Dinosauriern oder anderen Tieren aufputschen könnt, viellelicht macht ihr euch ja auch einfach Flügel 😉

Besucht mich auch gerne mal auf

Deviantart

Youtube

und

Facebook.

Erstelle eine kostenlose Website oder Blog – auf WordPress.com.

Nach oben ↑