04 мая 2012


ADOBE FLASH еще не анимация                                                 ADOBE FLASH
CS4- CS5



Window - 
                Other Panels -
                                       History 
History - описание на адобовском сайте


Window - 
                Library

библиотека существует для хранения символов.
символ  - Graphic изображение, Button кнопка или Movie Clip фрагмент ролика.
символ может быть повторно использован, 
из него можно создать экземпляры символа, позволяющие использовать его , вариируя местоположение, цвет и т.д.

для того, чтобы созданное нами нечно поместить библиотеку, его нужно перетянуть, и в появившемся окошке задать тип и название. другой вариант - Modify - Convert to symbol или попросту F8

при импорте картинок (JPG,GIFF, PNG и др: Об импорте иллюстраций во Flashв библиотеке тоже создаются символы. импортировать можно двумя способами:              
                                                  Import to Stage
                            File - Import -                                         
                                                  Import to Library

Import to Stage разместит все выбранные картинки на сцене одну под другой и создаст для каждой символ типа image
Import to Library создаст для всех выбранных картинок символ в библиотеке.
любой символ типа image может быть использован в качестве заливки. если имидж маленький, он, как паттерн, повторяет себя нужное количество раз. изменить, повернуть, увеличить-уменьшить его можно с помощью инструмента Gradient Transform.
превратить имидж в графический символ можно с помощью F8.

для того, чтобы изменить символ, следует щелкнуть по нему дважды  на сцене или в библиотеке, сделать все, что требовалось, и не забыть вернуться в нормальный режим. изменение символа повлечет за собой изменение всех его экземпляров, размещенных на сцене.

для каждого экземпляра символа типа Movie Clip можно задать instance name - имя экземпляра.
у экземпляров типа Movie Clip и Graphic можно менять color effects в окошке Properties: tint - оттенок , alpha - прозрачность, advanced - (типа, продвинутые настройки для крутых пацанов) все сразу.



пустой кружок в первом кадре становится черным, когда кадр заполняется (мы создаем что-нибудь на сцене). 
   для того, чтобы создать изменения существующего положения объектов нужно поместить курсор в нужный (новый) кадр на временной шкале и создаем keyframe - ключевой кадр (с черным кружочком внутри) с помощью меню из правой кнопки мышки или F6. после чего в новом ключевом кадре производим (на сцене) требуемые изменения.
   для того, чтобы существующее на сцене положение просуществовало дольше по времени, можно добавить обычные (неключевые) кадры F5 или insert frame  из правого меню мышки. курсор размещается на том кадре, до которого  мы хотим оставить нынешнее положение неизменным.
   для выделения нескольких кадров нужно щелкнуть черной стрелочкой вне временной шкалы, выделить их с шифтом или протянув по ним курсором. выделенные кадры можно перетягивать по временной шкале, из слоя в слой, копировать перетягиванием + Alt.
   для того, чтобы удалить некоторое количество кадров, нужно выделить их и нажать Shift + F5.
   для удаления одного из ключевых кадров Shift + F6.
   ключевые кадры всегда обозначены черной точкой, в последнем кадре есть пустой прямоугольничек.
   можно копировать, вырезать кадры и даже менять их направление - reverse frames.
   если нажать на цветной квадратик на одном из слоев, на сцене мы увидим контуры того же цвета, что и квадратик, тех фигур и объектов, которые принадлежат этому слою.
   в нижней части временной шкалы имеются кнопочки:
onion skin (луковая кожа) , дает эффект стеклянного стола с подсветкой :позволяет видеть очертания фигур из прошлых кадров. можно увеличить или уменьшить количество видемых кадров на верху временной шкалы).
   edit multiple frames кажется,позволяет редактировать кадры, перетягивать содержимое. надо будет проверить.




03 мая 2012


ADOBE FLASH инструменты, текст, цвет                                              ADOBE FLASH
CS4- CS5
это будет не слишком подробно, ибо местами похоже на иллюстратор и фотошоп. в первую очередь сосредоточусь именно на различиях. на случай потребности в более подробном описании инструментов, свойств и т.д. оставлю несколько удобных ссылочек. да и погуглив можно найти массу уроков, объяснений и проч.


