Skip to content

Photoshoplus

Paramètres, tutoriels et couleurs pour Photoshop

  • Accueil
     
  • Paramètres
    Photoshop
    • Liste des ressources Photoshop
    • Paramètres par catégories
      • Actions
      • Bibliothèques de couleurs
      • Dégradés
      • Displacement Map
      • Extensions
      • Formes (vectorielles)
      • Motifs
      • Nuanciers
      • Outils prédéfinis
      • Paramètres prédéfinis
        • Paramètres Camera Raw
        • Contours
        • Courbes
        • LUTs
        • Virage HDR
      • Pinceaux (Brushes)
      • Plugins gratuits
      • Styles
    • Comment ajouter des Paramètres
    • Pinceaux Adobe gratuits
    • Actions incluses dans Photoshop
  • Tutoriels
    Photoshop
    • Apprendre Photoshop
    • Liste des tutoriels Photoshop
    • Tutoriels Photoshop par catégories
      • 3D
      • Animation
      • Apprendre Photoshop
      • Camera Raw
      • Création d’objets
      • Dessin
      • Effets de texte
      • Effets d’image
      • Paramètres
      • Photomontage
      • Retouche photo
      • Technique
      • Texture
      • Vectoriel
    • Tutoriels par Auteurs
      • Anita-Créations
      • Cadoret
      • Dada-concept
      • FRK Design
      • HélèneM
      • Jean-Guy Roy
      • Linda Allard
      • Michel Rohan
      • Philippe
      • Polov
    • Tutoriels Camera Raw
      • Présentation de Camera Raw
      • Tutoriels Camera Raw
      • Raccourcis Camera Raw
    • Tutoriels Illustrator
      • Tutoriels Illustrator
    • Tutoriels Flash
      • Tutoriels Flash
    • Tutoriels Lightroom + Photoshop
      • Tutoriels Photo artistique
  • Tutoriels
    Peinture numérique
    • Formation Peinture numérique
    • Tutoriels Peinture numérique
    • Tutoriels Retouche peinture
    • Peinture en progression
  • Couleurs
    (liste 1)
    • Noms des couleurs
      • Noms des couleurs (Français)
      • Noms des couleurs (FR et GB)
    • Couleurs Web
      • Couleurs Web
      • Couleurs standards
      • Variantes de couleurs
      • Couleurs X11
    • Couleurs Pantone
      • Pantone PMS standard
      • Pantone Color Bridge Coated
      • Pantone+ Solid Coated
      • Pantone+ Extended Gamut Coated
      • Pantone Metallics Coated
      • Pantone Premium Metallics Coated
      • Pantone Pastels et Neons Coated
      • Pantone Color of the Year
    • Couleurs RAL
      • RAL Classic
      • RAL Design System+
      • RAL Effects
      • RAL Plastics P1-P2
    • Correspondance entre couleurs
      • Correspondance RAL Classic avec d’autres nuanciers
      • Correspondance Humbrol et autres marques
    • Couleurs de peau
      • Pantone couleurs de peau
      • Couleurs de peau Humanae
      • L’Oréal couleurs de peau
      • Nuancier Crayola Colors of the World
      • Couleurs de peau (nuanciers)
    • Couleurs dessin-peinture
      • Couleurs Caran d’Ache
      • Couleurs Copic (Copic Markers)
      • Couleurs Crayola
      • Couleurs Disney
      • Couleurs Humbrol
      • Couleurs Humbrol Authentic
      • Nuances de peintures
      • Couleurs Winsor & Newton
    • Niveaux de gris
  • Couleurs
    (liste 2)
    • Couleurs AFNOR
    • Couleurs Armée française
    • Couleurs Australian Standard
    • Couleurs British Standard
    • Couleurs chromatiques
    • Couleurs Federal et AMS Standard
    • Couleurs Flat Colors
    • Couleurs HKS
    • Couleurs ISCC-NBS
  • Couleurs
    (liste 3)
    • Couleurs Le Corbusier
    • Couleurs Little Greene
    • Couleurs Munsell (2)
    • Couleurs Munsell Soil Color
    • Couleurs NCS
    • Couleurs RATP
    • Couleurs Resene
    • Couleurs RVB par teintes
    • Palettes de couleurs
    • Couleurs des cheveux
    • Couleurs des yeux
  • Photoshop
    Elements
    • Liste des tutoriels PSE
    • Tutoriels PSE par catégories
      • Création d’objets
      • Effets d’image
      • Effets de texte
      • Retouche photos
      • Technique
    • Scripts Photoshop Elements
  • Aide
    Photoshop
    • Aide Photoshop
    • Raccourcis Photoshop
      • Raccourcis Photoshop CC
      • Raccourcis Photoshop CS6
      • Raccourcis Camera Raw
    • Traductions Photoshop
      • Traductions termes GB-FR (CC)
      • Traductions termes FR-GB (CC)
      • Traductions des Filtres
      • Traductions menus (CC)
      • Traductions panneaux (CC)
      • Traductions autres fenêtres (CC)
      • Traductions menus (CS6)
      • Traductions panneaux (CS6)
      • Traductions autres fenêtres (CS6)
    • Modules externes optionnels
    • Traductions Photographie
      • Traductions termes Photographie (GB-FR)
      • Traductions termes Photographie (FR-GB)
  • Images
    • Conceptions
      • Affiches
      • Bannières
      • Logo
    • Créations
      • Photomontages par Anita-Creations
      • Montages d’images
    • Peintures de Gil Elvgren
      • Peintures de Gil Elvgren
      • Portraits Pin-ups Gil Elvgren (1)
    • Peintures numériques
      • Peintures numériques par HélèneM
    • Photographies
      • Photographies par Linda Allard
      • Photographies par Michel Rohan
    • Timbres du monde
  • Autres
    articles
    • Informatique
    • Photographie
