top of page
  • Photo du rédacteurannickpironart

Design an abstract artwork with Spline

Dernière mise à jour : 15 oct. 2022

Composition abstraite avec des formes primitives flottantes colorés


Bienvenue dans cette petite série de primitives flottantes, fortement inspirées de différents artistes contemporains.


Ces images sont aussi une autre étape vers la recherche d'un style et le test de

différentes façons de texturer des formes de base avec l'application en ligne Spline.


Un vrai plaisir de détente avec Spline.



Learn more about Spline: https://spline.design/


Un petit rappel pour vous aider à créer des matériaux divers avec Spline :

00:00 - Intro 01:25 - Getting Started With Spline 09:25 - Material Settings 20:56 - Lighting 22:42 - Animation Basics 26:02 - Modeling 28:08 - Importing Models Into Spline 39:56 - Export 42:09 - Wrap-up


https://www.schoolofmotion.com/blog/3d-design-with-spline






Un peu d'histoire...


La 2D a déjà pas mal travaillé sur ce concept de créer une œuvre abstraite à partir de formes primitives.


Wassily Kandinsky qui faisait parti du mouvement Bauhaus en est un parfait exemple.

Le Bauhaus (1919-1933) est une école d'Arts appliqués, un laboratoire du modernisme qui fut fondée en Allemagne. Elle a pour particularité de ne pas établir de hiérarchie entre les arts dits « majeurs » (architecture, peinture, sculpture) et ceux dits « mineurs » (design, mode, graphisme…). Sur le plan du style, il se veut minimaliste et fonctionnaliste. Au Bauhaus, l’art est total et pour tous ! De grands artistes tels que Vassily Kandinsky ou Paul Klee y ont collaboré. Son histoire fut mouvementée, en raison de ses déménagements successifs puis de sa fermeture par les Nazis en 1933. Mais son esprit demeure vivace ! Le Bauhaus est considéré comme un moment clé dans l’histoire des avant-gardes.



Quelques œuvres de Kandinsky :

Je pense que Monsieur Kandinsky aurait eu l'outil Spline, il aurait adoré !




Aujourd'hui, l'histoire graphique se répète mais en 3D. Ces illustrations 3D sont une tendance du web design.



Voici quelques inspirations et références d'aujourd'hui de ce concept vraiment sympa :



Les artistes et infographistes utilisent des logiciels comme Cinéma 4D, Blender, nous, nous allons profiter de l'application gratuite en ligne Spline, un outil simple pour concevoir des designs en 3D.




Ton travail consiste donc à t'inspirer de ces références avec Spline : https://spline.design/


  • Réalise une expérience interactive 3D pour le Web

-Partir d'une toile vierge

-créer des formes d'objets

-Créer des matériaux

-Utiliser des Fresnel

-Créer du 'material assets'

-Créer un fond avec des éléments flous (profondeur)









Pour vous aider :


Sur le côté gauche, il y a le panneau des calques tandis que les outils les plus fréquemment utilisés sont en haut de la fenêtre. Sur le côté droit, vous pouvez trouver toutes les autres options telles que les paramètres globaux, les options de forme, les paramètres de l'appareil photo, etc. Mais tu as déjà tester dans d'autres exercices précédents!



Tu places des formes primitives dans ton espace en trois dimensions.



Phase initiale : copier, essayer, répéter

Lorsque je commence à développer une nouvelle compétence, mon approche est la suivante : apprendre les bases, voir comment les autres le font et jouer avec les fonctionnalités et les effets. Surtout, s'amuser .



Matériaux

Dans Spline, il y a 7 types de matériaux donc le calque d'éclairage : au départ, je me demandais si j'avais plus d'options pour créer des effets de couleur 3D impressionnants, mais j'ai vite compris que le mélange de seulement deux ou trois calques de matériau donc celui d'éclairage, permet vous créez beaucoup de combinaisons et vous pouvez facilement vous retrouver à passer deux heures ou plus dessus car vous ne savez pas laquelle vous préférez ! C'est pourquoi je pense qu'il est préférable de compléter l'illustration en premier lieu, en ajoutant éventuellement quelques animations, puis de se concentrer sur les couleurs et les lumières. L'effet tridimensionnel le plus simple est donné par le calque Éclairage (essayez de remplir votre objet avec une couleur et déplacez le calque Éclairage au-dessus).




Ajouter un dégradé par le calque Dégradé me semble un peu plat ; une méthode plus précise pour ajouter du dégradé (ou de la profondeur) à vos objets est le calque de profondeur .



Jouer avec Material pour créer quelque chose de cool

Une autre tendance du design en 2021 concerne les éléments holographiques et réfléchissants . Vous pouvez créer ces deux effets à l'aide du matériau Texture : importez votre arrière-plan holographique (images d'archive ou créées à l'aide de Photoshop) et modifiez les propriétés de la texture jusqu'à ce que le résultat vous satisfasse.


Un petit rappel, créez et organisez vos assets :



Utilisez Fresnel pour créer un effet réfléchissant comme cet anneau que j'ai fait :

Pour chaque calque de matériau, vous pouvez définir la propriété de mode et l'opacité du calque comme vous le feriez dans Photoshop (normal, multiplié, écran, superposition).



Des astuces qui peuvent vous faire gagner du temps

  • Vous pouvez copier/coller du matériel d'un objet à un autre.

  • Avec l' outil Cloner , il est possible de cloner un objet et vous pouvez définir le nombre de clones que vous souhaitez, le Type (comment les clones sont placés sur le canevas - radial, linéaire, grille), et vous pouvez ajuster la position, la rotation, et les mettre à l'échelle.

  • Avec le mode Visibilité , vous pouvez afficher le fil de fer d'un objet 3D (et cela pourrait être un effet sympa pour votre illustration !).



Opérations de la caméra

L'une des premières choses que j'ai apprises, c'est comment changer de vue à l'aide des commandes de l'appareil photo.

  • [Option/Alt] + faites glisser pour faire pivoter l'écran (caméra).

  • Appuyez sur [Espace] + faites glisser pour déplacer la caméra autour de la toile.

Ces commandes vous permettent de simuler différentes vues de votre canevas et vous permettent de comprendre le fonctionnement de la tridimensionnalité.

101 vues0 commentaire

Posts récents

Voir tout
bottom of page