Вовед во Adobe Photoshop за невладини организации Дел II - Здружение на невладини организации TechSoup Романија

Пост за гостинот: Написот е потпишан од Вес Холинг, постар развивач на веб-содржини @TechSoup Global.

Продолжете ја нашата приказна со Adobe Photoshop. Во првиот дел од серијалот Вовед во Adobe Photoshop за невладини организации, видовте како можете да исчистите слика и да додадете текст, сега ќе го додадеме на постерот што се користи како студија на случај, телото на текстот, логото и белиот простор на задната страна. Но, прво, да разговараме за слоевите.

Што треба да знаете за слоевите

Секој елемент од вашите датотеки во Photoshop е на свој слој. Adobe ги опишува слоевите на следниов начин:

Слоевите во Фотошоп се како про transparentирни пластични листови.
Можете да видите низ про transparentирната област на секој лист што е на листовите подолу. Можете да го преместите слојот за да ја поставите содржината на неа, исто како што преместувате про plasticирен пластичен лист од оџакот.

Кога сте во апликацијата Фотошоп и имате отворен постер со сликата на лицето - оној што се користи како студија на случај - во долниот десен агол треба да видите поле наречено Слоеви. Ако не можете да го најдете, можете да пристапите со кликнување на прозорец >>Слоеви. Внатре во полето слоеви ќе видите список на предмети наречени „Лорем Ипсум“, друг со икона што претставува фотографија на девојче и бела позадина. Овие одделни елементи се вашите слоеви.

Белата позадина е слој, над него е фотографијата на девојчето и над фотографијата е текстуалниот слој. Можете да ги преуредите, уредувате, да ги направите невидливи или видливи, без да влијаете на другите слоеви.

Како што одиме напред со овој проект, ќе создадеме неколку слоеви: еден за белата површина под заглавието, еден за белиот текст и друг за логото. Кога се повикуваме на слоевите во оваа тема или во следната, се повикуваме на ова.

бонус: Ако сакате да дознаете повеќе за слоевите на Фотошоп, видете ја статијата на Adobe за нив.

Како да додадете лента

Од лентата за опции лево, кликнете и задржете Алатка за правоаголник. Appearе се појави под-мени, со опции за неколку форми. Изберете Заоблена алатка за правоаголник.
Промена Радиус во 10px. Willе го видите позициониран на горниот дел од екранот веднаш до менијата.
Кликнете на бојата на преден план (горе лево од двете полиња со бои).
Внесете хексадецимална вредност од FFFFFF да ја смениме бојата во бела. Потоа притиснете К..
Кликнете каде било на таблата за да создадете правоаголник.
Внесете ги следниве вредности.
ширина: 1175 px
висина: 1400 px
Притиснете К..
Забелешка: Во зависност од верзијата на Photoshop што ја имате, може и не ја имате опцијата Radius. Бидејќи веќе го наведовме ова во чекор 2, нема потреба да се грижиме за тоа сега.
Кликнете на алатката Движете се од лентата со алатки лево.
Кликнете на полето и одвлечете го до упатството што е најблиску до работ. Кутијата треба да се позиционира кога е доволно близу до линијата.

бонус: Photoshop CC ви овозможува да го промените радиусот на заоблените агли откако ќе го создадете правоаголникот. Ова е корисно да ви помогне во секое време откако ќе го создадете. Поранешните верзии ја немаа оваа одлика, затоа наведов во чекор 2.

Како да додадете текст во Фотошоп

Во Фотошоп можете да додадете текст во дадена форма, како што е полето што го создадовме погоре, или текстот може да седи на свој слој, како кога го создадовме заглавието.

Од моментот кога ја создадов кутијата, таа веројатно остана избрана. Ако кликнеме со Алатката за текст, ќе можеме да внесеме текст во полето, што би можело да биде она што сакаме да го сториме, ако нема подобро решение. Затоа, ќе сакаме да го поставиме текстот на неговиот слој. Зошто? Бидејќи ова ќе ни даде поголема флексибилност за промена на текстот или белата кутија, без едниот елемент да влијае на другиот.

