UnitCreations

Dans ce tutoriel nous allons voir comment on peut simplement crée un logo pour une entreprise de qualité professionnelle à l’aide d’Adobe Photoshop. Nous allons aborder les étapes de création pas à pas de façon à ce que vous assimiliez des nouvelles techniques de manipulation sur Photoshop. Ce tutoriel vous montre une partie des  très nombreuses techniques de création de logo et vous apprend notamment à crée un logo, le mettre en valeur ainsi que placer le nom et le slogan de votre entreprise ou site web.

Lançons nous donc dans l’aventure, c’est à dire dans la création :

Étape 1 : Création d’un nouveau document

Comment d’habitude nous allons commencer par crée notre document de travail. Pour cela je vous propose de vous rendre dans la barre de menu en haut, puis de faire Fichier >> Nouveau… .

Configurez alors votre nouveau document comme moi sur la capture d’écran ci-dessus, puis faites Ok.

Étape 2 : Ajout de fond et organisation

Une fois le document crée, je vous propose de tout de suite ajouter un fond à notre plan de travail. Mais nous devons avant débloquer le calque de fond et  pour cela double-cliquer sur le seul calque qui devrais pour le moment apparaître : Arrière plan, puis dans la fenêtre qui s’ouvre, saisir le nom Fond dans la case nom puis cliquer sur Ok. Votre calque sera alors débloqué et nous allons pouvoir commencer à travailler.

Double-cliquez à nouveau sur le calque qui ce nomme maintenant fond et faites une Incrustation en dégradé, avec  la configuration suivante :

Cliquez en suite sur Ok et passez à la suite.

Maintenant avant de passer à la suite, je voudrais vous montrer une chose qui sera  essentiel dans toute vos créations plus ou moins complexes : l’organisation. En effet si vous réaliser des grands travaux sur Photoshop et que vous créez tous vos calques les uns à la suite des autres, très vite en voulant modifier quelque chose vous ne vous y retrouverez plus. Je propose de vous montrer un moyen simple de vous organiser dans Photoshop : les groupes ou encore les dossier.

Les dossier sont comme les dossier dossier de votre ordinateur, sauf que là il vont vous permettre de ranger vos calques, vos masques etc. dans vos fichier source. La bonne nouvelle est que ça va nous faciliter la tâche, que c’est simple à faire et que les dossiers peuvent eux aussi contenir des dossiers .

L’icône pour Créer des nouveaux dossier ce trouve juste du côté gauche de celle Créer un nouveau calque. Créons donc 3 nouveau dossier : Fond, Logo et Slogan.

Double-cliquez sur chaque dossier crée afin de changer son nom.

Étape 3 : Mise en place de la scène du logo

Un dégradé c’est beau, mais bon cela ne suffit pas, on va donc éclairer d’avantage notre scène. Créez donc un Nouveau calque dans le dossier Fond, prenez  l’Outil Pinceau, faites un clique droit sur le plan du travail et configurer votre pinceau de la manière ci-dessous :

Une fois les paramètres réglés, faites un gros et jolie point sur notre dégradé comme sur la capture d’écran ci-dessous :

Maintenant, en gardant ce même calque sélectionné dans le menu des calques à droite,  baisser l’opacité de celui-ci à 20%. Pour ce qui ne serais pas le faire, voici une image :

Nous avons fini avec le fond de notre création, vous pouvez donc rouler le dossier Fond, puis ouvrir celui du Logo.

Étape 4 : Création du logo

Nous arrivons à l’étape la plus longue et délicate du tutoriel, mais pas de panique tous sera expliqué. Pour plus de clarté je sépare cette partie en 3 sous parties.

1.Création de la base du logo

Commencez par sélectionner l’Outil Éclipse parmi les icônes de la barre de menu à gauche. Faites ensuite une Éclipse avec l’outil sélectionné en ayant la touche Alt enfoncée pour obtenir un rond parfait. Placez le à gauche avec un diamètre un peu près égale à 1/3 de la hauteur du plan de travail. (Voir capture d’écran.)

Maintenant que la forme est créer je vous conseil de renommer votre calque  en Base pour continuer dans l’esprit d’organisation.

Notre rond tout seule donne rien d’exceptionnel, c’est pour cela qu’on va embellir en lui ajoutant des styles de calque. Double-cliquez sur le calque Base et commencez par ajouter une Ombre protée avec les paramètres ci-dessous :

L’ombre portée aura pour effet de rajouter une 3ème dimension à notre rond : la profondeur. Les paramètres les plus importants sont l’angle (orientation de l’ombre), la distance (distance par rapport à l’objet) et la taille (défini la taille de l’ombre).

Bon, ajoutons maintenant  un Biseautage et Estampage qui aura pour effet d’ajouter un effet de relief à notre rond. Prenez en compte les paramètres de configuration suivants :

Passons au dégradé, qui est l’étape la plus délicate, donc suivez bien !

Cochez donc la case incrustation en dégradé puis double cliquez sur le dégradé choisi comme sur la capture-d’écran ci-dessous :

C’est la que vous devez vraiment bien suivre.

Nous allons crée un dégradé personnalisé, c’est à dire composé de 3 couleurs.

Le dégradé de base ne contient que 2 couleurs. Nous allons faire en sorte que le notre en contienne 3. Commençon par la première couleur. Cliquez sur le carré de couleur en bas du trait de dégradé puis observez la capture d’écran ci-dessous pour connaître le positionnement des différents éléments.

