Forums Développement Multimédia

Aller au contenu

Contours avec image png

CODE css

3 réponses à ce sujet

#1 Lyser

    Ceinture Marron

  • Members
  • PipPipPipPipPipPip
  • 172 messages

Posté 26 March 2015 - 15:10 PM

Salut,
J'aimerais fignoler un site en ajoutant des contours avec de la transparence sur les cotés et en bas.
Le résultat serait celui-ci

J'aimerais savoir comment m'y prendre, voici le site en question : http://lyser.fr/jeux/teso/

#2 dcz.switcher

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 2530 messages

Posté 02 April 2015 - 20:31 PM

Salut,

Réponse un peu tardive puisqu'il semble que tu ais finalement trouvé comment faire.

Sympa ton site
"Ce que l'on conçoit bien s'énonce clairement et les mots pour le dire arrivent aisément"

embryon de site

#3 fabrice34

    Ceinture Blanche

  • Members
  • Pip
  • 1 messages

Posté 02 May 2015 - 21:14 PM

Juste une question tu as fais comment ? merci d'avance
Consultant seo pour l'agence de référencement vip-agence.com

#4 Patrice71

    Ceinture Blanche

  • Members
  • Pip
  • 3 messages

Posté 28 July 2015 - 08:03 AM

@Fabrice,

pour cela il faut créer sous photoshop (ou autre), une image "d'ombre" transparente (tu peu jouer avec les brosses par exemple) avec un canal Alpha. Cette operation est automatique sous photoshop si tu travaille avec un fond transparent.
Ensuite quand tu exporte ton png, tu selectionnes bien [x] inclure le canal alpha. Ensuite ca te créera un fichier png que tu pourra utiliser en "masque", et en le plaçant avec le bon Z order ça te fera un contour "détruit" avec fondu et ombres, et le tour et joué.



1 utilisateur(s) li(sen)t ce sujet

0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)

authorised training centre

Centre de Formation Mediabox - Adobe et Apple Authorised Training Center.

Déclaré auprès de la Direction du Travail et de la Formation Professionnelle

Mediabox : SARL au capital de 62.000€ - Numéro d'activité : 11 75 44555 75 - SIRET : 49371646800035

MEDIABOX, 23, rue de Bruxelles, 75009 PARIS

FFP