Adobe Photoshop-та сурет салу қалай?

Сәлем, достар! Мені Лера Фоминых деп атайды, мен суретшімін. Бүгін мен сіздерге өз ойларымды және Adobe Photoshop атты сурет салуға арналған ең танымал бағдарламалардың бірімен жұмыс істеу тәжірибемен бөлісуді қаладым. Мен неге мен бұл бағдарламаны таңдаймын және ол шығармашылықта қалай көмектесетінін айтып берейін. Біз бірге оның интерфейсін зерттейміз, әрине, сурет салуға баса назар аударамыз. Photoshop — кескіндермен жұмыс істеуге арналған өте қуатты құрал. Оны әртүрлі салалардағы кәсіпқойлар ләззатпен қолданады, мысалы, графикалық дизайн, цифрлық өнер, фотография және тіпті веб-дизайн, — дейді Google. Ал мен айтсам, Photoshop — суретшінің қолданған сиқырлы таяқшасы! Мен бағдарламаның терезесін жекелене түру мүмкіндігін, қылқаламдарды ең жылдам және түсінікті жолмен жасау мүмкіндігін, маскалардың, қабаттардың көптеген стильдерінің және қылқаламдардың пакеттерінің болуын ерекше бағалаймын, олар бағдарламаға алдын ала жүктелген және маркетплейстерде қолжетімді. Сонымен қатар, көпшілік сабақтар интернетте Photoshop-та (ағылшын тілінде) салынады — бұл да маңызды сәт. Мен Photoshop бұлтын белсенді түрде қолданамын: менің ноутбугымның жады аз, сондықтан менің суреттерім бұлтта сақталған кезде компьютерге жүктемені азайту жеңілдейді. Қазір бағдарламаның интерфейсімен танысып, сосын сурет салайық!

Сіздің құрылғыңызда бағдарлама бар. Не істеу керек және неден бастау керек?

Сіз бағдарламаны орнаттыңыз. Мен 2024 жылы лицензиялық нұсқамын көрсетуім керек — барлығын қадамдық түрде мысалға көрсеттім. Home қойындысында — сіздің соңғы жұмыстарыңыздың галереясын көруге болады. Your files қойындысында — сіздің бұлтқа сақталған суреттеріңіз. Файл жасаймыз! Дайын өлшем мен шешімді таңдауға болады — мұнда соңғы шаблондардың тарихы сақталады.

Параметрлер

...немесе жаңа холсты жасау. Қажеттімізге өлшемді пиксельдерде таңдау керек: әдетте сурет салуды ыңғайлы етпейтін ең кіші холстың өлшемі — 2000x2000 пиксель. Келесі параметр — шешімділік (Resolution). Егер сіз суретті басып шығармасаңыз, 72dpi жеткілікті болады, ал басып шығару үшін 300dpi-ден жақсырақ. Содан кейін — Color mode: RGB қойыңыз. Соңғы, бірақ маңызды емес — Color profile: мұнда sRGB таңдаңыз. Дайын! Бізде холсты бар!

Ал енді сурет салуға болады ма?

Слдеменіз, біз жұмыс файлын жасадық. Менің Photoshop терезем мен осы кезеңде былай көрінеді: Сіз қажетті терезенің көрінісін Window тақтасында орнатуыңызға болады: Менде қосқан терезелерім бар: Brush Settings (қылқаламдардың параметрлері), Brushes (қылқаламдар), Color (түс), Layers (қабаттар). Сіз терезелердің орналасуын ыңғайлы болу үшін жылжыта аласыз.

Қабаттар блокын қарастырайық

