Tutoriel : Créer un template de site web avec photoshop CS5

Ce tutorial va vous apprendre comment créer un template de site web. Bon nombre des techniques impliquées sont assez basique, mais dans le tutoriel,connaitre les différents technique de création de template de site web avec les outils de photoshop CS5

Image finale

C’est l’image finale que nous allons créer:

les étapes pour Créer un template de site web avec photoshop CS5

Étape 1:

Créez un nouveau document (1000X800px). Créez un nouveau calque de votre arrière-plan et le remplir avec E3D4B9.

Étape 2

Maintenant, collez-le dans une image de quelque papier ligné, j’ai utilisé la première photo de notre libre Papier Texture publié ici même au PSDFAN. Découpez le papier à l’aide de votre baguette magique, puis l’outil de aller à Image> Réglages> désaturer. Ensuite, appliquer les paramètres d’ombre portée ci-dessous:

Étape 3

Maintenant, je prends quelques images de notre Pack Essentials Grunge . Je commence par placer quelques taches de café sur mon papier ligné, ensuite pour s’assurer qu’elles ne montrent que sur mon papier et non pas mes antécédents, je sélectionne mes couche de papier, cliquez quelque part autour de lui en utilisant l’outil baguette magique, puis sélectionnez mon café taches couche et appuyez sur Supprimer. Réduire l’opacité de votre tache couches de café à 25%. Maintenant la position d’une image un trombone sur le côté de votre document et l’utilisation de votre outil lasso pour couper la partie du clip qui devrait être derrière le papier. Puis donnez-lui une ombre portée subtile. Ensuite, collez-le dans les images de ruban adhésif (également de l’essentiel de notre grunge pack). J’ai également installé dans le poste qu’il image, bien que la prochaine étape sera d’expliquer comment j’ai fait cela plus en détail.Enfin, j’ai ajouté un peu de texte à mon post it (police: l’écriture manuscrite Dakota).

Quelques pointeurs

design Grunge est sur toutes les images de montage très bien ensemble. Pour rendre le ruban adhésif mélange avec le reste de ma mise en page-je réduire la saturation de l’image à -45 (Image> Réglages> Teinte / Saturation). J’ai aussi de réduire l’opacité du calque du ruban adhésif à 90% pour donner l’illusion d’un peu les variations de la surface recouverte. Pour ma post-ce l’image que je radicalement modifié la saturation et la luminosité / obscurité afin de cadrent bien avec mes éléments grunge autres.

Un autre conseil pour la conception grunge est de faire varier les éléments de votre visuel. Il est autorisé à utiliser les mêmes images encore et encore, mais vous ne pouvez pas les faire regarder exactement la même chose. A chaque utilisation de mon image de ruban adhésif, j’ai essayé de redimensionner / tourner légèrement, ainsi que subtilement modifier la luminosité / saturation. Cela aide à construire le regard désordre global de grunge.

Etape 4

Après avoir réfléchi à la façon dont les différents éléments s’intègrent bien ensemble, je ne pouvais m’empêcher de remarquer comment l’image en niveaux de gris doublé de papier avait l’air un petit appartement en noir / blanc. Pour lui donner une teinte de couleur je suis allé à l’image> ajustements de balance des couleurs> et a appliqué les réglages indiqués ci-dessous.Cela a permis de se fondre avec les autres éléments beaucoup mieux.

Etape 5

Maintenant, je prends une image de notre rayon de soleil Je le coller de sorte que le centre de la sunburst est derrière mon poste, il l’image. Pour supprimer les parties du rayon de soleil qui se chevauchent mon mémoire, je sélectionne mes couche de papier, cliquez sur l’extérieur en utilisant la baguette magique et puis ma couche sunburst et cliquez sur Supprimer. J’ai également sélectionner chacun des trous dans le haut de l’image papier et répéter la même étape. Puis-je mettre la couche de mélange de mode sunburst mon possible pour «brûler la couleur et de réduire l’opacité à 8%. On obtient ainsi une sorte d’effet d’aquarelle cool.

Étape 6

Maintenant, créez un nouveau document et tracer un carré brun foncé à peu près au milieu de l’image. Avec votre carré sélectionnés, allez dans Sélection> Modifier> Contrat et le contrat de votre sélection par 10px, puis appuyez sur « supprimer » pour laisser une sorte de cadre.Ensuite, prenez votre pinceau gomme et effacer votre cadre marron à l’aide d’un pinceau d’aquarelle à faible opacité. Maintenant, prenez une image que vous voulez mettre dans votre cadre et redimensionner / culture pour l’ajuster.

Étape 7

Dans votre document cadre de cacher votre couche principale fond blanc, puis passez à la couche> Fusionner les calques visibles de fusionner le cadre et l’image. Ensuite, copiez l’image fusionnée dans votre document original. Répétez cette étape grâce à des images différentes jusqu’à ce que vous avez environ 3 dans votre conception principale. L’avantage de créer vos images dans un nouveau document est que vous pouvez facilement changer l’image d’être encadrées et puis fusionner / copier ce retour dans votre conception d’origine. J’ai aussi ajouté un peu de texte et une flèche au-dessus de ces images.

Étape 8

Maintenant, collez-le dans une autre image de notre Set textures de papier dans le fond de la conception. N’oubliez pas de créer un nouveau calque en dessous de votre papier principale bordée, comme nous voulons que cette section doit être inférieur à celui région. Pour le mélange bien avec le fond, j’ai mis la couche de mode de fusion de combustion linéaire et réduit son opacité à 30%. J’ai aussi appliqué les paramètres d’ombre intérieur indiquées ci-dessous pour donner l’effet de profondeur.

Étape 9

Cette partie est vraiment à votre créativité. Utilisation des textures de papier que vous pouvez trouver commencer bits coller du papier tout au long de votre conception. Soyez sûr de faire les mélanger ensemble bien en ajustant les couleurs des images / lightnesses. J’ai aussi collé à mon image du ruban adhésif quelques fois plus de contribuer à l’arrière-plan, mais fait en sorte de maintenir le faible opacité de sorte qu’il n’était pas écrasante. L’astuce est de combiner autant d’images que possible, sans être trop occupé ou distrait. Il est préférable de garder l’opacité de la plupart des couches très bas, que vous pouvez construire une vraiment sale impression sans nuire à vos domaines de contenu.

Etape 10

Maintenant, je ajouter un peu plus de détails tels que les taches de café encore / trombones, et j’ajoute l’étiquette de mon Pack Essentials Grunge. Enfin, je ajouter du texte à l’étiquette, simplement en le tapant sur et ensuite aller dans Edition> Transformation> Rotation et montage correctement.

Etape 11

Maintenant, pour créer le menu du site. Je tape mes liens du menu sur la feuille de papier juste en dessous de mon label. Puis-je utiliser mon outil en ligne et outil personnalisé formes pour créer des lignes de démarcation et des flèches à côté de mes liens de menu. La grande chose au sujet de conception grunge, c’est que souvent les choses n’ont pas besoin d’être trop précis. Lorsque vous faites sortir vos flèches et des lignes dont vous n’avez pas à vous soucier de tous à la même taille ou de tous les alignant parfaitement, il suffit de les sortir le plus rapidement et à peu près que vous le souhaitez. Enfin, de fusionner l’ensemble de vos flèches en une seule couche, puis l’ensemble de vos lignes de séparation en une seule couche.pinceau d’aquarelle Prenez une faible opacité, les pièces de gomme et effacer l’écart de vos lignes / flèches pour créer un look plus grunge.

Etape 12

Coller dans une bonne image sur votre papier ligné, en étant sûr de la position de ce nouveau calque que vous publiez sous couche et il vignettes couches. Découpez-la en utilisant la technique de baguette magique a été expliqué précédemment. Réglez ensuite la couche de mode de fusion lumière dure et de réduire l’opacité à 70%. Enfin l’utilisation d’une aquarelle pinceau gomme pour effacer le bas côté de votre image dans un style désordonné.

Etape 13

La disposition est à la recherche tout à fait bien jusqu’ici, mais il est sans structure, en particulier la zone supérieure. En dépit de la conception grunge étant généralement très salissant, cela ne signifie pas qu’il manque de structure. Certains des meilleurs dessins grunge encore appliquer des structures assez rigides, tout simplement parce qu’il permet de lier une mise en page très bien ensemble. Dans ce cas, j’ai choisi de créer deux barres sombres qui traversent ma mise en page. Cela peut être assez simple à faire, mais il aide vraiment la mise en page, comme auparavant il était dépourvu de toute forme réelle ou une définition. Les deux lignes de créer des plans pour l’œil de courir à travers et d’aider à encadrer les images en désordre dans le reste de la conception. Rappelez-vous – désordre ne veut pas dire non structurées.

Etape 14

