web

09 299x500 [tuto Photoshop] Enregistrer une image pour le web

Les images présentes sur le web sont souvent optimisées pour ce support. Elles possèdent un poids raisonnable pouvant convenir à toutes sortes de connexion. Pourtant, souvent, lorsque vous prenez une photo celle-ci possède un poids assez important et des caractéristiques qui en font une image parfois trop lourde pour le web. Il est bien entendu possible de changer facilement sa taille sur Photoshop, à la main. Pourtant, il existe une option intégrée dans le logiciel pour transformer ces images spécialement pour le format web. Voici cette option expliquée.

Continuer la lecture

VN:F [1.9.18_1163]
Evaluez cet article :
Rating: 6.8/10 (8 votes cast)

final2 500x337 [tuto illustrator] Icônes web sobre et chic

Vous avez tous déjà vu ces petits icones qui représentent les principales fonctionnalités que l’on retrouve sur un site ? Et bien aujourd’hui je vous propose de réaliser ces petits boutons dans un style épuré à base de blanc et de noir. Sobre mais élégant ces petits boutons habilleront élégamment vos sites.

Continuer la lecture

VN:F [1.9.18_1163]
Evaluez cet article :
Rating: 8.3/10 (7 votes cast)

Adobe Acrobat CS3 [tuto exclusif ID] Créer un PDF

Un tuto qui peut paraitre simple de prime abord mais qui, je pense, pourra en aider plus d’un. Pour découvrir tout cela je vous invite à vous rendre dans la partie des tutos exclusifs . Il est accessible à toutes les personnes inscrites à la newsletter. Si jamais vous n’êtes pas encore inscrit vous pouvez le faire simplement en cliquant sur ce lien s’inscrire à la newsletter, c’est gratuit et sans engagement. Vous recevrez ainsi directement dans votre boite mail les derniers articles parus sur artbooktuto.

Pour les personnes déjà inscrite il suffit de cliquer sur le lien suivant afin d’accéder à la page des tutos exclusifs : la page des tutos exclusifs

VN:F [1.9.18_1163]
Evaluez cet article :
Rating: 6.0/10 (2 votes cast)

33562071 353x500 10 règles pour réussir son site web

10 règles pour réussir son site web

Tout créatif est passé par cette case si litigieuse. Comment
faire pour réussir son site web ? Si il est assez aisé de réaliser un site
web pour un client, grâce au cahier des charges et à la ligne directrice de la société,
il en est tout autrement lorsque vous élaborez votre projet pour votre propre
site, entre idées farfelus et véritables enjeux commerciaux, voici quelques
conseils, précieux ou non, a vous de juger.

1. Etre clair dans sa tête mais aussi envers ses
visiteurs

Commencer par bien définir le message que doit véhiculer
votre site, et les services que vous offrez. N’hésitez pas à commencer à mettre
à plat vos idées sur une bonne vieille feuille de papiers. Ce message doit déjà
être clair pour vous si vous voulez avoir une chance qu’il soit clair pour vos
visiteurs, qui eux n’iront pas lire dans votre tête ce que vous pensez.

2. Ne pas mettre de côté sa personnalité

Si vous êtes un créatif, c’est que vous avez un style qui
vous personnalise, ne perdez cette chose qui fait que vous êtes unique et que
vos futurs clients feront appel à vous. N’oubliez pas que la barrière entre
originalité et excentricité est très fine.

3. Restez créatif

Restez malgré tout créatif, avoir un site web classique est
une chose, mais avoir un site original qui retiendra l’attention des visiteurs
et qui vous différenciera des autres est encore mieux.

4. Trouvez un juste milieu

Le texte c’est bien, mais une image c’est mieux. Pourtant
trop d’images tuent l’impact que veut véhiculer votre site, attention alors à
bien faire attention à la balance entre simplicité et maximum d’informations.
Dans le pire des cas, faites attention à bien définir l’emplacement de vos
divers éléments, et surtout gardez un certain bon goût.

5. Montrez ce qu’on sait faire

Si vos visiteurs ne peuvent avoir accès, et facilement, à
votre portfolio votre site n’aura que peu d’intérêt, ne l’oubliez pas.

6. Ne mettre que le meilleur

N’oubliez pas que le marché est rude, et que seul les
meilleurs (ou presque) décrocheront le gros lot, ne montrez donc que le
meilleur de vous-même. Oubliez les planches de roughts avec des tâches, ou les
travaux réalisés «  à l’arrache », quitte à en mettre moins, ou à
réaliser quelques travaux uniquement destinés à votre site web.

7. Restez joignable

Vous avez un joli site, rempli, complet, mais impossible de
trouver un formulaire de contact (ne riez pas, j’ai déjà vu ce cas) et bien
comment voulez vous que vos futurs clients puissent avoir de plus amples
informations sur vous, avec leurs boules de cristal ? Non un formulaire de
contact, ou au pire une adresse mail visible, sont un minimum.

