Dans cet article, nous allons concevoir une annonce fraîche des médias sociaux. Ce graphique a été créé pour une société de formation basé au Royaume Uni ( www.lovesocialmedia.com ) avec d'autres bannières combinant des objets typiquement anglais, avec des icônes et des logos de médias sociaux. Dans ce tutoriel, nous allons passer par le processus de conception du graphique principal, qui est une version améliorée du logo de lentreprise.

C'est ainsi que le design final ressemblera:

Nous aurons besoin de quelques icônes des médias sociaux tout d'abord. Je les ai recueillis de sorte que vous n'avez pas à les chercher.

Vous pouvez

Étape 1 - Importer des formes personnalisées

Une fois que vous avez téléchargé le jeu d'icônes, vous devriez avoir un fichier sur votre ordinateur appelé social_media_icon_set.csh. Tout ce que vous devez faire avec cela (et il s'applique à tous les fichiers Photoshop prédéfini ou paramètres) est de double-cliquer dessus. Si vous avez Photoshop installé sur votre ordinateur, que les formes personnalisées seront chargés automatiquement dans votre bibliothèque de presets. Vous pouvez vérifier si vous sélectionnez l'outil de dessin Forme personnalisée située dans la barre d'outils sous les outils de forme (Rectangle, Rectangle arrondi, Ellipse, etc) et cliquez sur la petite boîte d'image sur la barre d'options (en haut) à côté du mot Forme .

Vous devriez avoir quelques standards des formes personnalisées Photoshop plus 15 icônes sociales à la fin. Si vous voulez vous débarrasser des icônes standard, vous pouvez allez dans Edition

Lorsque vous êtes prêt à cela, vous pouvez cliquez sur Terminé.

Étape 2 - créer un nouveau document

Il est temps de créer le document pour notre conception. J'ai utilisé les dimensions suivantes, mais c'est à vous de choisir la taille que vous préférez pour votre design:

Étape 3 - Fond rouge

Cette étape si très simple. Choisissez une couleur rouge pour votre échantillon de premier plan (en bas de la barre d'outils), puis appuyez sur Option / Alt-Backspace pour remplir votre calque Arrière-plan de rouge.

Étape 4 - Dessinez ou Importer forme de coeur

Nous aurons besoin d'une forme de coeur de notre conception, qui sera le cadre pour les icônes de médias sociaux. Vous pouvez utiliser cette image ci-dessous (fichier PNG avec transparence) ou vous pouvez dessiner une forme de coeur si vous êtes familier avec l'outil Plume.

Si vous voulez dessiner, commencer avec la moitié gauche du cœur et de tirer tout droit comme ceci:

Ensuite, vous pouvez dupliquer la forme à l'aide de l'outil Sélection de tracé, cliquez sur le chemin, puis maintenez la touche Maj-Alt / Option enfoncée tout en le déplaçant vers la droite:

Une fois que vous avez les deux côtés, vous pouvez faire pivoter horizontalement l'un d'eux. Sélectionnez le chemin et ensuite utiliser la commande Edition

Maintenant, nous pouvons rejoindre ces deux voies en même temps. Déplacez-les proches les uns des autres jusqu'à ce que leurs chevauchements de ligne droite l'autre au milieu. Une fois que c'est fait, vous pouvez sélectionner les deux ensemble.

L'étape suivante consiste à choisir Fusionner les composants de forme à partir de la barre d'options:

La forme de votre cœur est prêt. Vous pouvez maintenant enregistrer en tant que forme personnalisée afin que vous puissiez l'utiliser dans vos prochains projets ainsi. Tout en ayant le chemin choisi choisissez Edition

Lorsque la couche de forme de coeur est prêt assurez-vous de définir la couleur de remplissage blanc et la course à aucune (dans les précédentes versions de Photoshop pour CS6 il vous suffit de définir la nuance de couleur de premier plan blanc, puis appuyez sur Alt / Option-Backspace tout en ayant la calque de forme sélectionné). La dernière chose que vous devez faire est de tourner vers la droite au coeur de 30 degrés. Pour ce faire, vous devrez appuyer sur la commande / contrôle-T (Free Transform) et maintenez la touche Maj enfoncée tout en tournant la forme.

Étape 5 - Ajouter du texte

J'ai ajouté un calque de texte disant partager l'amour dans toutes les capitales en utilisant DIN caractères gras de couleur blanche. Je tourne également le calque de texte de 30 degrés dans le sens antihoraire et l'a placé sous la forme de coeur à droite en suivant son bord.

Étape 6 - Ajoutez des icônes de médias sociaux

Cette étape sera la consommation d'une plus temps. Nous devrons remplir la forme de coeur avec les icônes et pour le faire paraître intéressant, nous devrons essayer de couvrir la plus grande surface possible sans avoir les icônes qui se chevauchent les uns les autres.

Permettez-moi de vous montrer comment ajouter la première icône et ensuite vous pouvez juste continuer à faire la même opération plusieurs fois.

Sélectionnez l'outil Forme personnalisée et définir la couleur de premier plan du même rouge que votre arrière-plan. Sélectionnez l'une des icônes des médias sociaux à partir de la barre d'options et de dessiner la forme tout en maintenant la touche Maj enfoncée pour conserver les proportions originales. Il est également important d'avoir le mode de dessin de l'outil Forme personnalisée sont appelées à façonner. Une fois que vous avez votre couche de forme prêt, vous pouvez utiliser l'outil Transformation libre pour redimensionner, déplacer et tourner autour.

Étape 7 - Ajustement des icônes

La dernière chose que vous devez faire est de s'assurer que vous avez tout le cœur bien rempli avec des icônes. Vous trouverez peut-être difficile de sélectionner à nouveau les icônes précédemment ajoutés. Après un certain temps, vous aurez plusieurs dizaines de couches et la meilleure façon de sélectionner à nouveau rapidement une couche de forme créée précédemment est d'utiliser l'outil Déplacer et Contrôle / Commande-clic sur une forme pour la sélectionner. Cela peut vous faire économiser beaucoup de temps à finir cette conception

J'espère que vous avez apprécié ce tutoriel et bien fait pour votre travail acharné :)