Βοηθήστε την Ελληνική κοινότητα του WordPress

Κατά όλη την διάρκεια του Μαρτίου και του Απριλίου, αλλά και μετά από αυτήν την περίοδο δεχόμαστε άρθρα συλλογές και βοηθήματα για το WordPress. Ακόμα και αν θέλετε να δημοσιεύσετε την ιστοσελίδα σας ή το blog σας, θα δεχτούμε συνδέσμους για τις λίστες με τις ελληνικές ιστοσελίδες.

Αν θέλετε και εσείς να γράψετε το δικό σας άρθρο και να συνεισφέρετε στην κοινότητα, το μόνο που έχετε να κάνετε είναι να ακολουθήσετε αυτόν τον σύνδεσμο.

Χρήσιμοι Σύνδεσμοι

WordPress.gr – Η Ελληνική κοινότητα του WordPress

FreeStuff.gr – Βοηθήματα για το WordPress

WPthemes.gr – Ελληνικά θέματα WordPress

WPfav.gr – Θέματα, Plugins και βοηθήματα για το WordPress

WPgreece.gr – Showcase Ελληνικών ιστοσελίδων

Τελικό Αποτέλεσμα

Βήμα 1: Δημιουργία νέας εικόνας

Αρχικά δημιουργήστε μια νέα εικόνα με πλάτος 920 και μήκος 170 pixels.

Βήμα 2: Μενού πλοήγησης

Φτιάξτε έναν καινούργιο layer Layer > New > Layer … και ονομάστε τον “Menu“. Ορίστε ως foreground color το χρώμα #1Ε1Ε1Ε και πάρτε το Rounded Rectangle Tool, μετά ορίστε το radius σε 6 px και ζωγραφίστε το μενού όπως το παράδειγμα παρακάτω.

Βήμα 3: Δώστε στυλ στο μενού πλοήγησης

Ξεκινήστε από το Layer > Layer Style > Blending Options… και επιλέξτε τοOuter Glow. Ακολουθήστε τις παρακάτω ρυθμίσεις.

Μετά επιλέξτε Gradient Overlay και ακολουθήστε τις παρακάτω ρυθμίσεις.

Βήμα 4: Προσθήκη κειμένου

Αρχικά ορίστε το foreground color σε #FFFFFF (άσπρο). Επιλέξτε το Horizontal Type Tool, ως γραμματοσειρά την Myriad Pro (Regular) ή την Arial και 14 pt μέγεθος.

Γράψτε κάποιες λέξεις όπως “Home“, “About“, “Blog” κ.α. και ανοίξτε τα blending options Layer -> Layer Style -> Blending Options…. Ακολουθήστε τις παρακάτω ρυθμίσεις.

Τώρα το μενού σας πρέπει να είναι κάπως έτσι:

Βήμα 5: Προσθήκη ενός σχεδίου

Με ένα σχέδιο το μενού μας θα φαίνεται καλύτερο. Κατεβάστε την παρακάτω εικόνα: Paint canvas texture και ανοίξτε την. Επιλέξτε την (Ctrl + A) και αντιγράψτε την (Ctrl + C).  ΠΡΟΣΟΧΗ: τo παρακάτω μέρος είναι λίγο δυσνόητο και αν δεν έχετε το επιθυμητό αποτέλεσμα με την πρώτη προσπάθεια, παρακαλώ διαβάστε το ξανά και ξανά. Φτιάξτε έναν καινούργιο layer Layer > New > Layer… και κάντε επικόληση (Ctrl + V). Μετά κρατήστε πατημένο το Ctrl και κάνε ένα κλικ στον layer “Menu” για να επιλέξετε το σχήμα του. Ενώ έχετε επιλεγμένο το σχήμα του layer “Menu”, κάντε κλικ στον layer με το σχέδιο και αντιγράψτε τον (Ctrl + C). Μετά κρύψτε αυτόν τον layer (με το σχέδιο) και κάντε επικόλληση (Ctrl + V). Το αποτέλεσμα:

Μετά απλά ακολουθήστε τις παρακάτω ρυθμίσεις.

Αποτέλεσμα:

