Четверг #1. Пилотный выпуск.

Apr 05, 2012 09:00


Итак, сегодня четверг, и я решил что этот день «ни о чём» подходит для освоения чего-нибудь нового.
Моим новым будет открытие рубрики, которую я постараюсь поддерживать и пополнять, а вашим новым будет какая-нибудь полезная информация, которую, я надеюсь, вы из рубрики извлечёте.

Информация будет касаться в основном дизайна, и рассчитана не на новичков, материал буду излагать как он есть в моей голове, т.е. запутанно :)

Ну, поехали!

В первый Четверг предлагаю посмотреть на такую штуку, как «Смарт объекты» в фотошопе.
Мало кто их использует а зря. Мне тоже как то раньше и в голову не приходило ТАК пользоваться Смарт объектами. Речь пойдёт об одной из хитростей, которой со мной поделились французские коллеги, очень хорошо подходит для больших проектов, в данном случае смарт-объект даже можно назвать «мастером».

Представим себе большую и длинную страницу, на которой (зачем-то) нам пришлось разместить десяток, ато и два, одинаковых кнопок. «удалить» «настройки» «добавить в друзья»… не важно что, но оно повторяется часто и при внесении исправлений добавляет гемороя.

Но мы же ищем лёгких путей!

Возьмём для примера картинку из какой-нибудь папки «не принятое», поменяем фон, уберём лишнее, придумаем заголовок:



Нарисуем пункты и собственно героя дня - кнопку!
В данном примере кнопка очень дотошна, имеет несколько слоёв и копировать её будет неудобно. Редактировать много таких элементов в макете будет неудобно или вообще невозможно, если мы их сольём, чтоб под ногами не путались.



Вот тут мы достаём волшебную палочку, читаем заклинание и, выбрав все слои кнопки, жмём «Конвертировать в смарт-объект»


Раскопируем полученный элемент, создадим второй, для наглядности.



Теперь по сценарию нам что-то не нравится, и мы решаем отредактировать кнопку «Delete». Вот понравился нам эффект на элементах Эдд, давайте такой-же применим и к Делиту!
Для этого два раза кликаем на икноку слоя, или из правокнопочного меню идём в Редактирование контента:



И через кроличью нору попадаем прямо в то место, где чтобы куда-то попасть достаточно стоять на месте.
В этом волшебном документике редактируем нашу кнопочку.



Например до вот такого состояния. (Напоминаю, что элементы специально сложные, и просто копи-паст стилей не подойдёт)



Фон я добавил временно, для наглядности происходящего. Когда нам всё нравится, оставляем как было, элемент на прозрачном фоне, сохраняем и закрываем ларец.

Та-дааам! :) Все скопрированные элементы подхватили изменения из оригинала.


Ну помучаем кнопку ещё. Кнопкой ей было лучше, но она слишком здоровая. Давайте сделаем её обычным крестиком.
Повторяем процидуру, рисуем клосю.



Схраняем, закрываем.
Дзжжжпиииуу!



Ещё извращаемся, делаем клосю поменьше,


оставляем от Эдда только плюс, двигаем, рисуем «сейв», ну в общем тут и сказочке конец.



p.s. Обсуждения, вопросы и предложения в комментах приветствуются! Дискуссии с удовольствием поддерживаются. А также принимаются жалобы и предложения для разбора полётов «как сделать это проще» в следующем выпуске, всё это можно писать прямо в комментарии, или на почту zptrace@gmail.com с темой «в четверг»  

thursday, четверг, работа, фотошоп, хуячечная

Previous post Next post
Up