background preloader

Astuces/conseils

Facebook Twitter

Réaliser un cinémagraphe sans s'arracher les cheveux - Prise de vue - Focus Numérique. Création d'un GIF animé dans Photoshop | Tutoriels Adobe Photoshop CC. Récapitulatif des dimensions d'images sur les réseaux sociaux en 2017 | Pellerin Formation. Les réseaux sociaux mettent souvent à jour la mise en page des profils/comptes, ainsi que celle de leur fil d’actualités. Il est alors difficile de savoir comment créer des visuels percutants qui vont s’adapter aux dernières updates. Pour vous aider à y voir plus clair, voici le récapitulatif des dimensions des visuels sur Facebook, Instagram, Twitter, LinkedIn, Google+, Pinterest et Snapchat en 2017. 1) Sur Facebook Photo de profil : Sur bureau : 170 x 170 pixelsSur mobile : 128 x 128 pixels Photo de couverture : Affichage en 820 x 312 pixels sur bureau et 640 x 360 pixels sur mobile.Taille minimum : 399 x 150 pixels.

Aperçu sur bureau : Aperçu sur mobile : Types de fichier : Si les images incluent un logo ou du texte, optez pour un fichier PNG. Fil d’actualités : Photos partagées en tant que post sur votre page : 1 200 x 630 pixels. Image en tant que lien : 470 x 246 pixels. Couverture pour un événement : Affichage en 470 x 174 pixels. Publicités : 2) Sur Instagram Publicités dans les Stories : Astuce Photoshop #11 : Les Raccourcis Photoshop avec Ctrl et Alt. Les touches Ctrl/Cmd et Alt du clavier sont souvent associées à une action ou à un outil dans Photoshop, encore faut-il les connaître ! Le gain de temps peut être incroyable grâce à ces deux touches magiques.

Voici une liste des actions et raccourcis existants reposant sur une de ces touches (ou les deux), la liste est sûrement non exhaustive et j’ai souffert à répertorier tous ces raccourcis et astuces tant il y en a ! Les basiques On retrouve ces raccourcis dans tout logiciel digne de ce nom, donc si vous ne les connaissez pas ça vaut encore plus le coup de les retenir !

Ctrl + N : Nouveau document Ctrl + O : Ouvrir un document Ctrl + N : Créer un nouveau document Ctrl + S : Enregistrer Ctrl + Maj + S : Enregistrer sous Ctrl + Maj + Alt + S : Enregistrer pour le web et les périphériques Ctrl + A : Sélectionner la zone de travail Ctrl + alt + A : Sélectionner tous les calques Ctrl + Z : Annuler / Revenir Ouvrir les préférences de Photoshop Ctrl + K Concernant les calques Ctrl + D pour déselectionner. La taille des images Facebook, Twitter, Google+, LinkedIn, YouTube et Pinterest. C’est un sujet que nous traitons souvent, mais qui change tout le temps selon les dernières mises à jour : la taille des images. Que ce soit les images postées, ou celles des profils, elles sont soumises aux évolutions des différents réseaux sociaux. Dernièrement, c’est notamment Twitter qui a totalement changé les profils des utilisateurs, et la taille des covers et photos de profil à utiliser.

Voici les principales dimensions des images pour les principaux réseaux sociaux : Twitter : Cover de 1500*421 pixelsPhoto de profil : 500*500 pixelsImages postées : 420*220 pixels Facebook : Cover : 851*315 pixelsPhoto de profil : 180*180 pixelsLien posté : 470*226 pixels LinkedIn : Cover : 645*220 pixelsLogo : 50*50 pixelsPhoto des liens : 180*110 pixels Google+ : Photo de profil : 250*250 pixelsCover : 1010*608 pixelsImage en lien : 800*600 pixels Pour voir l’infographie en qualité optimale ou pour la télécharger, voici le lien en PDF. 3 Conseils pour Créer une Couverture Facebook Efficace. Depuis quelques années, les réseaux sociaux ont pris une place importante dans nos sociétés. Aujourd’hui, il y a plus d’un 1,39 milliard d’utilisateurs actifs mensuels sur Facebook.