Άν έχετε γνώσεις πάνω σε κάποια από τις κατηγορίες βοηθημάτων που υπάρχουν στο GreekTuts τότε θα χαιρόμασταν να δεχτούμε την δουλειά σας.

Πληροφορίες

• Δεχόμαστε Βοηθήματα, Άρθρα, Συλλογές και Δωρεάν Υλικό.
• Οι κατηγορίες άρθρων είναι : Άρθρα για την τεχνολογία, Άρθρα για Video Games, Βοηθήματα για λογισμικό και γλώσσες προγραμματισμού, και Δωρεάν Υλικό.
• Όλα τα άρθρα/βοηθήματα θα πρέπει να είναι σχετικά με το ύφος της ιστοσελίδας. Θα πρέπει δηλαδή να αναφέρονται σε δημιουργικά προγράμματα, και γενικότερα στον κόσμο της δημιουργίας. Σε νέες τεχνολογίες, νέες γλώσσες προγραμματισμού, νέες ιστοσελίδες. Θα πρέπει επίσης να ασχολούνται με προγράμματα και ιστοσελίδες του σήμερα. Δεν πρόκειται να γίνουν δεκτά άρθρα και βοηθήματα για προγράμματα παλαιότερων εκδόσεων.
• Η δουλειά σας πρέπει να είναι μοναδική. Αυτό σημαίνει πως δεν θα δεχτούμε άρθρα αν αυτά είναι δημοσιευμένα αλλού.  Όπου είναι δυνατόν, το υλικό που στέλνετε πρέπει να συνοδεύεται από τις κατάλληλες άδεις χρήσης.
• Χρησιμοποιήστε δικό σας υλικό ή υλικό που έχετε την άδεια να χρησιμοποιήσετε.
• Δεν θα γίνονται δεκτές όλες οι αποστολές. Θα πρέπει να μην υπάρχει παρόμοιο άρθρο/βοήθημα ήδη δημοσιευμένο και να μην σπάει οποιονδήποτε κανόνα copyright. Άν έχετε απορίες ή αμφιβολίες για την αποστολή σας μπορείτε να επικοινωνήσετε πρώτα μαζί μας.
• Έχουμε το δικαίωμα να κάνουμε μικρές αλλαγές στην αποστολή σας σε περίπτωση που χρειάζεται ώστε να γίνει πιο ευανάγνωστο το άρθρο.
• Το όνομα σας καθώς και οι λεπτομέρειες για εσάς θα δημοσιευτούν στο τέλος του άρθρου σας, έτσι μαζί με την αποστολή σας θέλουμε ένα κείμενο 20-30 λέξεων για εσάς και την δουλειά σας. Γι’αυτό σε κάθε σας αποστολή θα πρέπει να περιέχεται και ένα αρχείο κειμένου με την προσωπική σας περιγραφή που θέλετε να προβάλλεται στο τέλος του άρθρου. Επίσης θα έχετε την δική σας σελίδα με όλα τα άρθρα που έχετε δημοσιεύσει.
• Το GreekTuts.net δεν φέρει καμία ευθύνη αν το υλικό που αποστείλατε και δημοσιεύτηκε στην ιστοσελίδα παραβιάζει κανόνες copyright και creative commons. Εμείς πάντα ελέγχουμε το υλικό αλλά για προφανείς λόγους λάθη μπορούν να συμβούν. Έτσι αν για κάποιο λόγο αναφερθεί πως κάποιο άρθρο σας παραβιάζει κάποιους κανόνες θα διαγράφετε άμεσα από την ιστοσελίδα και δεν θα ξαναγίνεται ποτέ αποδεκτή οποιαδήποτε μελλοντική σας αποστολή.
• Αν η αποστολή σας γίνει δεκτή θα ειδοποιηθείτε μέσω email από τον αρμόδιο εντός 7 ημερών. Μετά το πέρας των 7 ημερών μπορείτε να θεωρήσετε πως το άρθρο δεν θα γίνει αποδεκτό.

Οδηγίες για τις αποστολές

Για τα άρθρα / βοηθήματα

