Jump to content
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
Sign in to follow this  
Anastasis

Download Icon

Recommended Posts

Στο συγκεκριμένο tutorial-βοήθημα θα μάθουμε πως να φτιάξουμε ένα εικονίδιο Download για τις σελίδες μας ... icon_wink.gif

Ανοίγουμε το photoshop και δημιουργούμε νέο document με διαστάσεις της αρέσκειά μας.. Το συγκεκριμένο tutorial δημιουργήθηκε με διαστάσεις 600x600 και άσπρο background αν και είναι μεγάλες διαστάσεις για ένα εικονίδιο, αλλά για αυτό υπάρχει το crop, μετά... icon_razz.gif
Επιλέγουμε το Rounded Rectangle Tool και δημιουργούμε ένα ορθογώνιο σχήμα, αλλάζουμε από το Layer το χρώμα του σχήματος-shape σε #76c43c...
Untitled-1.gif

Πάμε Edit>Transform>Perspective και απο την πάνω γωνία του σχήματος το σέρνουμε προς το κέντρο και απο το κεντρικό το μικραίνουμε έτσι ώστε να γίνει έτσι..
Untitled-2.gif

Ανοίγουμε τα Blendings Options του σχήματός μας, με τις ακόλουθες ρυθμίσεις..
Untitled-3.gif
Untitled-4.gif
Untitled-5.gif
Untitled-6.gif

Και έχουμε...
Untitled-7.gif

Τώρα πάμε στο Layer Shape και έχοντας πατημένο το Ctrl κάνουμε κλικ έτσι ώστε να επιλεχθεί. Πάμε Select>Modify>Contract με 1px. Χωρίς να το αφήσουμε ως επιλογή δημιουργούμε νέο Layer. Παίρνουμε το Elliptical Marquee Tool, πατάμε μαζί τα πλήκτρα Ctrl+Alt+Shift και απο πάνω από το Shape μέχρι την μέση δημιουργούμε ένα κύκλο για να φτιάξουμε την γυαλάδα.
Untitled-8.gif

Γεμίζουμε το επιλεγμένο σημείο με άσπρο χρώμα και κατεβάζουμε το opacity σε 15%..
Έχουμε ..
Untitled-9.gif

Τώρα θα δημιουργήσουμε ένα βέλος το οποίο θα έχει φορά προς τα κάτω. Για να το κάνουμε αυτό επιλέγουμε το Custom Shape Tool και από την πάνω μπάρα στα Shapes επιλέγουμε ένα βέλος και με την βοήθεια του transform το γυρίζουμε προς τα κάτω.
Untitled-10.gif

Ανοίγουμε τα Blending Options του βέλους-Shape με τις ακόλουθες ρυθμίσεις...
Untitled-11.gif
Untitled-12.gif
Untitled-13.gif

Για να βάλετε γυαλάδα και στο βέλος θα κάνετε το ίδιο που προανέφερα για το ορθογώνιο-Shape 1 με την διαφορά πριν το κάνετε στο Select>Modify>Contract θα βάλετε 2px...
Το τελικό αποτέλεσμα είναι αυτό...
final.jpg

Ευχαριστώ.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×