LogoCreator : générateur de logos open source, utilisant l'intelligence artificielle pour générer des logos de marque professionnels

Introduction générale

LogoCreator est un générateur de logos open source basé sur le modèle Together AI et Flux, qui vise à fournir des services de conception de logos rapides et professionnels pour les entreprises et les particuliers. Le projet a été développé et mis en open source par le développeur Nutlope et a reçu plus de 1600 étoiles sur GitHub. En tant qu'application web moderne développée sur le framework Next.js, LogoCreator offre une interface utilisateur intuitive et de nombreuses options de conception de logos. Les utilisateurs peuvent générer des logos uniques en sélectionnant différents styles de conception, des schémas de couleurs et en saisissant le nom de l'entreprise. L'outil prend en charge un large éventail de styles de conception, notamment technique, moderne, minimaliste et vivant, afin de répondre aux besoins des différents secteurs d'activité et des différentes marques.

Instructions de base du projet LogoCreator pour la création de logos

Comme vous pouvez le voir dans le code, LogoCreator utilise un modèle d'indices de génération de logo basé sur les modèles Together AI et Flux. Voici la structure complète des instructions de génération :

Modèle de fondation :

A single logo, high-quality, award-winning professional design, made for both digital and print media, only contains a few vector shapes, [STYLE_DESCRIPTION]
Primary color is [PRIMARY_COLOR] and background color is [BACKGROUND_COLOR]. The company name is [COMPANY_NAME], make sure to include the company name in the logo. [ADDITIONAL_INFO]

Un seul logo, une conception professionnelle de haute qualité, primée, pour les médias numériques et imprimés, contenant seulement quelques graphiques vectoriels, [STYLE_DESCRIPTION].

La couleur primaire est [PRIMARY_COLOR] et la couleur de fond est [BACKGROUND_COLOR]. Le nom de l'entreprise est [COMPANY_NAME], assurez-vous d'inclure le nom de l'entreprise dans le logo. [INFO_SUPPLÉMENTAIRE]

Options de description du style :

1. Style tape-à-l'œil

Flashy, attention grabbing, bold, futuristic, and eye-catching. Use vibrant neon colors with metallic, shiny, and glossy accents.

2. Tech Style

highly detailed, sharp focus, cinematic, photorealistic, Minimalist, clean, sleek, neutral color pallete with subtle accents, clean lines, shadows, and flat.

3. Style moderne

modern, forward-thinking, flat design, geometric shapes, clean lines, natural colors with subtle accents, use strategic negative space to create visual interest.

4. Style ludique

playful, lighthearted, bright bold colors, rounded shapes, lively.

5. Style abstrait

abstract, artistic, creative, unique shapes, patterns, and textures to create a visually interesting and wild logo.

6. Style minimal

minimal, simple, timeless, versatile, single color logo, use negative space, flat design with minimal details, Light, soft, and subtle.

Générer des paramètres :

• Utiliser le modèle :black-forest-labs/FLUX.1.1-pro
• Taille de l'image : 768x768
• Format de sortie : base64

Ce modèle d'invite a été conçu pour être très complet et contient les éléments clés suivants :

1. Exigences de base : haute qualité, conception professionnelle, adéquation avec les médias numériques et imprimés.
2. Description du style : appliquer différentes descriptions en fonction du style choisi par l'utilisateur.
3. Désignation des couleurs : couleurs primaires et couleurs de fond
4. Nom de l'entreprise : veillez à ce qu'il figure dans le logo
5. Informations complémentaires : exigences supplémentaires facultatives

Entrez la commande sur le côté droit de la page d'accueil du site officiel, vous pouvez rapidement générer un logo, essayez de choisir d'optimiser "Oui", vous obtiendrez des résultats différents.

Liste des fonctions

• Prise en charge de plusieurs styles de logos prédéfinis (technique, moderne, brillant, amusant, abstrait, minimaliste)
• Nom de marque personnalisé et saisie d'informations supplémentaires
• Système flexible de sélection des couleurs primaires et d'arrière-plan
• Prise en charge de l'accès à la personnalisation de la clé API Together AI
• Système de gestion de l'authentification et de l'autorisation des utilisateurs
• Système de points intégré pour limiter le nombre de générations
• Exportation du logo au format PNG
• Conception souple avec prise en charge de l'accès multiple
• Prévisualisation et génération de logos en temps réel

Utiliser l'aide

Processus d'installation

1. entrepôt de clonesLe dépôt de données doit être cloné : Exécutez la commande suivante dans un terminal pour cloner le dépôt de données :

   git clone https://github.com/Nutlope/logocreator

