La petite Clochette...

Mes cosmétiques naturels, mes créa et ma vie...

16 sept. 2009

Réaliser ses étiquettes avec Photoshop...

Suite à la publication du post avec quelques étiquettes à télécharger, j'ai eu envie de vous aider à les faire vous même. Voici un petit tuto qui j'espère vous éclairera un peu...

Attention c'est un peu long mais c'est le minimum pour être clair et précise...

Pour pouvoir réaliser vos étiquettes vous aurez besoin de 2 choses :

- Un logiciel de retouche photo tel que : Photofiltre ou Photoshop.
Personnellement j'utilise Photoshop mon tuto se fera donc sur ce logiciel.

- des kits de Digiscrapbooking : Le digiscrapbooking est la version digital du scrapbooking, il permet de mettre en scène vos photos numériquement.
Vous trouverez ces kits sur internet. Certains sites comme digiscrapbooking ou Digital-Crea, sont spécialisé dans ce domaine. Vous y trouverez une multitude de kits plus jolis les uns que les autres. Certains sont libres d'accés (Freebies) d'autres sont payants.
Dans ces kits vous trouverez de nombreux éléments (papiers, éléments) prêt à l'emploi qui vous permettront de réaliser de jolies étiquettes personnalisées.

Aller c'est parti !!!!!

Voici l'étiquette que je vais vous aider à réaliser.
exemple_etiquette_copie

Bon la première chose à faire et d'ouvrir Photoshop.... Jusque là rien de trop compliqué... lol

Ensuite prenez les mesures de l'étiquette à réaliser. Ici nous allons réaliser une étiquettes d'un peu moins de 7 cm de diamètre.

Donc on va dans "FIchier", puis "Nouveau", et on rempli les paramètres comme ci-dessous.
etape_1___definition_taille
Pour agrandir l'image, cliquer dessus. Elle s'affichera en taille réelle dans une autre page.

Ensuite on va tracer le contour de notre étiquette, pour cela on va utiliser l'outil "Outil Ellipse de sélection"
etape_2___choix_outil

Puis on procède au tracé de l'étiquette.
etape_3___trac__rond
Pour cela, placer votre pointeur de souris en haut à gauche du cadre. (Les bords du tracé ne doivent pas toucher les contours du cadre, au risque que le contour de votre étiquette soit tronquée. Laisser donc une petite marge quand vous tracé votre rond.)
Une fois votre curseur positionner, maintener le bouton de votre souris enfoncée et tracé votre rond. Une fois la forme voulue obtenue relacher le bouton.
Voilà le tracé est fait !!!!!

Il va falloir maintenant créer l'étiquette, c'est à dire créer un calque.

