Possibilité de réalisation

[Sam LaGargouille]

Bonjour,

 

J'aimerais savoir s'il est possible de reproduire cette image avec la suite Affinity, et si c'est le cas, quelles sont les lignes directrices notamment pour reproduire le contour?

Merci par avance de vos réponses constructives.

[Bruno_G]

Oui, c'est tout à fait possible.
Je pense que le logiciel le mieux adapté serait Affinity Designer.

Je vais peut-être laisser Marsouin répondre plus précisément. Il maitrise parfaitement Affinity Designer.
 

[Marsouin]

J'ai fait deux essais rapides avec AD, l'un en utilisant l'onglet apparence (toujours pratiquement inutilisable pour moi). Je trouve cette méthode moins flexible à cause de la différence d'épaisseur dans les traits ainsi que pour l'angle droit en bas à gauche de la forme.

Pour le deuxième essai, j'ai dessiné la forme, je l'ai copiée pour utilisation ultérieure, arrondi les angles, vectorisé son contour afin de pouvoir faire varier l'épaisseur sur les différents côtés en utilisant l'outil nœud. Cela permet également de rendre droit l'angle extérieur en bas à gauche tout en gardant l'intérieur ainsi que les autres angles arrondis.

J'ai ensuite copié la forme, collé et placé la copie à l'arrière. Avec l'outil nœud, j'ai déplacé les nœuds extérieurs pour agrandir la forme.

J'ai ensuite répété la manip pour obtenir la forme extérieure.

Pour la forme brisée au centre, j'ai collé la forme originale, réduit l'épaisseur de trait, placé ses nœuds aux endroits voulus, ouvert la courbe (en utilisant l'outil nœud) et déplacé un des nœuds.

Les arrondis des copies sont perfectibles, ce n'était qu'un essai.

 

Au niveau des textures, pense que Photo serait certainement utile. J'ai utilisé des pinceaux raster pour les formes extérieures, mais je n'ai pas beaucoup de choix.

 

Je suppose que quelqu'un de plus expérimenté que moi pourra apporter une solution moins alambiquée et moins bricolage que la mienne, peut-être uniquement avec Photo.

 

[Sam LaGargouille]

Merci pour vos réponses,

Je ne connais pas l'onglet apparence, il se trouve où et sert à quoi exactement? (comme je suis super mega novice sur designer, j'ai encore quelque soucis de projection sur l'interface et les outils)

 

J'avais moi même essayé avec designer, et dessiné l'ensemble du cadre assez facilement avec l'outil plume, uniquement en remplissage (ainsi pour le bord, j'ai créé des bandes que je j'ai rejoins pour fermer)

 

mais la difficulté que je rencontre c'est cet effet 3D du bord avec la mise en place d'une texture...

Je n'ai plus qu'à travailler sur le sujet,  et vous faire part de mes avancées.

Modifié le 5 décembre 2022 par Sam LaGargouille

[Marsouin]

Bonjour @Sam LaGargouille,

 

L'onglet "Apparence" se situe dans le studio.

Avec la v1, si cet onglet n'est pas visible, faire "Affichage", "Studio", le cocher dans la liste déroulante.

Avec la v2, faire "Fenêtre", "Studio" et le cocher dans la liste déroulante.

[Marsouin]

Pour l'effet 3D avec texture, copier d'abord la forme.

Ensuite, vectoriser le contour, y insérer la texture.

Coller par dessus la forme précédemment copiée, lui appliquer l'effet 3D voulu, régler son blend sur "Éclaircir" (par exemple).

 

J'espère être suffisamment clair, je ne suis pas du tout habitué à expliquer ce que je fais.

[Bruno_G]

Je ne suis vraiment pas allé très loin dans la réalisation de cet exemple juste pour voir...

Mais je pense que c'est assez simple à réaliser.
Je vais chercher des styles et tenter de le réaliser jusqu'au bout demain...
Je mettrais le fichier .afdesign et/ou .afphoto ici

 

 

[Marsouin]

Super!

[Marsouin]

Je m'y suis remis pour voir ce que je pouvais faire.

[Bruno_G]

Pas eu 5 minutes aujourd'hui !! 🙄

 

Ben c'est plutôt pas mal ça !! 👍

 

Je mets la police de caractère ici...😉

guardians.zip

[Sam LaGargouille]

Pareil, pas eu la possibilité de me mettre dessus depuis hier, je verrais demain après midi pour faire part de mes travaux (y a pas de raison qu'il n'y a que vous qui se creusent les méninges 😅)

[Marsouin]

il y a 58 minutes, Bruno_G a dit :

Ben c'est plutôt pas mal ça !! 👍

 

Je mets la police de caractère ici...😉

Merci, c'est loin d'être parfait mais j'ai voulu essayer, et merci pour la police 🙂

[Marsouin]

J'ai repris le logo en utilisant la police fournie par @Bruno_G et en modifiant les textures, c'était un exercice intéressant!

[Bruno_G]

Vraiment super...👏

[Marsouin]

Merci !

[Sam LaGargouille]

Houaouh, vraiment bien, je vous montre ma progression de mon coté pour le contour :

[Marsouin]

Cela a vraiment bien avancé, j'aime la texture. J'ai hâte de le voir terminé !

[Sam LaGargouille]

voici le résultat. la police "guardians" n'est pas identique à celle du modèle du coup je me suis adaptée pour la dispo.

Pour le faire j'ai donc jonglé entre designer et photo.

Je ne suis pas totalement satisfaite par l'effet de lumières notamment sur le cadre extérieur.

 

Qu'en pensez-vous?

 

 

Modifié le 13 décembre 2022 par Sam LaGargouille

[Marsouin]

C'est vraiment très bien! 👍

 

Pour se rapprocher davantage du logo, il est possible d'échanger les "E" à base pointue avec des "E" normaux en utilisant le navigateur de glyphes, le "E" normal y est disponible.

 

Sur le logo d'origine, si la police est bien GUARDIANS, toutes les lettres ont été modifiées, aucune ne correspond exactement à celles de cette police.

 

Je viens de modifier le texte du logo que j'avais fait (uniquement GARDIENS et GALAXIE) en modifiant les lettres de la police pour les adapter au logo d'origine.

 

Comme la police du logo est uniquement composée de lignes droites, il est très facile de les reproduire à la plume.

[Sam LaGargouille]

J'aime beaucoup 'effet sur "les" et "de la" qui est vraiment très ressemblant à l'original niveau teinte.

"navigateur de glyphe"? quelle est cette chose?

 

[Marsouin]

Le navigateur de glyphes permet d'accéder aux fonctionnalités des polices Open Type (accès aux glyphes qui sont inaccessibles dans un traitement de texte, par exemple).

Il se situe dans le studio. S'il n'est pas visible, pour l'activer dans la v1, "Affichage", "Studio", "Navigateur de Glyphes". Dans la v2, "Fenêtre", "Texte", "Navigateur de Glyphes".

À partir de là, on peut choisir quel glyphe utiliser dans le texte. Par exemple, pour le "E" qui nous intéresse, le sélectionner sur la page et faire un double clic sur le "E" normal dans l'onglet "Navigateur de Glyphes". Le glyphe remplace alors la lettre sélectionnée.

[Sam LaGargouille]

super, merci pour l'explication, c'est cool, j'apprends à chaque fois ici!