Maintenant, je crée un bulletin inscription aire sous mon menu. Les techniques sont assez explicites en regardant l’image ci-dessous, mais encore une fois, le raisonnement derrière eux est essentielle pour appréhender la conception grunge. J’ai délibérément varié l’obscurité du texte (‘Newsletter’ est plus sombre que « Nom » et « Courrier électronique », car cela crée un look superposé. Je crée des boîtes structuré pour le formulaire d’inscription, mais a réduit leur opacité et lentement effacé leurs bords un peu de leur donner un sens sale.

Etape 15

-Je ajouter du texte au fond de ma conception. Il est important de noter que je combine les polices manuscrites et les polices régulières – l’exploitation de la combinaison de la structure / désordre que je l’ai déjà dit. Remarquez aussi comment je réutiliser les flèches de mon menu.Réutilisation des éléments ne fait pas votre conception ennuyeux ou répétitif, mais peut être tout à fait une belle touche de grunge design, le dessin de votre mise en page très bien ensemble.

Etape 16

Enfin, c’est une technique que j’ai utilisé pendant un certain temps. Pour parvenir à une structure de style belle manuscrite autour de ma tête en bas-je choisir un pinceau 1px un tirage d’un grand, de forme ovale bruts. Ensuite, un redimensionnement cet ovale pour s’adapter autour de ma tête. Parce que je l’ai redimensionné autant, les marques de pinceau déjà examiné bruts et non professionnelle ont maintenant un sommaire, la qualité détaillées pour eux. Enfin je prends un pinceau faible opacité aquarelle et peinture à peu près derrière ma tête, juste pour lui donner un peu plus la priorité sur les liens en dessous.

Et nous avons terminé

Voici la maquette. Cliquez sur l’image ci-dessous si vous souhaitez afficher la version pleine grandeur.

Tutoriel: création de template pour une site web d’une société en photoshop CS5

Dans cet article, je vais vous montrer comment créer un design moderne à la recherche Photoshop CS5 pour votre entreprise de conception web. Si vous avez des questions, n’hésitez pas à nous demander dans les commentaires.

Ce sera notre résultat final:

1 - Créez un nouveau document dans Photoshop, avec 1024px de largeur et de hauteur de 1300px.Remplissez le fond avec # 669999.

2 - Créez un nouveau calque. Prenez l’outil pinceau avec 500px lisse, et faire un point sur ​​le sommet sur ​​la mise en page. Changer l’opacité à 84% et le mode de fusion Lumière crue:

3 - Maintenant, nous allons créer les ensembles couche suivante de notre projet:
-Contenu
-Slider
Navigation
-Form

4 - Créez un nouveau calque nommé en-tête dans le jeu de la couche de navigation. Avec l’outil de sélection rectangulaire, dessinez un rectangle de largeur totale de la hauteur de 40px. Remplissez-le avec # 333333.

5 - Prenez l’outil texte et sélectionnez le Rockwell caractères gras, avec une taille de 10pt. Dans le coin gauche de notre conception, écrire le nom du site (Dans notre exemple, il est MisterDesign) et le menu de navigation sur le coin droit.

6 - Prenez l’outil rectangle arrondi et dessinez un rectangle arrondi autour de la page « Home » de notre navigation. Remplissez le fond avec # 669999. Ceci indique la page active. N’oubliez pas de remplacer le texte couche menu de navigation en haut de celui-ci. À l’heure actuelle, nous avons déjà un en-tête complété site / navigation.

7 - Maintenant, nous allons remplir la couche des contenus mis. La première chose à faire est de créer un slogan. J’ai choisi « Sites Internet que les roches », qui est probablement déjà utilisé par des dizaines de sites.Mais, c’est juste un exemple;)
Prenez l’outil texte avec les caractères gras et Rockwell taille du texte mis à 36px. Écrivez votre slogan en couleur # eeeeee, puis dupliquez le calque slogan (Cmd + J)

8 - Sélectionnez la copie de la couche de slogan, il place sous la couche de slogan. Définissez sa couleur sur # 555555 et son opacité à 50%. Ensuite, sélectionnez l’outil Déplacement et déplacez le droit 1px 1px couche et en bas en utilisant les touches flèches.
Il devrait ressembler à ceci:

9 - Maintenant, nous allons présenter nos dernières design le plus. Pour ce faire, j’ai utilisé un screenshot 309px * 511 téléchargées sur Flickr . Placez la capture d’écran sur la partie droite de la conception.

10 - Une fois que vous avez ajouté la capture d’écran à la conception, choisissez l’outil lasso polygonal et dessiner un triangle dans le coin en haut à droite de l’écran. Ensuite, supprimez la sélection:

