Ce site utilise des cookies permettent de personnaliser le contenu et les annonces. Nous partageons également des informations sur l'utilisation de notre site avec nos partenaires.

Tutoriel : reproduction du style de texte Clash of clans

Discussion dans 'Multimédia' créé par LordVal, 4 Février 2015.

  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies. En savoir plus.
  1. LordVal

    LordVal
    Administrateur
    Membre du staff

    16 Août 2013
    3 268
    4 292
    Élixir:
    42451 
    Or:
    Entre autres : Clash of clans
    Niveau:
    158
    Clan:
    ZOB
    Niveau du clan:
    9
    Rang de Clan:
    Chef
    Ligue:
    Légende
    #1 LordVal, 4 Février 2015
    Dernière édition par un modérateur: 5 Février 2015
    [​IMG]
    [​IMG]

    PHOTOSHOP CS6
    PHOTOSHOP CC


    AVERTISSEMENT :
    J'ai essayé, mais pas encore réussi, de m'approcher au plus près de la version 2013 du logo du jeu.
    Ce tutoriel sera certainement mis à jour quand j'aurai compris comment reproduire de manière non destructive les effets obtenus par les graphistes de Supercell.
    Je les soupçonne fortement d'appliquer un style différent par lettre ou par groupes de lettres...


    1. Installez la police de caractères Bad Blockhead
    2. Ouvrez Photoshop
    3. Créez un document de 1700x800 pixels
    4. Utilisez l'outil texte pour créer votre texte
      [​IMG]
    5. Utilisez l'effet de texte "Incrustation de couleur" pour en changer la couleur avec ce code : fcbf5b
      [​IMG]
    6. Utilisez l'effet de texte "Biseautage et estampage" puis "Biseautage et estampage \ Contour" en reproduisant exactement les réglages ci-dessous
      [​IMG]
    7. Utilisez l'effet de texte "Contour" en reproduisant exactement les réglages ci-dessous
      [​IMG]
    8. Utilisez l'effet de texte "Lueur interne" en reproduisant exactement les réglages ci-dessous
      [​IMG]
    9. Utilisez l'effet de texte "Satin" en reproduisant exactement les réglages ci-dessous
      [​IMG]
    10. Utilisez l'effet de texte "Ombre portée" en reproduisant exactement les réglages ci-dessous
      [​IMG]

    NOTA BENE : si vous diminuez la taille du texte, vous devrez adapter la taille des effets de texte :
    • soit en "pixelisant le style de calque"
      (clic droit sur le nom du calque)
    • soit en adaptant l'échelle de vos effets au pourcentage de réduction de votre image
      (clic droit dans la zone des effet sous le calque)
      [​IMG]

    Voici le résultat, vous n'avez plus qu'à changer le texte, Amusez-vous bien :D
    [​IMG]
     
    35 personnes aiment ça.
    Stop hovering to collapse... Click to collapse... Hover to expand... Cliquez pour agrandir...
  2. Le dragon

    Le dragon Mercenain

    9 Juin 2014
    2 811
    959
    Élixir:
    4136 
    Or:
    Avouez, vous n'en avez rien à faire.
    Niveau:
    105
    Clan:
    7MN
    Niveau du clan:
    5
    Rang de Clan:
    Membre
    Ligue:
    Cristal III
    Sympas de nous montrer comment faire ;), en plus ça va me servir je pense :D
     
    Stop hovering to collapse... Click to collapse... Hover to expand... Cliquez pour agrandir...
  3. El3veN

    El3veN Gargouille

    18 Février 2014
    374
    153
    Élixir:
    2154 
    Or:
    .
    Niveau:
    110
    Clan:
    .
    Rang de Clan:
    Chef adjoint
    Ligue:
    Cristal III
    Merci de ce tutoriel :)
     
    Stop hovering to collapse... Click to collapse... Hover to expand... Cliquez pour agrandir...
  4. Kiinder

    Kiinder Chevaucheur de cochon

    20 Mai 2014
    128
    273
    Élixir:
    545 
    Or:
    Papetier
    Niveau:
    170
    Clan:
    BoBoiBoy
    Niveau du clan:
    10
    Rang de Clan:
    Ainé
    Ligue:
    Légende
    Nice poste !
     
    Stop hovering to collapse... Click to collapse... Hover to expand... Cliquez pour agrandir...
  5. Johaire

    Johaire Gobelin

    27 Mai 2014
    156
    29
    Élixir:
    1244 
    Or:
    Niveau:
    134
    Clan:
    Titanium Reborn
    Niveau du clan:
    6
    Rang de Clan:
    Chef adjoint
    Ligue:
    Cristal III
    génial bon boulot :D
     
  6. jejette

    jejette Gobelin

    14 Octobre 2014
    104
    47
    Élixir:
    1214 
    Or:
    Niveau:
    97
    Clan:
    destroyeurs
    Rang de Clan:
    Chef adjoint
    Ligue:
    Or I
    slt pas mal le rapprochement du logo,et très bon tuto;)
     
    2 personnes aiment ça.
    Stop hovering to collapse... Click to collapse... Hover to expand... Cliquez pour agrandir...
  7. Papatate

    Papatate Gargouille

    29 Mars 2015
    363
    180
    Élixir:
    460 
    Or:
    Streaming sur twich papatapte
    Clan:
    Gosthwar
    Rang de Clan:
    Ainé
    Ligue:
    Champion
    Super sympa tous ses membres,ui prennent de leurs temps pour cocottes des super tutoriels
     
    4 personnes aiment ça.
    Stop hovering to collapse... Click to collapse... Hover to expand... Cliquez pour agrandir...
  8. pevsyl

    pevsyl Gobelin

    31 Mars 2015
    30
    71
    Élixir:
    2593 
    Or:
    Niveau:
    110
    Clan:
    PingHaut
    Niveau du clan:
    6
    Rang de Clan:
    Chef adjoint
    Ligue:
    Master II
    bonjour LordValLordVal et tout d'abord merci,
    pour la densité linéaire - (Ajout) quel est le code couleur utilisé :) ?

    PevSyl
     
    2 personnes aiment ça.
    Stop hovering to collapse... Click to collapse... Hover to expand... Cliquez pour agrandir...
  9. Hiram

    Hiram Archer

    29 Avril 2015
    2
    3
    Élixir:
    18518 
    Or:
    Rang de Clan:
    Aucun clan
    Ligue:
    Aucune
    #9 Hiram, 3 Mai 2015
    Dernière édition par un modérateur: 20 Mai 2015
    Salut ! Très chouette tuto, merci et bravo !

    Mais il me semble qu'il manque quelques éléments pour qu’il soit complet :
    • Au point 6, la couleur à utiliser en mode de tons clairs est faf3bd, et celle pour les tons foncés est 000000 ;
    • Au point 8, la couleur à utiliser pour la lueur interne est f9fceb ;
    • Au point 9, la couleur à utiliser pour le satin est fff63f.
    Et pour ma part, au point 10, je ferais plutôt l’ombre en produit, opacité 100%, angle 120°, distance 19px, grossi 0%, taille 0%.

    Et enfin, comme tu le suggères, LordValLordVal, il y a un style particulier ajouté à chaque partie de lettre (le biseau de gauche en fait). Je vais essayer de le reconstituer pour en faire profiter tout le monde ;-)
    [DOUBLEPOST=1430665883,1430648372][/DOUBLEPOST]Comme promis, voilà le dégradé des biseaux de gauche du mot « Clash » :
    • 0% : fff5ba
    • 40% : fff5ba
    • 48% : ab8063
    • 56% : f4aa67
    • 100% : ffdb66
    [​IMG]
     
    6 personnes aiment ça.
  10. pevsyl

    pevsyl Gobelin

    31 Mars 2015
    30
    71
    Élixir:
    2593 
    Or:
    Niveau:
    110
    Clan:
    PingHaut
    Niveau du clan:
    6
    Rang de Clan:
    Chef adjoint
    Ligue:
    Master II
    Un grand merci HiramHiram pour ces informations supplémentaires
     
    3 personnes aiment ça.
    Stop hovering to collapse... Click to collapse... Hover to expand... Cliquez pour agrandir...