Файл жасаған кезде Photoshop автоматты түрде Фон (Background) қабатын жасайды. Бұл қабат блокталған және ол ақ түспен боялған. Ол үстінде сурет салмаймыз, жаңа қабат жасаймыз — үшін control+shift+N қысқа жолды қолданамыз. Біз мұндай терезе ашамыз, мұнда біз қабатқа атау бере аламыз, қабаттың орналасу режимін және қабаттың мөлдірлігін, егер қажет болса, өзгерте аламыз:   Бәрі жақсы, біз сурет салуға болатын қабат бар, мақсатқа жеттік!   <h3>Қалай істеу керек және не үшін?</h3> Көріп отырғаныңыздай, бұл иконқа бассаңыз, біз еркін пиксельдерді блоктауымызға болады. Бұл не береді? Қабатты блоктаған кезде, біз оның бойымен сурет сала алмаймыз, тек суреттелген жерлерде ғана сурет салуға болады, яғни трафарет қиып алғандай, оның шекарасынан шыға алмаймыз.   <img class="alignnone size-full wp-image-14384" src="https://img.skillsupschool.ru/library/kak-risovat-v-fotoshope/e6d8e6ec-7cc5-492f-a314-d4ef3a88becd.png" alt="Яғни трафарет қиып алғандай, оның шекарасынан шыға алмаймыз" width="714" height="266" />   Жақсы, ал бұл жерде не істеу керек? Егер сізге жеке қабатта жатқан текстураны мөлдірлеу қажет болса, Opacity немесе Fill параметрлерін реттеңіз.   <img class="alignnone size-full wp-image-14387" src="https://img.skillsupschool.ru/library/kak-risovat-v-fotoshope/accf8f45-27cf-4c9c-aa4b-09850bbf7253.png" alt="Параметрді Opacity немесе Fill реттеу керек" width="210" height="86" />   Мұнда қабат үшін қалқанының әртүрлі режимдері жатыр. Автоматты түрде қабат режимінде жасалады, егжей-тегжейлі ақпаратты кейінірек қарастырамыз.   <img class="alignnone size-full wp-image-14390" src="https://img.skillsupschool.ru/library/kak-risovat-v-fotoshope/e0e2ea0e-6ed8-4e3d-8e23-adf0ae606d8e.png" alt="Біз мұнда қабат үшін қалқанының әртүрлі режимдері жатыр" width="294" height="68" /> <img class="alignnone size-full wp-image-14393" src="https://img.skillsupschool.ru/library/kak-risovat-v-fotoshope/ea7e1a08-b606-48b5-ac46-91a71564ad70.png" alt="Біз мұнда қабат үшін қалқанының әртүрлі режимдері жатыр" width="326" height="852" />   Сіз қабаттарды екі рет басып, қайта атауыңыз мүмкін. Қабаттарды ыңғайлы ұйымдастыру үшін қабаттарды топтастыруды және оларды белгілеуді ұсынамын. Қабаттарды бөлек бөлу үшін бірінші қажетті қабатты таңдаңыз, Shift пернесін басып тұрып, қажетті соңғы қабатты таңдаңыз және control+G қысқа жолын қолданыңыз. Және тағы бір маңызды нәрсе! Қабаттарды көрсету режимін суретте көрсетілген параметрлерге бейімдеуді ұсынамын. Бұл мәзірге оң жақ батырмамен холстқа басу арқылы кіресіз. Қабаттардың иконкаларының өлшемін таңдаңыз: мен ең үлкенін (Large) таңдадым, бірақ орташасын (Medium) да қолдануға болады. Clip Thumbnails to Layer Bounds қасында галочка қойыңыз — бұл параметрмен біз қабатта суреттелгеннің бәрін ғана емес, бүкіл холсты қабаттың иконкасында көрмейміз.   <img class="alignnone size-full wp-image-14396" src="https://img.skillsupschool.ru/library/kak-risovat-v-fotoshope/84242e81-f221-422e-b381-3a2bdfbce73f.png" alt="Біз қабаттың иконкасында бүкіл холсты емес, тек қабатта суреттелгеннің бәрін көрмейміз" width="574" height="692" />   <h2>Маскалар</h2>   Маскалар туралы айтайық — мынадай иконка осылай көрінеді:   <img class="alignnone size-full wp-image-14400" src="https://img.skillsupschool.ru/library/kak-risovat-v-fotoshope/4cac64af-fe8d-4a69-82e6-a396a2004254.png" alt="Маскалар. Қазір маскалар туралы айтайық" width="458" height="106" />   Бұл маскалайтын маска, оны бассаңыз, қабат былай көрінеді:   <img class="alignnone size-full wp-image-14403" src="https://img.skillsupschool.ru/library/kak-risovat-v-fotoshope/1534871e-079b-41a5-9b5d-76ba73b64d7c.png" alt="бұл маскалайтын" width="674" height="198" />   Біз масканың мөлдір емес екенін көреміз, ол ақпен боялған. Бұл маскада қара, ақ және сұр түстермен сурет салуға болады — ол ластик эффектісіне ие. Қара — жойып, ақ — қайтарады. Бұл маска ыңғайсыз нысандарды толық алып тастауға сенімді болмаған кезде немесе сурет салу аймағын шектеу қажет болған кезде ыңғайлы. Келесі маска — қырқу маскасы. Бұл қабатты төменгі қабатқа бекітуге болатын қабат. Бұл не үшін қажет? Мысалы, сіз суреттеп қойған нысанның сүйкімді контурын сақтау қажет болса. Және бұл контурдың шекарасын шығармау үшін сіз жаңа қабатты мұндай маскамен бекіте аласыз. Ол үшін Alt пернесін басып, стилус қабаттардың байланысу орнына апарыңыз — дайын!   <img class="alignnone size-full wp-image-14406" src="https://img.skillsupschool.ru/library/kak-risovat-v-fotoshope/057980ba-3981-4fee-af1f-a6dcb34756b7.png" alt="қырқу маскасы" width="642" height="412" />   Және мен қолданып жүрген соңғы маскалардың бір түрі — тез маскалар. Оның қысқа жолы — Q. Сіз осы қысқа жолды бассаңыз, қабат қызыл түске боялады — қорқымаңыз, бұл роботтар көтерілісі емес!   <img class="alignnone size-full wp-image-14409" src="https://img.skillsupschool.ru/library/kak-risovat-v-fotoshope/8ea2ccaa-70df-43d7-b8d5-995d3ae4155d.png" alt="тез маскалар" width="692" /> height="640" />   Қазір біз қара және ақпен сурет салуға болады (қара түс өшіреді, ақ түс — қалпына келтіреді). Осы режимнен шығу үшін Q ыстық пернесін тағы да басу керек — орындалды, біз бөліп қойған аймағымыз бар, және бүгінде бөлінгеннің бәрі бар, тек маскада бояған аумақтардан басқа. Егер біз бөліндіні кері қайтаруымыз керек болса, бізде Control+Shift+I ыстық пернесі бар. Бөліндіні алып тастау үшін ыстық пернесі бар Control+D.   <h2>Немен сурет салуға болады?</h2>   Мұнда сурет салатын жерді тапқанымызға көңіл бөлдік, енді қылқаламдар қайда жатқанын көрейік! Қылқалам құралын таңдау үшін ыстық пернесі бар B:   <img class="alignnone size-large wp-image-14412" src="https://img.skillsupschool.ru/library/kak-risovat-v-fotoshope/3018aca7-c933-4037-bc54-fb68d5226c4d.png" alt="Немен сурет салуға болады?" width="640" height="47" />   Мәзір жолында біз бірнеше параметрлерді көреміз. Біз мұнда қажетті қылқалам іздеп табамыз. Сондай-ақ қылқаламдарда, қабаттар сияқты, қалдыру режимінің параметрлері бар — мен бұл параметрді қолданамын, суретті бір қабатта аяқтау кезінде. Және мөлдірлік параметрі бар — Opacity. Оны жиі өзгертемін, егер менің міндеттерімнің бірі — үздіксіз ауысуларды қол жеткізу болса, — бұл пернетақтадағы сандармен ыңғайлырақ, мұнда 1 — 10%, 0 — 100%. Қылқаламдарды қалай орнатамыз? Photoshop үшін қылқаламдар файлы abr кеңейтіміне ие, және орнату үшін қажетті қылқаламдарды бағдарламада ашу жеткілікті. Орындалды, қылқаламдар бар! Менің терезелерімнің бірі мынау сияқты көрінеді (бізде олар ерекшеленуі мүмкін). Мұнда сіз қылқаламның бағытын өзгерте аласыз, өлшемін өзгерте аласыз (бірақ мен [ — кішірек, ] — үлкенірек деп өзгертуді ұсынамын), қылқаламның қаттылығын өзгерте аласыз. Және, әрине, дайын қылқаламды таңдай аласыз:   <img class="alignnone size-full wp-image-14418" src="https://img.skillsupschool.ru/library/kak-risovat-v-fotoshope/224088ca-b61a-4e4c-9e79-3838d110f90e.png" alt="Орындалды, қылқаламдар бар!" width="840" height="842" />   Қазір менің әрқашан ашық болатын тағы бір терезеге назар аударайық. Бұл терезе Brush Settings — қылқаламдардың параметрлері. Ең бірінші қалта Brush Tip Shape — мұнда сіздің кітапханаңыздан қылқалам іздеп табуға болады. Бар шейп терезе қылқаламмен — мұнда сіз қылқаламның бағытын (стрелка) өзгерте аласыз және қылқаламды қысқарта аласыз немесе кеңейте аласыз (түймелер). Hardness — қаттылық параметрі, бізге қылқаламның жұмсақтығын өзгертуге мүмкіндік береді. Spacing — бұл параметр сізге қылқаламның баспасының арасындағы қашықтықты өзгертуге көмектеседі. Егер бұл параметрді максималды түрде арттырсаңыз, кез келген қылқалам — қайталанатын шейп болады.   <img class="alignnone size-large wp-image-14421" src="https://img.skillsupschool.ru/library/kak-risovat-v-fotoshope/7b761628-42da-4797-b99c-d92c43014c74.png" alt="бір қайталанатын шейп" width="640" height="888" />   Тағы бір маңызды параметр — трансфер. Біз қылқаламның сезімталдығын реттей аламыз.   <img class="alignnone size-large wp-image-14424" src="https://img.skillsupschool.ru/library/kak-risovat-v-fotoshope/a800f68e-84c8-4eb7-b2a3-1a7104f4a1d2.png" alt="Тағы бір маңызды параметр - трансфер" width="640" height="866" />   Color Dynamics — бұл қылқаламның түс динамикасын қосатын параметр.   <img class="alignnone size-large wp-image-14427" src="https://img.skillsupschool.ru/library/kak-risovat-v-fotoshope/477bb0e3-9321-4889-bfe6-96583e7953f0.png" alt="мен қолданамын - Color Dynamics" width="640" height="903" />   Осы терезе арқылы бір қылқалам іздеп табудан бірнеше қылқалам жасауға болады. Мен осы терезедегі әртүрлі параметрлерге басып, қылқалам қалай әрекет ететінін көруге кеңес беремін.   <h2>Ластик</h2>   Ластик үшін ыстық пернесі бар E. Ластик үшін қылқаламдарды қолдануға болады, сондай-ақ қылқаламдармен бірге, тек қылқаламдардың сақталған кезде қылқалам құралы ретінде тағайындалған қылқаламдардан басқа.   <img class="alignnone size-full wp-image-14430" src="https://img.skillsupschool.ru/library/kak-risovat-v-fotoshope/eae2b786-f8a7-4fcd-a388-ee362b9e20a9.png" alt="Қазір ластик туралы айтайық" width="138" height="88" />   <h2>Саусақ</h2>   Менің саусағым үшін ыстық пернесі бар S. Сіздің оны орнатуыңыз мүмкін болмауы мүмкін, және оны тағайындау үшін Edit қалтасына кіру керек және Keyboard Shortcuts таңдау керек.   <img class="alignnone size-large wp-image-14433" src="https://img.skillsupschool.ru/library/kak-risovat-v-fotoshope/092d682d-4bbf-49c4-97a3-1a63c79f0440.png" alt="Саусақ құралы" width="638" height="1024" />   Ыстық пернелер терезесі ашылады, және мұнда біз Shortcuts For: Tools таңдауымыз керек. Содан кейін біз саусақ құралын таңдаймыз және оған S ыстық пернесін қоямыз, Accept басылады және орындалды! ``` src="https://img.skillsupschool.ru/library/kak-risovat-v-fotoshope/dca29be4-18a9-466e-96e4-97a6ed6e43eb.png" alt="Бізде хоткейдің терезелері ашылады" width="640" height="504" />   Саусақ үшін өз параметрлері бар, біреулерін қарастырайық: бірінші параметр — Strength, яғни саусақтың қарқындылығы параметрі (мен әдетте 20%-дан астам қоймаймын, үзілістер тегіс болуы үшін), және соңғы параметр — Sample All Layers. Егер оның жанындағы текшенің ішінде белгісі болса, онда құрал бүкіл холсте белсенді болады, егер текшеде белгі болмаса, онда саусақ сіздің қазір орналасқан қабатыңызбен ғана жұмыс істейді. Қабатты Normal режимінен басқа кез келген қою режимда болған кезде Sample All Layers текшенің ішіндегі белгісін өшіру керек.   ``` ``` ```   ```

Лассо

  Лассоны қосу үшін L хоткейді қолданыңыз. Лассоның бірнеше режимі бар, олардың арасында Shift+L хоткеімен ауысуға болады. Бірінші режим — еркін редакциялау режимі, сіз суреттейсіз және бөлінген аймақты аласыз. Екінші режим — тікбұрышты лассо, сіз нүктелер қойып, тізбекті жабасыз және дайын бөліністі аласыз. Соңғы режим — магнит лассо, ол сізге реакция береді және суреттегі тонға нүктелерді қояды. Бөліп алу не береді? Сіз сурет салудың аумағын шектейсіз және бөлінген аймақтың шекарасын шығару мүмкіндігінен айырыласыз. Егер қашқан құмырсқалар кедергі келтірсе, оларды Control+H хоткеімен жасыруға болады. Кез келген бөлінуді алып тастау үшін Control+D хоткеін басыңыз.   ``` ```

Сиқырлы таяқша

  Сиқырлы таяқшаны қосу үшін W хоткейді қолданыңыз.   ``` ``` ```   Сиқырлы таяқша суреттегі бір түске және тону бөліп алады, егер біз қажетті аймағымызға бассақ. Біз түске/тонуға сезімталдықты Tolerance параметрімен бейімдей аламыз. Мұнда біз Sample All Layers параметрін де көреміз — ол саусақпен бірдей жұмыс істейді. Ал егер біз суретте барлық қызыл түсті бөліп алуымыз керек болса, ал объектілеріміз бір-бірінен алыс тұрса, әр рет сиқырлы таяқшамен басуымыз керек пе? Жоқ, міндетті емес. Бізде Color Range функциясы бар — пипеткамен қажетті түсті холсте таңдауға және оған сезімталдықты бейімдеуге болады.   ``` ``` ``` ```   Сондай-ақ, біз квадратты/дөңгелек бөліп алуды қолданамыз — M хоткеі. Олардың арасындағы ауысу үшін Control+M хоткеін қолданып көріңіз. Бөліп алуды жасау процесінде квадрат/дөңгелек алу үшін Shift басымыз. Бөліп алуды қозғалтуға болады, пробел басып тұрған кезде.   ```

Қою режимдері

  Қою режимдері — бұл бірегей параметрлер, олар бір қабаттың пикселі басқа қабаттардың пикселімен өзара әрекеттесуін қамтамасыз етеді, оларды қалқанына орналастырғанда. Осы режимдердің арқасында сіз әртүрлі эффектілерді жасай аласыз және кескінді өзгерте аласыз, біраз сиқыр қосады! Photoshop-та ондаған ерекше қою режимдеріне қол жетімді, олардың әрқайсысы сіздің кескініңізге ерекше шарм береді және сурет салу уақытын қысқартуға мүмкіндік береді. Мен сүйіп жүрген және ең танымал қою режимдерінің кейбірі:

• Нормаль (Normal) — стандартты режим, онда қабаттың пикселі өзгеріссіз көрсетіледі. Барлық қабаттар Normal режимінде автоматты түрде жасалады.
• Көбейту (Multiply) — бұл режим жоғарғы қабаттың пиксельдерінің түстерін төменгі қабаттардың пиксельдерінің түстерімен көбейтеді, бұл түстерді араластыру эффектісін жасайды. Ол көлеңкелер мен текстураны салу үшін қолданылады.
• Қаптау (Overlay) — бұл режим Multiply және Difference режимдерінің эффектілерін біріктіреді, бұл контрастты эффектілерді жасауға мүмкіндік береді. Ол жарық сурет салуға, сондай-ақ текстураны салуға қолданылады.
• Экран (Screen) — бұл режимде жоғарғы қабаттың пиксельдерінің түстері кескіннің фонында, олардың жарқын жарықпен жарықтандырылғанындай көрінеді. Ол бликтерді салуға арналған.
• Түсті ашыту (Color Dodge) — бұл қою режимдерінің бірі, ол жиі кескінді ашыту немесе ерекше эффектілерді жасау үшін қолданылады. Ол жарық нүктелерді салуға мүмкіндік береді.
• Сызықтық ``` Линейлік Dodge (Linear Dodge — Add) — бұл режим Color Dodge-ке ұқсас, бірақ нәтижелері жұмсақ болуы мүмкін.
• Жұмсақ жарық (Soft Light) жұмсақ, нәзік эффектілерді жасауға арналған, мысалы, контрастсыз текстураны жасау немесе жарықтандыру мен рефлекстерді қосу.
• Қатты жарық (Hard Light) — бұл режим әдетте жарықтық пен контрастты эффектілерді жасау үшін қолданылады, мен жеке алғанда, мен бұл қабаттастыру режимінде тотты суреттеуді жақсы көремін.

 