2. Création d'un fichier .env: Créer un .env et ajoutez votre Ensemble Clé API AI :

   TOGETHER_API_KEY=你的API密钥

3. Installation des dépendancesPour installer les dépendances du projet, exécutez la commande suivante :

   npm install

4. Lancement de projetsLancement du serveur de développement local : Exécutez la commande suivante pour lancer le serveur de développement local :

   npm run dev

Processus d'utilisation

1. Accès au serveur localOuvrir dans le navigateur http://localhost:3000 Accéder à un LogoCreator fonctionnant localement.
2. Sélectionner le styleLa page d'accueil : Choisissez votre style de logo préféré sur la page d'accueil.
3. Logo personnaliséLe logo peut être modifié en fonction des besoins : les couleurs, les polices et les éléments graphiques du logo sont adaptés.
4. Générer un drapeauCliquez sur le bouton "Générer" et LogoCreator utilisera les IA de Together. Flux pour générer votre logo.
5. Panneau de sortieLes logos générés peuvent être exportés au format PNG et le format SVG sera pris en charge à l'avenir.

Fonction en vedette Fonctionnement

• Personnalisation du styleDans la page de création du logo, les utilisateurs peuvent choisir parmi différents modèles de style et personnaliser l'apparence du logo à l'aide du sélecteur de couleurs et du sélecteur de polices de caractères.
• Historique de l'utilisateurLes versions futures fourniront un tableau de bord de l'historique des logos de l'utilisateur afin de faciliter la visualisation et la gestion des logos générés précédemment.
• limite de vitesseLa fonction de limitation de taux mise en œuvre par Upstash Redis garantit que chaque utilisateur n'a pas trop de demandes dans un certain laps de temps, ce qui assure la stabilité du service.
• l'authentification: Clerk est utilisé pour l'authentification de l'utilisateur afin de garantir la sécurité et la confidentialité des données de l'utilisateur.
• Analyse et observabilitéIntégrer Plausible et Helicone pour l'analyse et la surveillance des données afin d'aider les développeurs à comprendre le comportement des utilisateurs et les performances du système.

Étapes détaillées de la création d'un logo

Saisir les informations de base

• Indiquez le nom de votre entreprise ou de votre marque dans la zone de saisie "Nom de l'entreprise".
• (Facultatif) Saisissez votre propre clé API dans "TOGETHER API KEY" pour dépasser la limite d'utilisation.

Choisir le style du logo

Les modèles disponibles sont les suivants :

• Flashy : pour les marques qui doivent attirer l'attention, en utilisant des couleurs néon et des reflets métalliques.
• Tech : pour les entreprises technologiques, avec un design minimaliste et clair
• Moderne : design d'avant-garde, utilisant des formes géométriques et des lignes épurées.
• Ludique : pour les enfants ou les marques liées au divertissement, en utilisant des couleurs vives et des formes arrondies.
• Abstrait : artistique, utilisant des formes et des motifs uniques.
• Minimal : design simple et intemporel pour des scénarios d'affaires professionnels

Sélection des couleurs

• Couleur primaire : sélectionnez la couleur primaire du logo.
• Couleur d'arrière-plan : permet de sélectionner la couleur d'arrière-plan du logo.
  Les deux sélecteurs de couleurs offrent une palette complète de couleurs permettant de sélectionner exactement la couleur souhaitée

Production et exportation

1. Après avoir défini toutes les options, cliquez sur le bouton "Générer".
2. Attendez quelques secondes et l'IA générera un logo correspondant à votre choix.
3. Une fois généré, vous pouvez directement télécharger le fichier du logo au format PNG.

Techniques avancées

• Utilisez votre propre clé API Together AI pour dépasser la limite par défaut du nombre de fois où elle peut être générée !
• Essayez différentes combinaisons de couleurs pour obtenir les meilleurs résultats
• Les logos peuvent être générés plusieurs fois avec les mêmes paramètres, chaque fois avec des résultats légèrement différents.
• Il est recommandé d'examiner attentivement l'orthographe du nom de l'entreprise avant de le générer afin de s'assurer qu'il est exact.

mise en garde

• Les utilisateurs gratuits sont limités à 3 utilisations par période de 60 jours.
• Le logo généré est au format PNG, l'exportation SVG n'est pas prise en charge pour le moment.
• Assurez-vous que vous disposez de suffisamment de crédits d'utilisation ou d'une clé API valide.
• Il est recommandé de l'utiliser dans un bon environnement de réseau pour garantir un processus de génération sans heurts.