⏪ Effets d’image

Créer le logo de Photoshoplus

1 mars 201527 mai 2021 Polov

Créer le logo de Photoshoplus

 

 

logo-photoshoplus

Ce tutoriel est écrit avec Photoshop CS 6.

 

Voici comment est créé le logo du site Photoshoplus. Si ça peut vous servir pour créer votre propre logo…

Ce logo est en 2 parties, une partie ronde et une partie allongée, qui contient le titre du site, et en dessous du logo se trouve le sous-titre.

Dessiner le rond :

► créer une nouvelle image de la dimension finale du logo, ici l’image fait 540 x 130 en 72 ppp

► cliquer sur la couleur de premier plan, en bas du panneau des Outils et choisir la couleur de fond de l’image,
ici c’est marron très clair : R 245, V 244, B 239 ou #f5f4ef

Une couleur claire permet de créer un contraste visuel avec le logo (logo foncé sur un fond clair).

► remplir l’image avec cette couleur, à l’aide des touches Alt + Retour arrière

Remplir le fond avec la couleur de premier plan

► prendre l’outil Ellipse de sélection ou touche M

► maintenir la touche Maj et tracer un cercle en laissant de l’espace autour (bords de l’image)

Tracer le cercle

► ajouter un calque vide, soit en cliquant sur l’icône en bas du panneau Calques : Créer un calque, soit par le menu Calque / Nouveau / Calque ou les touches Maj + Ctrl + N

► choisir une couleur de premier plan, ici un Bleu moyen : R 86, V 137, B 195 ou #5689c3.

► remplir la sélection du cercle avec cette couleur, à l’aide des touches Alt + Retour arrière

► puis désélectionner en cliquant avec l’outil, à l’extérieur du cercle

Cercle bleu

Dessiner la forme allongée :

► prendre l’outil Rectangle arrondi ou touche U

Outil Rectangle arrondi