De ce fait, ces plateformes constituent un vivier de clients potentiels non négligeable pour les entreprises. De nombreuses techniques existent pour attirer des prospects vers une page Facebook. Mais avant de les appliquer, il est essentiel de comprendre le comportement des utilisateurs sur ces réseaux, de même que l’importance du design pour réussir votre implantation sur les médias sociaux. Dans cette infographie consacrée au design de la photo de couverture de votre page Facebook, nous indiquons que « 79% des entreprises interrogées ont vu l’activité de leur page augmenter après avoir personnalisé leur photo de couverture » (chiffre tiré d’un sondage réalisé par 99designs auprès de 650 petites entreprises utilisant les réseaux sociaux pour leur stratégie marketing). 1. 2. 3.

Réf designer: Xavier64. 8 conseils pour créer des couvertures percutantes de pages Facebook. La couverture de votre page Facebook est l’un des premiers éléments que voit l’internaute. Du fait de sa grande largeur, il est difficile de passer à côté. Il est donc vivement recommandé de s’en servir pour faire passer un message. Cela peut être simplement d’indiquer au visiteur qu’il est bien sur la page de votre entreprise, promouvoir un produit, annoncer un futur événement ou susciter une réaction. Bien entendu, cette image n’est pas figée et vous avez le droit d’en changer autant de fois que vous le souhaitez. Voyons ensemble 8 conseils pour élaborer une couverture Facebook pertinente et répondant aux besoins de votre stratégie social-média. 1) Créer une image aux bonnes dimensions Avant toutes choses, il convient de réaliser votre couverture aux dimensions adéquates et de bien visualiser où se situe l’avatar.

Pour un affichage de qualité, il est conseillé d’uploader une image de 1702 x 630 pixels, avec une résolution de 72 ppp. La taille effective de la couverture est de 851 x 315px. Infographie : 6 étapes pour la réaliser. Retrouvez-moi sur Facebook ! La représentation visuelle et graphique occupe aujourd’hui une place importante sur internet. L’époque de longs textes, condensés sur plusieurs pages, est révolue ! Désormais, les internautes préfèrent davantage un bon contenu imagé. Simple à réaliser, l’infographie a l’avantage d’être un support attractif et facilement mémorisable, qui se partage très rapidement sur les réseaux sociaux. Pour être appréciée à sa juste valeur, votre infographie devra répondre à certains critères. 1. Ne partez jamais dans la création d’un contenu sans penser à votre ligne éditoriale ! Le choix de votre sujet doit être guidé, à la fois, par la nature de votre entreprise et vos objectifs marketing.

Pour choisir le sujet de votre belle infographie, posez-vous les questions suivantes : Quel est le public cible visé ? 2. Le contenu étant au centre de votre marketing digital, il convient d’y accorder une attention particulière. 3. 4. 5. Surtout ne l’oubliez pas ! 6. Céline Albarracin. Image File Types: When to use JPEG, GIF & PNG. Stylisez votre site avec CSS3 ! Version en ligne Table des matières Stylisez votre site avec CSS3 ! Quel développeur Web ne s'est pas arraché les cheveux sur la conception du design de son site ? Pour peu que l'on ait un minimum de sens artistique, il n'est pas rare de vouloir mettre des bords arrondis aux éléments de notre page, de jouer avec l'opacité ou encore d'ajouter des ombres par-ci, par-là.

