fonds d'écran - créations numériques - webmastering - photograhie - création de site - référencement efficace


 

 

Un petit 'tutoriel pour les nuls', sans être péjoratif du tout, sous Photoshop. Photoshop est une merveille de logiciel mais également de complexité, donc il arrive que l'on maîtrise certaines choses, mais pas d'autres. Icic il s'agit de voir comment insérer un texte sur une bannière déjà préalablement créée. En utilisant les options les plus simples, et sans donner d'indications au niveau des raccorcis clavier qui sont toujours différents sur PC et sur Mac ... L'effet est garanti !

L'image de départ existe déjà et elle est au format de la bannière que l'on veut créer, simplement en lui ajouter un ou deux textes supplémentaires. Quelques petites manipulations dansez aisée.

- on part d'une bannière déjà existante au niveau 'image'

bannière vierge
- lancer et ouvrir photoshop
- pour ouvrir le fichier : fichier >> ouvrir : ouvrir la bannière (banniere.jpg)

bannière ouvertue sous photoshop
- agrandir la surface de travail, soit option 'affichage' soit Ctrl + ou - ou 0 ...
surface de travail dans photoshop

- dupliquer le calque pour conserver l'original au cas où ..
- clic droit dans la palette des calques sur la ligne bleue, 'dupliquer le calque' et on se retrouve avec un nouveau calque 'Arrière-plan copie'

dupliquer un calque photoshop calques
- on enregistre le fichier banniere.psd
- Maintenant, pour mettre le texte:
si elle n'est pas affichée : fenêtre > outils
dans la barre d'outils cliquer sur l'outil texte

insérer un texte sous photoshop
par défaut, texte horizontal, + voir les possibilités de la barre de texte du haut
ici arial regular 14pt précise et la couleur (les effets possibles sont à côté)
cliquer dans l'image, un curseur se positionne, taper le texte, une fois terminé revenir à la flèche (tout en haut de a barre d'outils) de sélection
vous avez alors un nouveau calque qui porte le nom du texte mis ...
photoshop bannière et texte

- déplacer le texte à l'aide de la souris, et maintenant pour lui appliquer une mise en forme et un look:
- reprendre l'outil texte, cliquer dans le texte en place, puis le 'surligner' ou sélectionner en glissant le curseur avec la souris
on va donc pouvoir modifier la police, la taille de la police ainsi que la couleur, ici arial bold 24pt

photoshop taille du texte photoshop sélection
- une fois ceci fait recliquer sur la flèche de sélection et placer votre texte où vous le désirez ...
Maintenant ... des effets ... On peut apliquer des filtres, des plugins, mais le mieux est encore de 'double-cliquer' dans la palette des calques,

option calques dans photoshop
juste après les dernières lettres du titre pour ouvrir la fenêtre 'style de calque'
et là si vous ne connaissez pas ... aprenez à jouer avec les différentes options en cochant la case 'Aperçu' !!!

photoshop et les calques
puis cliquer sur OK quand cela vous convient ... vous pouvez jouer sur une foule de paramètres, y compris des modifications de couleurs également ...
Si cela vous convient, vous pouvez aussi rebouger l'emplacement du texte si vous le désirez
- >> ne pas oublier, de temps en temps de cliquer sur 'enregistrer' pour ne pas risquer de perdre votre travail si ...
- si vous désirez un second texte, mêmes manipulations ...

photoshop tutoriel
- si vous désirez mettre le même style, vous pouvez aller sur le premier calque et prendre l'option 'copier le style de calque', sur le second
"coller le style de calque", remodifier ensuite le style du calque ou le créer, selon votre humeur; modifiez, placez votre second texte comme bon vous semble, puis 'enregistrez'

tutoriel photoshop pour les nuls

pour le fichier 'final', pas besoin d'écraser les calques, il vous suffit de prendre l'option fichier >> 'enregistrer sous'et d'enregistrer le plus souvent
au format *.jpg votre bannière ainsi terminée ... (les calques seront automatiquement écrasés)
il vous faudra peut-être choisir un autre nom de fichier pour ne pas écraser l'original, à vous de choisir !
par défaut dans les options d'enregistrement en JPEG (jpg) choisissez pour la qualité "12" et format 'de base', vous pourrez ensuite alléger votre fichier
comme bon vous semblera ...

bannière avec photoshop

et voilà le travail ....

 

corriger les erreurs de codage Certains diront que ce tuto est trop simple, auxquels je répondrai : hé bien , non ! puisqu'il y a encore des gens qui ne savent pas le faire ! Applicable avec photoshop, cess manipulations le sont également avec une grande partie des bons logiciels de retouche d'images, gimp ou autres par exemple ...!

Suivez donc le tutoriel et ... bonne création !


Pour visualiser un site en plein écran, appuyez sur la touche F11 de votre clavier, si vous appuyez de nouveau, vous reviendrez à la normale.
Sur ce site certaines images, surtout pour les fonds d'écran sont très grandes, selon la taille de votre écran vous risquez d'être obligé de "scroller" sans cesse, ce qui n'est jamais agréable ! Servez-vous alors des touches de raccourcis de votre clavier:
Ctrl +, va agrandir,
Ctrl - va diminuer (et l'on peut répéter cette action),
Ctrl 0 vous fera revenir à la taille originelle.

En appuyant sur la touche ' F5 ' de votre clavier, vous rechargez ou rafraîchissez la page.

Sur ce site, comme sur près de 90% des sites web, se trouvent des scripts en " JavaScript ", par exemple ici le menu et bien d'autres choses. Pour pouvoir en profiter pleinement, il vous faut vérifier si son activation est bien faite dans votre navigateur. N'ayez aucune crainte vous ne risquez absolument rien (google lui-même insère des balises de ce genre dans les sites ... alors s'il y avait un risque, cela se saurait !

aide à la navigation dans le site Si vous ne savez pas comment configurer votre navigateur suivez ce lien explicatif .

Bonne navigation à tous et n'oubliez pas que de nouvelles créations et de nouveaux fonds d'écran sont sans cesse ajoutés régulièrement.

Vos coordonnées :

Vous acceptez les langues suivantes:
mais votre langue principale est:
Votre navigateur a pour "signature":
CCBot/2.0 (http://commoncrawl.org/faq/)
Vous utilisez un navigateur de type: inconnuVous utilisez un navigateur de type: inconnu
Vous utilisez un systeme d'exploitation de type: Hum, je ne connais pas cet OS