► dans la barre d’options de l’outil en haut de l’écran, sélectionner Pixels dans le menu de gauche et entrer 30 px dans le Rayon

Barre d'options, outil Rectangle arrondi

► ajouter un nouveau calque avec les touches Maj  Ctrl + N ou l’icône Créer un calque, en bas du panneau Calques

► tracer la forme allongée en dépassant sur le cercle bleu,
► puis la remplir de Bleu et désélectionner en cliquant à l’extérieur de la sélection

Tracer la forme allongée

La longueur de cette forme dépend du contenu, ici le titre est relativement long.

Aligner les calques :

► pour aligner les calques, prendre l’outil Déplacement ou touche V

► choisir le menu Sélection / Tout sélectionner ou les touches Ctrl + A

► dans le panneau Calques, cliquer sur la ligne du rond bleu, maintenir la touche Maj et cliquer sur la ligne de la forme allongée, pour sélectionner les 2 calques

► dans la barre d’options de l’outil, en haut de l’écran, cliquer sur l’icône Aligner les centres dans le sens vertical,
► puis désélectionner par le menu Sélection / Désélectionner ou les touches Ctrl + D

Aligner les calques

Le fait de sélectionner les 2 calques est un gain de temps, mais vous pouvez également aligner chaque calque un à un.

Découper la forme :

Nous allons maintenant découper la forme allongée, de la forme du cercle.

► faire un Ctrl + clic sur la vignette en début de ligne du calque du cercle bleu, pour récupérer sa sélection

► sélectionner le calque de la forme allongée et appuyer sur la touche Suppr du clavier pour la découpée sur le coté gauche

► désélectionner puis avec la Flèche gauche du clavier, décaler le cercle bleu de 6 pixels vers la gauche

Forme découpée par la forme du cercle

Styliser le cercle :

Nous allons styliser le cercle bleu.

► sélectionner le calque du cercle bleu

► choisir le menu Calque / Style de calque / Ombre interne

► dans la fenêtre, modifier les valeurs : Distance 6 px et Taille 6 px

Ombre interne

► puis sélectionner à gauche, la ligne Satin

► dans la fenêtre, modifier les valeurs : Opacité 22 %, Angle 45 °, Distance 54 px et Taille 0 px

Satin

► valider la fenêtre par OK

Cercle stylisé

Ajouter le titre :

► prendre l’outil Texte ou touche T

► afficher le panneau Caractère par le menu Fenêtre

► dans le panneau Caractère, choisir la police Verdana, une Taille de 30 pt et la même couleur que le fond de l’image #f5f4ef

► cliquer dans l’image et écrire le nom du logo, PHOTOSHOPLUS

Pour centrer le texte,
► prendre l’outil Déplacement puis, faire un Ctrl + clic sur la vignette en début de ligne du calque de la forme allongée, pour récupérer sa sélection

► sélectionner le calque de texte, et dans sa barre d’options en haut de l’écran, cliquer sur l’icône Aligner les centres dans le sens vertical

► désélectionner par les touches Ctrl + D, puis ajuster le texte en largeur avec les Flèches gauche ou droite du clavier

Logo avec son titre

Styliser le texte :

► sélectionner le calque du texte puis choisir le menu Calque / Style de calque / Ombre portée

► dans la fenêtre, modifier les valeurs : Opacité 50 %, Distance 2 px et Taille 2 px, puis valider la fenêtre par OK

Ombre portée

Ajouter le sous-titre :

► prendre l’outil Texte et dans le panneau Caractère, choisir la police Myriad Pro, Taille 16 pt et couleur R51 V51 B51 ou #333333

► dans l’image, écrire le sous-titre, ici ressources, tutoriels et formations pour Photoshop

Enregistrer l’image du logo :

Ce logo est une image postée sur Internet, donc il faut enregistrer l’image par le menu Fichier / Enregistrer pour le web.
Pour une image de logo, il faut choisir la meilleure qualité jpg (plus faible compression) donc,