Може да откриете дека треба да преземете многу чекори за да соберете текст. Сепак, една од придобивките од користењето на Photoshop е високото ниво на контрола што ја имате кога сакате да направите какви било промени. Ако некогаш сте се обиделе да организирате текст во Microsoft Word за да изгледате како што сакате, но не сте можеле, можеби ќе разберете зошто дизајнерите сакаат толку многу контрола.

бонус: Ја сменив функцијата Следење во чекор 13. Во светот на печатењето, функцијата Следење е вообичаен начин да се зборува за растојанието помеѓу сите букви. Да не се меша со јадро, што претставува простор помеѓу две букви (размислете на пример како би изгледале буквите V и A една до друга). Ако сакате да ја промените функцијата на кернинг, Photoshop нуди решенија. Оваа функција можете да ја најдете лево од функцијата за следење, во менито Карактери.

Функцијата Следење може да се користи кога текстот изгледа пренатрупан или премногу воздушен и керничен кога две соседни букви го привлекуваат вашето внимание на фактот дека тие не изгледаат добро заедно. Криејтив пазар има многу добро објаснување за разликата помеѓу Следење, кернинг и водење.

Сега сè што треба да сториме за да го завршиме нашиот постер е да го додадеме логото на непрофитна организација.

Како да додадете лого

Од горното мени кликнете Филе>>Вметнато место (Филе>>допаѓа за верзии постари од Creative Cloud).
Изберете ја датотеката блог-генерички-профит-лого.eps и притиснете допаѓа.
Photoshop ќе го вметне логото со максимална големина на сликата. (Во ред е, засега.)
Внесете ги следниве вредности за ширина и висина на горниот дел од страницата.
ширина: 760 px
висина: 183 px
Белешка: Ако користите постара верзија од Creative Cloud, од вас ќе биде побарано да ја внесете ширината и висината пред да ја поставите сликата.
Осигурете се дека упатствата се активни со притискање Преглед >>Покажи. Опција за да ја видите Водичи треба да се провери во менито. (Ако не, кликнете на него.)
Кликнете на инструментот Движете се.
Притиснете и повлечете го логото за да го залепите на внатрешната линија на водичот, лево и поставете го веднаш над долната линија - не залепено совршено.

бонус: Photoshop ја увезува оваа векторска графика како паметен објект. Ова е начин за Photoshop да задржи некои од карактеристиките на објектот што го увезувате. Ова значи дека овие објекти можете да ги претворите во фотошоп документ без да изгубите квалитет. За повеќе информации, Adobe обезбедува добар вовед во „Паметни објекти“.

Вектор наспроти Растер

Важна работа во врска со датотеката со логото е дека таа е векторска графика. Векторските графики се слики што можат да се менуваат во која било големина без да влијаат на нивниот квалитет. Фотографиите, пак, се растерски графики. Графичката графика може да стане нејасна кога ќе се зголеми над нивната оригинална големина, со видливи пиксели.

Дизајнерите создаваат повеќето логоа во векторски формат, така што можат да ги ставаат на што било, од визит карти до билборди, и да изгледаат добро. Бидејќи правиме постер што може да се користи и преку Интернет и во печатење, логото што го користиме е исто така векторска датотека што ќе изгледа добро во кој било формат. Вообичаени типови на векторски датотеки се скалабилна векторска графика (SVG), инкапсулирана постскрипт (EPS) и AI (Adobe Illustrator).

Бонус: Photoshop е најдобрата програма за уредување фотографии и други растеризирани слики. Додека Illustrator, добар придружник со Photoshop, е одлична програма за манипулирање со векторска графика.

Ако сакате да дознаете повеќе за векторската графика, овој напис на Википедија може да ви помогне подобро да разберете како работи. Spoon Graphics исто така има одлична статија за тоа како да започнете со Illustrator.

Како да додадете URL

Сега треба да ја додадеме (виртуелната) веб-адреса на непрофитната организација, така што секој што е привлечен од вашата порака за пораки, знае каде да бара повеќе информации.

