Je ne suis pas vraiment un designer mais il m'arrive de m'amuser avec mon Gimp. J'avais hier soir besoin de me faire une petit header à la mode web 2.0 pour ma nouvelle page personnelle , j'ai donc fait quelques recherche sur le web mais je n'ai pas trouvé mon bonheur parmis les tutoriel pour Gimp. J'ai donc décidé de transposer un tutoriel Photoshop, et quelques temps plus tard j'ai donc obtenu le résultat souhaité. Je profite donc de cette note pour vous faire partager ma découverte. Créer le texte Ouvrir The Gimp et créez une nouvelle image, pour la taille c'est comme bon vous semble ici j'ai pris 800x200. Dans cette image créez deux calques de texte avec le nom que vous souhaitez, ici j'ai utilisé le nom de mon blog que j'ai scindé en deux couleurs. Une fois le texte mis en forme correctement fusionnez les deux calques et faite un clic droit dessus pour sélectionner alpha vers sélection. Éclaircir le texte Tout en conservant la sélection créez un nouveau calque vide appelez le "eclaircir" et remplissez la sélection de blanc. Appliquer un masque de calque sur le calque "eclaircir" (option "blanc") et faite un dégradé du noir vers le blanc afin de ne conserver qu'un léger dégradé sur le haut du texte (vous pouvez ajuster la transparente du claque pour obtenir un l'effet voulu). Créer une ombre interne Sélectionnez à nouveau le calque de texte et faite à nouveau alpha vers sélection. Nous allons réduire la taille de la sélection d'un pixel, pour ce faire il suffit d'aller dans le menu 'Sélection > Réduire' et entrer la valeur 1 pixel. Tout en conservant la sélection créez un nouveau calque vide appelez le "Ombre interne" et remplissez la sélection de blanc. Sélectionnez le calque "Ombre interne" et appliquez lui un flou gaussien, menu 'Filtres > Flou > Flou gaussien (IIR)...'. J'ai utilisé une valeur de 3.0 pixels. Choisissez maintenant, dans la fenêtre des calques, pour "Mode" la valeur "Superposer". Changez si vous le désirez l'opacité du calque, moi j'ai gardé l'opacité à 100 %. Créer un contour Allez, encore un fois, sélectionnez le calque de texte et faite une nouvelle fois alpha vers sélection. Nous allons cette fois agrandir la taille de la sélection de six pixels, pour ce faire il suffit d'aller dans le menu 'Sélection > Agrandir' et entrer la valeur 6 pixels. Tout en conservant la sélection créez un nouveau calque vide appelez le "contour" et remplissez la sélection de blanc, puis faites le passer sous le calque de texte. Ombrer le logo Gardez sélectionné le calque contour puis appliquez une ombre portée grâce au menu 'Script-Fu > Ombre > Ombre portée', pour l'exemple j'ai choisi les réglages suivant: décalage X de 0 pixel décalage Y de 0 pixel rayon de flou de 40 pixels Couleur noir Opacité 90% Admirer le résultat Alors vous en pensez quoi de ce logo, mérite t'il de prendre la place du titre actuel de ce blog ?
jeudi 13 septembre 2007
Créer un logo web 2.0 avec the Gimp (/home/freetux)
Je ne suis pas vraiment un designer mais il m'arrive de m'amuser avec mon Gimp. J'avais hier soir besoin de me faire une petit header à la mode web 2.0 pour ma nouvelle page personnelle , j'ai donc fait quelques recherche sur le web mais je n'ai pas trouvé mon bonheur parmis les tutoriel pour Gimp. J'ai donc décidé de transposer un tutoriel Photoshop, et quelques temps plus tard j'ai donc obtenu le résultat souhaité. Je profite donc de cette note pour vous faire partager ma découverte. Créer le texte Ouvrir The Gimp et créez une nouvelle image, pour la taille c'est comme bon vous semble ici j'ai pris 800x200. Dans cette image créez deux calques de texte avec le nom que vous souhaitez, ici j'ai utilisé le nom de mon blog que j'ai scindé en deux couleurs. Une fois le texte mis en forme correctement fusionnez les deux calques et faite un clic droit dessus pour sélectionner alpha vers sélection. Éclaircir le texte Tout en conservant la sélection créez un nouveau calque vide appelez le "eclaircir" et remplissez la sélection de blanc. Appliquer un masque de calque sur le calque "eclaircir" (option "blanc") et faite un dégradé du noir vers le blanc afin de ne conserver qu'un léger dégradé sur le haut du texte (vous pouvez ajuster la transparente du claque pour obtenir un l'effet voulu). Créer une ombre interne Sélectionnez à nouveau le calque de texte et faite à nouveau alpha vers sélection. Nous allons réduire la taille de la sélection d'un pixel, pour ce faire il suffit d'aller dans le menu 'Sélection > Réduire' et entrer la valeur 1 pixel. Tout en conservant la sélection créez un nouveau calque vide appelez le "Ombre interne" et remplissez la sélection de blanc. Sélectionnez le calque "Ombre interne" et appliquez lui un flou gaussien, menu 'Filtres > Flou > Flou gaussien (IIR)...'. J'ai utilisé une valeur de 3.0 pixels. Choisissez maintenant, dans la fenêtre des calques, pour "Mode" la valeur "Superposer". Changez si vous le désirez l'opacité du calque, moi j'ai gardé l'opacité à 100 %. Créer un contour Allez, encore un fois, sélectionnez le calque de texte et faite une nouvelle fois alpha vers sélection. Nous allons cette fois agrandir la taille de la sélection de six pixels, pour ce faire il suffit d'aller dans le menu 'Sélection > Agrandir' et entrer la valeur 6 pixels. Tout en conservant la sélection créez un nouveau calque vide appelez le "contour" et remplissez la sélection de blanc, puis faites le passer sous le calque de texte. Ombrer le logo Gardez sélectionné le calque contour puis appliquez une ombre portée grâce au menu 'Script-Fu > Ombre > Ombre portée', pour l'exemple j'ai choisi les réglages suivant: décalage X de 0 pixel décalage Y de 0 pixel rayon de flou de 40 pixels Couleur noir Opacité 90% Admirer le résultat Alors vous en pensez quoi de ce logo, mérite t'il de prendre la place du titre actuel de ce blog ?
Inscription à :
Publier les commentaires (Atom)
Aucun commentaire:
Enregistrer un commentaire