Choisissez  la couleur #87bcea pour notre premier carré et une position de 4%.

On va crée le carré en milieu en cliquant tout simplement en bas du trait de dégradé à peu près au milieu  des deux carrés d’extrémités.

Changer ici encore la couleur en la mettant au #0a77d5 et la position à 51%.

Enfin pour finaliser le dégradé, cliquez sur le carré de l’extrémité droite et changez sa couleur au #d1e5f7 et la position à 100%, comme sur l’image ci-dessous :

Maintenant passons aux explications :

Vous pouvez ajouter le nombre que vous souhaitez de couleurs dans votre dégradé. En faite à partir de la position que vous avez défini jusqu’à la prochaine couleur, le dégradé entre les couleurs que vous avez choisis va ce faire progressivement. La position en % vous permettra d’appliquer ce même dégradé à un objet de n’importe quelle taille. Vous pouvez également changer l’opacité des couleur, mais je ne l’aborderais pas dans ce chapitre.

Pour en finir avec le dégradé, vous pouvez le sauvegardé pour le réutiliser plus tard sans le refaire en lui donnant un nom puis en cliquant sur le bouton Nouveau. Il sera alors présent dans votre liste de dégradés.

Dernier détail avant de passer à la 2ème sous partie, nous allons ajouter un contour à notre rond. Pas un contour d’une couleur unie mais un contour de dégradé. Pour cela cochez la case contour, puis dans les paramètres choisissez Dégradé en Type de remplissage. Un dégradé linéaire de #102210 vers le blanc, c’est à dire #ffffff.

Cliquez sur Ok, admirez et passez à l’étape suivante.

2. Mise en place des reflets

Nous allons ajouter une touche de modernité à notre demi-logo. Pour cela sélectionnez l’Outil Éclipse avec la couleur blanche comme couleur de remplissage. Crée une éclipse en bas de notre rond, puis baissez son opacité à 10%, comme sur l’image ci-dessous :

On va tout de même pas s’arrêter maintenant ? Créons donc une deuxième éclipse mais cette fois-ci au milieu de notre demi-logo avec une opacité de 30%.

Les reflets crées, passons à la personnalisation de notre logo, c’est à dire la sous-partie suivante.

3. Créer un logo dans un logo

Cette étape va consister à placer une forme à l’intérieur de notre rond. Cette forme peut dépendre de la nature de votre entreprise ou de votre site web. Ici je vais choisir l’avion car j’avais envie de prendre ça .

Sélectionnez donc l’Outil Formes personnalisées, puis choisissez l’avion et enfin créez en un en maintenant la touche ALT enfoncée pour avoir un avion proportionnel. Pour plus de détails je vous invite à voir ci-dessous :

Placez donc votre avion au milieu de votre rond :

Une fois celui-ci placé, double-cliquez sur le calque de l’avion et commencez par ajouter une Ombre interne avec les paramètres ci-dessous :

Puis ajoutez une Lueur externe blanche (#ffffff) afin de faire ressortir notre forme :

Et enfin pour terminer, ajouter un Dégradé Linéaire en allant de #e8e4e4 au blanc (#ffffff). Un petit sreen :

Voilà votre logo est crée, il ne reste plus qu’à placer le nom de votre site web ou entreprise et d’ajouter votre slogan. Donc ne trainons pas .

Étape 5 : Mise en place du nom et du logo

Comme vous auriez du le devinez nous allons maintenant travailler dans le dossier Slogan, mais bon un petit rappel ne fait pas de mal .

Je vous propose donc de commencer par crée un calque texte avec le nom de votre société ou votre site web, dans mon cas sa sera UnitCreations. Créez ensuite un deuxième calque avec l’extension du domaine de votre site web ou le site web de votre entreprise, pour sa sera .com. Mettez ensuite pour les 2 calques de texte une Police de caractères : Arial et une Taille de caractères : 36. Placez les 2 calquer l’un à côté de l’autre, un peu près au milieu du plan de travail à droite d logo.

Crée maintenant un nouveau calque texte de taille 26, et écrivez le logo de votre société/site web. Placez ensuite juste en bas du nom et de l’extension.

Une petite image pour vous aider :

Profitez pour observer comment aligner les 2 calques du haut horizontalement.

Nous complétement en fini je vous propose d’ajouter quelques styles de calques à nos textes.

Double-cliquez sur le nom de votre entreprise/site web puis ajoutez une Ombre interne avec les paramètres ci-dessous :

Puis ajoutez une Lueur externe avec les paramètres suivants :

Faites Ok et continuez.

Passez maintenant a l’extension de votre site web (chez moi .com) et ajoutez lui les mêmes styles que au nom mais avec en plus un Dégradé linéaire du #65b6fc au #d3e1ff, comme sur l’image ci-dessous :

Faites Ok et passez à la dernière manipulation.

Faites clique doit sur votre calque extension et cliquez sur Copier le style du claque. Enfin faites un clique droit sur le calque de votre slogan et cliquez sur Collez le style de calque.

Résultat

Voici ce qu’on obtiens à la fin de toutes ces manipulations :

j’espère que ce tutoriel vous aura appris des nouvelles techniques et astuces et qu’il vous permettra de créer des logo et divers créations exceptionnelles !

Surtout n’hésitez pas à exprimer votre avis sur ce tutoriel !

Télécharger les sources du tutoriel (format PSD)