► choisir JPEG supérieur dans le menu en haut à droite, puis sélectionner Maximum dans le menu déroulant en dessous de JPEG.

Enregistrer pour le web

Le logo de Photoshoplus est terminé !

L’image finale se trouve au début du tutoriel ▲

 

Pour ce logo, il n’est pas nécessaire d’en créer une version en vectoriel, c’est juste une image en .jpg.

 

Ce tutoriel est la propriété du site Photoshoplus. Toute reproduction, exploitation ou diffusion du présent document est interdite.

1 969 vues

Effets d’imagelogo

Navigation de l’article

Gestion des couleurs utilisation des profils ICC
Peinture utiliser les outils Densité de Photoshop

Articles similaires

Craquelures sur la peau

Craquelures sur la peau

Photo en forme de timbre-poste

Photo en forme de timbre-poste

Effets Country avec des Courbes

Effets Country avec des Courbes

Articles les plus lus

  • Nuancier RAL Classic en PDF - 70 456 vues
  • Incruster une image dans un texte - 34 250 vues
  • Ajouter des Formes (vectorielles) dans Photoshop - 33 637 vues
  • Surligner ou souligner un texte - 32 495 vues
  • Ajouter des Motifs dans Photoshop - 30 505 vues
  • Photoshop CC 2020 raccourcis outils et menus - 29 417 vues
  • Ajouter des Pinceaux (Brushes) dans Photoshop - 25 216 vues
  • Effet tramé - 24 697 vues
  • Écrire un texte sur un cercle - 24 239 vues
  • Découper une image avec une forme - 19 435 vues

Ressources les plus téléchargées

  • Styles Petites étoiles (01)
  • Lot de styles (02)
  • Modèle photo identité
  • Styles Safari (02)
  • PDF RAL Classic avec codes - pour imprimer
  • Formes Biseaux 01
  • Styles Bleu 02
  • Formes Cartes du monde 01
  • Styles Bois 03
  • Styles Bleu 01

Toutes les catégories d’articles

Étiquettes (tags)

abstrait (51) - accentuation (9) - action (50) - ajouter (16) - alphabet (7) - animation (8) - animaux (32) - anita-creations (11) - arbre (9) - bibliotheque (11) - blanc (8) - bleu (32) - bois (17) - cadre (14) - camera raw (13) - cheval (7) - chevaux (7) - cheveux (9) - chromatique (38) - chrome (7) - ciel (11) - contour (10) - couleur (68) - courbe (7) - dessin (10) - décoration (9) - dégradé (115) - espace (8) - feu (11) - flamme (9) - fleur (22) - forme (197) - grd (22) - grille (8) - gris (19) - halloween (8) - image (26) - informatique (8) - jaune (20) - lettre (10) - marin (8) - marron (11) - mer (15) - motif (208) - multicolore (21) - munsell (7) - métal (21) - nature (10) - netteté (13) - noir (12) - nuancier (197) - ombre (9) - or (17) - orange (15) - pantone (11) - papier (9) - papillon (10) - paramètre (30) - peau (17) - peinture (68) - personnage (9) - photographie (27) - photomontage (12) - pierre (12) - pinceau (157) - plugin (113) - quadrillage (7) - ral (10) - rose (9) - rouge (23) - rétro (9) - style (107) - texte (15) - texture (15) - transparent (11) - vert (18) - vidéo (10) - violet (12) - voiture (7) - étoile (10)

Accueil Plan du site Paramètres Tutoriels Formations Couleurs Me contacter Mentions légales

4 470 500   visiteurs

Photoshoplus © 2004 - 2023

Copyright © 2023 Photoshoplus. Theme: Masonry Brick by Bishal Napit. Powered by WordPress.
  • Accueil
  • Plan du site
  • Paramètres
  • Tutoriels
  • Formations
  • Couleurs
  • Images
  • Me contacter
  • Informations légales