• Τα άρθρα/βοηθήματα σας θα πρέπει να είναι καλογραμμένα και κατανοητά. Ακόμα και αν μιλάτε για ένα πολύ εξειδικευμένο θέμα θα θέλαμε να προσπαθείτε να το εξηγείτε όσο περισσότερο γίνεται και με παραδείγματα, ώστε οι αναγνώστες να μπορούν να το καταλάβουν ακόμα και αν δεν έχουν καμία γνώση για αυτό.
• Καλό θα ήταν να χρησιμοποιείτε παραγράφους και τίτλους για να είναι πιο κατανοητά τα βήματα.
• Προτιμούμε να χρησιμοποιείτε εικόνες ώστε να γίνεται πιο ευανάγνωστο το βοήθημα. Όλες οι εικόνες πρέπει να είναι μέχρι 580px σε πλάτος. Μπορείτε να στείλετε εικόνες σε 2 μεγέθη αν θέλετε να μπουν σαν thumbnails με link στις μεγαλύτερες εικόνες. Σε αυτή την περίπτωση παρακαλούμενα  ονομάσετε τα αρχεία εικόνας με ακόλουθο τρόπο. Για την μεγάλη εικόνα “01.png” και για την μικρή εικόνα “01_thumb.png” .

Για τα βίντεο

• Δεχόμαστε και βίντεο βοηθήματα και βίντεο άρθρα.
• Άν θέλετε να στείλετε βίντεο παρακαλούμε να στείλετε το βίντεο μαζί με το κείμενο σας και θα το κάνουμε εμείς upload. Προτιμήστε αρχεία βίντεο σε μορφές .flv, .avi, και .swf .  Προτεινόμενες διαστάσεις 1024×768. Στο βίντεο που θα μας αποστείλετε θα προσθέσουμε στα πρώτα 10 δευτερόλεπτα το σήμα της ιστοσελίδα μας για λόγους copyright.
• Τα βίντεο που θα αποστείλετε θα πρέπει να είναι διάρκειας άνω των 5 λεπτών. Οτιδήποτε κάτω από αυτό το χρονικό όριο θα απορρίπτεται.

Για το Δωρεάν Υλικό / Συλλογές

• Το υλικό που θα αποστέλλετε μπορεί να είναι δικό σας ή κάτι που βρήκατε και σας κέντρισε το ενδιαφέρον.
• Σε περίπτωση που το υλικό δεν είναι δικό σας, πρέπει να συμπεριλάβετε τα στοιχεία του δημιουργού και την ιστοσελίδα στην οποία το βρήκατε.
• Σε περίπτωση που το υλικό είναι δικό σας, πρέπει να συνοδεύεται από ένα αρχείο κειμένου με τα στοιχεία σας, και την άδεια χρήσης που θέλετε να έχει το υλικό σας.

Γενικά

• Δημιουργήστε ένα .zip ή .rar αρχείο, το οποίο θα περιέχει τα κείμενα και τα σχόλια σας, τις εικόνες ή το βίντεο σας. Μπορείτε επίσης να ανεβάσετε τα αρχεία σας στο rapidshare και να μας αποστείλετε τον σύνδεσμο εάν τα αρχεία σας είναι πολύ μεγάλα σε μέγεθος.

Για την αποστολή των άρθρων σας μεταφερθείτε εδώ ή στείλτε τα αρχεία σας στο submissions@greektuts.net

Πρώτα απόλα ας δημιουργήσουμε μια απλή φόρμα με τα κλασσικά στοιχεία που μπορεί να βρεί κάποιος σε μια φόρμα επικοινωνίας. Δημιουργούμε ένα κενό αρχείο html και γράφουμε τον κώδικα που ακολουθεί:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head profile="http://gmpg.org/xfn/11">
<title>CSS3 και HTML Στοιχεία - GreekTuts</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="style.css" type="text/css" media="all" />
</head>
<body>

<form>

<p>
<input type="text" name="name" id="name" />
<label for="name">Name</label>
</p>

<p>
<input type="text" name="email" id="email" />
<label for="email">E-mail</label>
</p>