Window -  
                  Properties (свойства)





  во Флеше одно из важнейших окошек:
если "сцена" пуста или нет выделенных объектов, - это окно настроек самой сцены: при нажатии на кнопку Edit можно менять размер, цвет, в каких единицах измерения будут вспомогательные линейки (Rulers) и количество кадров в секунду.
 когда выбран какой-либо инструмент, большая часть настроек появится здесь же. забавно, что у части инструментов (н-р кисть, резинка и др) некоторые настройки обнаруживаются в нижней части левой линейки инструментов. вероятно, в этом есть какой-то пока недоступный мне сакральный смысл.
вообще, по чему ни щелкнешь курсором,
настройки того и следует искать в этом окне.



немного об инструментах:

при использовании многих инструментов рисования, в нижней части линейки инструментов появляется кнопочка Object Drawing - рисование объектов (в адобовских хелпах)если ее нажать, созданные фигуры будут цельными, а в 
верхней части окошка Properties появится надпись Drawing object.
 Drawing object всегда рисуется поверх  сложных форм

если кнопочку оставить ненажатой, нарисованная фигура\ форма не будет цельной (как рисовать прямоугольник):
один щелчек на заливку выделит только заливку;

один щелчек на контур выделит контур - или его часть (как унижнего левого квадрата. выделенную часть контура я перекрасила в оранжевый цвет для наглядности). для того, чтобы выделить весь контур, нужно щелкнуть по нему черной стрелочкой дважды.
для того, чтобы выделить всю фигуру, и контур, и заливку, нужно щелкнуть дважды по заливке.
для того, чтобы выделить часть фигуры (средний квадрат в верхней строке), достаточно  черной стрелочкой перетянуть по диагонали будущего выделенного участка или, если хочется более сложную фигуру выделить, нужен инструмент Lasso. с его помощью можно нарисовать от руки фигуру или выбрать в нижней части линейки инструментов другие настройки (вернее, замену) лассо, знакомые по фотошопу. 
две фигуры одного цвета объединаются в одну, если у них имеется общая площадь.
если фигуры разного цвета, вехняя "съест" находящийся под ней участок нижней, как в случае с правым нижнем квадратом и оранжевым кругом на рисунке выше.


кроме того, сложные фигуры можно деформировать: если подвести курсор к невыделенной фигуре, около него появится дуга. в этом положении, нажав на левую кнопку мышки, можно подтолкнуть\перетянуть участок контура вместе с заливкой. если все это проделать, нажав Alt, вместо дуги получим угол

Rectangle Primitive отличается от обычного тем, что настройки закругления углов в окне Properties можно менять и после того, как фигура нарисована.


Oval Tool


Oval Tool можно отстроить в окошке Properties до начала рисования фигуры довольно разнообразными способами.
Oval Primitive, как и Rectangle Primitiveможно настраивать после того, как фигура нарисована.
PolyStar Tool ,как ясно из названия, создает звезды и полигоны. настройки как обычно.


Brush - кисть рисует заливкой, не контуром. настройки толщины и формы кисти в нижней части панели инструментов. кроме того, там есть хитрые настройки, позволяющие рисовать над, под и даже вместо имеющейся фигуры
Pencil - рисует обводку, контур
в нижней части панели инструментов отстраивается "гладкость" линии"
straighten - выпрямляет
smooth - сглаживает
ink (чертить тушью) - дает наиболее близкий к оригиналу результат.
Free Transform Tool - трансформация фигур
Gradient Transform Tool - изменение градиентной или паттерной (каттинка, фот.) заливки
Paint Bucket Tool - создает заливку или меняет ее цвет
Ink Bottle Toolсоздает обводку или меняет его цвет
Eraser Tool - ластик, стирательная резинка. его настройки тоже в нижней части линейки инструментов верхняя иконка на выбор позволяет стирать внутри, снаружи, сверху и фиг знает где еще, средняя - краник - стирает по  цветам, нижняя - выбор формы и размера ластика