11 - Dessiner un nouveau triangle comme le montre la capture d’écran ci-dessous. Remplir le fond de blanc (# FFFFFF)

12 - Sur la partie gauche, ramassez l’outil Texte et tracez un carré. Ensuite, tapez du texte dedans. Une fois don, sélectionnez le texte, ouvrez la fenêtre Paragraphe (menu PS -> Window -> Paragraphe) et justifier le texte.
À ce stade, voici comment la conception devrait ressembler:

13 - Nous allons maintenant faire avec la zone de contenu principal. La prochaine partie est de concevoir un curseur pour mettre en valeur certains des meilleurs designs de la société. Créez un nouveau calque dans le groupe de calques curseur et la cueillette de l’outil rectangle arrondi. Dessinez un 875 * 238px blanc (# ffffff) rectangle arrondi. Une fois cela fait, clic droit sur ​​le calque, choisissez Calque Pixellisation et enfin renommer le calque curseur .

14 - Prenez l’outil Ellipse et dessinez un cercle sur le côté gauche du milieu du rectangle arrondi. Faites la même chose sur le côté droit du milieu du rectangle, puis pixelliser les deux couches.

15 - Dans la fenêtre Calques, cliquez sur le calque premier cercle et appuyez sur Cmd + E pour le fusionner vers le bas avec la couche de rectangle arrondi. Faites de même avec la couche de l’autre cercle. À ce stade, vous devriez avoir une forme comme celle-ci:

16 - Faites un clic droit sur ​​le curseur de la couche, et sélectionnez Options de fusion . Ajouter un # CCCCCC course 5px autour de la forme. La position utilisée est à l’extérieur .

17 - Maintenant, nous allons ajouter des flèches de navigation pour le curseur: Prenez l’outil texte avec la police Rockwell, 10pt et # 333333 couleurs. Utilisez les symboles <et> pour créer des flèches de navigation. Le résultat devrait ressembler à ceci:

18 - Let’s remplir le curseur avec les éléments. Pour ce faire, j’ai simplement utilisé pouces de tutoriels Photoshop précédente. La taille des vignettes est de 224 * 179px. chaque pouce avoir un accident vasculaire cérébral 5px CCCCCC # autour d’elle. La position utilisée est à l’intérieur .
Une fois que vous avez ajouté les pouces, notre curseur est terminée.

19 - La dernière partie de notre conception est le pied de page. Créez un nouveau calque (du nom de bas de page dans cet exemple) dans l’ensemble de couche de forme, prenez l’outil de sélection Reactangular et dessinez un rectangle de hauteur 354px. Remplissez-le avec # 333333.

20 - Nous devrions certainement ajouter une bordure de Nice sur la tête de notre bas de page. Pour ce faire, j’ai utilisé l’outil de sélection rectangulaire pour dessiner un rectangle de hauteur 7px. La couleur de fond est noir (# 000000).

21 - Temps d’ajouter une « Demande de devis » formulaire en bas de page. La première chose à faire est de créer un titre, afin que les clients savent ce que cette forme de fin. J’ai choisi la police Rockwell, gras, 10 pt, et écrit le texte « Demander un devis maintenant, l’obtenir en 30 minutes » en blanc (# FFFFFF) lettres majuscules,.

22 - Utilisation de la police Rockwell, écrire les champs du formulaire. J’ai utilisé une hauteur de ligne 18pt.

23 - Prenez l’outil de sélection rectangulaire de tirer le premier champ texte. La largeur est 347px et la hauteur est 32px, rempli de blanc (# FFFFFF) arrière-plan. Une fois cela fait, sélectionnez le calque champ de texte dans la fenêtre Calques, puis sélectionnez les options de fusion. Ajouter une course autour du champ texte en utilisant les paramètres suivants:

24 - Une fois que l’un des champs a été créé, il suffit de dupliquer son calque pour créer les champs texte. Une fois cela fait, le résultat devrait ressembler à ce qui suit:

25 - Sélectionnez le champ dernier texte, appuyez sur Cmd + T et le redimensionner. Nous avons besoin d’afficher un plus grand champ que le client va ajouter ses lignes directrices du projet et les exigences dans ce domaine.

26 - Notre formulaire est presque terminée, mais une chose très importante est toujours porté disparu: un bouton d’envoi. Pour en créer un, j’ai utilisé la police Rockwell, gras, 10pt en blanc (# FFFFFF) de couleur, et tout simplement écrit « Envoyer! ».

27 - Pour créer le fond du bouton, choisissez l’outil Rectangle arrondi et dessinez un rectangle arrondi autour de la « Envoyer » par le texte. La couleur de fond utilisée est # 669999.

28 - Notre formulaire dûment rempli devrait ressembler à ceci:

29 - Afin de remplir l’espace vide sur le côté droit du pied de page, ce que de quelques témoignages de clients? Le titre est Rockwell police, gras, 10 pt. Le texte est de la Géorgie, italique, 10 pt. Le nom du client est Rockwell, gras, 8 points.

30 - Très bien, le tutorial est terminé. Regardez ce que nous avons créé ensemble:

 

 


Comment faire une mise en page pour un site web (webdesign)

Astuce et trucs Comment faire une mise en page pour un site web (webdesign)

Dans ce tutoriel, vous apprendrez comment faire une mise en page pour votre site web studio de design. Si vous avez des questions sur ce tutoriel n’hésitez pas à demander dans les commentaires.

Aussi, rappelez-vous avec tous les tutoriels, le PSD est disponible pour téléchargement.

Ce sera votre résultat final

1. La première chose que nous voulons faire est d’ouvrir Photoshop et créer un nouveau document aux dimensions de 1024 x 998.

2. Suivant permet d’aller de l’avant et de changer notre couleur de fond. En utilisant votre outil Pot de peinture remplissez votre calque de fond avec # CCD8E1

3. Maintenant, nous voulons commencer par la création de la bannière dans notre tête. En utilisant votre outil Rectangle de créer un rectangle semblable au suivant

4. Maintenant, faites un clic droit de votre couche de rectangles et de choisir les options de fusion dans le menu déroulant et insérer le texte suivant


5. Ensuite, nous voulons ajouter un peu de brillance à la partie supérieure de notre bannière. Pour ce faire faire une sélection 1px de haut dans le haut de la bannière et le remplir avec # FFFFFF sur son propre calque. En utilisant les touches fléchées le déplacer vers le bas 1px, et il ressemblera à quelque chose comme ceci


6. Maintenant, il suffit de changer que les couches de mélange mode Lumière tamisée. J’ai choisi de quitter l’opacité à 100%, mais vous pouvez le modifier comme vous le souhaitez.

7. J’ai ensuite ajouté un texte bidon, où vous pouvez fournir une brève description de votre entreprise. Suivant l’utilisation de votre outil Rectangle arrondi avec un rayon de 5px ensemble et faire un rectangle arrondi semblable au suivant


8. Sur votre Insérer un calque Rectangle arrondi les options suivantes de mélange

7. Allez-y et place du texte sur votre bouton et ajoutez un peu de réflexion et il ressemblera à quelque chose comme ceci

8. Maintenant, il suffit de répéter ces étapes et vous aurez quelque chose de très similaire à celle


9. Pour notre logo, nous voulons avoir quelque chose de terriblement simple. Pour le « Design » J’ai utilisé la couleur # 62686D et pour « Studio » J’ai utilisé la couleur # 8ABC16

10. Insérez maintenant les options de fusion suivantes sur notre couche logo texte

Vous avez quelque chose qui ressemble à ceci lorsque votre complète

11. Ensuite, nous voulons aller de l’avant et ajouter un peu de texte pour nos liens dans le droit. Pour le texte j’ai utilisé la couleur # 3E4041

12. Nous voulons aller de l’avant et de montrer ce qu’est un actif ou un lien planant ressemblera. En utilisant votre outil Rectangle arrondi avec un rayon défini sur 3 à 5 pixels faire un rectangle semblable au suivant dans votre texte « Accueil ».


13. Maintenant passons à aller de l’avant et un clic droit sur ce calque et insérer une des options suivantes mélange


14. Votre tête doit maintenant ressembler à ceci

15. Maintenant, nous voulons aller de l’avant et faire une sélection du fond de notre bannière sur le fond de notre document. insérer Remplissez-le avec n’importe quelle couleur et puis les options de fusion suivante sur sa couche

16. Tous les thats gauche est d’organiser votre contenu d’une manière que vous souhaitez. C’est ce que je suis venu avec

17. Et c’est tout! Votre résultat final devrait ressembler à ceci:

 

 

N’oubliez pas que si vous avez des questions ou des commentaires au sujet de ce tutoriel pour laisser vos réponses dans les commentaires ci-dessous et nous reviendrons vers vous très rapidement.

Tutoriel Peinture numérique Photoshop CS5

Une des nouvelles fonctionnalités intéressantes dans Photoshop CS5 est le moyen le plus naturel de la peinture, l’ouverture de nouvelles façons d’exprimer votre créativité – même si (comme moi) vous n’êtes pas un vrai peintre. Dans ce tutoriel, je vais vous montrer les techniques et les trucs pour convertir une photo en une peinture de qualité professionnelle.

Je dois commencer par dire que si vous êtes vraiment sérieux au sujet de la peinture numérique, vous devriez envisager de Corel Painter 11 , qui est un programme de peinture-media naturel dédié qui vous permet d’utiliser quoi que ce soit à partir d’un crayon à mine HB à la craie, le fusain et l’aquarelle et aussi simule les propriétés toile en plus des brosses. Néanmoins, nouvelle offre de Photoshop est un solide et plus que suffisant pour de nombreux artistes.

Pour de meilleurs résultats, une tablette Wacom comme la nouvelle Intuos 4 est également recommandé, mais non nécessaire.En plus de sensibilité à la pression, la nouvelle Wacom détecte également l’angle du stylet, permettant des résultats encore plus réalistes.

Théorie

Il ya deux nouvelles fonctions utilisées pour la peinture dans Photoshop CS5. La première est la nouvelle brosse options Tip.

Avec les nouveaux pinceaux, vous pouvez contrôler le nombre de poils, la longueur, l’épaisseur et la rigidité et non seulement vous pouvez voir le résultat dans le panneau de pinceau, vous obtenez aussi une fenêtre d’incrustation qui vous montre la brosse virtuelle en 3D et de ses poils.

Je ne suis pas un grand fan de la fenêtre d’aperçu de brosse, mais heureusement, vous pouvez le désactiver si vous trouvez cela perturbant.

Le deuxième ingrédient la boîte à outils de peinture numérique est la brosse Mixer . La brosse Mixer est comme une combinaison de la brosse normale et l’outil Doigt. Comme vous le peindre, il les taches et les mélanges de couleur, comme si vous étiez en utilisant des peintures humide.

La façon dont la couleur du pinceau est mélangé avec de la toile est contrôlée par trois paramètres – l’humidité de la peinture, la charge de la brosse et le niveau de mixage entre la couleur de la peinture et la couleur de la zone.

Pour illustrer ces paramètres, je brossé rapidement sur une image avec des paramètres différents:

Ainsi, une lourde charge aura plus de peinture sur une course d’une charge légère; taches d’humidité et les mélanges la couleur de toile avec la couleur de peinture, un taux de mélange de haute utilisera plus de la couleur de la zone de la couleur de peinture.

Pratique

La vraie magie avec le pinceau mélange est que vous pouvez peindre en utilisant les couleurs d’une image, contribuent efficacement à vous transformer une photo en une peinture avec peu d’effort.

Pour le démontrer, je vais commencer avec une belle photo j’ai pris il ya 10 ans sur le film.

Créez un nouveau calque transparent. Sélectionnez le Bush de mélange et de la barre du haut choisir le préréglage très humide, lourd Mix , choisissez la brosse que vous voulez à partir du panneau Brosses et en faire une grande taille.

Pour peindre sur le nouveau calque en utilisant les couleurs de l’arrière-plan, avec la brosse outil de mixage sélectionné, assurez-vous que l’option Echantillonner tous les calques en haut est sélectionnée. Désélectionnez l’icône (charge de la brosse après chaque course), puis Alt-cliquez sur l’image pour charger le pinceau et commence à peindre sur le nouveau calque.

Pour peindre de manière efficace, il faut penser en termes de couches, de fond sur les connaissances nouvelles et de larges au détail. Par conséquent, nous allons commencer à peindre l’arrière-plan, l’aide à grands traits avec une pointe de pinceau large, en ignorant la cabane / cabine complètement. Votre coups devraient plus ou moins suivre les contours du terrain et des nuages.

Masquez le calque d’arrière-plan temporairement pour voir l’effet à ce jour:

Comme vous pouvez le voir, je présente des bavures les couleurs au cours de la cabane, comme si elle n’existait pas. Aussi, remarquez comment mes coups de suivre les collines et les formes des nuages. Continuez à travailler jusqu’à ce que vous remplissez le calque et nous sommes heureux du résultat.

Ensuite, nous avons besoin de peindre la cabine. Il est préférable de le peindre sur sa propre couche de sorte que si vous décidez de changer quoi que ce soit, il ne plaisante pas avec l’arrière-plan.

Pour ce faire, vous avez besoin de cacher le calque paysage, créer un nouveau et de la peinture sur elle. Cette fois, vous ignorer le paysage et faire juste la cabine. Vous devez également faire la pointe du pinceau plus petit. Assurez-vous que la photo de fond est visible, il peut choisir les couleurs de lui.

Si vous regardez le toit, vous verrez que j’ai effacé de lui certaines parties que je n’aimais pas – c’est pourquoi c’est une bonne pratique de travailler sur une couche séparée.

Maintenant que nous avons les grandes lignes, il est temps de mettre dans les détails. Répétez le processus – de masquer le calque cabane, assurez-vous la photo de fond est visible, faire la pointe du pinceau, même petits, créez un nouveau calque et commence à peindre sur elle. Cette fois, vous n’avez plus besoin de remplir tous les trucs, un peu moins, beaux coups dans les domaines que vous voulez le détail.

Si vous montrer toutes les couches, c’est ce que nous obtenons:

Pas mal. Nous voulons encore ajouter quelques détails comme des ombres. Créez un nouveau calque et passez le en modeMultiplier et l’opacité à environ 60%. Choisir un mélange à sec Brosse – maintenant nous n’avons pas besoin de se mélanger avec l’arrière-plan – et noir pour la couleur. Peignez les zones ombragées.

A ce stade, vous pouvez le laisser tel qu’il est, ou vous pouvez ajouter une touche finale. Une des bonnes choses de peinture à l’huile, c’est qu’il a thinkness. Pour donner à ce genre d’effet tridimensionnel, vous devez créer une copie fusionnée des couches. Le plus simple est de dupliquer tous les calques et ensuite fusionner la copie (voie la plus rapide: sélectionnez les calques et appuyez sur Maj + CTRL + ALT + E ou Shift + Cmd + OPT + E sur Mac). Maintenant vous devriez avoir un nouveau calque fusionné, en plus de ceux d’origine.

Une meilleure méthode serait même de sélectionner les couches, choisissez Calque -> Smart Objects -> Convertir en objet dynamique , puis double exemplaire, objet intelligent via Layer -> Dupliquer le calque ou CTRL + J ( J + CMD sur Mac). Cette méthode est préférable car elle laisse le contenu de l’objet à puce modifiable ainsi que l’effet de relief.

Peu importe la méthode que vous avez choisi, avec ce nouveau calque sélectionné, choisissez Filtres -> Esthétiques -> Relief et dans le dialogue entre certaines valeurs comme ci-dessous:


Assurez-vous que la hauteur est relativement faible – cela dépend de la taille de votre toile, et assurez-vous de tourner la manivelle du montant de tous les cours au maximum. Vous pouvez toujours le ton de l’effet à plus tard, avec l’opacité. Avec cette couche emboss, définir le mode de recouvrement .

Voici le résultat final, y compris toutes les couches de renvoi:

Et là vous l’avez!

Top design et meilleur architecture pour une architecte

Meilleur architecture pour une architecte

voila les meilleurs images d’architecture, des trucs et des astuces d’architecture, dans la création des objets unique

cette tutoriel présente une bonne source pour connaitre comment faire pour créer un nouveauté, aider source d’aider pour étre créative.

Holga Architecture

Les images présentées dans ce groupe ont été prises avec Holga (ou Holga-style) caméras, résultant dans un style très visuel intéressant

Holga-Architecture2 in Architecture Sources of Inspiration

Interior Design & Architecture

Interior-design-architecture2 in Architecture Sources of Inspiration

Sydney Architecture

Le Sydney Architecture groupe comprend plus de 4.000 images de la ville de Sydney, en Australie. Les deux espaces intérieurs et extérieurs sont inclus.
Flickr-Sydney-Architecture2 in Architecture Sources of Inspiration

Architecture (Plans Clean)

C’est un autre divers groupes que l’architecture des vitrines du monde entier, avec un accent certain sur plans extérieurs. Pratiquement tous les styles est inclus, du classique au moderne, dans les plus de 15.000 photos dans le groupe.

The-Architecture-Pool2 in Architecture Sources of Inspiration

1950 de design d’intérieur et d’architecture résidentielle

1950s-Interior-Design1 in Architecture Sources of Inspiration

Cinéma Architecture

Le Cinéma Architecture groupe sur Flickr vitrines de théâtre et de cinéma de l’architecture dans le monde entier. Il ya actuellement plus de 12.000 photos inclus.

Cinema-architecture1 in Architecture Sources of Inspiration

Victorienne de design d’intérieur et d’architecture résidentielle

Ce groupe Flickr met l’accent sur ​​la conception de l’ère maisons victoriennes, avec des images de tout, des maisons entières de détails architecturaux.

Vicotrianhouselovers1 in Architecture Sources of Inspiration

Détails de l’architecture moderne

Les détails de l’architecture moderne groupe comprend plus de 36.000 images en gros plan des détails d’architecture moderne.

Details-of-Modern-Architecture1 in Architecture Sources of Inspiration

Architecture – rationalisme

L’ Architecture – rationalisme groupe comprend plus de 1400 images de l’architecture rationaliste, y compris les photos et les croquis.

Architecture-Rationalism1 in Architecture Sources of Inspiration

Brutaliste Architecture

Brutalist-Architecture1 in Architecture Sources of Inspiration

Désir d’Inspire

Volonté d’inspirer couvre la conception largement intérieur. Ils comprennent le milieu du siècle moderne, éclectique, moderne et certaines conceptions traditionnelles, avec beaucoup d’images dans chaque poste. Leur blogroll classés par ordre alphabétique vous offre de nombreuses autres sources, si vous en avez besoin.

Desiretoinspire in Architecture Sources of Inspiration

Velvet & Linge de maison

Velvet & Linge de maison est le blog de Giannetti Home, une firme de design intérieur basé à Los Angeles. Leur blog couvre haut de gamme de design d’intérieur, souvent avec un accent sur les antiquités magnifiquement présenté dans la photographie à haute résolution.Soyez sûr de vérifier leur blogroll vaste pour plus d’architecture et des sites de design d’intérieur.

Velvetandlinen in Architecture Sources of Inspiration

Materialicious

Materialicious in Architecture Sources of Inspiration

CubeMe

CubeMe est un blog qui se concentre entièrement sur l’architecture moderne et design. Ils portent sur l’architecture de meubles résidentiels et commerciaux, accessoires pour la maison, illustrations, et plus encore. curiosités exceptionnelles rendre le site mérite une visite régulière.

Cubeme in Architecture Sources of Inspiration

Lait Design

Lait Design couvre l’art, architecture, design d’intérieur, et plus, avec une orientation résolument moderne. Ils ont aussi des caractéristiques de la technologie, la mode et le style.

Designmilk in Architecture Sources of Inspiration

Inhabitat

Inhabitat couvre l’architecture verte et de produits connexes et de la technologie. Ils sont souvent en vedette certains des plus extrêmes verte et durable des concepts architecturaux là-bas. La majorité de leurs postes viennent avec des tonnes de photos et des images, idéal pour l’inspiration.

Inhabitat in Architecture Sources of Inspiration

DigsDigs

vitrines DigsDigs principalement de design d’intérieur, en mettant l’accent sur les produits, mais ils possèdent également beaucoup de messages de photo montrant espaces intérieurs et extérieurs. Un dispositif régulier exhibe intérieurs petit espace, pour la plupart des appartements. Préparez-vous pour découvrir quelques idées vraiment étonnant.

Digsdigs in Architecture Sources of Inspiration

Archinect

Archinect comprend des articles de fond, des galeries d’images, de discussions et d’autres contenus liés à l’architecture. Ils couvrent à la fois design intérieur et extérieur, ainsi que des produits et des entrevues avec des personnes de premier plan dans l’industrie. Les personnes intéressées à plus pourrait vouloir vérifier la section documentation du site.

Archinect in Architecture Sources of Inspiration

Une dose quotidienne d’architecture

Une dose quotidienne de vitrines Architecture beaux bâtiments du monde entier. L’accent est ici définitivement sur l’extérieur, si elles occasionnellement des autres contenus.

A-daily-dose-of-architecture in Architecture Sources of Inspiration

BLDGBLOG

BLDGBLOG obtenu c’est commencer en 2004. architecture met de l’avant ainsi que des projets intéressants et de produits liés à la conception intérieure et extérieure (comme « la migration de Mel et Judith», un récit tout dit sur l’intérieur d’un abat-jour).

Bldgblog in Architecture Sources of Inspiration

Apartment Therapy

Apartment Therapy présente les meilleurs petit salon de l’espace, mettant principalement l’accent sur le design intérieur. Ils couvrent des produits, concepts et designs chambre, et occasionnellement des contenus vidéo.

Apartmenttherapy in Architecture Sources of Inspiration

Design Sponge

Design Sponge porte essentiellement sur le design intérieur, avec un accent certain sur d’autres articles artisanaux et dessins, mais toujours avec une touche moderne. Chaque poste est rempli d’images inspirantes, souvent des intérieurs qui juxtaposent des éléments inattendus.

Designsponge in Architecture Sources of Inspiration

Observeur du design

Observeur du design dispose de tous les domaines du design et de la culture. Ils figurent régulièrement architecture et de design d’intérieur, y compris leurs régulière « Mystères accidentelle» caractéristique, qui présente des curiosités sur une base hebdomadaire.

Designobserver in Architecture Sources of Inspiration

Architecture Moderne & Design Nouvelles

Modern Architecture & Design Nouvelles présente le meilleur de nouvelle conception moderne du monde entier. Leurs messages sont remplis d’images pour inspirer, et ils poster un nouveau message à quelques reprises chaque jour.

Modernarchdesignnews in Architecture Sources of Inspiration

Architecture de la terre

Architecture de la terre couvre que les bâtiments créés à partir de matériaux naturels à base de terre de partout dans le monde. Selon le site, « Une moitié de la population mondiale, soit environ 3 milliards de personnes sur les six continents, vit ou travaille dans des bâtiments construits en terre. »

Eartharchitecture in Architecture Sources of Inspiration

Contemporist

Contemporist couvre l’architecture, mobilier, décoration intérieure et d’autres sujets liés à la conception. Comme son nom l’indique, l’accent est mis principalement sur le design contemporain et moderne.

Contemporist in Architecture Sources of Inspiration

 

Picture Perfect Home

Picture Perfect Home présente à la fois intérieur et extérieur, sans véritable thème de style sans réel autre que le fait que les maisons-vedettes sont belles.

Pictureperfecthome in Architecture Sources of Inspiration

Harmony in Design

Harmony en Design présente une variété d’images intérieures et extérieures, surtout avec un style traditionnel, mais il ya des gemmes modernes entrecoupés.

Harmonyindesign in Architecture Sources of Inspiration

Ma petite maison

My Little House vous la plupart des intérieurs, et comme son nom l’indique, les petits espaces.

Mylittlehouse in Architecture Sources of Inspiration

Architizer

Architizer en vedette certains des plus intéressants de l’architecture moderne et conceptuelle là-bas, avec un accent sur les bâtiments qui brisent les frontières traditionnelles.

Architizer in Architecture Sources of Inspiration

Simplypi

Simplypi offre messages par jour sur l’architecture, les arts, le design, la conception des produits, et plus, mais il semble y avoir une inclinaison marquée vers les images d’architecture.

Simplypi in Architecture Sources of Inspiration

Modèles d’architecture

Modèles d’architecture met en valeur les modèles étonnants de l’architecture dans une variété de styles et de matériaux. Il s’agit d’un départ de plus de blogs architecture traditionnelle, ce qui ajoute encore plus de potentiel pour l’inspiration.

Architecturalmodels in Architecture Sources of Inspiration

D’architecture Inspiration

Ce blog présente Tumblr Photos intérieures et extérieures, ainsi que des tirs de detial notamment des détails architecturaux. Une grande variété de styles architecturaux sont inclus.

Architectureinspiration in Architecture Sources of Inspiration

Cabbage Rose

Avec un nom comme chou Rose, vous attendez probablement un blog en se concentrant sur « Shabby Chic » ou intérieurs des pays similaires. Mais vous ne trouverez pas cela ici: ce Rose chou se concentre sur la plupart des intérieurs modernes et éclectique.

Cabbagerose in Architecture Sources of Inspiration

Le blog Architecture

Les vitrines Architecture Blog architecture résidentielle et commerciale, avec les deux plans intérieur et extérieur. La plupart des bâtiments sont aussi modernes, bien qu’il existe quelques images plus traditionnelles.

Thearchitectureblog in Architecture Sources of Inspiration

Loftylovin

vitrines Loftylovin espaces de vie à aire ouverte de partout dans le monde, y compris les intérieurs modernes et plus traditionnelles.

Loftylovin in Architecture Sources of Inspiration

Intérieur déclin

Baisse Intérieur présente de beaux intérieurs. Il existe une variété de styles inclus, si elles ont toutes une chose en commun: le luxe.

Interiordecline in Architecture Sources of Inspiration

Baan

Baan, qui signifie maison ou la maison en thaï, dispose d’intérieurs magnifiques et les conceptions du monde entier. Il ya un sens défini organiques à la plupart de ce qu’ils disposent, si les styles sont éclectiques.

Baan in Architecture Sources of Inspiration

Home Sweet Home

Une grande variété de styles sont présentés sur le tumblog Home Sweet Home. Les images comprennent intérieurs et extérieurs, dont la plupart ont une très « intime » se sentent à eux, comme on pouvait s’y attendre par le titre.

Homesweethome in Architecture Sources of Inspiration

Ma page d’accueil idéale

My Ideal Home propose une variété de styles d’origine, à la fois intérieur et extérieur photos.Beaucoup d’images sont lumineuses et aérées, et il semble y avoir une abondance d’intérieurs dans la plupart blancs.
Myidealhome in Architecture Sources of Inspiration

* Salle de Nice

* Nice Room exhibe des images intérieures, dont la plupart sont assez classiques et décontractés.

Niceroom in Architecture Sources of Inspiration

 

Tutoriel Comment utiliser Adobe Illustrator pour créer un objet

Tutoriel Comment utiliser Adobe Illustrator pour créer un objet

Dans cette tutoriel nous allons voir comment utiliser adobe Illustrator pour créer des objets, nous allons voir des trus et des astuces pour créer des objets et réalisation des images vectoriels avec le meilleur logiciel de réalisation de ce type d’image comme adobe Illustrateur.

L’objet quand va créer avec adobe Illustrator c’est un tirelire.
Beaucoup de gens ont des difficultés à dessiner des objets en perspective. La plupart du temps ça aide si vous avez cet objet particulier en face de vous, mais nous avons encore besoin de notre imagination.les aspects les plus importants du point de vue sont la taille et la distance. Si vous augmentez la distance entre vous et l’objet que vous observez, vous devez réduire la taille de cet objet. De cette façon, vous pouvez obtenir un bel effet de profondeur dans vos illustrations.

Adobe Illustrator CS4 . Amusez-vous!

C’est ainsi que le résultat ressemblera à ceci:

0352 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Tout d’abord, nous allons commencer par le corps de la tirelire. Sélectionnez l’ outil Ellipse( L ) à partir de l’ outil du panneau et de créer une ellipse pour notre tirelire. Ajoutons un gradient pour obtenir un look rond. À ce stade, nous avons besoin d’imaginer une source de lumière au-dessus de nos Piggy Bank. Selon cette optique, certaines parties de la nécessité ellipse à être plus légers et d’autres plus sombres, parce que les causes de légers reflets et les ombres:

00111 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Création des yeux pour tirelire

Maintenant, nous allons créer les yeux de la tirelire. Avec l’aide de l’ outil Ellipse ( L ) de créer deux ellipses, plus grand et un plus petit (définir la couleur de remplissage à rose foncé). Faites se chevaucher et choisissez Unite dans le panneau Pathfinder :

0024 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Tournez les yeux un peu et placez-les sur la tirelire. Vous pouvez voir comment les petits yeux rend l’impression de la perspective. Nous devrons le faire avec d’autres parties de la tirelire ainsi.

0032 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Continuons avec les yeux. Depuis notre imaginaire source de la lumière est supérieure à la Tirelire nous avons besoin de faire un point fort sur ​​les yeux. Let’s copier-coller en face des yeux. Vous pouvez le faire en sélectionnant les yeux et en appuyant sur Ctrl + C pour copier et Ctrl + F pour la pâte en avant sur ​​votre clavier. De cette façon, vous avez fait une copie des yeux.

Répétez cette étape pour créer une autre copie. Avec la copie supérieure, étant toujours sélectionné, appuyez sur la touche flèche sur votre clavier et votre coup de pouce aux yeux d’un pixel ou deux vers le bas . Maintenant, maintenant la Maj touche, sélectionnez une autre copie de l’œil droit ci-dessous, et avec deux copies sélectionnées, cliquez sur le Front Minus dans le panneau Pathfinder :

0042 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Modifier le remplissage couleur de la nouvelle forme à la lumière rose:

0052 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Maintenant, nous allons faire une autre copie des yeux. N’oubliez pas les raccourcis magique Ctrl + C et Ctrl + F (au-coller infront copie). Nous allons utiliser leur lot dans ce tutoriel. Réduire une nouvelle copie un peu l’aide d’un non-uniforme échelle. Il suffit de saisir la poignée du milieu sur le côté supérieur du rectangle de sélection et déplacez-levers le bas . Faites de même avec le côté inférieur de la boîte de sélection. Ajouter un dégradé radial comme le montre l’image ci-dessous:

0062 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Répétez l’étape précédente. Échelle de la nouvelle copie des yeux un peu plus et ajouter un dégradé radial:

0072 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Maintenant nous avons besoin de deux cercles blancs pour créer un élève. Mais attention, l’un des cercles doit être plus petit parce que c’est plus loin de nous. Sélectionnez les deux cercles, faites un clic droit et sélectionnez Groupe ( Ctrl + G ):

0082 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Permet de copier ( Ctrl + C ) et collez-en-avant ( Ctrl + F ) ces deux cercles. Pour leremplissage de couleur, choisissez brun et avec la flèche de votre clavier pousser leur ascendant d’un pixel:

0092 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Répétez l’étape précédente, mais pour la remplir de couleur utiliser un dégradé radial:

0102 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Sélectionnez les cercles avec un gradient radial de l’étape précédente et sous Object Path>> Décalage définir la valeur de décalage à -4 . Réglez le Remplissez la couleur au noir:

0112 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Maintenant, faire deux petites ellipses, définissez le remplissage couleur blanche et les placer comme indiqué dans l’image ci-dessous. Assurez-vous que une ellipse est un peu plus petit que le plus proche de nous (étant donné que l’œil est plus petit):

0122 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Création du museau

Une fois que vous êtes heureux avec les yeux que vous avez créé, nous pouvons passer à l’étape suivante. Pour créer Piggy le museau du, choisissez l’ outil Ellipse (L) une fois de plus pour créer une ellipse, fixant le remplissage couleur blanche et de le placer sous les yeux nous venons de faire. Ce sera un moment fort petite sur le côté:

0132 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Copier ( Ctrl + C ) et collez-en-avant ( Ctrl + F ) de l’ellipse, il pousser un pixel vers la gauche et ajouter un dégradé linéaire comme indiqué dans l’image ci-dessous:

0142 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Répétez la copie ( Ctrl + C ) et collez-en-avant ( Ctrl + F ) des mesures pour faire une copie de l’ellipse. Faire la nouvelle ellipse un peu plus petit et l’aligner sur la gauche avec la droite ellipse ci-dessous. Le linéaire du gradient de l’étape précédente nous donne l’impression de l’évidence. Dégradés, ombres et des reflets sont importants aspects très:

0152 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Faire la copie de l’ellipse blanche. Saisissez la poignée du milieu du rectangle de sélection sur la droite et déplacez-le vers la gauche pour un pixel. Réglez le remplissage couleur de la nouvelle ellipse rose plus foncé. Maintenant que nous avons réalisé un autre point fort sur ​​le nez:

0162 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Maintenant, nous allons faire une réflexion de la lumière. Prenez l’ outil Ellipse (L) et de créer une plus grande ellipse. Couvrir la moitié supérieure du nez de la tirelire avec elle. En outre, nous avons besoin d’une copie de l’ellipse, nous avons créé à l’étape précédente (Ctrl + C et Ctrl + F ). Maintenant, sélectionnez les deux ellipses nouvelle, la petite ainsi que le grand, et sous le panneau Pathfinder a frappé l’ Intersect bouton. C’est ainsi que nous allons créer une forme qui se transforme en une réflexion:

0172 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Modifier le remplissage couleur de la nouvelle forme à quelque chose de plus léger que la couleur de la truffe:

0182 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Nous sommes à seulement quelques pas de terminer Piggy Bank museau l’. Maintenant, nous devons créer les narines. Pour cela, nous aurons besoin de deux ellipses. Une fois de plus, l’ellipse qui est plus loin de vous devrez être plus petite. Utilisez le outil Ellipse ( L ) pour les créer. Ajouter un dégradé radial à deux ellipses. Le côté sombre de la pente nous donne un sentiment de profondeur. Consultez le tableau ci-dessous:

0192 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Sélectionnez les deux ellipses et le groupe d’entre eux ( Ctrl + G ). Maintenant nous avons besoin de deux copies de leur part. Copier ( Ctrl + C ) et collez-en-avant ( Ctrl + F ) fera ces deux copies. Sélectionnez un exemplaire et le déplacer vers le haut d’un pixel.Maintenez la touche Maj de votre clavier, sélectionnez une autre copie (placé sous la copie poussé) et cliquez sur le Front Minus dans le panneau Pathfinder . Vous pouvez modifier le remplissage de couleur de la nouvelle forme de rose pâle (presque blanc):

0202 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Création de la Ears

Je pense que nous sommes sur la bonne voie pour faire une très jolie tirelire! Maintenant, nous allons nous créer ses oreilles avec des ombres et des reflets. N’oubliez pas, la tirelire est généralement en plastique ou en argile, ce qui signifie que nous devons essayer de simuler ce regard.

Avec l’ outil Plume ( P ) a sélectionné, essayez de dessiner la partie interne de l’oreille.Vous pouvez avoir quelques difficultés avec cette partie, si vous ne savez pas comment Piggy l’oreille de l’devrait ressembler. Si vous avez ce problème, essayez de trouver une image d’un porc, ou peut-être vous avez une tirelire à la maison. Le truc, c’est que nous ne pouvons pas tirer l’oreille tout à la fois. Nous devons briser le dessin vers le bas pour quelques – dessin de la partie interne de l’oreille, la partie extérieure, le bord et l’ombre.Donc, la première partie sera l’oreille interne. Vous pouvez utiliser le dégradé radial même de l’étape précédente:

0212 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Pour la partie externe de l’oreille, nous aurons besoin des couleurs plus claires. Nous allons utiliser un linéaire dégradé comme le montre l’image ci-dessous:

0222 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Encore une fois, nous aurons besoin de lumières et des ombres. Tout d’abord, sélectionnez la partie externe de l’oreille et faire deux copies. Déplacer une copie d’un pixel vers lagauche en utilisant la flèche sur le clavier. Maintenant, sélectionnez les deux exemplaires et a frappé le front Minus option dans le panneau Pathfinder . Faites la même chose pour la partie interne de l’oreille. Vous allez vous retrouver avec un bord agréable à l’oreille qui ressemble à un point culminant de la lumière. Ne pas oublier de changer le remplissagecouleur de la surbrillance rose pâle (presque blanc):

0232 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Si l’on ajoute une ombre oreille est de rendre notre tirelire plus réaliste. Il suffit de sélectionner l’ outil Plume ( P ) à nouveau et essayez de dessiner une ombre de l’oreille.Une fois que vous êtes satisfait de l’ombre, sélectionnez toutes les pièces de Piggy Bank oreille de l’, regroupez-les ( Ctrl + G ) et sous clic droit, choisissez Organiser et sélectionnez Mettre au premier plan . La couleur de l’ombre doit être un peu plus sombre, puis la couleur de Piggy Bank corps. Vous pouvez ajouter une zone de petite lumière sur la partie extérieure de l’oreille, juste pour ajouter un accent de l’évidence:

0242 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

L’autre oreille devrait être plus petit, il devrait être derrière la tirelire, car nous ne sommes pas en mesure de voir cette partie du corps. Il devrait également contenir des parties les plus sombres et plus léger. Permet de sortir de l’oreille vers le bas en morceaux. Les étapes sont assez similaires aux étapes de la première oreille. Il suffit de prendre l’ outil Plume ( P) et en tirer les et externe partie interne de l’oreille, créer un bord de l’oreille, faire tourner un peu si vous devez, rendre un peu plus petite que notre oreille et de vous assurer qu’il est derrière le Piggy Banque:

0252 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Ajout de détails

Maintenant, nous pouvons faire un peu de détails pour la tirelire. L’un d’eux est la queue frisée mignon. Prenez l’ outil Plume ( P ) et à nouveau de dessiner le trajet de turbulence.Maintenant il nous faut un petit cercle noir. Choisissez l’ outil Sélection directe ( A ), sélectionnez le fond d’ancrage de ce cercle et tout en maintenant la Maj touche, il tirer vers le bas. Prenez la nouvelle forme que nous venons de faire et faites-les glisser dans lepanneau de brosse . Choisissez New Art Brush sous les types de brosse. Dans leGroupe Option Art Brush , assurez-vous de mettre en teintes pour Colorisation Méthode . Changer la course

couleur de la queue frisée au rose (le même que la partie arrière du corps Piggy Bank):

0262 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Création d’une réflexion

Nous pouvons également faire le reflet de la fenêtre sur la tirelire. Sélectionnez le corps de la tirelire. Faites une copie de celui-ci (

Ctrl + C, Ctrl + F ) et réduisez un peu.Maintenant, nous devons ajouter quelques points d’ancrage et de supprimer d’autres afin d’obtenir le chemin que nous allons utiliser pour tirer le reste de la réflexion fenêtre.Utilisation de l’ outil Plume ( P ), nous pouvons ajouter des ancres et avec l’ outil Sélection directe ( A ), nous pouvons sélectionner les points d’ancrage dont nous avons besoin de supprimer et appuyez sur la suppression

du clavier.

0273 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

C’est la voie que nous allons utiliser pour compléter notre réflexion fenêtre:

0284 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

0292 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Désélectionnez l’objet de nouvelles nous venons de faire et de saisir l’

outil Plume ( P ) à nouveau. Faisons en sorte que deux chemins comme dans l’image ci-dessous. Réglez lacourse à 2

0302 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Nous devons élargir ces coups. Avec les deux chemins sélectionnés dans le cadre de l’objet sélectionner Expand . Maintenant, en maintenant la Maj touche, sélectionnez la forme de la réflexion fenêtre et sous le panneau Pathfinder frappé Minus avant :

0312 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Modifier le remplissage couleur de la fenêtre pour la réflexion plus léger rose:

0322 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Touches finales

En utilisant les mêmes techniques, nous pouvons dessiner la forme de la fente où sont les pièces de monnaie goody venir sur le dos de la Banque Piggy. En utilisant un gradient linéaire devrait être un bon moyen pour obtenir l’effet profondeur requise:

0332 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Pour les jambes, nous aurons besoin de l’ outil Plume ( P ) une fois de plus. Dessinez quatre pattes. Deux d’entre eux doivent être envoyés derrière les Piggy Bank ( clic droit> Réorganiser> Envoyer à l'arrière ). Pour ces deux jambes utiliser les dégradés linéaires. La partie plus sombre de la pente sera de simuler l’ombre de Piggy Bank corps:

0342 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Vous pouvez ajouter des reflets sur les parties exposées à la lumière. Pour les autres, il suffit de créer des ombres. Oh, et n’oubliez pas la bouche:

0352 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

Utilisez votre imagination et faire différents visages pour la tirelire. Il peut être amusant.Voici certains de mes résultats!

0362 500px in How to Create a Cute Piggy Bank in Perspective with Adobe Illustrator

J’espère vraiment que vous avez apprécié ce tutoriel. En utilisant toutes ces techniques, nous avons utilisé ici, vous pouvez créer à peu près tout. Il suffit de ne pas avoir peur d’expérimenter avec des couleurs, des dégradés et des ombres. Utilisez-les judicieusement et vous serez en mesure de réaliser de grandes semble réaliste pour vos illustrations.Gardez à l’esprit de suivre toutes les règles de dessin en perspective. S’il vous arrive d’avoir des questions n’hésitez pas à poster dans la section commentaire ci-dessous. Merci d’avoir lu!

 

Turoriel pour créer une bonne design en 7 règles

Turoriel pour créer une bonne design en 7 règles

il ya un certain nombre d’éléments de base que toute mémoire un bon design comprend.

Comment vos clients d’inclure chacun de ces dans leur mémoire rend votre travail en tant que concepteur d’autant plus facile.

Une offre complète et détaillée brève devient le document de référence pour le processus de conception, et définit exactement ce que vous, en tant que concepteur, besoin de faire, et les contraintes dans lequel vous avez besoin de le faire.

Dans cet article nous allons examiner les bases nécessaires pour une brève grand dessein qui devrait faciliter votre travail de conception et d’éviter tout problème avec vos clients.

Si vous avez d’autres conseils, s’il vous plaît partager ci-dessous dans les commentaires.

Voici les parties les plus élémentaires d’un dossier de conception:

  1. Objectifs et buts de la nouvelle conception
  2. Budget et calendrier
  3. Public cible
  4. Portée du projet
  5. Matériel disponible / Matériel requis
  6. Style ensemble / Rechercher
  7. Tout certaine »Ne Nots »

 

1. Objectifs et buts

 

La première chose que vous devez savoir est ce que votre client veut de leur nouveau design. Est-ce une nouvelle conception ou de refonte d’un site existant, ou est-il une conception complètement nouvelle? Ont-ils déjà des idées solides pour ce qu’ils veulent de leur site de faire ou de leurs idées sont plus vague?

Comment vos clients de clouer ce que leurs objectifs sont site est important de créer un design qui ils vont être satisfaits. Après tout, vous aurez une approche de conception qui est destinée à sensibiliser ou éduqué différemment de celui qui est spécifiquement destiné à vendre un produit ou service.

 

2. Budget et calendrier

Budgétaire peut être un sujet délicat pour certains clients. Beaucoup de clients se sentent comme s’ils partagent leur budget avec vous avant de vous donner un devis, vous surcharge eux ou leur imposer le montant maximal pour le moins d’argent.

Ce que les clients ne comprennent souvent est que, connaissant à l’avance quel genre de budget, ils ont à travailler avec, vous pouvez adapter vos services pour leur donner le plus d’avantages pour leur argent. C’est la partie dont vous avez besoin d’insister auprès de vos clients, et être prêt à rencontrer une certaine résistance.

Annexe est presque aussi important que le budget. Certains clients n’ont aucune idée de combien de temps il faut pour concevoir un grand site Web. Ils ne comprennent pas qu’un bon design prend du temps, et que ce n’est pas seulement une question de créer une belle image.

Parfois, les clients ont certaines échéances qu’ils veulent rencontrer, en raison des événements qui se passe avec leur entreprise ou de l’industrie. Ils pourraient avoir un lancement de produit ou une foire commerciale à venir et veulent que leur nouveau site prêt pour cela. Il est important de savoir pourquoi ils veulent que les choses s’inscrivent dans un calendrier et si certains que l’horaire est flexible ou non.

Soyez réaliste avec vos clients à la fois sur leur budget et leurs besoins calendrier. Si vous savez que vous ne pouvez pas faire quelque chose dans un certain budget ou le calendrier, leur dire à l’avance. Offre des solutions de rechange, si possible. Vous pouvez constater que, en travaillant avec eux et dans les limites qu’ils ont, vous formez une meilleure relation de travail et beaucoup de répétition et d’affaires de référence.

 

3. Public cible

Qui sont vos clients en essayant d’atteindre? Un site conçu pour les adolescents qui se passe à regarder et à travailler un peu différemment de celui prévu pour les décideurs des entreprises. Demandez à votre client qui ils veulent faire appel à leur droit site depuis le début.

Si vos clients ne sont pas très bien qui ils veulent atteindre avec leur site, demandez-leur qui est leur client idéal. Je suis sûr qu’ils ont une idée de qui achète leurs produits ou utilise leurs services.

Demandez-leur de décrire les personnes, même s’il n’y a plus d’un. Si c’est le cas, c’est votre travail en tant que concepteur de créer quelque chose qui fait appel à plus d’une démographiques.

 

4. Portée du projet

Pas tous les projets est aussi en profondeur que tous les autres. Certains clients veulent une solution entièrement personnalisée. D’autres veulent juste que vous pouvez adapter un modèle existant ou un autre dessin. Certains clients veulent un site de commerce électronique complète avec un panier d’achat, tandis que d’autres veulent juste un site brochure qui donne des informations fondamentales de l’entreprise.

Parfois, la portée du projet est évident par rapport aux objectifs d’un projet. Évidemment, si les objectifs de votre client sont à vendre des produits sur leur site Internet, ils vont avoir besoin d’une solution e-commerce. Mais si ce n’est pas évident, vous aurez besoin de demander. Assurez-vous de poser des questions sur des choses comme l’intégration blog ou fonctionnalités de réseautage social, aussi.

 

5. Matériel disponible

Votre client a déjà un logo, brochure, photos de produits, ou d’autres matériaux qui pourraient être utiles à votre projet?

En regardant leurs documents de promotion existants peuvent apporter informations précieuses sur ce que leur goût est la conception et quelles sont leurs priorités.

Si votre client ne dispose pas des choses comme un logo ou photos de produits, alors vous voudrez sans doute, soit vous proposons de concevoir ces choses, ou reportez-vous à votre client de quelqu’un qui peut (si ce n’est pas dans votre champ normal des services).

Ces sortes d’add-ons peuvent être utiles à la fois à votre client et à votre ligne de fond.

 

6. Globalement Style

Avoir le sens de ce que votre client veut en termes de style est vital. Ils peuvent avoir un design grunge à l’esprit lorsque vous vous imaginez quelque chose de propre et moderne (ou vice versa). La plupart des clients ont aime bien distinctes et les aversions. Mais ils ne sont pas toujours bonne à exprimer leurs goûts sont.

Demander aux clients des exemples de modèles qu’ils aiment et des dessins qu’ils n’aiment pas, même si elles sont les dessins de leurs concurrents, peut vous donner des informations précieuses sur ce qu’ils aiment et n’aiment pas. Vos clients devraient vous fournir quelques exemples avant de commencer la phase de conception.

 

7. Certaine »Ne Nots »

Au moins aussi dire que ce que le client aime et veut, c’est ce qu’ils ne veulent absolument pas.

Certains clients de haine de certaines fonctions. Certains clients ne veulent pas d’un site de commerce électronique, ou une disposition en trois colonnes, ou un diaporama. Avoir une idée de ce que votre client ne veut pas peut vous faire économiser de perdre du temps la conception de caractéristiques vos clients, puis rejeté.

 

Questionnaire formel ou juste un guide?

Maintenant que vous avez une idée de ce dossier de conception de votre client doit comprendre, il est temps de décider si vous devez recueillir cette information par le biais d’un questionnaire formel, ou tout simplement offrir à vos clients un document d’orientation qui leur explique comment mettre sur pied un bref.

Il ya des avantages à une ou l’autre approche. Un questionnaire formel peut être utile pour les clients qui sont nouveaux à travailler avec des designers professionnels. Un questionnaire bien conçu obtient votre façon de penser client, et obtient à la racine de ce qu’ils veulent de leur nouveau site web.

Encore une fois, un document moins formel que le simple guides à votre client de créer un dossier de conception qui comprend toutes les informations pertinentes. Si la plupart de vos clients ont déjà travaillé avec des designers professionnels, ce peut être une meilleure façon d’obtenir des informations. Laisser votre client dire ce qu’ils veulent dire peut les amener à révéler des informations qu’ils pourraient ne pas apparaître dans un questionnaire formel.

Une autre option est d’interroger vos clients d’une manière moins formelle. Discutez des choses en général inclus dans un bref une bonne conception, et prendre des notes (ou enregistrer la conversation si votre client est d’accord avec cela, et puis le transcrire plus tard).

L’avantage de faire une entrevue est que vous pouvez demander plus d’information ou des précisions, si nécessaire, et vous pouvez généralement évaluer comment votre client est enthousiaste au sujet de certains aspects du projet ou de certaines idées.

 

Un bref un bon design est de l’état civil

Le dossier de conception sert de document d’orientation pour le projet. Pensez-y comme comme un plan d’affaires pour un projet spécifique. Il doit couvrir tout le nécessaire pour le projet, d’une manière qui est facile à consulter tout au long de l’échéancier du projet.

Prenez des notes sur vos mémoires de conception une fois que vous démarrer le projet.Gardez votre proposition avec elle, ainsi que d’autres documents importants. Mettez en surbrillance les éléments importants de chaque, ou prendre des notes dans les marges. Ne vous contentez pas regarder par-dessus au début, puis le déposer quelque part.Efficacement en utilisant un dossier de conception tout au long du processus peut conduire à un résultat final bien meilleur.

 

 


Excellent tutoriel photoshop CS5 dans le création des images

Tutoriel photoshop CS5 dans le création des images pour utiliser dans n’importe quel domaine

Dans ce tutoriel nous allons apprendre à créer un effet de se briser à l’aide des simples, mais efficaces, les techniques de Photoshop.

Un des plus grands outils de Photoshop qui est souvent négligé est des masques de calque et lorsqu’ils sont utilisés correctement, ils peuvent fusionner des images ensemble de façon transparente, ce qui donne une touche professionnelle.

Nous allons combiner les masques avec des brosses pour compléter l’image source d’origine avec les éléments subtils.

Lorsque vous aurez terminé ce tutoriel, vous pouvez expérimenter avec vos propres découvertes et de combiner les techniques utilisées pour créer une œuvre unique et inspirant.

Étape 1 d’utilisation de photoshop CS5

Nous commençons le tutoriel en extrayant le modèle de l’arrière-plan. J’ai acheté une photo d’un modèle d’iStockphoto appelée « Painted Dreams » (Cette image est utilisée uniquement à des fins de tutorial et les droits d’auteur appartiennent au photographe). Il ya un certain nombre de façons de découper une sélection, mais nous allons utiliser le outil plume pour tracer autour du modèle.

Étape 2 d’utilisation de photoshop CS5

La meilleure façon de le faire est précisément pour zoomer à environ 200%. Une fois que vous avez soigneusement rempli la sélection, un clic droit sur ​​le calque et choisissez il pixelliser , puis sélectionnez-le en utilisant la baguette magique. Avec la sélection active, cliquez sur le calque d’origine, puis coupez et collez-le dans un nouveau document de mesure 1024 pixels de large par 768 pixels de longueur à 72 dpi.

Cela va être notre nouvelle toile. Repositionner le modèle à la gauche du document de sorte que nous avons une belle composition comme indiqué ci-dessous.

Étape 3 d’utilisation de photoshop CS5

Créez un nouveau calque, remplissez la couleur de premier plan avec une couleur bleu clair (# 8aa8c2), puis choisissez un bleu foncé pour la couleur de fond (# 090f1d). Cliquez sur les échantillons au bas de la palette d’outils pour saisir les références de couleur.

Maintenant, nous allons ajouter nuages ​​rendre à la couche Filtre> Rendu> Nuages . Vous pouvez avoir besoin de répéter les nuages ​​rendent, ou même ajouter des nuages ​​différence à la couche, jusqu’à ce que vous obtenir un effet similaire à celui montré dans la capture d’écran ci-dessous. Déplacer ce derrière le modèle de sorte que nous avons maintenant un calque d’arrière plan comme base pour notre illustration.

Etape 4 d’utilisation de photoshop CS5

Créez un nouveau calque et avec la couleur de premier plan à une couleur verdâtre de lumière (# 82947f), utiliser une brosse douce grand ensemble à 300px de diamètre et une opacité de 100% et pulvériser trois points à l’angle supérieur gauche, réglage de la couche d’ écran mode.

Une fois de plus créer une autre couche, mais cette fois utiliser une brosse douce blanc sertie de 140px et pulvériser près de trois points les verts, avec la couche mis enrecouvrement mode. Enfin, répéter ce processus avec un 220 pixel bleu foncé brosse douce (# 090f1d) et doucement de pulvérisation de derrière le modèle vers la droite de la toile. Mettez le calque de superposition mode.

Etape 5 d’utilisation de photoshop CS5

Maintenant il est temps d’ajouter quelques effets de brosse plus. Commençons avec un gros pinceau souple, blanc (le diamètre est d’environ 60 pixels) avec une opacité de 100%. Allez-y et de faire des marques au hasard derrière le côté droit du modèle.

Puis ajoutez un flou gaussien avec les paramètres Filtre> Atténuation> Flou gaussien> rayon de 8,9 pixels . Dupliquer ce calque et réglé à overlay mode .

Étape 6 d’utilisation de photoshop CS5

Retour à la brosse bleue couche molle sombre dans l’étape 4 et ajoutez un masque de calque. Maintenant, il commence à devenir intéressant! Cliquez sur l’outil pinceau et ouvrir les paramètres du pinceau. Faites défiler les brosses par défaut jusqu’à ce que vous trouverez « la feuille d’érable dispersés » (si vous ne le trouvez pas, utilisez une feuille similaire).

Réglez le diamètre est compris entre 30 pixels et 80 pixels et de faire quelques coups au hasard. Avec les pinceaux de tailles différentes, utiliser une petite brosse afin que vous ayez des feuilles plus petites plus proche du modèle et les ont progressivement s’élargir comme ils se déplacent plus loin vers la droite.

N’oubliez pas de régler la couleur de la brosse à masque noir, de sorte que les coups seront clairement visibles dans le masque de calque.

Étape 7 d’utilisation de photoshop CS5

Voici une capture d’écran des paramètres j’ai utilisé avec la dynamique de la formechoisie. À ce moment, vous pouvez ajouter quelques gigue à la taille et jittering angle (environ 10%). Expérience avec les valeurs jusqu’à ce que vous obteniez l’effet que vous recherchez, en ajoutant la diffusion peut aussi briser la régularité.


Étape 8 d’utilisation de photoshop CS5

Ajouter un flou gaussien d’un rayon de 9,1 pixel pour le masque de calque. Il est très important que vous n’avez pas interférer avec la couche réels et ne le faire que sur le masque. Réglez le calque en mode superposition .

Étape 9 d’utilisation de photoshop CS5

Pour ajouter plus de profondeur à la composition, nous allons donner l’impression que les parties du corps du modèle sont briser. Répétez la même technique décrite à l’étape 6 en ajoutant un masque de calque à la couche de modèle de peinture rouge et dans la région de masque à l’aide de la brosse même feuille d’érable. (Varier les tailles de brosse entre 20 et 30 pixels).

Encore une fois, assurez-aléatoire courses simples coupant les parties du corps et les cheveux à la droite du modèle. Il devrait ressembler à la capture d’écran ci-dessous.

Etape 10 d’utilisation de photoshop CS5

Pour la composition un peu plus intéressant, sélectionnez une petite zone de peau sur le corps du modèle. J’ai choisi la région de la cuisse et cloné cela en utilisant l’outil de sélection rectangulaire, puis copiez et collez-le dans un nouveau calque.

Etape 11 d’utilisation de photoshop CS5

Utilisation de l’outil de transformation Edit> Transform> Scale, fausser le nouveau calque en l’étirant jusqu’à ce qu’elle ressemble à la capture d’écran ci-dessous. Ce sera vous avez besoin pour tirer les sommets horizontalement et verticalement. N’oubliez pas de couvrir le corps des modèles légèrement, ce qui sera important à l’étape suivante.

Etape 12 d’utilisation de photoshop CS5

Nous ajoutons un autre masque de calque au calque Layer> Layer Mask> Tous Masquermais cette fois nous nous cachons tous. Avec le masque sélectionné, utilisez la feuille d’érable brosse comme avant et de la peinture coups varier la taille comme on le verra dans l’étape 9 – n’oubliez pas d’utiliser un pinceau couleur blanche.

Une fois terminé, modifier l’opacité mode de calque à environ 30%. Répétez ce processus à nouveau avec une nouvelle couche, mais quitter le mode de calque à 100%. Voir la capture d’écran montrant les deux couches différentes:

Etape 13 d’utilisation de photoshop CS5

Sur le même principe à l’étape précédente, nous avons l’échantillon une partie des cheveux du modèle et de le copier et le coller dans un nouveau calque. Encore une fois nous le déformer en utilisant l’échelle outil de transformation qui s’étend en une forme rectangulaire à couvrir une zone plus vaste.

Etape 14 d’utilisation de photoshop CS5

Ajouter un masque de calque Masquer tous et en utilisant une brosse feuilles très petites érable faire quelques courses aléatoires, de sorte qu’il ressemble à des petits bouts de cheveux se briser à partir du modèle. N’oubliez pas d’utiliser un pinceau blanc afin de voir quoi que ce soit dans la zone du masque.

Vous pouvez avoir besoin d’expérimenter un peu avec la taille du pinceau pour obtenir l’effet exact. Un autre truc cool, c’est d’utiliser un pinceau gris moyen pour que les pièces semblent les plus plus transparent.

Etape 15 d’utilisation de photoshop CS5

Utilisation de l’ outil de forme personnalisée nous allons à la valeur par défaut des formes comme le montre la capture d’écran ci-dessous et nous sélectionnons « Leaf » 7. J’ai mis en évidence la forme en rouge, mais si vous ne le trouvez pas ou ne l’avez pas, sélectionnez une autre forme de la feuille.

Etape 16 d’utilisation de photoshop CS5

Créer la «feuille de 7″ la forme et la redimensionner comme le montre la capture d’écran ci-dessous. Puis, en utilisant l’outil baguette magique, allez-y et sélectionnez la forme. Avec la sélection maintenant, le repositionner à proximité de la zone du cou / épaule et masquer le calque de forme originale.

Faites défiler les couches jusqu’à ce que vous trouverez l’original « modèle rouge » calque et copiez et collez la sélection dans un nouveau calque. Utilisation de l’outil de déplacement, le déplacer légèrement vers la gauche en utilisant les flèches de votre clavier.

Etape 17 d’utilisation de photoshop CS5

Afin de lui donner un effet 3D, nous allons ajouter un style de calque situées dans le menu en haut de l’écran. Calque> Style de calque> Ombre portée.

Avec les options de fusion ouvert, cochez ombre option et utilisez les paramètres indiqués dans la capture d’écran ci-dessous. Blend mode> Multiplier Opacité> 75%, Angle> 175 degrés avec la lumière mondiaux sélectionnés, Distance> 5px, Spread> 0 px,> Taille 5 px . Qualité> Bruit> 0% avec le « Layer assomme ombre  » option choisie.

Vous pouvez légèrement modifier les paramètres jusqu’à ce que vous êtes satisfait des résultats.

Etape 18 d’utilisation de photoshop CS5

Dupliquer le calque neuf fois et de fausser chaque couche avec l’outil de transformation afin que chacun est différent et les repositionner comme indiqué dans la capture d’écran. Je les ai redimensionné vers le bas entre 70-90% de sorte que chacun est différent. (Si l’image n’est pas tout à fait le même aspect que l’image didacticiel, vous devrez peut-être un peu improviser).

Ajout de plusieurs couches donnera l’illustration de profondeur et de texture, alors n’hésitez pas à expérimenter avec cet effet.

Etape 19 d’utilisation de photoshop CS5

Créer une autre forme personnalisée en suivant les étapes 15 et 16 en utilisant une feuille de forme différente. Cette fois, nous allons utiliser un grand « Feuille 5″ avec un brun rougeâtre (# a01205). Jetez un oeil à la capture d’écran pour vous donner une idée de la taille de la feuille – une fois sélectionné, pixelliser le calque.

Etape 20 d’utilisation de photoshop CS5

Déplacer la feuille nouvelle couche derrière le «modèle rouge » couche et d’utiliser les outils de transformation de fausser la forme de la feuille. Nous voulons donner l’impression que la feuille est une ombre assis sur le plancher et nous utilisons la Transformation> Déformation outil à cette époque.

Etape 21 d’utilisation de photoshop CS5

Nous avons presque terminé! Maintenant, si vous le souhaitez, vous pouvez ajouter une texture à la feuille en utilisant un masque de calque> Tout faire apparaître , le tableau des marques de hasard avec la brosse même feuille utilisés dans ce tutoriel. Pour utiliser une touche de finition flou gaussien réglé à 10 pixels avec un rayon de multiplier le mode de fusion défini sur une opacité de 100%.

Étape 22 d’utilisation de photoshop CS5

Pour lui donner cette impression fantastique, sélectionnez toutes les couches et les regrouper. Renommer le groupe «finale», et le reproduire. Avec le groupe double, sélectionnez Calque> Fusionner le groupe . Utilisez un flou gaussien avec un rayon de 15 pixels, changer le mode de fusion à l’écran et l’opacité à 85%.


Créer une scène 3D Text Utilisation de Photoshop

Tutoriel explicative commment créer une scène 3D Text Utilisation de Photoshop ?

Dans ce tutoriel nous allons créer une scène 3D réaliste texte en utilisant Photoshop avec un peu d’aide de Illustrator pour le texte 3D.

Vous devez avoir à moyen et à des connaissances avancées de Photoshop afin de compléter ce tutoriel.

Voici un aperçu rapide de l’image que nous allons créer:

Étape 1

Sur un type de document vide le texte dans Illustrator. Je suis l’aide de la police d’impact et cette couleur de premier plan: # CCCCCC. Ensuite, allez à Effet> 3D> Extrusion et biseautage, et définir les valeurs comme indiqué ci-dessous. Ensuite, copiez (Ctrl ou Commande + C) le texte 3D.

Étape 2

ouvrir Photoshop et créez un nouveau document (1280 x 1024 px) et de mettre cette image comme arrière-plan. Ensuite, collez le texte 3D (créé à l’étape 1) en tant qu’objet dynamique.

Étape 3

Ensuite, allez dans Filtre> Rendu> Eclairage et définissez les valeurs comme indiqué ci-dessous. De cette façon, le texte correspondent à la scène la foudre.

Etape 4

Sélectionnez la couche objet Smart, clic droit sur ​​le calque et sélectionnez Dupliquer le calque> Destination: Nouveau, Nom: Carte. Ensuite, allez à Layer> Pixellisation Smart object>. Enregistrez le document comme Map.psd quelque part dans votre bureau.

Etape 5

Maintenant, nous allons enregistrer le document précédent, comme « texture Déplacer », supprimer le texte 3D raster et collez ce l’image sur un nouveau calque. Ce sera notre première texture.

Allez dans Filtre> Déformation Déplacer>, recherche pour «map.psd » et définir à la fois les valeurs horizontales et verticales à 50. Ensuite, sélectionnez tout (Ctrl + A ou Pomme + A) et copier la sélection.

 

Étape 6

Collez le « Rock Texture » dans un nouveau calque au-dessus de l’objet 3D à puce. Changer le mode de fusion à Incrustation.

Ctrl (Command) + Cliquez sur Smart Object miniature pour sélectionner la forme de texte, puis Ctrl (Command) + Maj + I pour inverser la sélection, puis appuyez sur SUPPR pour supprimer la texture supplémentaire (sur le « Rock Texture » couche).

Utilisez ensuite l’outil Baguette magique pour sélectionner la face avant du texte en 3D sur la couche Smart Object et supprimer la sélection sur le « Rock Texture » couche.

 


Étape 7

Utilisation de l’Outil Brûler, brûler quelques ombres sur le « Rock Texture » couche.

Étape 8

Sélectionnez l’option « Les dunes de sable » calque, sélectionnez l’outil Tampon de duplication et porteur de l’Option (Alt) enfoncée, cliquez quelque part sur le sable. Ensuite, créez un nouveau calque au dessus « texture de la roche », nommez-le «plus de sable» et clone le sable sur cette couche.

Étape 9

Pour améliorer l’effet de texture, de supprimer certaines zones de la « Rock Texture » couche.

Etape 10

Maintenant, nous allons ajouter un peu de «saleté». Ouvrez la « texture Déplacer » fichier une fois de plus. Coller cette image dans un nouveau calque. Allez dans Filtre> Déformation Déplacer>, recherche pour «map.psd » et réglez les valeurs horizontales et verticales à 50.Ensuite, sélectionnez tout (Ctrl + A ou Pomme + A) et copier la sélection.

Etape 11

Coller la « texture Dirt » dans un nouveau calque. Ctrl (Command) + Cliquez sur la miniature « texte 3D » pour sélectionner la forme de texte, puis Ctrl (Command) + Maj + I pour inverser la sélection, puis appuyez sur SUPPR pour supprimer la texture supplémentaire (sur la « texture Dirt » couche ).

L’aide d’une gomme souple, supprimer le fond de la « texture Dirt » couche, puis d’améliorer le résultat en utilisant une gomme à effacer en situation irrégulière.

Etape 12

Changer la « texture Dirt » mode de fusion Multiplier et ajouter une petite ombre portée.

Etape 13

Pour ajouter l’herbe, aller à la «texture Déplacer » fichier et collez ce l’image. Appliquer une carte de déplacement, tout comme les autres textures et enfin recopier l’herbe.

Etape 14

Coller l’herbe sur le document principal, supprimer la partie inférieure et en utilisant un irrégulière Eraser supprimer certaines zones à la frontière.

Etape 15

Graver des ombres sur la « texture Grass » couche.

Etape 16

Ajouter une ombre légère baisse à la «texture Grass » couche. Utilisation de l’outil éponge, désaturer certains des domaines de l’herbe.

Etape 17

Coller la texture de l’herbe dans un nouveau calque sur un plan de Vanishing Point (fenêtre, allez dans Filtre> Point de fuite) pour correspondre à la perspective du paysage.

Etape 18

Effacez certaines zones au hasard de la « prairie », couche, et en utilisant une brosse irrégulière supprimer certaines zones au hasard ici et là.

Etape 19

Sélectionnez une partie de l’herbe, la plume de sélection et d’ajuster la valeur de teinte à -30.

Etape 20

Enfin, ajoutez une ombre portée doux au « Grass » couche.


Etape 21

Ajoutons plus de détails. Coller cette image dans un nouveau calque et régler la teinte / saturation des valeurs à faire correspondre les couleurs existantes. Vous pouvez appeler le nouveau calque « usine de suspension» ou quelque chose comme ça.

Étape 22

Utilisation irrégulière d’une gomme, effacer tout ce qui, à l’exception de l’usine de la pendaison, et poser à côté de coins 3D texte.

Etape 23

Dupliquer le «plantes suspendues » calque et allez dans Edition> Transformation> Symétrie axe horizontal. Puis fausser la copie un peu. Suivez ce avec l’utilisation de l’outil pour faire graver la copie plus foncée en fonction de l’éclairage de la scène.


Etape 24

Ajouter autant de détails que vous voulez. J’ai ajouté quelques plantes plus suspendu et un buisson.

Etape 25

Juste pour créer un effet dramatique plus appliquer ces deux calques de réglage pour toute la conception: un filtre photo et une carte de dégradé (35% d’opacité) .

Résultat final

Maintenant vous avez un joli texte 3D dans une photo. Cliquez sur l’image pour un aperçu plus grand. Essayez par vous-même et arriver à vos propres variations.