<p>
<input type="text" name="web" id="web" />
<label for="web">Website</label>
</p>

<p>
<textarea name="text"></textarea>
</p>

<p>
<input type="radio" name="sex" value="male" /> Male

<input type="radio" name="sex" value="female" /> Female
</p>

<p>
I have a bike:
<input type="checkbox" name="vehicle" value="Bike" />
<br />
I have a car:
<input type="checkbox" name="vehicle" value="Car" />
<br />
I have an airplane:
<input type="checkbox" name="vehicle" value="Airplane" />
</p>

<p>
<input type="submit" value="Send" />
</p>

</form>

</body>
</html>

Aφού λοιπόν έχουμε έτοιμη την σελίδα μας ας δούμε τι μπορούμε να κάνουμε σε ότι αφορά την εμφάνιση της.

CSS & CSS3

Αν παρατηρήσουμε στην γραμμή 7 έχουμε συνδέσει ένα αρχείο css. Αυτό το αρχείο θα δημιουργήσουμε και θα το ονομάσουμε style.css

Μέσα λοιπόν θα αρχίσουμε να διαμορφώνουμε την φόρμα μας. Έτσι γράφουμε

body { padding:50px 100px; font:13px/150% Verdana, Tahoma, sans-serif; }

Αυτό είναι για να δώσουμε μια συγκεκριμένη θέση στην φόρμα μας. Συνεχίζουμε προσθέτοντας όλα τα στοιχεία της φόρμας μας.

input, textarea {
}

textarea {
}

input:hover, textarea:hover,
input:focus, textarea:focus {
}

.form label {

}

.submit input {
}

Τώρα το μόνο που έχουμε να κάνουμε έιναι να διαμορφώσουμε όπως θέλουμε τα στοιχεία. Έτσι γράφουμε

input, textarea {
padding: 9px;
border: solid 1px #E5E5E5;
outline: 0;
font: normal 13px/100% Verdana, Tahoma, sans-serif;
width: 200px;
}

textarea {
width: 400px;
max-width: 400px;
height: 150px;
line-height: 150%;
}

input:hover, textarea:hover,
input:focus, textarea:focus {
border-color: #C9C9C9;
}

.form label {
margin-left: 10px;
color: #999999;
}

.submit input {
width: auto;
padding: 9px 15px;
background: #617798;
border: 0;
font-size: 14px;
color: #FFFFFF;
}

Αν κάνουμε τώρα μια προεπισκόπηση θα δούμε ότι έχουμε ορίσει το πλάτος, το περίγραμμα, αποστάσεις και χρώματα. Τελειώνοντας με την φόρμα μας θα προσθέσουμε και ένα ντεγκραντέ εφέ χρησιμοποιόντας μόνο css.

input, textarea {
padding: 9px;
border: solid 1px #E5E5E5;
outline: 0;
font: normal 13px/100% Verdana, Tahoma, sans-serif;
width: 200px;
background: #FFFFFF url('bg_form.png') left top repeat-x;
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

textarea {
width: 400px;
max-width: 400px;
height: 150px;
line-height: 150%;
}

input:hover, textarea:hover,
input:focus, textarea:focus {
border-color: #C9C9C9;
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}

.form label {
margin-left: 10px;
color: #999999;
}

.submit input {
width: auto;
padding: 9px 15px;
background: #617798;
border: 0;
font-size: 14px;
color: #FFFFFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
cursor: pointer;
}

Με μια προεπισκόπηση θα δούμε ότι η φόρμα μας έχει γίνει αγνώριστη. Να σημειώσουμε ότι η επιλογή -moz- μιλάει στον firefox. Η αντίστοιχη για όλους τους άλλους browsers είναι -webkit- για τον safari και χρειαζόμαστε εικόνα για τον IE. Η εικόνα που χρησιμοποιούμε είναι στην συγκεκριμένη περίπτωση αυτή

CSS3 Gradients

Αναλυτικά με τα gradients η εντολή που δίνουμε είναι η εξής.

div {

background-color: #1a82f7; /* fallback color */

background-image: url(images/linear_bg_2.png); /* fallback image */

background-image: -moz-linear-gradient(100% 100% 90deg, #2F2727, #1a82f7);

background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));

}