Cela se fait le plus souvent à l'aide d'astuces plus ou moins barbares à base d'images et de <div> positionnées anarchiquement. Aujourd'hui, je vous propose d'oublier ces détournements disgracieux. N'attendez-plus et découvrez le monde haut en couleur de CSS3 :D . Avant de commencer... Parce que ça serait trop beau, il y a évidemment quelques soucis avec CSS3 Loin de moi l'idée de vous démoraliser avant même que nous ayons commencé, mais il est important que vous sachiez dans quoi vous vous engagez en attaquant ce webdesign nouvelle génération. ;) Un peu d'histoire Un peu d'histoire Félicitations, CSS gagne un niveau et évolue !

<! <! Tutorial 5: Incredible Icons. Tutorial 4: Layout Design. The Bézier Game. Digital Photography Tips and Tutorials. Les templates signent-il la fin de la création graphique? Web Designer's Journey.

Du zoning au mockup, itinéraire d'une maquette web. Du zoning au mockup, itinéraire d’une maquette web, en passant par le moodboard, le wireframe, les style tiles et le prototype… Il n’est pas toujours évident de s’y retrouver dans le vocabulaire, nouveau et souvent anglophone, de la conception web. Nous sommes nombreux [**] à avoir déjà vécu une situation d’incompréhension à cause de ce vocabulaire. Les termes « zoning » et « mock-up », en particulier, ont des significations différentes selon les personnes [**] et prêtent au quiproquo, quand ils ne sont pas carrément considérés comme synonymes de « wireframe »… Pour mieux s’y retrouver, commençons par mettre les bons mots sur les choses. sketch / croquis La première chose que l’on fait, c’est de jeter des idées sur papier, sous la forme de croquis.Outils : papier et crayons, Sneakpeekit, InterfaceSketch Le sketch est trop peu utilisé : vous êtes peu nombreux à crayonner régulièrement et près de la moitié [**] à ne jamais faire de croquis !

Conception ergonomique zoning prototype. Signification des couleurs en E-marketing et en Ergonomie Web. . Sur la demande de plusieurs clients et stagiaires, les consultants-rédacteurs de Trinity Advise se sont mobilisés pour vous proposer un dossier complet sur les codes couleurs web et la signification des couleurs pour Internet. Vecteurs de cohérence graphique, les couleurs dictent de nombreux comportements à l’inconscient de l’internaute. Elle génèrent des réactions et des émotions que nous ne savons pas concrètement évaluer et chiffrer en e-marketing, sauf avec les nouveaux outils de test d’ergonomie web (eye tracking, mouse tracking, neuromarketing).

Comment sont perçues les couleurs sur Internet, quel est leur impact sur la navigation et comment influencent-elles les internautes dans le tunnel d’achat ? 1. 2. 3. 4. Annotations et explications complémentaires [x] En savoir plus ————————————————– . En tout état de cause, le choix de la colorimétrie demeure aujourd’hui très subjectif car il ne dépend souvent que des goûts d’un seul comité de décideurs. Significations : Représentations : Illustrator CS5 : Outils : Plume | Formations vidéo pour créatifs. Illustrator - Les formes de base. - Les rectangles, carrés, tracés centrés - Les ellipses - Le polygone - L’étoile - Le trait - Le crayon Avant même de commencer, il faut comprendre que tous les objets que vous créerez seront dotés d’un contour où d’un fond où les deux.

Vérifiez donc bien que vos couleurs par défaut sont bien le noir pour le contour et le blanc pour le fond. Pour rétablir ces couleurs, appuyez sur la touche D de votre clavier ou cliquez sur la case qui affiche les deux petits carrés (en bas à gauche). Dans la barre d’outils, les couleurs de contour et de fond ainsi que la case de rétablissement des couleurs par défaut. Pour tracer des objets, Illustrator vous offre la façon manuelle ou paramétrée. LES RECTANGLES (touche M) Il existe plusieurs types de rectangles dans Illustrator. Pour les faire apparaître, effectuez un clic maintient sur l’icône de rectangle dans la palette d’outils. L’outil actuellement sélectionné est actuellement grisé. Tracer un rectangle Rectangle vers carré LES ELLIPSES (Touche L)