Petite explication : Photoshop fonctionne avec un système de calques. Chaque nouvel élement que vous allez placer dans votre création, entrainera la création d'un calque.
Pour gérer ses calques, il vous faut afficher dans votre page, la fenêtre correspondante.
Fenetre_calque
Si elle n'est pas déjà afficher, aller dans "Fenêtres" puis "Calques"
Pour déplacer ou transformer cet élément, il vous suffit de seléctioner le calque correspondant.
Les calques se superposent (comme les couche d'un gâteau), pour placer un calque au dessus d'un autre il vous suffit de le selectionner et de le faire glisser à l'endroit voulu.
Pour le transformer, il vous suffit de selectionner le calque, puis de faire "Ctrl+T". Vous pourrez ainsi agrandir ou réduire votre élement et le faire pivoter.
Quand vous modifier les dimensions de votre élements, garder la touche "MAJ" enfoncé cela pemettra de garder les proportions et de ne pas déformer l'élement. Une fois la forme obtenue, faite "Entrée" pour valider.

Donc notre tracé étant réaliser, nous allons tout simplement faire un "Copier-Coller".
Cela vous nous créer automatiquement le "Calque 1"
etape_4___creation_calque_1

Voilà le calque de votre étiquette est créer.... Félicitations !!!!
Maintenant il va falloir la remplir...

************************************************************

Choississez un fond qui vous plaît, ouvrez le avec Photoshop.
Puis faites glisser le fond dans le cadre de votre étiquette.
etape_5___insertion_fond
Cela créer automatiquement le "Calque 2".
Si besoin réduisez la taille en utilisant la "transformation" (Ctrl+T avec la touche MAJ).

Le fond de votre étiquette doit remplir la totalité du cadre.
etape_6___reduction_taille_fond

Maintenant il va falloir découper le fond pour l'adapter au rond de notre étiquette.
Pour cela on sélectionne le Calque 1. Puis on va dans "Sélection", puis "Récupérer la sélection".
etape_7___decoupage_calque_2
On fait "OK".

Le Calque 1 est en pointillé.
On va ensuite dans "Sélection", puis "Intervertir".
etape_8___Intervertir

On sélectionne ensuite le Calque 2, on en appuie sur "Suppr".
etape_9___Supprimer_calque_2

Voilà le Calque 2 est parfaitement adapté à notre étiquette !!!

************************************************************

On va maintenant, créer un contour à notre étiquette.
Pour cela sélectionner le Calque 1, puis "Edition", "Contour"
etape_10___Contour_
Remplissez les caractéristiques (epaisseur, couleur,...) selon vos envies, puis faites "OK".

Voilà votre étiquette à un joli contour !!!
etape_11___Contour_OK

************************************************************

Maintenant il va falloir ajouter quelques déco...
Ici j'ai choisi 3 jolies arabesques.
arabesques

Pour commencer on ouvre la première arabesque avec Photoshop.
Puis comme pour le fond, on fait glisser l'arabesque dans le cadre de l'étiquette.
Grâce à la Transformation (Ctrl+T, puis MAJ), on la redimensionne, on la fait pivoter afin de la plaçer à l'endroit voulue.
etape_12___deco_1_OK
L'image peut dépasser du rond de l'étiquette, on supprimera ensuite ce qui dépasse.
N'hésitez pas à tester la taille, l'emplaçement pour faire varier le style et trouver celui qui vous convient.

************************************************************

Une fois que tous les élements sont placés, on de nouveau supprimer ce qui dépasse.
Pour cela on va procéder de la même façon que pour le fond.
On sélection le Calque 2, puis de nouveau "Sélection", "Récupérer la sélection".
Ensuite "Sélection", "Intervertir".
Puis on se place sur chaque calque et on appuie sur "Suppr".
Et voilà !!!!
etape_13___D_cos_OK

************************************************************

Maintenant quelques détails...

Vous pouvez modifier l'opacité des calques. Ici on va modifier l'opacité du fond pour une couleur plus douce.
On se place sur le Calque 1, puis on modifie le pourcentage de l'opacité jusqu'à obtenir celle voulue.
etape_14___Opacit__calque_2

On va aussi y inclure un texte. On va donc y inclure la signature.
Sélectionner "Outil Texte Horizontal"
etape_15___Outil_Texte

Ensuite cliquer dans le cadre de l'étiquette et ecrivez votre texte. Vous pouvez bien sur modifier tout un tas de paramètres comme la police, la taille, la couleur, l'espacement... dans le cadre "Caractère"
etape_16___Texte_OK

Une fois votre texte terminé, taper "Entrer" pour valider.
Vous pouvez bien sur toujours le déplacer en selectionnant son calque.

Nous allons maintenant donner un peu d'allure au texte. Pour cela on va lui ajouter ce qu'on appelle une "Ombre portée".
Dans l'encardement de gestion des calques, cliquer sur le dessin "Ajouter un style de calque".
etape_17___Texte_ombre_port_e
Puis sélectionner "Ombre portée".

Vous pouvez ensuite modifier les différents paramètres jusqu'à obtenir ce que vous voulez.
etape_18___D_finition_ombre_port_e
Cliquer ensuite sur "OK".

BRAVO !!!!! A toutes celles qui sont arrivées jusqu'à là... Vous venez de réaliser votre première étiquette personnalisée !!!!!!!!!!

************************************************************

Bon ce tuto reste un exemple de ce que l'on peut réaliser mais une fois que vous maitriserez le principe et les outils de Photoshop vous pourrez TOUT faire très simplement et rapidement !!!!!!!
La seule limite est celle de votre imagination.....

J'espère avoir été clair dans mes explications... C'est pas toujours facile facile !!!
Et surtout donnez moi vous impressions sur ce tuto.....

Alors surtout si vous avez des questions n'hésitez pas....

Clochette

Rendez-vous sur Hellocoton !
Posté par petiteclochette à 10:35 - Comment on fait !?! (Tutos et pas à pas) - Commentaires [18] - Permalien [#]

Commentaires

    merci pour ce tuto très intéressant
    juste une question : je ne voies pas comment on utilise les kits de digiscrap : ils sont lisibles par photoshop ?
    merci à toi

    Posté par framboise, 16 sept. 2009 à 11:10
  • waouuu!
    j'avais fait une ptite pause bloggesque , je reviens et je vois un super tuto !
    Merci , je vais plus avoir trop d'excuse maintenant pour faire des étiquettes.. ah si,je dois trouver une excuse pour squatter l'ordi!
    bizzz

    Posté par puchao, 16 sept. 2009 à 11:20
  • Merci merci pour ce tuto !!! Je cherchais justement hier un logiciel pour créer ces étiquettes mais j'ai télécharger photofiltre du coup! Mais à présent c'est un peu + clair à présent!
    Bonne journée!

    Posté par Foxy, 16 sept. 2009 à 11:27
  • waouhhhhh tu vas faire de nombreuses heureuses !!!!!
    clair et prècis ? le but est atteind ... c'est un excellent tuto
    gros bidoux
    cece

    Posté par cece, 16 sept. 2009 à 14:03
  • Très bon tuto, bien clair^^ Perso j'utilise the gimp pour faire mes étiquettes. C'est quasiment le même principe sauf que les noms changent...
    @Framboise: normalement tout les kits de digiscrap s'ouvrent avec photoshop. Il te suffit juste de faire un clic droit avec ta souris sur un des éléments de ton kit et de séléctioner l'option "ouvrir avec" et de chercher photoshop dans la liste de tes logiciels^^

    Posté par Amandine, 16 sept. 2009 à 14:24
  • Super tuto! Merci de tout coeur Clochette!
    Tu es un amour!

    Posté par Kaléas Fé, 16 sept. 2009 à 15:43
  • Waou!!! Quel travail,merci beaucoup, vraiment!! Je vais bien prendre le temps de m'y mettre et à moi les belles étiquettes! C'est vraiment ce qu'il me fallait! Bises

    Posté par Muffin, 16 sept. 2009 à 16:52
  • Waou!!! Quel travail,merci beaucoup, vraiment!! Je vais bien prendre le temps de m'y mettre et à moi les belles étiquettes! C'est vraiment ce qu'il me fallait! Bises

    Posté par Muffin, 16 sept. 2009 à 17:00
  • très bien expliqué. A voir si j'arrive à les faire toute seule. Merci beaucoup pour ce tuto

    Posté par marie-neige, 16 sept. 2009 à 19:03
  • Merci pour ce tuto et les liens surtout.... je vais m'en servir, c'est sûr...
    Bises ma belle

    Posté par Fabienne, 17 sept. 2009 à 01:04
  • Waowwwwwwwww merciiiiiiiiiiii biennnnnnnnnnn !!!
    biz
    la cigale enchantée

    Posté par jason, 17 sept. 2009 à 18:21
  • Géniiall ce tuto !! Je crois que je vais m'y mettre sériusement au lieu de te piquer les étiquettes toutes faites!! =D
    En tapant freebies sur google, on trouve des sites où on peut télécharger des kits gratuits très sympa...
    Mercii pour ces pistes !!
    Bisoouxx

    Posté par Leila, 18 sept. 2009 à 23:46
  • Perfect! bravo c'est vraiment super bien fait!! merci encore!

    Posté par arkonielle, 21 sept. 2009 à 09:35
  • Merciiiiiiiiiii pour ce tuto!! Au risque de paraitre ridicule : quel est le support d'impression de l'étiquette? ou: les étiquettes;adhésives ou faut il les decouper ou en existe t-il des rondes ou ovales (je l'avais dis que ma question était ridicule!!) mais j'espère que qq'un ou qq'une prendra le temps de m'éclairer Dans tous les cas Chapeau Clochette pour votre site j'y viens et je me régale de couleurs et de parfums Merci bizzzzzz

    Posté par wasabi, 22 sept. 2009 à 23:08
  • La question precedente m'interesse aussi beaucoup,
    je suis débutante et j'aimerai offrir pour noel que des cosmeto hand made, par contre pour imprimer vos étiquettes vous faites comment?? papier adhésif avec forme diverse, papier adhesif que vous coupez après avoir imprimer ???

    Posté par angy, 21 oct. 2009 à 15:50
  • merci...

    ....pour ce super tuto qui explique vraiment bien comment faire les étiquettes ^^

    Posté par kawaii-world, 19 nov. 2009 à 10:18
  • Génial ce tuto, je cherchais justement comment on pouvait faire !! Merci beaucoup et bravo.
    Une petite question tout de même, les images telles que les arabesques utilisées dans l'exemple sont des éléments de kit digitaux ???
    Bises.
    Karen.

    Posté par Karen49, 08 nov. 2010 à 16:33
  • Merci

    Bonjour,
    Merci pour ce super tuto, une petite question maintenant que je suis arrivé au bout, comment faire pour l'impression?

    Posté par accroauviolet, 17 févr. 2016 à 10:21

Poster un commentaire







Blog Widget by LinkWithin