Бастаушыларға арналған сабақ — балауыз

  Ал енді сайқымазақ сурет салайық! Барлығы дұрыс болуы үшін сіз маған суретшілік нұсқаулығының суреттерімен бірге жүруіңіз керек және әрбір кезеңді қайталауыңыз керек. Шаблонды және қылқаламдарды жүктеп алуды ұмытпаңыз. сурет салу үшін шаблонды жүктеу қылқаламдарды жүктеу    

Қалай өз бетіңізше сурет салуға болады?

  Сонымен, біздің Photoshop-пен танысуымыз аяқталды. Егер сіз бағдарламамен жақындасуды қаласаңыз, менің бастауыштарға арналған Photoshop-тың экспресс-курсыма келуіңізге келіңіз. Экспресс-курста біз төрт апта теория мен қызықты практикадан тұратын боламыз, барлық хоткейлерді және бағдарламада ауыртпалықсыз сурет салуға қажетті ең пайдалы нәрселерді бекіту үшін. Және бұл әлдеқайда маңыздырақ: мен топтың координаторымын, сондықтан сізбен әрқашан байланыстамын, әсіресе «қайда бастым және бәрі бұзылды» сияқты сәттерде. Сондай-ақ біз Skills Up мектебінің пайплайнмен танысамыз, және бір-бірімізбен, әрине! Және менің кішкентай ескертуім: ескеру қажет, Photoshop — бұл құрал, сондықтан кез келген құрал сияқты, ол практика мен шыдамдылықты қажет етеді. Бірақ уақыт өте келе сіз барған сайын күрделірек және әдемірек жұмыстар жасай аласыз. Қылқаламдармен және қабаттастыру режимдерімен эксперимент жасамаңыз — бұл өте қызықты! Және ең бастысы: үдерістен ләззат алыңыз!  

Photoshop-та қалай сурет салуға болатыны туралы бірнеше тамаша бейнесабақтар

 

Photoshop-та жүн қалай салынады

Сабақтың мәтіндік нұсқасы «Photoshop-та жүн қалай салынады» деп аталатын ақысыз сабақта қолжетімді.    

Цифрлық сурет салу бойынша пайдалы сабақтар

• Бастаушыларға арналған цифрлық кескіндеме — қалай бастау керек, стильдер мен дәстүрлі кескіндемеден айырмашылықтары
• Цифрлық кескіндеме: заманауи суретшінің дағдылары — дағдылардың, жанрлардың және цифрлық кескіндеменің шеберліктеріне шолу
• Procreate-те қалай сурет салу — Procreate интерфейсінің, қылқаламдардың және құралдардың толық нұсқаулығы

Саңырауқұлақ қалай салынады

``` Photoshop Сабақтың мәтіндік нұсқасы сондай-ақ «қалай Photoshop-та саңырауқұлақ суретін салуға болады» деген атауменгі ақысыз сабақта қолжетімді. ```