32
Personnaliser un logo dark chrome pour DarkNessLife
Ce kit graphique est en vente sur cette page, cliquez ici !
Ce tutorial à pour but de vous aider à personnaliser ce logo, il a été créé pour l’interface graphique DarkNessLife distribuée comme abituellement sur le site www.kitgrafik.com. Nous partons donc d’un logo acquis.
Téléchargez puis ouvrez le fichier Photoshop disponible en haut de cette page, puis appuyez sur la touche t pour utiliser l’outil texte. Le titre est composé de la partie gauche : Darkness et de la partie droite : Lire (plus l’url du site juste en dessous).
Un clic sur l’une de ces parties vous permettra d’entrer en édition, supprimez les caractères et modifiez les comme bon vous semble. N’oubliez pas de modifier l’url de votre site 
Pour que cette manœuvre fonctionne il vous faudra deux polices de caractères : Haettenschweiler pour la partie gauche et Giddyup Std pour la partie droite. Vous pouvez télécharger l’archive ci-dessous contenant ces deux fonts.
Pour aller plus loin ? Vous pouvez par exemple changer le symbole présent dans la bulle. Pour cela, dans la fenêtre des calques, je cherche le calque SYMBOLE, je supprime soit le calque et j’en crée un nouveau, soit je supprime les pixels sur le calque et j’y crée mon symbole.
N’hésitez pas à aller encore plus loin en changeant les couleurs de la bille, du style de calque des textes, du background de l’image
Bonne chance pour la personnalisation.
Vous pourrez trouver l’article de présentation de l’interface graphique Darknesslife sur cette page : http://www.wks.fr/Kit-Graphique-DarkNessLife.html
Article publié par Wonka
Vous aimez cet article? Partagez le !
Je suis très humblement le webmaster et le créateur de ce site, vous êtes en ce moment sur ma fiche membre, vous avez la possibilité de m’’envoyer des messages, pour toutes questions n’hésitez pas une seule seconde !
La galerie des membres
Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !
Questions et commentaires, Il y a 14 messages de forum.
Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.
-
28 mars 2008 11:39, par marcel
j’ai bien modifié mon logo avec photoshop comme indiqué dans votre tutorial mais je ne trouve pas de document PSD correspondant au header_back qui me permette de l’intégrer. comment faire ? merci d’avance
Répondre-
28 mars 2008 15:09, par Wonka
Mais enfin vous prenez l’image png dans le dossier correspondant au fond ( même avec l’ancien logo ) vous copier votre nouvelle image et vous la coller par dessus.
Puis j’enregistre. Je comprends pas le problème ?
Répondre-
28 mars 2008 16:01, par marcel
le problème est que n’étant pas infographiste, les évidences ne me sautent pas forcément aux yeux. d’autant que j’ai essayé cette méthode, certainement maladroitement, et que dans le résultat on voit assez nettement le contour du rectangle de l’image correspondant au logo une fois que celle ci est superposée à l’autre. y a-t-il une astuce ou une manip pour l’éviter ? (mais enfin) merci d’avance
Répondre-
2 avril 2008 14:23
Je rencontre le même problème que Marcel. Pourquoi ne pas mettre à disposition la source du header sans le logo d’origine ? Sans cela, ce kit est inutilisable pour moi. Merci d’avance...
Répondre-
23 avril 2008 18:30, par lex
j’ai réussit à modifier le logo. :D
quel est la police du ’life’ et de l’url : www.darknesslife.com.
Voir en ligne : http://www.lexanaw.fr/
Répondre
-
-
-
-
-
17 juin 2008 21:57, par phil
Bonsoir,
Je galère aussi pour coller le photoshop modifié sur l’ancien png.
Serait-il possible de m envoyer le psd du fichier qui a servi pour le png, çà serait tellement plus simple que de tatonner pour un résultat médiocre
Merci d avance pour l’envoi mail : pmartignier at infomaniak.ch
Répondre-
18 juin 2008 15:41, par Wonka
Tout simplement par ce qu’il n’existe, j’ai utilisé la méthode décrite ci dessous pour créer le png utilisé dans l’interface graphique, si votre résultat est médiocre c’est que vous ne faite pas totalement la méthode ci dessus !
Répondre
-
-
19 juin 2008 16:22, par ayamiss
Wonka, je viens de découvrir le site et je le trouve vraiment superbe !
Continue à nous aider de cette manière, on ne peut en demander plus.
Je suis en cours d’une réalisation à l’aide du .psd et je suis content du résultat grace à ce tuto.
Je te remercie
Répondre -
20 septembre 2008 18:18, par GraeLeigh
Bonsoir,
J’ai téléchargé ce kit qui est superbe
J’ai bien suivi la procédure pour personnaliser le logo mais une fois modifié (titre, adresse internet, incrustation photo dans bille) je ne sais où sauvegarder le fichier pour que le nouveau bandeau apparaisse en tête de mes pages. Ce n’est pourtant pas mon premier site, mais là j’avoue, je ne le trouve pas. Merci pour vos lumières !
GL
Répondre-
20 septembre 2008 21:10, par Wonka
Bah tu regardes dans le dossier images quelle est l’image qui correspond au logo et tu le remplaces, plutôt simple non
Répondre-
20 septembre 2008 23:14, par GraeLeigh
merci pour la réponse.
Le problème est que le fichier psd source dans le répertoire ’source photoshop’ a comme dimension 519x207 alors que le fichier ’header_back.png’ fait 902x157 => si je fais ça, ben il me répète le fichier en m’en mettant deux à côte
Répondre
-
21 septembre 2008 12:50, par Wonka
Tu prends la petite image que tu places dans la grande, tu enregistres et le tour est joué
Répondre-
21 septembre 2008 17:01, par GraeLeigh
merci pour ces éléments.
J’ai essayé mais le rendu n’était pas top, on voyait un peu trop l’incrustation de la petite image dans la grande.
Au final, je suis repartie de mon logo.psd final, j’en ai fait une copie. Dans le premier j’ai enlevé les éléments relatifs à la bille, au logo et au texte. Après j’ai redimensionné en 902x157. Puis j’ai fait copié les groupes de calques relatifs à la bille, au logo et à l’adresse dans le logo.psd. J’ai fait repasser tout ce petit monde au premier plan pour que le texte apparaisse en ’métallique’ et le tour est joué.
Ce n’est pas la version définitive du site (seule la page d’accueil est faite) mais voici ce que cela donne : http://www.melinda-mcgraw.com/Test%20site%20TC/index.html
En tout cas un grand merci d’avoir pris le temps de répondre à mes questions,et d’avoir partagé ce kit :p
Répondre
-
-
-
-