Затоа, кликнете на Хоризонтален тип од лентата со алатки лево.
Променете го фонтот со Отворете ја светлината на Санс, 15 пт, и Мазна антиалијас.
Кликнете на полето за боја десно од делот за усогласување - синиот.
Внесете ја хексадецималната вредност FFFFFF и притиснете К..
Кликнете под логото за да започнете со пишување. (Не се замарајте со точното позиционирање.)
Напиши www.nonprofit.org и притиснете ЕСЦ да ги задржи промените.
Притиснете го инструментот Движете се.
Го усогласува текстот на URL-то со упатството под него.
Притиснете Ctrl (Команда на Mac) и кликнете на логото. Така го избирате слојот на логото.
Поместете го логото веднаш над текстот на URL-то, така што зборот "Организација" е над URL-то.
Зачувајте го документот со Филе>>Зачувај од горното мени.

Готовиот производ

Само што направивте образец за постер. Честитки Со основите што ги научивте во ова упатство, можете да ја замените сликата во позадина, да вклучите ваш сопствен текст, да менувате фонтови и многу повеќе.

Направете графика за печатење

Сега, да ја зачуваме датотеката за печатење. Печатените материјали мора да имаат поголема резолуција од сè што може да се прикаже на екранот, така што датотеката што ја зачувуваме тука ќе биде поголема од онаа што ја зачувуваме за веб.

Притиснете од горната лента со мени Филе >>Зачувај како
Изберете каде сакате да ја зачувате датотеката, напишете шаблони print.jpg до името на датотеката и кликнете Зачувај.
Напиши 12 (максимум) во полето Квалитет и притиснете К..

Белешка: Изборот на JPEG како формат на датотека значи дека Photoshop ќе ја компресира датотеката, но квалитетот ќе остане висок.

Можете да користите десктоп или професионален печатач за печатење. Повеќето професионални печатачи поддржуваат JPEG-датотеки.

Зачувајте за веб

Време е да зачувате верзија што можете да ја објавите на социјалните мрежи. Резолуцијата на зачуваната датотека порано е превисока за употреба на Интернет. Wouldе бидат потребни неколку екрани за да се прикажат во целосна големина, па ајде да зачуваме помал за веб.

Следејќи ја шемата погоре, кликнете на горната лента со мени Филе >>Зачувајте за веб (Зачувајте за веб и уреди во постари верзии).
Променете го Стандардни вредности (горе десно) до JPEG Висока.
Промена Квалитет со 80.
Промена ширина со 1200 px и висина со 1553 px и притиснете Зачувај ...
Изберете каде сакате да ја зачувате датотеката, напишете шаблони веб.jpg до името на датотеката и кликнете Зачувај.

бонус: Избрав 1200 како број на пиксели затоа што е максимална ширина прифатена на Фејсбук и Твитер. Погледнете ја објавата на Спрут социјално секогаш ажуриран водич за големината на сликата во социјалните медиуми, за повеќе детали за димензиите на социјалните медиуми.

заклучоци

И тоа беше сè! Ако сте ги поминале сите чекори што сте ги научиле доста, вклучително и како да користите многу моќни алатки за Photoshop (да не ги спомнувам сите копчиња што сте ги научиле за тоа што всушност прави).

Поточно, научивте како да ги прилагодувате боите и тоновите, да ја промените големината на фотографијата и да ја зголемите нејзината површина, да наполните бел простор со функцијата Пополнете содржина-свесна, да додадете и калибрирате упатства, да додадете текст на сликата и поставете го начинот на кој изгледа текстот, додадовте форма со заоблени агли и поставивте векторска слика. Покрај тоа, видовте како работат слоевите во Фотошоп и каква е разликата помеѓу векторската и растерската графика (во случај да не сте знаеле веќе).

Ова знаење треба да го примените за да креирате постер со различна слика во позадина, текст со друга боја и лого и URL на вашата организација.

Фотошоп ресурси

Доколку оваа серија ви го разгори апетитот за да дознаете повеќе за Фотошоп, погледнете ги и овие одлични упатства. И, ако сакате повеќе вакви упатства од TechSoup, можете да ни дадете знак.