8. Une bonne visibilité

Ne négligez pas le référencement et les partenariats, même
si cela peu s’avérer laborieux. Petit à petit vous construirez un réseau qui
finira bien par payer. Mais soyez patient, Paris ne s’est pas fait en un
jour ! Faites attention aussi à vos codes, si vous avez intégré des
morceaux de codes dans vos pages.

9. Jouez la transparence

Il n’y a rien de plus désagréable qu’une société ou une
personne qui fait tout son possible pour dissimuler ses tarifs ou qui vous font
trainer jusqu’au bout avant d’enfin vous les donnez. On aime tous savoir
combien va nous couter la moindre prestation. Plus vous serez clair et plus vos
clients vous feront confiance, et plus vous paraitrez sérieux. Bien entendu vos
tarifs ne sont pas fixes pour autant, dans ce cas rien ne remplace un devis
personnalisé.

10. Un site propre et accessible

N’oubliez pas que tout le monde, même vos futur clients ne
possèdent pas la même configuration informatique que la votre, et que votre
superbe site en flash ne servira à rien si en face la personne n’a pas le flash
player. Ça parait évident et pourtant, c’est une erreur difficile à éviter.
Tout comme la résolution de votre site. N’hésitez pas à installer plusieurs
navigateurs sur votre ordinateur afin de vérifier la compabilité de votre site,
ainsi que ses bugs. Malheureusement vous ne pouvez pas être derrière chaque
internaute, faites donc de votre mieux, et n’hésitez pas à faire appel à vos
connaissances pour votre le résultat de chez eux, et ainsi avoir leur avis.

VN:F [1.9.18_1163]
Evaluez cet article :
Rating: 0.0/10 (0 votes cast)

Ajouter une URL sur un bouton

Entre les simples liens URL, et un joli bouton fais sous
photshop il y a un fossé.

Après avoir dessiné votre bouton à votre convenance (je pars
du principe que vous savez le faire, si jamais un tuto pour apprendre à faire un
bouton vous intéresse dites le moi dans les commentaires)
Prenez l’outil tranche (K)

28404354 Ajouter une URL à un bouton

Puis délimiter le contour de votre bouton avec l’outil.

28404359 Ajouter une URL à un bouton

Maintenant double cliquez sur votre bouton et dans la
fenêtre qui vient de s’ouvrir dans le champ URL ajouter l’adresse.

28404370 499x318 Ajouter une URL à un bouton

Maintenant il ne vous reste plus qu’à aller dans fichier et cliquer sur enregistrer pour le web, choisissez JPEG si votre bouton n’est pas transparent et PNG si celui ci l’est.

Arthelius

Si vous avez des questions rendez vous sur le forum.

VN:F [1.9.18_1163]
Evaluez cet article :
Rating: 7.8/10 (4 votes cast)

16292480 reflet sur icone web

Reflet

Au programme un effet assez connu sous
photoshop, que je vous propose aujourd’hui de faire sur Illustrator.

Créez un nouveau document, faites un rectangle
noir, puis sélectionnez l’outil étoile (caché derrière l’outil rectangle) puis
dessinez un joli étoile blanche sans contour.

16292373 reflet sur icone web

Puis copier/coller cette étoile (Ctrl+C puis
Ctrl+V) saisissez la poignée en haut au milieu et tirez la vers le bas afin
d’obtenir la même chose que sur la photo.

16292411 reflet sur icone web

Puis dessinez un rectangle par-dessus, avec un
dégradé à -90° le blanc devant être en haut. Faites un clic doit,
Sélection>objet suivant, votre étoile est sélectionnez, maintenez le bouton
majuscule et cliquer sur le rectangle. Puis allez dans le menu transparence,
cliquez sur la petite flèche à droite et sélectionnez masque d’opacité.

16292423 reflet sur icone web

16292446 reflet sur icone web

Voilà votre reflet est fait il ne vous reste
plus qu’a régler votre opacité ou le dégradé en lui-même selon vos convenances.

16292471 reflet sur icone web

Il est possible de faire la même chose avec
d’autres formes ou avec une forme qui a subit un dégradé normal ou avec filet,
la seule différence c’est qu’il vous faudra un peu plus jouer sur l’opacité.

16292480 reflet sur icone web

Arthelius

Si vous avez des questions ou des suggestiosn rendez vous sur le forum.


VN:F [1.9.18_1163]
Evaluez cet article :
Rating: 9.0/10 (1 vote cast)

messages récents du forum

Devenir membre

Archives

Abonnez vous au blog

ChargementChargement


Nuages de mots 3D

Débuter avec …

Ebook

Partenaires

Silverfox, site de tutos Photoshop et Illustrator

Page facebook