Formations web et création graphique - Franciser un Bouton Web

Fermer



Connexion

Formations sur-mesures…

  • Basées sur des programmes solides
  • Adaptées pour répondre à vos besoins
  • Animées par des formateurs issus des entreprises
  • Intégrant le background des participants avec une pédagogie pro-active
  • Associant vos objectifs  et contraiintes de production
  • 20% sous les tarifs usuels
  • Éligibles  à la prise en charge des OPC

Pour une étude gratuite Demandez nous!

Coaching post-formation

  • Vous bénéficierez d'une Hotline directe avec le formateur qui vous coachera amicalement
  • Vous pourrez compter sur lui pour vous aider à résoudre vos petits soucis
  • Vous serez tenu régulièrement au courant des évolutions de votre métier
  • Vous serez intégré à notre réseau d'alertes et de tutoriels
  • Et ce service est gratuit!

Pour une étude gratuiteDemandez nous!

Audits concrets

  • Les solutions pour un site marchand?
  • Optimiser les Cms : Joomla Drupal Worpress, Hikashop, Prestashop ?
  • Développer un Community Management rentable?
  • Créer un  Réseau Social d'Entreprise?
  • Tester l'ergonomie d'un site?
  • Évaluer les rédactionnels?
  • Optimiser pour les moteurs de recherche?

Demandez un devis gratuitDemandez nous!

Votre site mérite le meilleur!

Votre Projet Web mérite un site Joomla Dynamique

un site web plus attractifAttractif un site web plus fonctionnelFonctionnel un site web plus convivialConvivial

Nous concevons pour vous tous types de sites sous Joomla : Sites institutionnels, e-commerce, communautaires, associatifs…

Les avantages d'un site sous Joomla

  • Vous modifiez et enrichissez le contenu à tout moment sans connaissance technique particulière.
  • Vous changez l’aspect (couleurs, formes) des éléments en un simple clic.
  • Chaque contributeur édite son propre contenu, libérant l’administration de tâches fastidieuses.
  • Votre site est interactif est consultable sur périphériques mobiles : smartphones, tablettes…

Que peut-on faire avec un site sous Joomla ?

La configuration de base intègre :

  • Gestion des utilisateurs : Public, Privé, Contributeurs, Administration.
  • Gestion des articles et Blogs
  • Agenda
  • Galeries Photo et Vidéos
  • Documents à télécharger
  • Newsletter (Infolettre par email)
  • Formulaires de contact
  • Géolocalisation

D’autres modules sont facilement intégrables : Petites annonces, Forums et Communautés, Vente en ligne, Gestion d'événements, Manifestations sportives, pré inscriptions, menus des cantines…

Combien ça coûte ?

48cash0 € : Vous pouvez bénéficier d’une prise en charge totale par votre organisme de formation professionnelle, car le site peut être déployé avec vous lors d'une session de formation
Vous n’avez alors rien à payer : nous sommes réglés directement par votre organisme collecteur (Agefos, Agec, Afdas…). Pour des projets complexe, les budgets sont en général inférieurs de moitié aux solutions propriétaires.

Comment se passe la mise en service ?

48lettreNous vous envoyons gratuitement un dossier complet que vous transmettez à votre organisme : convention de formation, itinéraire pédagogique, devis complet.
Une fois l’accord obtenu, vous fixez les dates de votre session de formation. Un formateur se déplace en vos locaux avec le matériel nécessaire. Avec lui vous vous formez à Joomla, configurez le site Joomla et mettez en place les premiers contenus.

Combien de temps cela prend-il ?

48agendaComptez une semaine au maximum pour préparer votre site Joomla (hébergement mise en service), puis une formation de trois jours dans votre établissement.

Et la maintenance ?

inbox-5Vous êtes totalement maître de votre hébergement et de votre nom de domaine. Dans ce cas le coût annuel est inférieur à 20 euros (chez OVH). Vous avez totalement la main sur votre site.

Pour être libéré des contraintes de mise à jour, optez pour une journée de formation annuelle, au cours de laquelle nous faisons ensemble évoluer votre site Joomla en améliorant ses fonctionnalités. Cette journée de formation peut être prise en charge et ne vous coûtera donc rien.

Contactez-nous sans engagement de votre part pour recevoir toutes les précisions complémentaires

Exemples de sites

thumb_001 thumb_002 thumb_003 thumb_004 thumb_005 thumb_006

Franciser un Bouton Web

