Création d'image
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

Création d'image


 
AccueilPortailRechercherDernières imagesS'enregistrerConnexion
Le Deal du moment :
Xiaomi Mi Smart Camera 2K Standard Edition (design ...
Voir le deal
11.39 €

 

 Kit graphiques

Aller en bas 
3 participants

Le tutorial est
tres facile :D
Kit graphiques Capsl9vh50%Kit graphiques Capsr1xy
 50% [ 1 ]
facile :)
Kit graphiques Capsl9vh50%Kit graphiques Capsr1xy
 50% [ 1 ]
moyen :|
Kit graphiques Capsl9vh0%Kit graphiques Capsr1xy
 0% [ 0 ]
dur :(
Kit graphiques Capsl9vh0%Kit graphiques Capsr1xy
 0% [ 0 ]
trop dur :x
Kit graphiques Capsl9vh0%Kit graphiques Capsr1xy
 0% [ 0 ]
Total des votes : 2
 

AuteurMessage
Agonie
createur
createur



Nombre de messages : 615
Age : 31
Localisation : Sur ma chaise
Date d'inscription : 08/11/2006

Kit graphiques Empty
MessageSujet: Kit graphiques   Kit graphiques EmptyMer 15 Nov - 19:30

Voila je propose que sur ce topic on crée des kit graphiques de nous memes.

Notes: kit graphiques= design de site internet
Si vous ne savez pas le faire, voici un petit tutorial (juste avec photoshop) :


1-Tout d'abord, créé une image en 1000 x 1000 pixels

2-Faites un genre de screenshot de votre futur site: une image avec UN SEUL calque; pour moi :
Kit graphiques Sanstitre1copieqr4

en créant au minimum : un menu de navigation, un emplacement de banniere et le corps de la page et si possible sans ellipse Smile

3-Maintenant enregistrez votre image en .psd puis en .jpeg .

4-fermez photoshop et ouvrez image ready

5-selectionez l'outil tranche: Kit graphiques 1gb0

6- Decoupez les parties principales e votre site, menu(s), corps de la page, banniere (logo Wink) etc...

7-faites fichier->enregistrer sous en .psd

8-fichier-> enregistrez une copie optimisée sous et choisissez "html et images"

9-fermez ou reduisez imageready

10-ouvrez la page le nom-que-vous-avez-choisi.html et vous remarquerez que sous firefox (si vous l'avez), il y a des genres de bugs donc ouvrez la page avec internet explorer et là cela devrait apparaitre comme il le faut.

Mais me direz vous, a quoi ca sert de faire un joli design de site internet si il y a pas de texte sur les images QuestionQuestion
he bien continuez a lire ExclamationExclamationExclamation

11-Je vous conseille de telecharger un editeur html de designer pour 'voir' si votre travail est bien fait: dreamweaver

12-apres avoir installé et fait tout le bidouillage necessaire Razz , ouvrez dreamweaver

13-faites fichier->ouvrir-> votre page en .html et allez dans affichage->creation

14- cliquez sur l'image censée etre corps de votre page puis faites affichage->fractionner .

15-une partie du code html est selectionnée, c'est le code de l'image. Cliquez juste avant le debut du texte selectionné et inserez ce code :
Code:
<div class="Style1" style="width: 714px; height: 155px; padding: 0; margin: 0; background: url(images/tranche_03.jpg);">Votre texte</div>

a la place de XX (largeur) et YY (hauteur): mettez les dimensions de l'image decoupée dans l'image d'origine de votre kit graphique (le fichier ou vous avez enregistré votre page .html ->images -> l'image que vous avez selectionné dans dreamweaver->mettez votre curseur dessus (sans cliquer) et vous aurez la largeur ainsi que la hauteur de l'image.

a la place de
Code:
(image.jpg)
mettez : image/le-nom-de-l'image.jpg et supprimez le code:
Code:
<img src="images/nom de l'image.jpg" alt="" name="quelquechose" width="39" height="737" id="autrechose ^^">
retournez dans la partie du dessous, cliquez sur l'image que vous avez modifié et...vous pouvez ecrire, c'est magique alien cheers Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven .

16- vous devez refaire l'etape 16 sur les images sur lesquelles vous voulez mettre du texte.



Conclusion : petit tutos que j'ai fait mais pas tres explicite malheuresement confused mais j'espere que vous reussirez, n'hesites pas a poser des qustions plus bas.


Postez vos créations !! Kit graphiques Glandoui

Mon kit graphique: http://simulation-hack.ovh.org/kit/tranche.php a regarder avec internet explorer...



PS: ils vous faut un hebergeur pour mettre vos pages en ligne, si vous en avez un faites le mais sinon postez seulement un screen ou l'image et rajoutes moi dans vos contacts msn: kakashiprovost@msn.com pour que je le mette sur mon hebergeur santa , je vous passerez le lien et vous pourrez le poster en me remerciant du fond du coeurs Razz

PPS:si vous voulez utilisez ce kit graphique, contactez moi Very Happy


Dernière édition par le Jeu 16 Nov - 9:32, édité 3 fois
Revenir en haut Aller en bas
kirototo
createur
createur
kirototo


Nombre de messages : 381
Age : 30
Date d'inscription : 15/08/2006

Kit graphiques Empty
MessageSujet: Re: Kit graphiques   Kit graphiques EmptyMer 15 Nov - 20:46

je ne lé pas encor lit mais mé des img stp c'est bocoup mieu

edit a c'est pour toshop ba je lit pas
Revenir en haut Aller en bas
http://kirototo.skyblog.com/
I$-Fb[-]Atlanta
moderateur [co-fondateur de la Dark Flooder team]
I$-Fb[-]Atlanta


Nombre de messages : 459
Age : 33
Date d'inscription : 14/07/2006

Kit graphiques Empty
MessageSujet: Re: Kit graphiques   Kit graphiques EmptyJeu 16 Nov - 1:03

met les images et non le lien et sa se trouve pas ici mais dans ecole
merci
Revenir en haut Aller en bas
Agonie
createur
createur



Nombre de messages : 615
Age : 31
Localisation : Sur ma chaise
Date d'inscription : 08/11/2006

Kit graphiques Empty
MessageSujet: Re: Kit graphiques   Kit graphiques EmptyJeu 16 Nov - 9:26

ok
je vais faire ca
Revenir en haut Aller en bas
Contenu sponsorisé





Kit graphiques Empty
MessageSujet: Re: Kit graphiques   Kit graphiques Empty

Revenir en haut Aller en bas
 
Kit graphiques
Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Création d'image :: partie externe :: salle d'expo :: graff expo-
Sauter vers:  
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser