Exemple d’interface de messagerie de téléphone mobile

Souvent on a besoin d’exemples d’interface mobile.

Voici quelques exemple d’interface de téléphone mobile a découvrir dans cet article.

 

vous pouvez télécharger les sources Photoshop

bonne lecture

stéphanie

Posted in Webdesign | Commentaires fermés sur Exemple d’interface de messagerie de téléphone mobile

Hyperliens dans Indesign

Pour créer une cible d’hyperlien

La création d’une cible d’hyperlien est justifiée uniquement si vous définissez un hyperlien ou une référence croisée renvoyant à une ancre de texte. Cette dernière peut faire référence à du texte sélectionné ou à l’emplacement du point d’insertion. Vous créez ensuite l’hyperlien ou la référence croisée pointant vers la cible choisie. Vous pouvez également définir des cibles d’hyperliens pour des pages ou des adresses URL, bien que ce ne soit pas indispensable pour ces liens.

Les cibles d’hyperlien que vous avez créées ne figurent pas dans le panneau Hyperliens. En revanche, elles sont affichées dans la boîte de dialogue qui apparaît lors de la création ou de la modification des hyperliens.

Si vous créez une ancre de texte, servez-vous de l’outil Texte pour placer le point d’insertion dans le document ou sélectionnez la plage de texte que vous voulez définir comme point d’ancrage.
Vous ne pouvez pas définir un texte sur un gabarit comme ancre cible.


Choisissez la commande Nouvelle cible d’hyperlien dans le menu du panneau Hyperliens.
Choisissez la commande Ancre de texte dans le menu Type. Spécifiez un nom pour l’ancre de texte, puis cliquez sur le bouton OK.
Utilisez l’une des méthodes suivantes, puis cliquez sur le bouton OK :
Choisissez la commande Ancre de texte dans le menu Type. Spécifiez le nom de l’ancre de texte.

Choisissez la commande Page dans le menu Type. Spécifiez le numéro de la page à laquelle vous voulez accéder, ainsi que le zoom. Saisissez un nom pour la page ou sélectionnez l’option Nom avec numéro de page pour attribuer automatiquement un nom à la cible, en fonction du numéro de page et du zoom spécifiés.

Choisissez la commande URL dans le menu Type. Saisissez ou collez l’URL, par exemple, http://www.adobe.fr. Vous pouvez utiliser tout protocole de ressources Internet valide : http://, file://, ftp:// ou mailto://.

Pour créer un hyperlien vers une ancre de texte

Sélectionnez le texte, le bloc ou le graphique que vous voulez désigner comme source de l’hyperlien.
Choisissez la commande Nouvel hyperlien dans le menu du panneau Hyperliens ou cliquez sur le bouton Créer un nouvel hyperlien situé au bas du panneau.
Choisissez la commande Ancre de texte dans le menu Lien vers.
Pour l’option Document, sélectionnez le document contenant la cible à laquelle vous voulez accéder. Tous les documents ouverts qui ont été enregistrés sont répertoriés dans le menu déroulant. Si le document que vous recherchez n’est pas ouvert, sélectionnez Parcourir dans le menu déroulant, recherchez le fichier, puis cliquez sur Ouvrir.
Dans le menu Ancre de texte, choisissez l’ancre cible que vous avez créée.
Définissez les options d’aspect de l’hyperlien, puis cliquez sur le bouton OK.

document source : https://helpx.adobe.com/fr/indesign/using/hyperlinks.html

Posted in Graphisme | Commentaires fermés sur Hyperliens dans Indesign

5 étapes pour maîtriser l’animation Web

La dessinatrice et la développeuse interactive,  Rachel Nabors nous montre comment se lancer dans l’animation Web.

C’est un époque excitante pour l’animation Web. Les designers de l’interface et les développeurs d’interaction de plus en plus compétent dans la gestion des multi-écrans, l’animation web doit venir dans les prochaines années  améliorer expériences utilisateur en ligne.

Mais par  où allez-vous commencer?  CSS, JavaScript ou flash?  Quels outils utiliser et comment vous faire un prototypes interactifs pour les développeurs?

Que vous soyez un illustrateur qui cherchent à prendre vos compétences en ligne ou un concepteur espoir de maîtriser un nouveau marché rentable, dessinateur primé et développeur d’interaction Rachel Nabors actions de précieux conseils pour débuter dans le monde passionnant de l’animation Web.

image001

  1. Mise en route

Le meilleur endroit pour commencer l’apprentissage animation web est http://codepen.io/. Ce site permet aux gens de jouer avec CSS, JavaScript et HTML, partagent leurs exemples, et de faire des copies de l’œuvre de chacun. Il est un excellent endroit pour trouver l’inspiration et percez au Code tout en apprenant.

Il est très important d’apprendre le CSS et le JavaScript. JavaScript est nécessaire pour l’animation de pointe avec l’animation API Web, Canvas, WebGL, GSAP. Je recommande de commencer avec le livre A book to turn a JavaScript library user into a JavaScript developer livres en Anglais.

  1. outils d’animation Web

Pour tous ceux qui veulent percer dans le dessin numérique, je recommande Manga Studio et un stylet Bamboo.  Je suis sûr qu’il y a d’autres produits mais cette combinaisons offre l’avantage d’être abordable pour s’offrir de belles lignes.

  1. Storytelling : la naration dans un site internet

Comme pour incorporer la narration sur le web, Je vous conseil de lire des  livres sur le cinéma, l’écriture, la caricature, de l’animation, des livres qui ont «histoire» dans leurs titres et les descriptions. Prenez un comme un passe-temps, et bientôt vous verrez qu’il forme une boucle de rétroaction avec votre travail plus technique.

  1. Prototypage

Les animateurs et les concepteurs Web UI je connais envoient leurs matériaux aux équipes de développement de petits films de la façon dont ils devraient regarder en action. Ils utilisent souvent les outils dont ils ont le plus à l’aise avec la conception de mouvement dans: After Effects et même flash!

Je l’ai rencontré d’autres équipes qui envoient motion précise et coordonne le calendrier pour les développeurs ainsi. Et d’autres faire une bonne quantité de prototypage interactif dans des outils comme Framer ou Bord Animate.

  1. Web API d’animation

L’animation significative exigera toujours une certaine quantité de JavaScript. Vraiment animation interactive nécessitera paraisons de celui-ci. Web Animations API va faire deux choses importantes: ouvrir le moteur de rendu du navigateur pour les navigateurs et les développeurs d’extensions pour construire de meilleurs outils dans le navigateur pour les animations de manipulation, et de donner aux développeurs de la bibliothèque d’animation accès à l’accélération matérielle actuellement disponible uniquement à l’animation de CSS. Prise en charge complète ne peut pas venir assez vite!

Posted in Animation et 3D, Astuces Web, Webmaster | Tagged , | Commentaires fermés sur 5 étapes pour maîtriser l’animation Web

Inspiration Halloween 2016

Qu’est ce qu’Halloween ?

halloween2C’est une fête originaire des pays celtiques2 célébrée dans la soirée du 31 octobre, veille de la Toussaint. Son nom est une contraction écossaise de Allhallow-even3 qui signifie the eve of All Saints’ Day en anglais contemporain et peut se traduire comme « la veillée de la Toussaint ».

En dépit de son nom d’origine chrétienne et anglaise, la grande majorité des sources présentent Halloween comme un héritage de la fête païenne de Samain qui était célébrée au début de l’automne par les Celtes et constituait pour eux une sorte de fête du nouvel an. Halloween est ainsi connue jusqu’à nos jours sous le nom de Oíche Shamhna en gaélique. Elle est une fête très populaire en Irlande, Écosse et au Pays de Galles où l’on trouve de nombreux témoignages historiques de son existence. Jack-o’-lantern, la lanterne emblématique d’Halloween, est elle-même issue d’une légende irlandaise.

C’est à partir du viiie siècle, sous le pape Grégoire III (731-741) et, au siècle suivant, sous le pape Grégoire IV (827-844), que l’église catholique introduisit la Toussaint en date du1er novembre opérant un syncrétisme avec les fêtes de Samain.

La fête d’Halloween est introduite aux États-Unis et au Canada après l’arrivée massive d’émigrants irlandais et écossais notamment à la suite de la Grande famine en Irlande(1845-1851). Elle y gagne en popularité à partir des années 19204 et c’est sur le nouveau continent qu’apparaissent les lanternes Jack-o’-lanterns confectionnées à partir decitrouilles, d’origine locale, en remplacement des rutabagas utilisés en Europe.

Halloween est aujourd’hui célébrée principalement en Irlande, en Grande-Bretagne, aux États-Unis, au Canada, en Australie, en Nouvelle-Zélande et, dans une moindre mesure, en France. La tradition moderne la plus connue veut que les enfants se déguisent avec des costumes effrayants comme des costumes de fantômes, de sorcières, de monstres ou de vampires et aillent sonner aux portes en demandant des friandises avec la formule : Trick or treat! qui signifie « des bonbons ou un sort ! »Note 1. La soirée peut également être marquée par des feux de joie5, des feux d’artifices, des jeux d’enfants, la lecture de contes horrifiques ou de poèmes d’Halloween, la diffusion de films d’horreur mais aussi la tenue de messes anticipées de la Toussaint dans sa composante strictement religieuse5.
Sources Wikipédia

Films Halloween enfants pour soirée d’épouvante pour bien préparer votre soirée du 31 octobre

hahahahahaha

Posted in Actualités, Graphisme | Tagged , , | Leave a comment

Calendrier des fruits et légumes

On nous demande de manger 5 fruits et légumes de saisons par jours. Mais quels sont les fruits de saisons moi par mois ?

Voici notre galerie de calendriers réalisés par Claire-Sophie Lozia

pour plus d’information sur la nutrition >

Posted in Graphisme | Tagged , | Leave a comment

Comment faire des ancres en HTML ?

ancre-htmlL’ancre Html est un liens au sein de la page html.

Il s’utilise pour aller plus vite à essentiel du contenu.

Lorsque l’on redirige un dossier pour un blog ou une page internet,  on a quelques fois besoins de faire un sommaire avec les articles correspondant au titres énoncé dans le sommaire.

voici le code :

<h2> Sommaire </h2>

<a href="#partie1">Première  partie </a>

<a href="#partie2">Seconde partie </a>

<div id="#partie1"> Mon petit lapin </div> <div id="partie2"> Pirouette cacahouète </div>

Si vous voulez un lien vers le haut de la page.

C’est le même principe

mettre en haut de la page

<a id="haut"></a>

Mettre en bas de la page

<a href="#haut"> Retour en haut de la page</a>

plus d’exemples sur le site d’alsacréations

Posted in Astuces Web, Webmaster | Tagged | Leave a comment

Changer l’interface de Maya 2013

Bonjour,

Parce qu’il y en a marre de travailler sur des interfaces noires.
Un petit  article pour les novices en Maya qui ne savent pas comment on change la couleur de l’interface. D’après mes sources cela ne marche pas sous le 2014… à vérifier.

Alors pour changer l’interface de Maya 2013, voici une petite vidéo.

Changing the UI Colour of Maya from Pat Imrie on Vimeo.
(PS: Thanks Pat Imrie )

Pour les Francophiles, voici les étapes :

1. Je fais un clic droit sur le raccourci de mon logiciel
2. Je clic sur propriété
3. A l’onglet « Cible : « C:\Program Files\Autodesk\Maya2013\bin\maya.exe »  »
je fais un espace derrière l’adresse et je rajoute le code suivant :
-style plastique
-style cde
-style motif
-style cleanlooks
-style windows
-style monolith
-style macintosh (ce style ne marche que sous mac)

J’ai testé cela fonctionne sous maya 2013.
Allez, je vais me mettre en quette pour changer l’interface des 2 dernières versions de photoshop.

sources : http://www.pixelcg.com/blog/?p=680

Posted in Animation et 3D | Tagged , | Leave a comment

Bases de 3dsmax et photoshop – textures 1

un petit tutoriel  rapide pour apprendre à texturer une boite en bois

Traduction rapide de la vidéos.

1. Faire la map de l’objet
2. L’exporter dans photoshop.
3. Dans photoshop texturer le développer en essayant de repenser la reconstruction en 3D
4. Une fois la texture appliquée, il ne vous reste plus qu’a la glisser déposer sur votre 3D. Le logiciciel retrouvera les formes automatiquement.

 

Posted in Animation et 3D, Graphisme | Tagged , , | Leave a comment

Raccourcis clavier 3DS Max

manipulateur :
Clic droit – Sélectionner
Clic gauche – Désélectionner
X – Afficher / Cacher guizmo
W – Déplacement
+F5 – Déplacement uniquement sur l’axe X
+F6 – Déplacement uniquement sur l’axe Y
+F7 – Déplacement uniquement sur l’axe Z
+ F8 – Bascule sur deux axes
E – Rotation
R – Echelle
Q – Sélection
S – Activer/Désactiver accrochage. (Shift+Clic droit pour le paramétrer)
Vues et affichage :
F – Face
T – Dessus
L – Gauche
B – Dessous
P – Vue en perspective
U – Vue orthographique
Alt + Bouton milieu de la souris (ou molette) – Pivoter
Z – Recadrer
I – Centrer sur le point (Création de lignes 2D)
G – Afficher / Cacher grille
Alt + W – Mettre la vue selectionné en plein écran
F3 – Mode filaire
F4 – Mode filaire + solide
Edition :
1 – Sélection par vertex
2 – Sélection par edge
3 – Sélection par ouverture
4 – Sélection par face
5 – Sélection par élément
Sauvegardes :
Ctrl + H – Créer une sauvegarde temporaire
Alt + Ctrl + F – Charger la sauvegarde temporaire
Divers :
7 – Informations
H – Voir le contenu de la scène (Listing)
sources :
http://www.laurent-clave.fr/article/raccourcis-clavier-3ds-max-3d-studio-2012/

Posted in Animation et 3D, Graphisme | Tagged , | Leave a comment

inspiration : la fête des mères

Voici quelques exemples de cartes de fêtes des mères pour vos créations.

Il n’est pas trop tard pour commander votre carte pour la fête des mères.

A bientôt,

Stéphanie

Posted in Les Cartes | Tagged , | Leave a comment