Les composants de Joomla (CMS) sont presque tous en anglais.Les fichiers de langues fr_FR sont souvent dispos sur le Net, en tous cas faciles à traduire. Mais ce n'est pas la même histoire pour les images. Pour les templates, on a parfois accès aux fichiers sources. Mais quand ce n'est pas le cas voici comment procéder avec Photoshop.

tuto gratuit photoshop: franciser un bouton web

 

Le bouton ci-dessus a été pécho au fin fond du dossier httpdocs>components>com_community>templates>default vous voyez le truc… ce n'est pas toujours facile de le trouver. Firebug (extension de FireFox) est bien utile pour ça.

Pourquoi y-a-t-il les deux états sur le même fichier? SImple : Il se trouve dans le Background d'une Div et en a:hover il y a un décalage vers le haut du background. Cela évite d'avoir deux images… c'est ça le Web 2.

Quand vous ouvre le .gif il est en couleurs indexées, ce qui veut dire que vous ne pourrez rien en faire avant de l'avoir converti en RVB.

tuto gratuit photoshop : franciser un bouton xeb

Si les couleurs sont Websafe il vaut mieux cocher la case Couleurs Web en bas à gauche. Choisissez avec la pipette dans la partie basse du premier état du bouton.

tuto gratuit photoshop : franciser un bouton xeb

Tracez une forme avec la couleur du bas puis tracez avec la couleur du haut en allant le plus près possible du bord droit et gauche.

Avec les Repères commentés activés il y a des aimantations qui vous facilitent les alignements.

tuto gratuit photoshop : franciser un bouton xeb

Faites la même chose pour le deuxième état.

tuto gratuit photoshop : franciser un bouton xeb

Ensuite passez au texte.

Trois points :

  1. Travaillez à 200% pour mieux voir ce que vous faites, mais pas plus.
  2. N'essayez pas de traduire mot à mot. Le français est trop long, il faudrait un bouton plus gros ou un texte plus petit. Trouvez une traduction qui respecte le sens et qui soit courte.
  3. Activez Nette dans la barre d'option du texte. Même si vous voyez les effets d'escalier, ils disparaîtront quand vous afficherez le bouton à 1000% et aussi avec la conversion en couleurs Indexées.

tuto gratuit photoshop : franciser un bouton xeb

Je n'ai pas ajouté l'effet de creux. Mais si vous voulez utilisez Biseautage et Estampage (les deux mamelles de Photoshop).

Dupliquez le calque de texte et déplacez-le dans l'axe (facile grâce aux repères commentés).

tuto gratuit photoshop : franciser un bouton xeb

Et voilà le bouton est prêt à être exporté.

tuto gratuit photoshop : franciser un bouton xeb

Choisissez Gif et exportez.

tuto gratuit photoshop : franciser un bouton xeb

Remplacez l'image English via FTP par celle que vous venez de franciser et voila le résultat.

tuto gratuit photoshop : franciser un bouton xeb

Vous pouvez voir le résultat en vrai sur notre site de Test pour Joomla.

Nous y avons mis les meilleurs composanst pour les principales fonctionnalités requises.

Bises

Avec Xdata

XData  pour Xpress (comme InData pour InDesign) est le meilleur plug-in pour réaliser des mises en pages automatiques à partir de données tabulaires (Excel par exemple). Nous travaillons en production avec ce logiciel et formons à son utilsation depuis 1995.

Avec XData (ou Indata)…

  • Flora édite des catalogues de vins en 5 langues
  • Cédric imprime des DVD personalisés
  • Sylvie publie des guides de gites ruraux
  • Fabienne édite des annuaires professionnels

Pour en savoir plus

Pour savoir comment réaliser votre projet de mise en page automatique

Partenaires

Licence MCI partenaire Freeeport

LIcnece Marketing et Commerce sur Internet de l'IUT d'Evry

Ici formation partenaire Freeport

ICI Formation est l'annuaire national de référence pour la formation continue, le droit individuel à la formation (DIF), le bilan de compétences , l'outplacement et la validation des acquis de l'expérience (VAE).

Infos-Support

Appelez-nous par Skype
call didiermazier
C'est gratuit!

Qui est en ligne?

Nous avons 89 invités en ligne

Tutoriels Photoshop gratuits

Un café en Or

Ajouter rapidement des étincelles, des reflets, des brillances… Facile avec les formes prédéfinies de Photoshop. Voici comment les utiliser et les paramétrer au mieux.  

Photo rétro avec Lightroom, Photoshop, Camera raw…

On en a tous marre des superbes belles photos numériques bien léchées! On a tous la nostalgie de nos vieux Instamatics, de nos Dacora Dignette et autres appareils offerts par Pif Gadget! Voici comm...

