Photoshop-da yaxşı menyunu necə yaratmaq olar. Kontaktda menyunu necə yaratmaq olar
Hamıya salam! Bu dəfə biz sizin üçün “Bənövşəyi Qəhvə” adlı xəyali qəhvə mağazası üçün çapa hazır broşüranın necə yaradılmasına dair təlimat hazırlamışıq. Bu təlimat kitabçanı tamamlamaq üçün daha sonra Adobe InDesign-a idxal edəcəyimiz fon və bir neçə köməkçi obyektin hazırlanmasını əhatə edəcək. Hazırsan? Get!
Başlamazdan əvvəl
Bu dərs çap dizayn sənətini başa düşməyə başlayanlar üçün bələdçi olmaq üçün nəzərdə tutulub. Burada sənəd parametrləri, ölçü vahidləri və ölçüləri, işarələmə, girintilər və onlarsız çap, rənglə işləmə, tipoqrafiya və hətta bir şey çap etmək ilə bağlı bir neçə vacib mövzuya toxunacağıq.
Mən dərsi iki hissəyə böldüm, bunlardan biri Photoshop alətlərindən istifadə edərək menyu və bir neçə dizayn elementi üçün fon yaratmağa həsr olunub, ikinci hissədə düzgün tərtib etmək üçün Adobe InDesign-da birincinin nəticələri üzərində işləmək haqqında danışılacaq. məzmunu, sənədi çapa hazırlayın və əslində çap edin.
İş xəyali əfsanə çərçivəsində baş verəcək, ona görə “X” müştərisi bizə bir neçə şəkil və kitabça üçün mətni olan Word sənədini təqdim edib. Yaxşı, bir dizayner olaraq vəzifəniz bütün bunlardan gözəl bir tərtibat hazırlamaq olacaq, onu çap etməkdən və müştəriyə göstərməkdən utanmayacaqsınız.
Gəlin başlayaq. Bu dərs üçün sizə aşağıdakılar lazımdır:
- Bir fincan qəhvə,
- Duman,
Sənədin işarələnməsi
Unutmayın, bir qələm və bir kağız parçası həmişə birinci yerdədir! İstədiyiniz nəticənin eskizini və ona nail olmaq üçün variantları çəkin. Aşağıda gələcək yaradıcılıq üçün başlanğıc nöqtəsi kimi xidmət edəcək layihəm var. İki səhifə olmalıdır: ön və arxa.
Ön səhifədə örtük tərtibatı, arxa səhifədə isə menyu mətni yer alacaq. Vərəqə kitabça kimi yarıya qatlanacaq. Əsas rənglər fon üçün bənövşəyi və qara, mətn üçün isə demək olar ki, ağ olacaq. Kətan ölçüləri fərqli ola bilər, amma mənim fikrimcə "ikili məktub" olduqca uyğundur. Beləliklə, hər səhifə üçün öz məktub formatımız olacaq (215.9 × 279.4 mm). Menyuları böyük formatlarda çap etmək ümumiyyətlə qəbul edilir, lakin nəticədə hər şey sizin seçimlərinizdən asılıdır. Məqsədlərinizə və ideyalarınıza qərar verərək, davam edə bilərsiniz.
1 addım
Şablon üçün şirkətin adını və bir fincan qəhvəni yerləşdirəcəyimiz fonu olan bir sənəd yaradaq.
Photoshop-u açın və Fayl > Yeni bölməsinə keçin. Əvvəlcə hansı ölçülü kağızdan istifadə etmək istədiyinizə qərar verin (bu, müştərinin büdcəsindən də asılı ola bilər). Mən 8,5 x 11 düymlük (215,9 x 279,4 mm) Letter ölçüsü ilə başlamağı təklif edirəm. Bu mərhələdə həlli təyin etmək də çox vacibdir (çap üçün minimum qətnamə, mənim təcrübəmə görə, düym başına 300 nöqtədir (300ppi). Və eyni mərhələdə CMYK rəng rejimini təyin etməliyik.
Kitabçanın üz qabığı bir tam hissədən ibarət olacaq və artıq çap olunmuş menyu vərəqini yarıya qatlamaqla əldə ediləcək. Buna görə də, fonun hamar, arzuolunmaz əlavələr və keçidlər olmadan olması üçün onu vahid bir sənəd kimi yaradacağıq, bu da şablonun orijinal ölçüsünü ikiqat artırmaq deməkdir ("İkili məktub").
Letter kağızının enini 17 düymədək artırın. Daxil edilmiş parametrləri yoxladıqdan sonra Ok düyməsini basın.
2 addım
İndi bizdə normal çap olunmuş bir kətan var, amma yenə də sərhədsiz çap zamanı təhlükəsizlik üçün perimetr ətrafında əlavə yerə diqqət yetirmək zərər verməz. Hökmdarları aktivləşdirin (Rulers, Ctrl + R) və iş sahəsinə dörd bələdçi yerləşdirin (hökmdarın üzərinə klikləyin və onları kətanın üzərinə sürükləyin), sənədin hər bir haşiyəsi üçün bir ədəd. Sonra Şəkil > Kətan Ölçüsü bölməsinə keçin və sənədi yuxarı, aşağı və yanlara 1/8 ″ böyüdün. Aşağıdakı təsvirimdə göstərildiyi kimi, bu, hündürlüyə və enə sadəcə 0,25 düym əlavə etməklə əldə edilə bilər. Anchor nöqtəsinin mərkəzləşdiyinə əmin olun və Ok düyməsini basın.
Fon inkişafı
3 addım
Qrafiklərin özündən başlayaq. Əvvəlcə Gradient Doldurma Layerini uzataq. Layer > New Fill Layer > Gradient-ə gedin və gradient rənglərini Bənövşəyi (C:80, M:100, Y:30, K:25) və Qara (C:70, M:70, Y:70 və K:) seçin. 95), zəngin qaranın (tipoqrafiyada zəngin qara) ümumiləşdirilmiş mənasıdır və çox sərfəli işləyir. Bucağı 90 dərəcə təyin etməyi unutmayın.
4 addım
İndi arxa plana bəzi effektlər tətbiq edək. Qradiyentin üstündə yeni təbəqə yaradın, ön plan rəngini C:80 M:70 Y:60 K:80, fon rəngini isə ağ olaraq təyin edin. Sonra Filter > Render > Buludlara keçin. Bu təbəqənin qarışdırma rejimini Overlay olaraq dəyişdirin. Sonra Filtr > Bulanıqlaşdır > Hərəkət Bulanıqlığına keçin, Bucağı 90 dərəcəyə və Məsafəni 999px olaraq təyin edin. Nəhayət, effekti tamamlamaq üçün Səviyyələri (Ctrl + L) aşağıdakı şəkildə göstərildiyi kimi tənzimləyin.
5 addım
Qələm Alətindən (P) istifadə edərək, aşağıdakı şəkildə göstərildiyi kimi bir forma yaradın. Yolu C:10, M:15, Y:0, K:0 ilə doldurun. Qatları qaydada saxlamaq üçün qruplardan istifadə edin. Etdiyim ilk şey “Sağ əyrilər” adlı bir qrup yaratmaq və kətanın sağ tərəfi üçün bütün əyriləri onun içinə qoymaq oldu. Bundan sonra Layer > Layer Mask > Hide All-a keçin və formanın yalnız sol tərəfini görünən etmək üçün onu ağdan qaraya üfüqi gradientlə doldurun. Nəhayət, təbəqənin qeyri-şəffaflığını 25%-ə endirin və onun Qarışıq rejimini Color Dodge-a təyin edin.
6 addım
Formanızı bir neçə dəfə təkrarlayın (Alt düyməsini basıb saxlayın və təbəqəni sürükləyin) və aşağıdakı təsvirin məzmununa bənzər bir şey əldə edənə qədər hər dublikatı dəyişdirmək üçün Transformasiya Alətindən istifadə edin. İstədiyiniz qədər əyri əlavə edə bilərsiniz. Mümkün olan ən maraqlı effekti əldə etmək üçün hər bir formanın Opacity dəyərləri ilə oynamağa çalışın.
Sonra "Sağ əyrilər" qrupunu seçin və onu kətanın sağ tərəfinə sürükləyin. Sonra onun dublikatını çıxarın (buna Alt düyməsini basıb sürükləməklə də nail olmaq olar) və dublikatı üfüqi şəkildə göstərmək üçün Redaktə > Transform > Horizontal Flip-ə keçin. Sonra çəkilişin adını “Sol əyrilər” adlandırın və onu kətanın sol tərəfinə dartın.
7 addım
"Əyrilər" üzərində yeni bir təbəqə yaradın. Ellips Alətindən (U) istifadə edərək çəhrayı dairə çəkin (C:5 M:55 Y:0 K:0). Dairəni düzgün forma etmək üçün onu uzatarkən Shift düyməsini basıb saxlayın. Sonra Filter > Blur > Gauss Blur-a keçin (sizdən təbəqənin rasterləşdirilməsi tələb olunacaq - bunu edin), bulanıqlıq radiusunu 50px olaraq təyin edin və Ok düyməsini basın. Sonra, təbəqənin Qarışdırma rejimini Color Dodge-a dəyişdirin, Opacity-i 50% -ə qoyun və bu nöqtəni hər hansı bir əyrinizin üstündə bir yerə qoyun.
Bu təbəqəni uyğun gördüyünüz qədər təkrarlayın, qeyri-şəffaflığı dəyişdirin, hər bir dublikatın ölçüsü ilə oynayın və aşağıdakı təsvirə bənzər bir şey əldə etməyə çalışın. Dairələrlə işiniz bitdikdən sonra onların hamısını "İşıqlı Kürələr" kimi ayrı bir qovluğa köçürün.
8 addım
Bu addımda siz Ulduz Fırça Dəstini açmalısınız. Yeni bir təbəqə yaradın və müxtəlif yerlərdə bir neçə ağ ulduz əlavə edin. Sonra, Ekran qarışığı rejimi və ölçüsü 70px, rəng C:15, M:55, Y:0, K:0 olan təbəqəyə Xarici Parıltı stili əlavə edin. Nəhayət, təbəqənin qeyri-şəffaflığını təxminən 70% təyin edin.
Başlıq əlavə edilir
9 addım
Növbəti addım loqo əlavə etməkdir. Təbii ki, onu sözün əsl mənasında loqo adlandırmaq olmaz, çünki loqo daha mürəkkəb dizayn elementidir, ona görə də gəlin onu “şirkət adı” adlandıraq. İndi şaquli bələdçidən istifadə edərək sənədin sağ yarısını iki sütuna bölün və səhifəni dörd bərabər hündürlükdə sətirə bölmək üçün daha üç üfüqi uzatın. Sonra Növ Alətindən (T) istifadə edərək ikinci sətirdə sənədin sağ tərəfində ağ böyük hərflərlə “BƏNƏNŞƏK” sözünü yazın. Mən kommersiya Avant Garde qulaqlıqdan istifadə etdim, ancaq mövcud analoqlardan hər hansı birini istifadə edə bilərsiniz (Futura, Century Gothic və s.). Mətn parametrləri aşağıdakı şəkildə göstərilmişdir. Bundan sonra bir “O” hərfi seçin və onun rəngini C:10, M:85, Y:0 və K:0 olaraq dəyişdirin. Son toxunuş, Xətti Yanma, 75% Opacity və 90 dərəcə bucaq qarışığı rejimi ilə bozdan ağa rəngləri olan mətnə Gradient Overlay üslubunu tətbiq etməkdir. İllüstrasiyaya baxaq:
10 addım
İndi mətn qatına əks lay əlavə edək. Bunu etmək üçün hərflərinizin dublikatını çıxarın, rasterləşdirin (bunun sürətli yolu: mətn qatının altında boş təbəqə yaradın, mətn qatını və yeni yaradılmış boş təbəqəni seçin və onları birləşdirmək üçün Ctrl + E düymələrini basın) və bunu edin. Redaktə > Transform > Şaquli çevir. Bir nüsxəni dərhal başlığın altına qoyun. İdeyanı tamamlamaq üçün biz sadəcə əks layı ləğv etməliyik və bunu təbəqəyə maska əlavə etməklə etmək olar: Layer > Layer Mask > Hamısını Gizlət, sonra onu qaradan ağa qradiyentlə doldurmaq lazımdır. Gradient Aləti (G).
11 addım
Son toxunuş Ulduz Fırçası dəstindən bir cüt parlaq ağ ulduzu mətnə tətbiq etmək olacaq. Qatın Opacity-ni 85%-ə endirməyi unutmayın, aşağıdakı rəsmi təkrarlayın.
12 addım
İndi gəlin “qəhvə” sözünü bir az sağa və “Bənövşə”nin altına qoyaq. Bunun üçün istənilən Skript şriftindən istifadə edə bilərsiniz (məsələn, mən Edvard skriptini götürmüşəm). Sonra C:10, M:85, Y:0, K:0-dan C:15, M:55, Y:5, K:0-a qədər rənglərlə Gradient Overlay stili əlavə edin. Bundan sonra, sözdə şirkət loqosu ilə əlaqəli bütün təbəqələr "Loqo" adlı ayrıca bir qovluğa yerləşdirilməlidir.
Kompozit təbəqələr
13 addım
Avtomatlaşdırılmış Skriptdən istifadə edərək dizaynın iki fərqli versiyasını iki ayrı faylda saxlaya bilmək üçün Layer Comps quraq.
Başlamaq üçün Layer Comps palitrasını aktivləşdirin (Windows > Layer Comps). “Loqo” qovluğunun görünməsinin açıq olduğundan və Layer Comps palitrasında yeni kompozisiya qatı yaratmaq üçün “Yeni” düyməsini sıxdığınızdan əmin olun. Adını dəyişdirin "Örtük". Bundan sonra, "Loqo" qovluğunu gizləyin (görünüşü söndürün) və "Daxili" adlı yeni bir kompozisiya qatı yaradın. Hər şeyin düzgün aparıldığına əmin olmaq üçün yaranan təbəqələrin görünmə qabiliyyətini dəyişə bilərsiniz.
14 addım
İndi açın Fayl > Skriptlər > Layer Comps to Files. Dialoq qutusunda PSD fayl növünü seçin, fayllarınızı saxlamaq istədiyiniz qovluğu açın, adlarına “Bənövşəyi” kimi fərqli prefiks verin və qalan parametrləri defolt olaraq buraxın. Siz Run düyməsini kliklədikdən sonra Photoshop avtomatik olaraq hər bir kompozisiya qatı üçün fayl yaradacaq və fayl adları həmin təbəqələrin adlarını ehtiva edəcək.
Qrafik elementlərin əlavə edilməsi. Bir fincan qəhvə
15 addım
Şəkli Photoshop-da bir fincan qəhvə ilə açın, onu redaktə edilə bilən etmək üçün Layers palitrasında "Fon" qatına iki dəfə klikləyin. Sonra kubokun konturunu izləmək üçün Yollar rejimində Qələm Alətindən (P) istifadə edin. Bundan sonra, ekranın yuxarısındakı alətin Seçimlər panelində Üst-üstə düşən Yol Sahələrini İstisna Et düyməsini klikləyin və sapın daxili dairəsini izləyin. Sonra, yolları bitirdikdən sonra, yolu vektor maskasına çevirmək və kuboku fondan çıxarmaq üçün Layer > Vector Mask > Cari Yol bölməsinə keçin.
16 addım
İndi fincanı iş sənədinizə köçürə bilərsiniz. İstəyirsinizsə, bu təbəqə rasterləşdirilə bilər (Layers palitrasında təbəqənin üzərinə sağ klikləyin və Layer Rasterləşdirin seçin). Fincan olan təbəqəni “qəhvə fincanı” adlandırın.
Sonra, 10-cu addımda göstərilən texnikadan istifadə edərək, kuboka əks əlavə edin, lakin bu dəfə maska rejimində böyük, yumşaq qara fırçadan (Fırça Aləti, B) istifadə edərək şəkildə göstərildiyi kimi əksin bucaq kənarlarını gizləyin. aşağıda.
17 addım
Kiçik bir detal olaraq kuboka kölgə əlavə edəcəyik. Ellips Alətindən istifadə edərək fincan və onun əksi arasında zəngin qara ellips çəkin. Sonra Filter > Blur > Gauss Blur-u açın, görünən pəncərədə bulanıqlıq radiusunu 35 pikselə təyin edin və Ok düyməsini basın.
18 addım
Bənövşəyi əhval-ruhiyyəni qorumaq üçün kubokun üstündəki Foto Filtr Tənzimləmə Layerindən istifadə edin (Laylar palitrasının altındakı Yeni Doldurma və ya Tənzimləmə Layeri düyməsi). Onun Kəsmə Maskası rejimində əlavə olunduğundan əmin olun və onun Hue-ni C:40, M:80, Y:0, K:0, Sıxlıq 25%-ə dəyişin. Bundan sonra, fincanla birlikdə bütün təbəqələri "Qəhvə fincanı" adlı ayrı bir qrupa köçürün.
Addım 19
İndi gəlin qəhvəmizdən gələn kiçik bir ətir axınını təsəvvür edək. Tüstü şəklini açın və onu redaktə rejiminə keçirmək üçün "Arxa fon" qatına iki dəfə klikləyin. Sonra şəklin rənglərini çevirmək üçün Ctrl + I düymələrini basın. Hue/Saturation parametrləri pəncərəsində (Ctrl + U), dumanı bənövşəyi rəng vermək üçün Hue dəyərini -92-yə təyin edin.
İndi fotodan tüstü çıxaraq. Kanallar palitrasında (Pəncərə > Kanallar) Qırmızı kanalın dublikatını çıxarın, nüsxəni panoya saxlamaq üçün Ctrl + A, Ctrl + C düymələrini basın, sonra təkrarlanan təbəqəni silin, şəkli orijinal vəziyyətinə qaytarmaq üçün RGB kanalına qayıdın. rəng.
Layers palitrasında duman qatını seçin və Layer > Layer Mask > Hide All-a keçin, sonra maskanın görünməsi üçün Alt düyməsini sıxın. Sonra daha əvvəl panoya kopyaladığınız şəkli maskaya yapışdırın. Orijinal laylı miniatürünüzə keçdikdən sonra bu texnikanın necə işlədiyini görəcəksiniz.
20 addım
Tüstü qatını əsas sənədimizə sürükləyin. Sonra onu rasterləşdirin və "Smoke" adlandırın. Sadəcə bir fincan qəhvənin üzərinə qoyun. Bu təbəqəyə maska əlavə edin və qəhvə ətirinin yuxarı hissəsini gizlətmək üçün onu ağdan qaraya qədər gradientlə doldurun.
Nəhayət, “Tüstü” qatının dublikatını çıxarın, nüsxəni orijinal təbəqənin üstünə qoyun və təxminən 35% bulanıqlıq radiusu ilə Filtr > Bulanıq > Qauss Bulanıqlığına keçin. Bu, tüstü təbəqəsi üçün gözəl bir parlaq aura yaradacaqdır.
21 addım
İndi fincanı daha da valehedici etmək üçün 7 və 8-ci addımlarda arxa fon üçün etdiyimiz kimi bəzi məqamları və ulduzları əlavə edin. Bundan sonra kubokla əlaqəli bütün təbəqələri, o cümlədən tüstü, ulduzlar və işıqlandırmaları ayrı yerə qoyun. "Qəhvə" adlı qovluq.
Qrafik elementlərin ixracı
22 addım
Hal-hazırda təbəqələri olan iki mühüm qrupumuz var: “Qəhvə” və “Loqo”. Hər iki qrup daha sonra InDesign-a idxal etməli olacağımız əlavə qrafik elementləri təmsil edir. İndi biz onları hazırlamalı və ayrı-ayrı fayllara ixrac etməliyik. “Loqo” qrupu ilə başlayaq. Onun dublikatını çıxarın (qrupu Layers palitrasının Yeni düyməsinə sürükləyin), bu dublikata keçin və rasterləşdirmək üçün Ctrl + E düymələrini basın. “Qəhvə” qrupu ilə də eyni şeyi edin.
23 addım
"Loqo Kopyası" qatını seçin, sonra üzərinə sağ vurun və Dublikat Layer seçin. Açılan dialoq qutusunda ona yeni ad verin və Destination Document sahəsində Yeni seçin. Bu, orijinal ilə eyni ölçülərə malik yeni sənəddə təbəqənin surətini yaradacaqdır. Kəsmə Alətindən istifadə edərək, nüsxənin boş sahələrini çıxarın və sənədə “Logo.psd” kimi bəzi informativ ad verməklə onu saxlayın. Eyni prosesi “Qəhvə surəti” təbəqəsi ilə təkrarlayın.
Çıxış faylları
24 addım
Bu gün Photoshop üçün hər şey budur. Bu nöqtədə, dərsliyin ikinci hissəsində onlardan istifadə edə bilmək üçün aşağıdakı əsas elementlərə sahib olmalısınız: fonu olan iki PSD faylı (biri örtük üçün, biri daxili səhifələr üçün), PSD faylı. şəffaf fonda loqo və şəffaf fonda bir fincan qəhvə ilə PSD faylı.
InDesign-da çapa hazır sənəd yaratmaq üçün bizə lazım olan hər şey, o cümlədən müştəri tərəfindən təqdim olunan məlumatlar var.
Bu dərsdə sayt üçün orijinal düymə yaradacağıq.
Addım 1.
Yeni sənəd yaradın, fon rəngini təyin edin: #f7f5f6. Aləti aktivləşdirin Dairəvi düzbucaqlı alət (Dəyirmi küncləri olan düzbucaqlı) 10 piksel yuvarlaqlaşdırma radiusu ilə. Ön plan rəngini #2f88bb olaraq təyin edin. Yeni bir təbəqədə kiçik yuvarlaq bir düzbucaqlı yaradın.
Addım 2.
İndi gedin Layer Style və çəkilmiş düzbucaqlıya tətbiq edin Xarici Parıltı Və Daxili parıltı aşağıdakı parametrlərlə:
Addım 3.
Açarı basılı tutarkən
Aləti aktivləşdirin Elliptik seçim aləti(Oval seçim sahəsi) və düyməni basıb saxlayın
Addım 4.
Yeni bir təbəqə yaradın və alətdən istifadə edin Elliptik seçim aləti(Oval seçim sahəsi), şəkildə göstərildiyi kimi ellips yaradın. İndi alətdən istifadə edin Qradient(Qradient), üslub - əsasdan şəffafa qədər və oval seçim boyunca gradient dolgu yaradın. Bu gradient kölgə rolunu oynayacaq.
Addım 5.
Sonra, düyməni basıb saxlayın
Addım 6
Düymə qatının qeyri-şəffaflığını 32%-ə təyin edin. Açarı basılı tutarkən
Addım 7
Yaradılmış seçimi ağ rənglə doldurun və qeyri-şəffaflığı 11% dəyişdirin.
Addım 8
İndi yeni bir təbəqə yaradın və aşağıda göstərildiyi kimi bir dairə çəkin.
Addım 9
Bu Photoshop dərsliyində vebsayt üçün qəşəng naviqasiya menyusunun necə hazırlanacağına baxacağıq.
Bu Photoshop dərsliyində vebsayt üçün qəşəng naviqasiya menyusunun necə hazırlanacağına baxacağıq.
Yekun nəticə
Photoshop dərsinə başlayaq
Ölçüləri olan sənəd yaradın → 500 x 200 (Fayl > Yeni(Fayl > Yeni / Klaviatura qısayolu "Ctrl+N")) və onu boz rənglə doldurun ( Paint Bucket Tool(Doldurma Aləti / G düyməsi).
Növbəti istifadə Düzbucaqlı Marquee Aləti(Düzbucaqlı Marquee / "M" Açarı) və buna bənzər bir seçim yaradın (bu və əvvəlki şəkildəki fərqli fon rənglərinə görə üzr istəyirik, sadəcə olaraq buna məhəl qoymayın): ↓
Gradient seçimləri: ↓
Drop Shadow(Kölgə). ↓
Vuruş(Vuruş). ↓
Daxili Kölgə(Daxili kölgə). ↓
Menyunuzu tutaraq vurğulayın Ctrl > Dəyişdir > Müqavilə seçin(Seç > Dəyişdir > Büzül), 2 piksel.
Yeni təbəqə yaradın ( Yeni Layer(Yeni Layer / Klaviatura qısayolu "Ctrl+Shift+N")) və seçimi ağ rənglə doldurun ( Paint Bucket Tool(Doldurma Aləti / "G" Açarı)), indi Transformdan istifadə edir ( Ctrl+T), bu təbəqəni menyumuzun yarısını əhatə etsin.
Dəyişmək qeyri-şəffaflıq(şəffaflıq) aktivdir 25% .
Menyudakı düymələr üzərində işləyək.
Aşağıdakı şəkildəki kimi bir seçim yaradın, onu istənilən rənglə doldurun. ↓
Drop Shadow(Kölgə), Gradient Overlay(Qradient örtüyü).
Gradient seçimləri: ↓
Düyməni tutaraq vurğulayın Ctrl təbəqələr panelindəki şəkillərin üzərinə sol klikləməklə. Sonra gedirik > Dəyişdir > Müqavilə seçin(Seç > Dəyişdir > Büzül), 2 piksel.
Yeni təbəqə yaradın və seçimi ağ rənglə doldurun və Transformdan istifadə edin ( Ctrl+T), bu təbəqəni düyməmizin yarısını örtün.
İndi dəyiş qeyri-şəffaflıq(şəffaflıq) ki, ağ təbəqəni çətinliklə hiss edə biləsiniz. qoydum 6% .
Bu dərslikdə siz Photoshop istifadə edərək sadə, dəbli açılan menyu yaratmağı öyrənəcəksiniz.
Addım 1
Photoshop-u açın və aşağıdakı ekran görüntüsündə göstərilən parametrlərlə yeni sənəd yaratmaq üçün Ctrl+N düymələrini basın. Şəbəkənin aktivləşdirilməsi Bax - Göstər - Şəbəkə(Bax - Göstər - Şəbəkə) və şəbəkəyə yapışdırın Görün - Şəbəkəyə yapışdırın(Bax - Əlavə et - Şəbəkə). Hələlik bizə 5 px xanalı bir şəbəkə lazımdır.
Gəlin davam edək Redaktə et - Üstünlüklər - Bələdçilər, Şəbəkə və Dilimlər(Redaktə - Parametrlər - Bələdçilər, şəbəkə və fraqmentlər) və Grid parametrlərini tapın. üçün Gridline Hər(sətirlər bir-birinə) 5 daxil edin və üçün Bölmə(Daxili bölmə ilə) - 1. Həmçinin tor rəngini #a7a7a7 olaraq təyin edin. Bitirdikdən sonra OK düyməsini basın.
Şəbəkə işinizdə çox kömək edir, onu laqeyd etməməyi məsləhət görürəm. Məlumat panelini də açırıq Pəncərə - Məlumat(Pəncərə - Məlumat).
Addım 2
Ön plan rəngini #3f8ecf olaraq təyin edin, götürün Dairəvi Düzbucaqlı Aləti(Dairəvi Düzbucaqlı) (U) və onun radiusunu 20 pikselə təyin edin. 160 x 40 px düzbucaqlı yaradın və onun dublikatını çıxarın (Ctrl+J). Dublikatı seçin və rəngini ağ rəngə dəyişdirin. Aktivləşdirin Düzbucaqlı Alət(Dördbucaqlı) (U), düyməni basın Forma sahələrini kəsin(Kəsişmə sahəsini forma) üst panelə çəkin və üçüncü ekran görüntüsündə göstərildiyi kimi 40 x 40 px kvadrat çəkin. Qatlar panelinə keçin və Layer Style pəncərəsini açmaq üçün ağ düzbucaqlı təbəqəyə iki dəfə klikləyin.
Biz müraciət edirik Daxili parıltı ( Daxili parıltı) Gradient Overlay(Gradient Overlay) və Vuruş(Vuruş) aşağıdakı ekran görüntüsündə olduğu kimi parametrlərlə.
Addım 3
Mavi düzbucaqlı seçin və yenidən dublikat edin (Ctrl+J). Dublikatı seçin, rəngini ağa dəyişin və aktivləşdirin Düzbucaqlı Alət(Dördbucaqlı) (U). Düyməyə bas Forma sahələrini kəsinÜst paneldə (Kəsişmə Sahəsini Formalayın) və aşağıda göstərildiyi kimi 120 x 40 px düzbucaqlı çəkin.
Qatlar panelinə keçin, əvvəlki addımda yaradılmış ağ düzbucaqlı təbəqənin üzərinə sağ klikləyin və seçin Layer üslubunu kopyalayın(Qatın üslubunu kopyalayın). Bu addımda yaratdığımız ağ düzbucaqlıya gedin, üzərinə sağ klikləyin və seçin Layer Stilini Yapışdırın(Layer üslubunu yapışdırın).
Addım 4
götürək Tip Aləti(Mətn) (T) və mətni düyməyə yazın (rəng #a1d8ff). Sonra pəncərəni açın Layer Style(Layer Style) seçin və aşağıda göstərildiyi kimi lay üslublarını mətnə tətbiq edin.
Addım 5
İkinci addımda yaratdığımız mavi düzbucaqlıya qayıdaq. Açılış Layer Style pəncərəsi Drop Shadow(Kölgə). Bu düzbucağın nüsxəsini çıxarın (Ctrl+J), surəti seçin, pəncərəni açın Layer Style(Layer Style) və təbəqə üslubunu aşağıda göstərildiyi kimi redaktə edin. Sonra indiyə qədər yaradılmış bütün düzbucaqlıları seçin və onları qruplaşdırın (Ctrl+G). Açılan menyu gizləndikdə düymə belə görünəcək. Son mərhələdə son toxunuşları əlavə edəcəyik.
Addım 6
Qatlar panelinə keçin, yaradılmış qrupa sağ klikləyin və seçin Dublikat Qrup(Dublikat qrup). Qrupun surətini seçin və ekran görüntüsündə göstərildiyi kimi onu orijinaldan bir qədər aşağı endirin.
Addım 7
İndi dublikat qrupuna diqqət yetirək. Əvvəlcə mətni düzəldək. Rəngini #b4b4b4 olaraq dəyişdirin, sonra qatın üzərinə sağ klikləyin və seçin Layer Stilini Sil(Layer Stilini Sil). Pəncərənin açılması Layer Style(Layer Style) seçin və mətnə qat üslubu əlavə edin Drop Shadow(Kölgə).
Addım 8
Ön plan rəngini #f5f5f5 olaraq təyin edin, götürün Dairəvi Düzbucaqlı Aləti(Dairəvi Düzbucaqlı) (U) və onun radiusunu 20 pikselə təyin edin. 160 x 35 piksel ölçülü düzbucaqlı yaradın və onu Şəkil 1-də göstərildiyi kimi düymənin altına qoyun. Sonra onun dublikatını çıxarın (Ctrl+J) və surətin rəngini ağ rəngə dəyişin. Aktivləşdirin Düzbucaqlı Alət(Dördbucaqlı) (U), düyməni basın Forma sahələrini kəsin(Kəsişmə sahəsini forma) yuxarı panelə çəkin və Şəkil 2-də göstərildiyi kimi 40 x 35 piksel ölçülü düzbucaqlı çəkin.
Qatlar panelinə keçin və azaldın Doldur Bu təbəqəni 0%-ə qədər doldurun. Sonra pəncərəni açın Layer Style(Layer Style) və təbəqə üslubunu tətbiq edin Daxili Kölgə(Daxili kölgə).
Addım 9
Əvvəlki addımın əvvəlində yaratdığımız dairəvi düzbucağı aktivləşdirin və onun dublikatını çıxarın (Ctrl+J). Surəti aktivləşdirin və onu təbəqələr panelində yuxarıya daşıyın (Shift+Ctrl+]). Doldurmağı 0%-ə qədər azaldın, Layer Style pəncərəsini açın və təbəqə üslublarını tətbiq edin.
Addım 10
Səkkizinci addımda yaradılmış ikinci düzbucağı aktivləşdirin və onun dublikatını çıxarın (Ctrl+J). Yuxarıdakı nüsxəni köçürün (Shift+Ctrl+]), sonra əvvəlki addımdakı təbəqə üslublarını kopyalayın və onları bu düzbucaqlıya yapışdırın.
Addım 11
İndi əvvəlki addımda yaradılan düymənin sağ tərəfinə diqqət yetirək. Ön plan rəngini #ebebeb olaraq təyin edin, götürün Düzbucaqlı Alət(Düzbucaqlı) (U) və aşağıda göstərildiyi kimi 10 x 5 px düzbucaqlı yaradın.
Sonra, düyməni basın Forma sahəsinə əlavə edin(Forma Sahəsinə əlavə et) və dərhal əvvəlkinin üstündən Şəkil 2-də göstərildiyi kimi ölçüsü 5 x 10 piksel olan yeni düzbucaqlı çəkin. Yaradılmış təbəqənin aktiv olduğundan əmin olun və Ctrl+T düymələrini basın. Oxu -45 dərəcəyə çevirin və Enter düyməsini basın.
Qatlar panelinə keçin, Ctrl düyməsini basıb saxlayın və əvvəlki addımda yaradılmış düzbucaqlı təbəqənin miniatürünü vurun. Nəticədə, forma ətrafında bir seçim görünməlidir. Seçimi silmədən, alırıq Köçürmə Aləti(Move) (V) və yaradılmış oxlu təbəqənin hələ də aktiv olduğunu yoxlayın.
Üst panelə keçin və düymələri basın Şaquli mərkəzləri hizalayın(Mərkəzləri şaquli olaraq hizalayın) və Üfüqi mərkəzləri hizalayın(Mərkəzləri şaquli olaraq hizalayın) beşinci şəkildə göstərildiyi kimi. Açılış Layer Style(Layer Style) seçin və ox üçün təbəqə üslublarını tətbiq edin.
Addım 12
götürək Tip Aləti(Mətn) (T) və aşağıda göstərildiyi kimi düyməyə istənilən sözü yazın (rəng #b4b4b4). Sonra mətnə qat üslubu tətbiq edin Drop Shadow(Kölgə). Mətn qatını və son dörd addımda yaradılmış bütün təbəqələri seçin və onları qruplaşdırın (Ctrl+G).
Addım 13
Əvvəlki addımda yaradılmış qrupu dörd dəfə təkrarlayırıq. Nüsxələri aşağıdakı şəkildə göstərildiyi kimi yerləşdirin və hər düymənin üzərindəki mətni dəyişdirin.
Bu Photoshop dərsliyində sizi sadə açılan menyunun yaradılması prosesi ilə tanış edəcəyik.
Bitmiş şəkli önizləyin
Addım 1
Photoshop-u açın və Ctrl+N düyməsini sıxaraq yeni sənəd yaradın. Aşağıdakı parametrləri daxil edin və OK düyməsini basın. Şəbəkə ekranını aktivləşdirin: Görün > Göstər > Şəbəkə (Görünüş > Göstər > Şəbəkə) və həmçinin torun yapışdırılmasını aktivləşdirin: Görün > Görün... > Şəbəkə xətləri (Görünüş > Göstər > Şəbəkə). Hələlik hər 5 pikseldən bir sətir bizim üçün kifayət edəcək. Menyuya keçin Redaktə > Parametrlər > Bələdçilər, Şəbəkə və Dilimlər (Redaktə > Üstünlüklər > Bələdçilər, Şəbəkə və Dilimlər) və Şəbəkə bölməsinə diqqət yetirin. Gridline Every sahəsinə 5 dəyərini, Subdivision sahəsinə isə 1 dəyərini daxil edin. Nəhayət, grid rəngini #a7a7a7 olaraq təyin edin və OK düyməsini basın.
Kətan üzərində görünən qalın meshdən qorxmayın. İşinizi asanlaşdırmaq üçün lazımdır. Digər şeylərlə yanaşı, biz məlumat panelinin ekranını da aktiv edəcəyik: Elementlərinizin və formalarınızın vəziyyətini real vaxtda izləmək üçün Pəncərə > Məlumat (Pəncərə > Məlumat).
Addım 2
Ön plan rəngini #3f8ecf olaraq təyin edin, Dairəvi Düzbucaqlı Alətini seçin və radiusu 20 pikselə təyin edin. 160x40 vektor yolunu yaradın və onun dublikatını çıxarın: Control + J. Surəti seçin və onu ağ edin. Düzbucaqlı Alətinə keçin, yuxarı alətlər panelindəki Kəsişmə düyməsini klikləyin və aşağıdakı üçüncü şəkildə göstərildiyi kimi 40x40 px vektor yolunu çəkin. Gəlin qatlar palitrasına keçək və qat üslubları pəncərəsini açmaq üçün ağ konturun üzərinə iki dəfə klikləyin.
Inner Glow və Stroke tətbiq edin, sonra aşağıdakı təsvirlərdə göstərilən parametrləri daxil edin.
Addım 3
Əvvəlki addımda yaradılmış mavi dairəvi düzbucaqlı yenidən seçin və onun dublikatını çıxarın: Control + J. Surəti seçin, onu ağ edin və Düzbucaqlı Alətinə keçin. Üst paneldəki Kəsişmə düyməsini klikləyin və aşağıdakı ikinci şəkildə göstərildiyi kimi 120x40 px vektor yolunu çəkin.
Gəlin qatlar palitrasına qayıdaq. Əvvəlki addımda yaradılan ağ konturun üzərinə sağ vurun və "Layer üslubunu kopyalayın" seçin. Sonra, bu addımın əvvəlində yaradılan ağ konturun üzərinə sağ vurun və "Layer üslubunu yapışdırın" seçin.
Addım 4
Yazı Alətini seçin və aşağıdakı şəkildə göstərildiyi kimi mətninizi yazın. Mətnin rəngini #a1d8ff olaraq təyin edin, sonra Layer Style pəncərəsini açın və aşağıdakı şəkillərdə göstərilən parametrləri daxil edin:
Addım 5
İkinci addımda yaradılmış mavi dairəvi düzbucaqlıya qayıdıb, Layer Style pəncərəsini açıb aşağıdakı parametrləri daxil edin. Bu formanı təkrarlayın: Control + J, surəti seçin, Layer Style pəncərəsini yenidən açın və aşağıdakı parametrlərlə Drop Shadow tətbiq edin. İndiyə qədər yaradılmış bütün formaları seçin və onları qruplaşdırın: Control + G. Bu, yaxın açılan menyunuz olacaq. Son mərhələdə onu bir az daha təkmilləşdirəcəyik.
Addım 6
Gəlin qatlar palitrasına qayıdaq. Əvvəlki addımda yaradılmış qrupun üzərinə sağ klikləyin və "Qrupu Dublikat et" seçin. Yeni yaradılmış qrupu seçin, aşağıya sürükləyin və aşağıdakı şəkildə göstərildiyi kimi yerləşdirin.
Addım 7
Əvvəlki addımda yaradılmış qrupla işləməyə davam edək. İlk növbədə burada mətni redaktə etməlisiniz. Rəngi #b4b4b4 olaraq dəyişdirin, sonra üzərinə sağ klikləyin (qatlar palitrasında) və "Layer Stilini Sil" seçin. Layer Style pəncərəsini açın və aşağıdakı parametrlərlə boz mətnə Drop Shadow tətbiq edin.
Addım 8
Ön plan rəngini #f5f5f5 olaraq təyin edin, Dairəvi Düzbucaqlı Alətini seçin və radiusu 20 pikselə təyin edin. Aşağıdakı ilk şəkildə göstərildiyi kimi yerləşdirərək 160x35 px vektor yolu yaradın, sonra onun dublikatını yaradın: Control + J. Dublikatı seçin və onu ağ edin. Düzbucaqlı Alətinə keçin, yuxarı alətlər panelindəki Kəsişmə düyməsini klikləyin və aşağıdakı ikinci şəkildə göstərildiyi kimi 40x35 px vektor yolunu çəkin.
Gəlin qatlar palitrasına keçək. Bu konturun Doldurma qeyri-şəffaflığını 0%-ə endirin, sonra Layer Styles pəncərəsini açın və aşağıdakı şəkillərdə göstərilən parametrləri tətbiq edin:
Addım 9
Əvvəlki addımın əvvəlində yaradılmış dairəvi düzbucaqlı yenidən seçin və onun dublikatını çıxarın (Control + J). Surəti seçin, onu qabağa köçürün: Shift + Control + ], doldurma qeyri-şəffaflığını (Doldur) 0%-ə endirin, Layer Style pəncərəsini açın və aşağıdakı parametrləri daxil edin:
Addım 10
8-ci addımda yaradılmış ikinci yolu yenidən seçin və onun dublikatını çıxarın: Control + J. Surəti seçin, onu qabağa gətirin: Shift + Control + ]. Sonra, Layer Styles pəncərəsini açın və Shadow layer stil parametrlərini aşağıda göstərildiyi kimi tənzimləyin.
Addım 11
Son addımlarda yaradılmış formaların sağ tərəfində işləyək. Ön plan rəngini #ebebeb olaraq təyin edin, Düzbucaqlı Alətini seçin, 10x15 px vektor yolu yaradın və onu aşağıdakı ilk şəkildə göstərildiyi kimi yerləşdirin. Bu kiçik düzbucaqlı seçin. Üst seçimlər panelindəki Seçimə Əlavə et düyməsini klikləyin və aşağıdakı ikinci şəkildə göstərildiyi kimi başqa 10x15 vektor yolu çəkin. Son yaratdığınız yolun hələ də aktiv olduğundan əmin olmaq üçün Control + T düymələrini basın, onu 45 dərəcə fırladın və Enter düyməsini basın.
Gəlin qatlar palitrasına keçək. Ctrl düyməsini basıb tutaraq, əvvəlki addımda yaradılmış vektor yolu qatının işarəsinə klikləyin. Nəticədə onun boş ayrılmış sahəsi yüklənəcək. İndi Seçim Alətini seçin və vektor yolu olan təbəqənin - oxun aktiv olduğundan əmin olun.
Aşağıdakı beşinci şəkildə göstərildiyi kimi oxunuzu hizalamaq üçün yuxarı seçimlər panelindəki "Şaquli mərkəzləri hizalayın" və "Üfüqi mərkəzləri hizalayın" düymələrinə klikləyin. Sonra, Layer Styles pəncərəsini açın və aşağıdakı parametrlərlə aşağıdakı üslubları tətbiq edin.
Addım 12
Yazı Alətini seçin və aşağıdakı şəkildə göstərildiyi kimi sadə mətni yazın. Rəngi #b4b4b4 olaraq təyin edin, sonra Layer Style pəncərəsini açın və şəkildə göstərilən parametrlərlə Kölgə tətbiq edin. Son dörd addımda yaradılmış elementlərlə bu yeni mətni seçin və hamısını qruplaşdırın: Control + G.
Addım 13
Son yaratdığınız qrupun daha dörd nüsxəsini yaradın. Yeni qrupları aşağıda göstərildiyi kimi yerləşdirin və etiketləri dəyişdirin.
Addım 14
"Dərsliklər" etiketli menyu alt elementinə diqqət yetirin, ox forması üçün Layer Styles pəncərəsini açın və aşağıdakı parametrləri daxil edin:
Addım 15
“Dərsliklər” mətnini seçin və onun rəngini #2c95dd olaraq dəyişdirin. Həmçinin mətnin altındakı boz dairəvi düzbucaqlı seçin, Layer Style pəncərəsini açın, aşağıda göstərilən parametrlərlə Gradient Overlay tətbiq edin.
Addım 16
Son addımları tamamlamaq üçün hüceyrə ölçüsü 1 piksel olan bir şəbəkəyə ehtiyacımız olacaq. Beləliklə, Redaktə > Üstünlüklər > Bələdçilər, Şəbəkə və Dilimlər bölməsinə keçin və “Hər bir şəbəkə xətti” sahəsinə 1 dəyəri daxil edin. Ön Plan Rəngini #a1d8ff olaraq təyin edin, Düzbucaqlı Alətini seçin, 6px kvadrat yaradın və onu aşağıdakı ilk şəkildə göstərildiyi kimi yerləşdirin. Sonra, Birbaşa Seçim Alətini seçin və yaradılmış vektor yolunun aşağı hissəsinə diqqət yetirin. Sağ anker nöqtəsini seçin və onu 3 piksel sola köçürün. Ankraj Nöqtəsini Sil alətinə keçin və onu silmək üçün qalan alt lövbər nöqtəsinə klikləyin. Nəticədə kvadratınız üçbucağa çevrilməlidir!
Bitmiş Şəkil