Ας δούμε ένα παράδειγμα. Δημιουργούμε ένα νέο html αρχείο και γράφουμε

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

<title>CSS3 Gradiet</title>

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

<link rel="stylesheet" href="reset.css" type="text/css" media="screen" />

<style type="text/css">

body {background: #e6e9ed; font: 12px Arial, Helvetica, sans-serif; color: #333;}
#header {height: 100px; overflow: hidden; width: 100%; position: relative;}
#header h1 {margin: 0 20px; border: none; font-size: 16px;}
#content {
width: 760px;
margin: 20px auto;
background: #fff;
border: 1px solid #ddd;
padding: 20px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

h1 {font-size: 25px; padding: 0 0 10px; margin: 0 0 10px; color: #1a82f7; border-bottom: 1px solid #ddd;}
h2 {font-size: 18px; padding: 10px 0; color: #1a82f7}

#linearBg{
height: 100px;
background-color: #1a82f7; /* fallback color */
background-image: url(images/linear_bg_2.png); /* fallback image */
background-image: -moz-linear-gradient(100% 100% 90deg, #2F2727, #1a82f7);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));
}

pre {
margin: 5px 0 20px 0; padding: 15px; background: #eee; overflow: auto;
}

</style>

</head>

<body>

<div id="content">

<h1>CSS3 Gradient</h1>

<h2>Linear background</h2>

<div id="linearBg"></div>
<pre>#linearBg {
height: 100px;
background-color: #1a82f7; /* fallback color */
background-image: url(images/linear_bg_2.png); /* fallback image */
background-image: -moz-linear-gradient(100% 100% 90deg, #2F2727, #1a82f7);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));
}</pre>

</div>

</body>

</html>

Η εικόνα που θα χρησιμοποιήσουμε είναι αυτή.

Κάντε μια επισκόπηση και θα δείτε ένα απίθανο gradient φτιαγμένο με CSS.

Η διαδικάσία είναι πολύ απλή και γρήγορη. Περιηγηθείτε στην ιστοσελίδα μας, και στην δεξιά μπάρα θα δείτε το κουτάκι που φαίνεται στην εικόνα που ακολουθεί. Συμπληρώστε το email σας, και θα λάβεται ένα μήνυμα που θα σας καλεί να επιβεβαιώσετε την εγγραφή σας. Κάνετε κλίκ στον σύνδεσμο που θα συνοδεύει το μήνυμα, και αυτό ήταν. Πλέον όλα τα νέα μας θα σας έρχονται στο email σας.

Τι μπορώ να φτιάξω με τα jQuery Tools;

Παρακάτω θα δούμε λίγα πράγματα για το τι μπορούμε να δημιουργήσουμε με τα jQuery Tools

Δημιουργήστε απίθανα Tabs

Μπορείτε να δημιουργήσετε δυναμικές καρτέλες με animation

Δημιουργήστε απίθανα Tooltips

Μπορείτε να δημιουργήσετε tooltips πάνω από κάθε στοιχείο που επιθυμείτε εσείς

Δημιουργήστε απίθανα Overlays

Μπορείτε να δημιουργήσετε ανακλεινόμενα παράθυρα με εφέ

Δημιουργήστε το απίθανο εφέ με το όνομα Expose

Μπορείτε να δημιουργήσετε σκίαση στο περιβάλλον γύρω από το στοιχείο που θέλετε με σκοπό να το κάνετε να έρχεται στο παρασκήνιο

Δημιουργήστε απίθανα scroll εφέ

Μπορείτε να δημιουργήσετε μετακινούμενα στοιχεία html

Μάθετε και έσεις πώς να χρησιμοποιείτε τα jQuery Tools και δείτε παραδείγματα εδώ

Δημιουργία του Avatar μας

Επιλέξτε μια φωτογραφία που να φαίνεται καλά το πρόσωπό σας. Πριν ξεκινήσετε ρίξτε μια ματιά στις εικόνες από την ταινία για να δείτε τα χαρακτηριστικά των na’vi.

Εγώ διάλεξα την φωτογραφία της Τζούλια Αλεξανδράτου :

Από την αρχή ενεργοποιήστε τις απαραίτητες γραμμές εργαλείων από το μενού Window

Κάντε αντιγραφή της εικόνας από το Layer-Duplicate layer (ctrl-j):

Αν στη φωτογραφία υπάρχουν μερικές ατέλειες (στο παράδειγμά μας σταγόνες νερού),επιλέξτε το εργαλείο Healing Brush (πλήκτρο j).Με πατημένο alt κάντε κλικ στην καθαρή περιοχή της επιδερμίδας. Αφήστε το alt και κάντε κλικ σε όλα τα σημεία που χρειάζεται επιδιόρθωση:

Ας ξεκινήσουμε την μεταμόρφωση. Από το μενού Filter-Liquify(εικόνα ανοίγει στο νέο παράθυρο) χρησιμοποιήστε τα εργαλεία Forward Warp Tool και Bloat Tool .Με το πρώτο εργαλείο να φαρδύνετε την μύτη, σηκώστε λίγο την άκρη της μύτης, τραβήξτε τα ρουθούνια προς τα μέσα και κάτω, με το Bloat Tool μεγαλώστε τα μάτια. Πειραματιστείτε λίγο με τα εργαλεία αυτά για να πετύχετε το επιθυμητό αποτέλεσμα:

Οι na’vi δεν έχουν φρύδια. Με το lasso tool επιλέξτε το φρύδι, κάντε δεξί κλικ πάνω και layer via copy.Έπειτα Filter-Noise-Median:

Με το Eraser tool μικρού μεγέθους καθαρίστε την περιοχή γύρο από το φρύδι. Μπορείτε να το σκουραίνετε λίγο με το burn tool.Κάντε το ίδιο με το δεύτερο φρύδι. Ενώστε όλα τα layers (ctrl+E). Το αποτέλεσμα βλέπετε στην εικόνα:

Κάντε πάλι αντιγραφή του layer,από το Blending options κάντε κλικ στο color overlay.Το blend mode επιλέξτε color.Πατήστε στο τετραγωνάκι με το χρώμα και αλλάξτε το:

Πηγαίνετε Image-Adjustments-Levels και ορίστε τις ρυθμίσεις όπως βλέπετε στην παρακάτω εικόνα:

Προσθέστε μια μάσκα στο layer με το add layer mask.Με το brush tool μαύρου χρώματος καθαρίστε τα μαλλιά, αυτιά, μάτια και φόντο. Τα χείλη και την άκρη της μύτης καθαρίστε με το μικρό πινέλο με 30% opacity:

Ενώστε τα layers(ctrl-E) και κάντε αντιγραφή. Προσωρινά απενεργοποιήστε το αρχικό background πατώντας στο εικονίδιο με το μάτι. Με το μικρό eraser tool σβήστε προσεκτικά τα μάτια στο δεύτερο layer:

Ανοίξτε την εικόνα της επιλογής σας που να φαίνονται καλά τα μάτια των na’vi. Εγώ διάλεξα

Με το lasso tool επιλέξτε το μάτι

Kάντε αντιγραφή και επικόλληση στην δική σας εικόνα πάνω από το αρχικό layer-background.Κάντε το ίδιο με το δεύτερο μάτι:

Ενεργοποιήστε πάλι το αρχικό background και απενεργοποιήστε το αντίγραφο (background copy) για να φανούν τα μάτια που προσθέσατε. Με το move tool τοποθετήστε τα μάτια στη θέση τους. Προσαρμόστε το μέγεθος των ματιών από το μενού Edit με το Free transform.Ενεργοποιήστε πάλι το layer background copy και με το μικρό eraser tool διορθώστε τις τρύπες που κάναμε. Μπορείτε να τονίσετε λίγο το περίγραμμα των ματιών με το burn tool:

Τα brushes με τις βλεφαρίδες μπορείτε να κατεβάσετε από εδώ .
Επιλέξτε τα βλέφαρα που σας αρέσουν.
Το κάθε βλέφαρο καλύτερα να το έχετε σε διαφορετικά layers για την ευκολότερη επεξεργασία τους:

Το αποτέλεσμα:

Διαλέξτε μια εικόνα που να φαίνονται καλά τα αυτιά:

Με το lasso επιλέξτε τα αυτιά , κάντε επικόλληση στην εικόνα σας. Μετακινήστε τα με το move tool και προσαρμόστε το μέγεθος από το Edit με το free transform.
Για το κάθε αυτί πηγαίνετε στο Filter- Filter Gallery και από το Artistic effects επιλέξτε Plastic Wrap:

Κατεβάστε κάποιο από τα παρακάτω σχέδια και ανοίξτε το:

Αντιγράψτε το στο καινούριο layer. Από το Filter-Liquify διαμορφώστε το όπως στην εικόνα:

Κόψτε το από δεξιά:

Κάντε αντιγραφή του layer, πηγαίνετε Edit menu- Transform – Flip Horizontal και ενώστε τα δύο κομμάτια όπως στην εικόνα:

Ενώστε όλα τα layers με το σχέδιο ζέβρας σε ένα, ορίστε opacity 18% και μετακινήστε το πάνω στο πρόσωπο:

Με το eraser tool καθαρίστε την εικόνα , αφήνοντας τις γραμμές μόνο στο πρόσωπο. Από το blend mode επιλέξτε το soft light. Επαναλάβετε την διαδικασία και για το υπόλοιπο σώμα:

Δημιουργήστε καινούριο layer, με το μικρό πινέλο προσθέστε κουκκίδες διαφορετικού μεγέθους κάτω από τα μάτια, στη μύτη, στο μέτωπο και λίγο στο πηγούνι. Για να δώσετε λίγη λάμψη στο Layer – Layer Style – Blending Options – Outer Glow ορίστε τις ρυθμίσεις όπως στην εικόνα:

Στο τέλος ας αλλάξουμε την επιδερμίδα. Κατεβάστε το pattern από εδώ
Τοποθετήστε το pattern πάνω στο πρόσωπο(και σε όλες τις περιοχές τις επιδερμίδας):

Ενώστε όλα τα layer με τa patterns σε ένα και τοποθετήστε το κάτω από τις κουκκίδες.

Αλλάξτε layer style στο Overlay και το Opacity στο 20-25% (όπως σας αρέσει περισσότερο).Με το eraser tool καθαρίστε την περιοχή των ματιών, τα χείλη και τα μαλλιά:

Για να προσθέσετε κάποιο όνομα ή κείμενο επιλέξτε την γραμματοσειράς Papyrus με τις ακόλουθες ρυθμίσεις του layer:

Και έχουμε το τελικό αποτέλεσμα

Στις σελίδες του WDDC.gr θα μπορείτε να βρείτε νέα και εξελίξεις από τον χώρο της ανάπτυξης και σχεδιασμού ιστοσελίδων, ενώ στο forum θα μπορείτε να μοιραστείτε τις ιδέες σας, τις απόψεις σας, αλλά και να δώσετε απαντήσεις σε διάφορα προβλήματα ή να βρείτε λύσεις σε προβλήματα που μπορεί να αντιμετωπίζετε εσείς.

Αν θέλετε να συμμετάσχετε ενεργά σε αυτήν την προσπάθεια, το Web Development & Design Club ψάχνει άτομα για να στελεχώσουν την ομάδα του. Για περισσότερες πληροφορίες για τις διαθέσιμες θέσεις στην ομάδα μας μπορείτε να επικοινωνήσετε με το WDDC στο info@wddc.gr.

Τέλος μπορείτε να γραφτείτε και εσείς στις ενημερώσεις μέσω email, ώστε να μαθαίνετε πρώτοι τις εξελίξεις του WDDC, ενώ μην ξεχάσετε να τους ακολουθήσετε στο twitter

Αν σας άρεσε αυτή η προσφορά μας παρακαλούμε πολύ γραφτείτε στo newsletter μας εδώ

Περιεχόμενα του set

Μπορείτε να κατεβάσετε τα 1500 Layer Styles εδώ

Το Viva είναι ένα σύνολο από καινοτόμες τηλεπικοινωνιακές (και όχι μόνο) υπηρεσίες που καλύπτουν ένα ευρύ φάσμα αναγκών και χαρακτηρίζονται από την ευκολία χρήσης, την άμεση ενεργοποίηση και τις χαμηλότερες τιμές της αγοράς. Κάποιες από τις πιο δημοφιλείς υπηρεσίες μας είναι το Viva Phone, το Viva Internet, το Viva Music, το Viva SMS, το Web Phone, η SmartCard και εδώ και μερικούς μήνες η νέα ναυαρχίδα των υπηρεσιών μας, τα Viva Numbers.

Τι είναι τα Viva Numbers;

Τα Viva Numbers είναι ελληνικά τηλεφωνικά νούμερα που απευθύνονται σε ιδιώτες και επιχειρήσεις και που μπορεί να τα αποκτήσει απλά και γρήγορα οποιοσδήποτε έχει σύνδεση στο Internet. Τα νούμερα αυτά μπορούν να χρησιμοποιηθούν με πολλούς διαφορετικούς τρόπους. Με €1, σε 1 λεπτό, έχεις δικό σου τηλεφωνικό νούμερο το οποίο μπορείς να το χρησιμοποιήσεις είτε για τηλεφωνία μέσω Internet (VoIP), είτε να το κάνεις Fax (Fax2Mail, SendFax), είτε να το ρυθμίσεις να σε ακολουθεί όπου βρίσκεσαι (FollowMe) είτε να το κάνεις τηλεφωνητή νέας γενιάς , και να λαμβάνεις όλα τα μηνύματα στο email σου (VoiceMail). Παράλληλα μπορεί κανείς να μετατρέψει νούμερο που ήδη έχει σε Viva Number , με μια απλή αίτηση φορητότητας από το website του Viva .

Οι υπηρεσίες των Viva Numbers ρυθμίζονται εύκολα και γρήγορα μέσω Internet ενώ συνεχώς προστίθενται νέες δυνατότητες και υπηρεσίες, όπως Conference (εικονικές συσκέψεις), PhoneMenu (δημιουργία τηλεφωνικού μενού), Call Recording (καταγραφή κλήσης) και πολλά ακόμα. Η χρήση των εισερχόμενων υπηρεσιών είναι δωρεάν (fax2mail, λήψη κλήσεων, τηλεφωνητής, κλπ) ενώ η αγορά των αριθμών και η πραγματοποίηση εξερχόμενων κλήσεων παρέχονται σε πραγματικά πάρα πολύ χαμηλές τιμές και πληρώνονται με Viva Points.

Τι είναι τα Viva Points;

Είναι το «ηλεκτρονικό νόμισμα» του Viva. Οποιοσδήποτε χρήστης του Viva μπορεί να αγοράσει Viva Points τα οποία στην συνέχεια μπορεί να ξοδέψει σε οποιαδήποτε από τις υπηρεσίες μας. Διατίθενται διάφορα πακέτα πόντων, από €5,95 μέχρι και €500, ανάλογα με τον τρόπο πληρωμής. Διαθέσιμοι τρόποι πληρωμής είναι

1. Κατάθεση σε τραπεζικό λογαριασμό
2. Κλήση στο τηλεφωνικό νούμερο 14515 (παίρνεις ένα PIN που ανταλλάσσεις με Viva Points μέσα από το Viva.gr)
3. Πιστωτική Κάρτα (VISA & Mastercard)
4. Paypal

Εκτός από την αγορά των πόντων, οι χρήστες μπορούν να κερδίσουν πόντους με διάφορους τρόπους. Αυτός που μας ενδιαφέρει και θα αναλύσουμε στην συνέχεια, είναι το πρόγραμμα «Συστήστε & Κερδίστε» με το οποίο οι χρήστες του Viva κερδίζουν πόντους συστήνοντας το Viva σε φίλους τους.

Επωφεληθείτε και εσείς από την προσφορά μας και δοκιμάστε απολύτως δωρεάν τις υπηρεσίες της Viva σήμερα