Une couverture de polar à la Rivages

Qui dit polar, dit femme mystérieuse, trouvez d'abord une photo avec les ingrédients de base.  

Triple Outline et taches 2/2

Suite et fin : pour accentuer ce titre et donner un effet trash à la Titeuf, vous pouvez utiliser les formes prédéfinies. Mais comment faire une tâche? Ouvrez Illustrator, même si vous ne savez pas...

Un portrait style Studio Harcourt (1)

Vous ne pourrez jamais reproduire la touche inimitable du studio Harcourt, mais avec un peu d'astuce, une photo pas trop mal prise pourra faire illusion grâce à Photoshop. Voici comment rendre homm...

Ça cartoon!

Tadatadatada… On a tous la musique des Looney Toons dans la tête! Voici comment obtenir rapidement cet effet mythique de tunnel (Boyau? Utérus?…) ancré dans nos souvenirs d'enfance.

Mazflelou c'est flou!

Encore une fois nous allons extraire un personnage du fond, mais cette fois avec un apport de dynamisme. Nous allons en profiter pour voir les avantages des objets dynamiques et du nouveau panneau...

Détourer pour dynamiser!

Voici comment le détourage partiel pourra faire la différence avec une maquette qui restera sobre tout en gagnant en dynamisme.

Le filtre Passe-Haut au secours de la création!

Travailler vite, bien et avec la plus grande souplesse, rêve de créatif? Réalité avec le filtre Passe-haut qui, avec un seul calque, offre des possibilités infinies.

La pub Vichy en 5 mn!

La fille est sublime, malheureusement si elle ne prend pas soin de son visage… Patatras les rides arrivent!

La Pub Clarins en 5 mn

Au premier plan la feuille est en couleurs. La fille est en bichromie (pas vraiment du noir et blanc).  Et pour finir sa main est nette mais le visage est légèrement estompé.

Restaurer une photo ancienne

Contrastes évaporés, pliures et déchirures, tâches de liquides diverses… Voici comment redonner vie à une vieille photo avec Photoshop.

L'effet Armani en 5mn! 2/2

Reprenons ou nous en étions. L'effet n'est pas mal, mais nous voudrions le limiter aux zones sombres de la photo.

Travaillez le texte plus vite avec Photoshop

En regardant les tutos d'un confrère US, je me suis dit qu'il serait intéressant de vous faire partager quelques astuces sur le texte. Vous irez plus vite et donc pourrez être plus créatifs avec...

Une banière Web 2.0

Reflets, ombres portées, relief etc… Voici comment faire rapidement une banière Web 2.0.

Faites lui la peau!

Les caméras digitales, de plus en plus précises, ne pardonnent rien, surtout pour le grain de peau.Voici une méthode rapide exploitant la luminosité de la couche de rouge, les objets dynamiques et les...

Surréalisme et galerie de filtres

Induire un élément légèrement surréaliste dans une image est facile avec Photoshop. Ce qui l'est moins c'est de le faire de façon non-destructive.

Pêle-Mêle d'images

Une photo pas terrible peut illustrer efficacement un article. Il faut juste savoir utiliser la bonne technique : ici Incrustation de motif avancée.  

Une touche de Gloss pour les lèvres!

Vous avez une belle photo. Vous voulez ajouter une touche de gloss? Facile avec les objets dynamiques, les masques et les modes de fusion. Sortez la trousse!  

Traitement grunge avec Camera Raw

Une photo sur une plage catalane qui aurait pu être bien… Mais avec un ciel trop pâle, des personnages à contre-jour. Tout ça manque de caractère. Pas besoin de se compliquer la vie avec les filtres...

  • Un café en Or

  • Photo rétro avec Lightroom, Photoshop, Camera raw…

  • Une couverture de polar à la Rivages

  • Triple Outline et taches 2/2

  • Un portrait style Studio Harcourt (1)

  • Ça cartoon!

  • Mazflelou c'est flou!

  • Détourer pour dynamiser!

  • Le filtre Passe-Haut au secours de la création!

  • La pub Vichy en 5 mn!

  • La Pub Clarins en 5 mn

  • Restaurer une photo ancienne

  • L'effet Armani en 5mn! 2/2

  • Travaillez le texte plus vite avec Photoshop

  • Une banière Web 2.0

  • Faites lui la peau!

  • Surréalisme et galerie de filtres

  • Pêle-Mêle d'images

  • Une touche de Gloss pour les lèvres!

  • Traitement grunge avec Camera Raw