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 21 invités en ligne

Tutoriels Photoshop gratuits

Ç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.

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...

Promo déchirée

Et si au lieu d'en rajouter (ombre, relief, biseau etc) on en enlevait pour une fois? Nous allons faire un trou dans la feuille pour faire une promotion qui déchire.

Lightroom - les bases

Vous ne savez pas comment vous avez fait, vous l'avez prise à la volée avec votre iphone, mais la photo est bonne!. C'est précisément avec une bonne photo que vous allez pouvoir faire un très bon...

Appliquer une image : opération sur les couches

Menu Image > Appliquer une image. Dans les versions anciennes de Photoshop (avant la 6), on se servait beaucoup de cette fonction. Maintenant elle est un peu délaissé, à tort… la preuve!  

Désaturez!

Encore une fois une photo un peu banale va se transformer en machine de guerre pour une pub grâce à Photoshop.

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...

Un reflet pour vos produits

5mn montre en main pour cet effet de reflet qui reste à tout moment éditable.

Un cheval dans les nuages

Onirisme, rêverie… Les chevaux plaisent. Voici comment les faire voler dans les nuages avec Photoshop.

Comment 8% de Daltoniens voient vos maquettes

John Dalton (rien à voir avec : "j'ai un plan, on braque la banque, on bute Lucky Lucke et on passe au Mexique) s'est rendu compte que certains hommes (les femmes sont peu concernées) ne voyaient pas...

Quels formats pour le web?

Trois formats s'offrent à vous Jpeg, Gif et Png. Alors pourquoi un jipègue? Pourquoi pas? Ce n'est pas très compliqué.

Dessin à partir d'une photo avec Photoshop

Maîtriser les objets dynamiques est utile pour exploiter à fond Photoshop. Nous allons voir ici à quoi ils servent réellement en créant un dessin à partir d'une photo.

Des Noirs et Blancs qui ont la pêche avec Photoshop!

Vous trouvez vos images plates? Nous vous expliquons comment produire de magnifiques clichés noirs et blancs.

Photoshop pour l'Iphone

Des applications intéressantes pour la photographie apparaissent pour l'Iphone. Évidemment Adobe ne pouvait pas rester les bras croisés. Il y a donc un Photoshop Mobile, complément du Photoshop.com en...

Portrait à charge

Une photo peut être très bien faite mais assez fade. Par ailleurs la tendance est actuellement au grunge. Ce jeune homme a laissé imprudemment traîner sa photo sur le Net. On va l'arranger pour lui...

De la photo au dessin en 2 mn 1/2

En recherchant bien je me suis souvenu de cette technique pour passer une photo en dessin, vieille comme Photoshop. Aujourd'hui grâce aux calques de réglages et aux objets dynamiques, elle est encore...

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!  

Affinez une silhouette en 10 mn!

Faut pas exagérer, 5 mn, ce n'est pas assez! Et puis vous avez remarqué, j'ai trouvé une autre image que celles de Scarlett… ...

Perspective et point de fuite

Prévu initialement pour corriger des perspectives, le filtre Point de Fuite est peu utilisé. Voici pourtant une des ses applications intéressantes pour incruster des images à l'instar du générique de...

Une banière Web 2.0

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

  • Ça cartoon!

  • Triple Outline et taches 2/2

  • Promo déchirée

  • Lightroom - les bases

  • Appliquer une image : opération sur les couches

  • Désaturez!

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

  • Un reflet pour vos produits

  • Un cheval dans les nuages

  • Comment 8% de Daltoniens voient vos maquettes

  • Quels formats pour le web?

  • Dessin à partir d'une photo avec Photoshop

  • Des Noirs et Blancs qui ont la pêche avec Photoshop!

  • Photoshop pour l'Iphone

  • Portrait à charge

  • De la photo au dessin en 2 mn 1/2

  • Une touche de Gloss pour les lèvres!

  • Affinez une silhouette en 10 mn!

  • Perspective et point de fuite

  • Une banière Web 2.0