Photoshop за уеб дизайн: 20 професионални съвета
Страница 1 от 2: Страница 1- Страница 1
- Страница 2
За много уеб дизайнери, Adobe Творчески облак suite - и по-специално Photoshop - играят неразделна роля в процеса на създаване на уебсайта. Независимо дали създавате уебсайт макети или проектиране на отделни елементи на сайта, Photoshop е чудесен вариант.
Ето няколко съвета за уеб дизайн, които може би не сте знаели, че Adobe е почитан редактор на снимки е в състояние - и може да се окаже много полезно за следващия ви проект.
01. Използвайте мрежови системи
Грид системите могат да спестят много главоболия при уеб дизайна. Опитайте да използвате ресурси като Ръководство на Камерън Макфий Удължаване на Photoshop, за да направи потребителските мрежи лесни и точни.
02. Извадете всичко
Една от най-добрите практики за успешен уеб дизайн (и управление на времето) е да поставите всичките си елементи на платното на Photoshop, преди да започнете да се цапате с дизайна.
Уеб дизайнерите често скачат направо в определена област, без да вземат предвид останалата част от страницата и тежестта на съдържанието. Ранното поставяне на грубата рамка ще ви помогне да вземете по-интелигентни решения и да избегнете по-големи редакции по-късно.
03. Изследвайте персонализирани предварителни настройки на документи
Хит cmd + N за да отворите прозореца Нов документ. Менюто Предварително задаване съдържа основни уеб и мобилни настройки, но липсват много общи измерения за различни мрежови системи, банери, iOS и Android устройства. Отделете няколко минути, за да запълните липсващите области.
04. Персонализирайте типа по подразбиране
Затворете всички отворени документи. Отворете палитрата Символи, за да изберете предпочитаното семейство шрифтове, тегло, разстояние и цвят. Няма повече Myriad по подразбиране!
05. Направете векторите си свежи
Поддържайте векторите си свежи. С инструмента Rectangle ( U ), отворете менюто с опции за геометрия в лентата с опции. Проверете опцията Snap to Pixels.
06. Създайте пунктирани линии
Изберете инструмента Четка ( Б. ), след това отворете палитрата Brush Presets, последвано от падащото меню в горния десен ъгъл. Изберете квадратни четки и натиснете Append.
Сега изберете Hard Square 1 Pixel четка. Преминете към палитрата на четките и натиснете Brush Tip Shape, като коригирате Разстоянието до 300%. На вашето платно задръжте Shift докато влачите четката хоризонтално или вертикално, за да създадете отчетлива пунктирана линия.
07. Увийте текст лесно
Използвайки бързо решение, Photoshop може да приложи функции за увиване на текст, подобни на функциите на InDesign. Изберете инструмента Правоъгълник ( U ). В лентата с опции задайте запълването на Paths, задайте формата на инструмент Rectangle и изберете „Add to path area“ (или натиснете + ).
На вашето платно нарисувайте голям правоъгълник върху областта на съдържанието. Върнете се в лентата с опции, променете „Добавяне към областта на пътя“ на „Изваждане от областта на пътя“ (или натиснете - ). На вашето платно с очертанията на оригиналния правоъгълник, нарисувайте пресичащ се правоъгълник, където текстът ще се увие.
Изберете инструмента Type ( т ) и щракнете вътре в големия правоъгълник, за да преобразувате фигурата в Type Work Path, която да запълните с type. Можете допълнително да прецизирате размерите Type Work Path с инструмента Rectangle (Правоъгълник) ( U ) и инструмента за директен избор ( ДА СЕ ).
08. Създайте бързи цветни запълвания
Хит alt + Изтриване за запълване на текст, форми и слоеве с избрания цвят на преден план. Натиснете cmd + Изтриване за запълване на област с избрания цвят на фона. Хит д , за да се върнете към черно-бялото по подразбиране и натиснете х за да сменяте цветовете на преден план и фон.
09. Останете организирани
Използвайте cmd + G да групирате слоеве и да ви помогне да останете организирани и фокусирани. Групирането на областите и компонентите на вашето съдържание - като навигация, области с включено съдържание, поддържащи компоненти и долни колонтитули - ще ви спести главоболие по време на процеса на проектиране и разработване на проект.
10. Станете интелигентни
Използване на интелигентни обекти (отидете на 'Филтър> Конвертиране за интелигентни филтри' и ctrl или Кликнете с десния бутон „Layer> Convert to Smart Object“) разумно може наистина да стимулира работния ви процес през целия процес на проектиране. Преобразуването на по-големи снимки и векторни обекти в Smart Objects запазва оригиналното качество на изображението след мащабиране, завъртане и изкривяване.
Следваща страница: още 10 съвета за уеб дизайн за Photoshop ...
- 1
- две
Текуща страница: Страница 1
Следваща страница Страница 2