Text Tool - все настройки, как обычно, в окошке Properties (свойства)
пока что нам рассказали, что в режиме Classic Text есть под-режимы: static text - "вживляется": после окончания работы с ним в дальнейшем перестает быть текстом, а значит не меняется, вне зависимости от того, есть ли на компе клиента данный шрифт, или нет, но! его нельзя использовать в коде (не уверена, что такое изложение ситуации корректно, но так нам рассказали на уроке, а мне вникать сейчас немного недосуг)
dinamic text - просто текст. изменится, если у клиента не окажется нужного шрифта, может быть использован при программировании
input text - для ввода данных.

в подробности можно вникнуть на адобовском сайте:
Текст



Window - Color

      
менять цвета, градиент, всяческие заливки. при щелчке по одному из прямоугольничков с цветом разворачивается окошко с набором  цветов
под ведерком маленький черный квадратик, наложенный на маленький белый - дают черно белую вариацию;
белый квадрат с красной диагональю - убирает цвет выделенной фигуры\заливки\обводки
ну и следующий значек меняет местами цвета заливки и обводки.







17 апреля 2012

03 марта 2012

InDesign графика


ADOBE INDESIGN
CS4- CS5

во многом похож на Illustrator (в этом блоге начиная с 14.12.11 несколько уроков)
и! мое скромное и весьма непродолжительное знакомство с этой (InDesign) программой настоятельно ракомендует продолжать заниматься графикой в Иллюстраторе

нету Clipping Mask. вместо нее для того, чтобы поместить одну\несколько фигур в другую: 
  1. выделить фигуру, к-рую будем помещать.
  2. если фигур несколько, разместить их и объединить в группу ctrl+G
  3. cut или ctrl+X
  4. выделить фигуру, в к-рую размещаем
  5. щелчщк правой кнопкой мыши - Past Into
  6. для работы со "внутренней" фигурой белая стрелочка или двойной щелчок черной по фигуре
позволяет разместить внутреннюю и внешнюю фигуры друг относительно друга (верхняя линейка)


масштабирование и вращение фигур
1. в верхней линейке настроек:

выбор центра вращения


     







масштабирование             угол вращения               направление

2. щелкнув правой кнопкой мыши в меню Transform все, что нужно,
даже вращение с копированием, как в иллюстраторе
в отличие от иллюстратора, для повторения этого действия нужно нажать ctrl+alt+3
3. Window - object layout - transform
там же имеются align и pathfinder


тоже верхняя линейка настроек. эффекты. левый верхний квадратик позволяет выбрать весь объект, контур или заливку
   все гораздо серьезнее, если выбрать Effects из меню левой кнопки мыши.  




InDesign (1 - продолжение)


ADOBE INDESIGN
CS4- CS5

рабочее пространство на сайте производителя

View -
          Entire Pasteboard:  показать лист/разворот, включая пространтсво вокруг.

для перехода между обычным режимом и режимом пред-просмотра нажать W.

View -
          Display Performance
картинки - штука тяжелая. при работе с большим количеством страниц и иллюстраций скорость заметно падает. Fast Display оказывается весьма полезной командой.



Rulers   Ctrl + R (основные моменты общие для многих, если не всех, адобовских программ)
  • настройки линеек: клик правой кнопкой мышки на линейку
  • линейки могут быть: 
  1. ruler per page - у каждой страницы разворота своя линейка
  2. ruler per spread - одна линейка на разворот, 0 совпадает с началом
  3. ruler on spine - 0 на стыке двух страниц в середине разворота.

  • перетягивая мышкой этот крестик, перетягивается ноль на шкалах.

  • вспомогательные линии (видео)
  • если горизонтальную (в случае развернутых страниц - вертикальную) линию тянуть по одной из страниц разворота, линия будет только на этой странице. если вне - на всех
  • линии отмечаются (выделяются) так же, как обычные объекты. можно выделинь сразу несколько.
  • выделенные линии можно удалить backspace-ом, а можно перетягиванием за границы рабочего пространства
  • настройки линий в меню View и при клике правой кнопкой мыши по рабочему пространству, затем Grids&Guides:
  1. guides in back - позволит расположить линии за рисунком\текстом
  2. smart guides - Ctrl+U \smart - умный\

   baseline grid при уменьшении более 75% невиден
        


document grid



настройки сетки: Edit - Preferences - Grids